@charset "utf-8";

/*--------------------------------------

  いちご白書

---------------------------------------*/

#hakusyo {
    float: left;
}
/*========　15naviの説明文　========*/
#hakusyo .desc_site {
    width: 760px;
    line-height: 1.4;
    margin-bottom:20px;
    padding: 14px;
    box-sizing: border-box;
    color: #999;
    background-color: #fff;
    font-size: 11px;
}
#hakusyo .desc_site .column_top {
    display: block;
    position: absolute;
    top: 37px;
    left: 15px;
    width: 126px;
    height: 28px;
}
#hakusyo .desc_site .column_top:hover {
    background: rgba(255, 255, 255, .3);
}
#hakusyo .desc_site strong {
    color: #fc648a;
}
#hakusyo .desc_site a {
    text-decoration: underline;
}
#hakusyo .desc_site a:hover {
    text-decoration: none;
}
/*========　ヘッドライン　========*/
#hakusyo .top {
    display: table;
    width: 760px;
    height: auto;
    margin: 0 0 20px 0;
    padding: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo .top .top_contents {
    display: table-cell;
}
#hakusyo .top_contents .chapter {
    float: left;
    width: 228px;
    margin: 0 18px 0 0;
}
    #hakusyo .top_contents .chapter:last-child {
        margin:0;
    }
#hakusyo .top_contents .chapter .img_box {
    height: 170px;
    overflow: hidden;
    margin-bottom: 4px;
}
#hakusyo .top_contents .chapter img {
    display: block;
    width: 100%;
    margin: 0 0 3px 0;
}
#hakusyo .top_contents .chapter a:hover {
    text-decoration: underline;
}
#hakusyo .top_contents .chapter .day_category {
    margin: 5px 0 0 0;
    color: #808080;
    font-size: 12px;
}
#hakusyo .top_contents .chapter .day_category span {
    display: block;
    margin: 5px 0 0 0;
    color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#hakusyo .top_contents .chapter .day_category span a:hover {
    text-decoration: underline;
}
#hakusyo .sub_contents {
    display: table-cell;
    padding: 0 0 0 8px;
    border-left: solid 1px #999;
    font-size: 12px;
    vertical-align: top;
}
#hakusyo .sub_contents h3 {
    position: relative;
    width: 145px;
    margin: 0;
    padding: 0 0 3px 10px;
	border-bottom: 1px #999 solid;
    font-size: 10px;
    font-weight: normal;
}
#hakusyo .sub_contents h3:before {
    position: absolute;
    content: "";
	width: 6px;
	height: 35px;
	background-color: #b2d512;
	top: 0;
	left: 0;
}
#hakusyo .sub_contents h3 span {
    display: block;
    margin: 0; 
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}
/*ふじこ*/
#hakusyo .sub_contents.fujiko { 
    line-height: 1.2;
    margin: 0 5px;
    padding: 5px;
    border: none;
    box-sizing: border-box;
    background: #fcf3f7;
    font-size: 11px;
}
#hakusyo .sub_contents.fujiko h4 {
    line-height: 40px;
    margin-left: 5px;
    float: left;
    font-size: 13px;
}
#hakusyo .sub_contents.fujiko .img_wrapper {
    float: left;
    margin-left: 2px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
}
#hakusyo .sub_contents.fujiko .img_wrapper img {
    width: 100%;
}
#hakusyo .sub_contents.fujiko p {
    width: 144px;
    margin: 5px auto;
    color: #666;
}
#hakusyo .sub_contents.fujiko p .name {
    color: #fc648a;
}
#hakusyo .sub_contents .chapter_3 {
    width: 154px;
    height: auto;
    margin: 8px 0 0 0;
    padding: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo .sub_contents .chapter_3 a {
    color: #000;
    text-decoration: none;
}
#hakusyo .sub_contents .chapter_3 a:hover {
    color: #333;
    text-decoration: underline;
    opacity: .8;
}
#hakusyo .sub_contents .chapter_3 .pick_up_img {
    width: 144px;
    height: 67px;
    overflow: hidden;
    margin: 0 0 3px 0;
}
#hakusyo .sub_contents .chapter_3 .pick_up_img img {
    width: 100%;
    height: auto;
}
#hakusyo .sub_contents .chapter_3 .category {
    margin: 5px 0 0 0;
    color: #666;
    font-size: 11px;
}
#hakusyo .sub_contents .chapter_3 .category a {
    display: inline-block;
    margin: 0 0 0 3px;
    color: #666;
    text-decoration: underline;
}
#hakusyo .sub_contents .chapter_3 .category a:hover {
    text-decoration: none;
}

/*========　記事一覧（インデックス）　========*/
#hakusyo .article_index {
    position: relative;
    width: 760px;
    margin: 0 0 20px 0;
    padding-top: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo .article_index h3 {
	font-size: 20px;
    margin: 0 18px 20px 18px;
    padding: 0 0 3px 16px;
	border-bottom: 1px #999 solid;
    position: relative;
}
#hakusyo .article_index h3:before {
    content: "";
	position: absolute;
    top: 3px;
	left: 0;
    width: 6px;
	height: 26px;
	background-color: #fc648a;	
}
#hakusyo .article_index h3 span {
	display: inline-block;
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: normal;
}
/**/
#hakusyo .article_index .article_list {
    font-size: 12px;
}
#hakusyo .article_index .article_list .ban_fujiko {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
#hakusyo .article_index .article_list .first_article {
	padding: 16px 18px;
	border-bottom: dotted 1px #dcdcdc;
}
#hakusyo .article_index .article_list .img {
    float: left;
    width: 160px;
    overflow: hidden;
}
#hakusyo .article_index .article_list .img img {
    width: 100%;
}
#hakusyo .article_index .article_list .article_text {
	width: calc(100% - 160px);
	float: left;
	padding: 0 0 0 10px;
    font-size: 1.8rem;
}
#hakusyo .article_index .article_list .article_text .article_link:hover {
    text-decoration: underline;
}
#hakusyo .article_index .article_list .article_text .article_sub_text {
    margin: 0;
    color: #979797;
    font-size: 12px;
}
#hakusyo .article_index .article_list .article_text span {	
	display:block;
	width: 100%;
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
    font-size: 12px;
	line-height: 1;
}
#hakusyo .article_index .article_list .article_text span a:hover {
    text-decoration: underline;
}
#hakusyo a.main_tag {
	padding-left: 8px;
}
#hakusyo a.main_tag + .sub_tag{
	border-left: 1px solid #ddd;
	padding-left: 8px;
	margin-left: 8px;
}
#hakusyo a.sub_tag{
	color: #999;
}
#hakusyo a.sub_tag + .sub_tag{
	padding-left: 8px;
}
/*========　カテゴリー一覧　========*/
#hakusyo .article_category {
    position: relative;
    width: 760px;
    margin: 0 0 20px 0;
    padding: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo .article_category h3 {
    width: 720px;
	font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 3px 16px;
	border-bottom: 1px #999 solid;
    position: relative;
}
#hakusyo .article_category h3:before {
    content: "";
	position: absolute;
    top: 3px;
	left: 0;
    width: 6px;
	height: 26px;
	background-color: #ff1095;	
}
#hakusyo .article_category h3 span {
	display: inline-block;
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: normal;
}
#hakusyo .article_category ul {
	margin:0;
    padding:0;
}
#hakusyo .article_category ul li{
    height: 45px;
	line-height: 45px;
	text-align: left;
    color: #585757;
    font-size: 16px;
    float:left;
}
#hakusyo .article_category ul li a {
    display: block;
    padding: 0 10px;
    color: #585757;
}
#hakusyo .article_category ul li span {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0;
    color: #FF1095;
    font-size: 11px;
}
#hakusyo .article_category ul li a img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 22px;
    height: auto;
    margin: 0 8px 0 0;
}

/*========　記事一覧（一覧ページ）　========*/

/*カテゴリー*/
#hakusyo .side_ber {
	width: 180px;
    float: left;
    margin: 0;
	padding: 0;
    font-size: 11px;
}
#hakusyo .side_ber a {
    text-decoration: none;
}
#hakusyo .side_ber ul{
    margin: 0;
	padding: 0;
}
#hakusyo .side_ber ul li {
    height: 45px;
	line-height: 45px;
	text-align: left;
    color: #585757;
    font-size: 16px;
}
#hakusyo .side_ber ul li:hover {
    background-color: #f1f1f1;
}
#hakusyo .side_ber ul li a {
	display: block;
	padding: 0 10px;
    color: #585757;
}
#hakusyo .side_ber ul li:hover {
    background-color: #f1f1f1;
}
#hakusyo .side_ber ul li span {
    display: inline-block;
	margin: 0 0 0 8px;
    padding: 0;
    color: #FF1095;
	font-size: 11px;
}
#hakusyo .side_ber ul li a img {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 22px;
	height: auto;
	margin: 0 8px 0 0;
}
#hakusyo .side_ber ul li.selected {
    background-color: #f1f1f1;
	font-weight: bold;
}
/*2カラム仕様記事一覧*/
#hakusyo .article_index .article_list.short {
}
#hakusyo .article_index .article_list.short .img {
    width: 140px;
    height: 100px;
    overflow: hidden;
}
/*========　右カラム　========*/
#right_contents {
    float: right;
    width: 200px;
    font-size: 12px;
}
#right_contents .right_top_img {
    padding: 0 0 5px 0;
}
#right_contents .right_top_img img {
}
#right_contents .side_contents {
    width: 200px;
    height: auto;
    margin: 0;
}
#right_contents .side_contents .title_image {
	width: 200px;
	margin: 0;
	padding: 0;
}
#right_contents .side_contents .title_image img {
    width: 100%;
}
#right_contents .side_contents .tag_list {
	display:flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    width: 200px;
    margin-bottom: 10px;
	padding: 8px;
    border: dashed 3px #f6dee7;
	border-top: none;
    list-style: none;
    box-sizing: border-box;
	background: #fff;
}
.tag_btn {
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 100px;
	background: #fff;
	word-wrap: break-word;
}
.tag_btn svg {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	fill: #ccc;
	vertical-align: middle;
}
.tag_btn_number {
	margin-left: 4px;
	color: #ccc;
	font-size: 9px;
	font-style: normal;
}
.tag_btn:hover {
	border-color: #fc648a;
	background: #fff0f4;
}
.tag_btn:hover svg {
	fill: #fc648a;
}
.tag_btn:hover .tag_btn_number {
	color: #fc648a;
}
#right_contents .side_contents ul {
    display: block;
    width: 200px;
    margin: 0;
	border-left : dashed 3px #f6dee7;
	border-right : dashed 3px #f6dee7;
	border-bottom : dashed 3px #f6dee7;
	list-style: none;
	box-sizing: border-box;
}
#right_contents .side_contents ul li {
    display: table;
	padding: 5px;
    background: #fff;
}
#right_contents .side_contents ul li span {
    display: table-cell;
	width: 70px;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#right_contents .side_contents ul li span img {
	width: 70px;
	height: auto;
}
#right_contents .side_contents ul li p {
    display: table-cell;
	width: 125px;
	margin: 0;
	padding: 0 0 0 5px;
	vertical-align: top;
}
#right_contents .side_contents ul li a:not(.bt_round_min) {
	display: block;
    color: #585757;
    text-decoration: none;
}
#right_contents .side_contents ul li a:hover p {
    color: #808080;
    text-decoration: underline;
}
/*ふじこ*/
#right_contents .side_contents ul li img {
    max-width: 100%;
    margin-bottom: 5px;
}
#right_contents .side_contents ul li.fujiko_kiji {
    background: #fcf3f7;
    padding: 5px 5px 0 5px;
    width: 100%;
}
#right_contents .side_contents ul li.fujiko_kiji img.ttl_img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
#right_contents .side_contents ul li.fujiko_kiji a:not(.bt_round_min) {
    display: block;
    padding: 5px;
    background: #fff;
    border-radius: 4px;
}
#right_contents .side_contents ul li.fujiko_kiji a.bt_round_min {
    margin-bottom: 15px;
}
/**/
#right_contents .side_contents_2 {
    width: 200px;
    height: auto;
    margin: 10px 0;
    background: #fff;
}
#right_contents .side_contents_2 .title_image {
	width: 200px;
	margin: 0;
	padding: 0;
}
#right_contents .side_contents_2 .title_image img {
    width: 100%;
}
#right_contents .side_contents_2 ul {
    display: block;
    width: 200px;
    margin: 0;
	padding: 0 0 10px 0;
	border-left : dashed 3px #f6dee7;
	border-right : dashed 3px #f6dee7;
	border-bottom : dashed 3px #f6dee7;
	list-style: none;
	box-sizing: border-box;
}
#right_contents .side_contents_2 ul li {
    display: table;
	padding: 10px 5px 0 5px;
}
#right_contents .side_contents_2 ul li span {
    display: table-cell;
	width: 25px;
	text-align: center;
}
#right_contents .side_contents_2 ul li span img {
	width: 25px;
}
#right_contents .side_contents_2 ul li p {
    display: table-cell;
	margin: 0;
	padding: 3px 0 0 5px;
	vertical-align: top;
}
#right_contents .side_contents_2 ul li p.new_kiji {
	padding: 0 0 0 5px;
}
#right_contents .side_contents_2 ul li a {
	display: block;
    color: #585757;
    text-decoration: none;
}
#right_contents .side_contents_2 ul li a:hover p {
    color: #808080;
    text-decoration: underline;
}
#right_contents .other a {
    display: block;
    margin: 0 0 10px 0;
}
#right_contents .left_bt_pre {
    position: relative;
    width: 200px;
    margin: 0 0 20px 0;
    text-align: left;
    border-bottom: solid 3px #ff8800;
    z-index: 3;
    border-radius: 6px;
}
#right_contents .left_bt_pre a {
    display: block;
    margin: 0 0 10px 0;
}
#right_contents .left_bt_pre a .pre_image {
    float: left;
    margin: 40px 0 0 5px;
}
#right_contents .left_bt_pre a .pre_image img {
    width: 70px;
    border: solid 1px #d6d6d6;
}
#right_contents .left_bt_pre a .pre_text {
    float: left;
    width: 110px;
    margin: 40px 5px 0 8px;
}
#right_contents .left_bt_pre a .pre_text .pre_name {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}
#right_contents .left_bt_pre a .pre_text .num {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 5px 5px;
    font-size: 12px;
    background-color: #F06;
    color: #fff;
    border-radius: 6px;
}
#right_contents .left_bt_pre .ribbon {
    width: 171px;
    position: absolute;
    left: 15px;
    text-align: center;
    font-size: 12px!important;
    background: #ff8800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#ff8800));
    background: -webkit-linear-gradient(top, #ff8800, #ff8800);
    background: -moz-linear-gradient(top, #ff8800, #ff8800);
    background: -ms-linear-gradient(top, #ff8800, #ff8800);
    background: -o-linear-gradient(top, #ff8800, #ff8800);
    background-image: -ms-linear-gradient(top, #ff8800 0%, #ff8800 100%);
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
}
#right_contents .left_bt_pre .ribbon .ribbon_text {
    font-size: 12px!important;
    color: #ffffff;
    text-shadow: #f47a00 0 1px 0;
    margin: 0px;
    padding: 4px 5px;
    font-weight: bold;
}
#right_contents .left_bt_pre .ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -0.5em;
    border: 1em solid #f47a00;
    z-index: -1;
}
#right_contents .left_bt_pre .ribbon:before {
    left: -1.2em;
    border-right-width: 0.7em;
    border-left-color: transparent;
    -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
    box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
}
#right_contents .left_bt_pre .ribbon:after {
    right: -1.2em;
    border-left-width: 0.7em;
    border-right-color: transparent;
    -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
    box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
}
#right_contents .left_bt_pre .ribbon .ribbon-content:before, #right_contents .left_bt_pre .ribbon .ribbon-content:after {
    border-color: #b55b00 transparent transparent transparent;
    position: absolute;
    display: block;
    border-style: solid;
    bottom: -0.5em;
    content: '';
}
#right_contents .left_bt_pre .ribbon .ribbon-content:before {
    left: 0;
    border-width: 0.5em 0 0 0.5em;
}
#right_contents .left_bt_pre .ribbon .ribbon-content:after {
    right: 0;
    border-width: 0.5em 0.5em 0 0;
}


/*========　記事全文　========*/
#hakusyo #content {
    position: relative;
    width: 760px;
    margin: 0 0 20px 0;
    padding: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo.column_sm_list + #right_contents {
    margin-top: 10px;
}
#hakusyo #content .category {
    width: 700px;
	height: 24px;
    margin: 0;
	padding: 0;
	/*background-color: #ffa2c7;*/
	background-color: #fff;
	font-size: 12px;
}

#hakusyo #content .category a {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#hakusyo #content .category a:hover {
	opacity: .8;
}
#hakusyo #content .category .home_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 20px;
	color: #fff;
	background-color: #ffa2c7;
    border-right: solid 1px #fff;
}
#hakusyo #content .category .category_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 20px;
	color: #fff;
	background-color: #ff1095;
}
#hakusyo #content .category .category_text::after {
	content: '';
	position: absolute;
	right: -24px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 24px 0 0 24px;
	border-color: transparent transparent transparent #ff1095;
}
#hakusyo #content .post h1 {
	color: #444;
    font-size: 24px;
}
#hakusyo #content .post .sub_title {
    margin: 5px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px #dcdcdc solid;
    color: #979797;
    font-weight: normal;
    font-size: 12px;
}
#hakusyo #content .post .top_title img {
    float: left;
    margin: 5px 0 0 0;
}
#hakusyo #content .post .top_title a:hover img {
    opacity: .8;
}
#hakusyo #content .post .top_title span {
    float: right;
    margin: 0;
    padding: 3px 0 0 0;
    font-size: 12px;
}
#hakusyo #content .post .top_title .intro_sm {
    display: block;
    margin: 35px 0 0;
    font-size: 1.4rem;
}
/*ふじこ*/
#hakusyo #content .post .top_title .prof_fujiko {
    margin: 5px 0;
    padding: 0 0 10px 0;
    color: #979797;
    font-weight: normal;
    font-size: 12px;
}
#hakusyo #content .post .top_title .prof_fujiko .img_wrapper {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 60px;
    overflow: hidden;
    float: left;
}
#hakusyo #content .post .top_title .prof_fujiko .img_wrapper img {
    width: 100%;
    margin: 0;
}
#hakusyo #content .post .top_title .prof_fujiko p {
    float: left;
    width: 650px;
}
#hakusyo #content .post .top_title .prof_fujiko p a:hover {
    text-decoration: underline;
}
/**/
#hakusyo #content .post .text {
	margin: 15px 0 0 0;
	padding: 0;
    line-height: 1.9;
    font-size: 14px;
}
#hakusyo #content .post .text .graph {
    margin: 40px 0;
    text-align: center;
}
#hakusyo #content .post .text img {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0;
}
#hakusyo #content .post .text h5 {
	position: relative;
    line-height: 1.5;
    margin: 32px 0;
    padding: 0 0 0 16px;
    font-size: 2.2rem;
}
#hakusyo #content .post .text h5::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 6px;
    height: 100%;
    background-image: linear-gradient(to left, #D4E6FF, #FFEBF9);
}

#hakusyo #content .post .text p {
	margin: 30px 0 ;
	padding: 0;
    font-size: 1.6rem;
    line-height: 1.7em;
}
#hakusyo #content .post .text p a {
	text-decoration: underline;
}
#hakusyo #content .post .text p a:hover {
	text-decoration: none;
}
#hakusyo #content .post .text p span {
	display: block;
	background-color: #f5f5f5;
    background-image: url("/pc/img/column/quote_bg.e166ee42.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
	background-size: 15px auto;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.5em;
	margin: 0;
    padding: 18px 15px 18px 30px;
	border-radius: 4px;
}
#hakusyo #content .post .text p span img {
    position: relative;
    top: -3px;
    left: 6px;
    display: inline-block;
    width: 15px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
}
#hakusyo #content .post .author_box {
    display: table;
    width: 700px;
    border: solid 1px rgb(221, 221, 221);
    box-sizing: border-box;
}
#hakusyo #content .post .author_box .author_box_img {
    display: table-cell;
    width: 130px;
    vertical-align: middle;
    text-align: center; 
}
#hakusyo #content .post .author_box .author_box_img img {
    width: 112px;
}
#hakusyo #content .post .author_box .author_box_text {
    width: 570px;
    padding: 8px;
    box-sizing: border-box;
}
#hakusyo #content .post .author_box .author_box_text dl{
    margin: 0;
}
#hakusyo #content .post .author_box .author_box_text dl dt {
    padding: 0 0 0 8px;
    border-left: solid 5px #ff1095;
    font-weight: bold;
    font-size: 18px;
}
#hakusyo #content .post .author_box .author_box_text dl dd {
    line-height: 1.4;
    margin: 5px 0 0 0;
    color: #585757;
}
#hakusyo #content .post .author_box .author_box_text dl dd a {
    display: block;
    margin: 5px 0 0 0;
    color: #FF1095;
    font-size: 16px;
    text-align: right;
    text-decoration: none;
}
#hakusyo #content .post .author_box .author_box_text dl dd a:hover {
    text-decoration: underline;
    opacity: .8;
}
#hakusyo #content .post .ban_scout {
    display: block;
    width: 70%;
    max-width: 450px;
    margin: 40px auto;
}
#hakusyo #content .post .ban_scout img {
    width: 100%;
}
#hakusyo #content .post .area_box p {
    margin: 0 0 4px 0;
    font-weight: bold;
}
#hakusyo #content .post .area_box ul {
    padding: 13px 0;
    border: dotted 2px #dfdfdf;
    text-align: center;
}
#hakusyo #content .post .area_box ul li {
    display: inline-block;
    color: #dfdfdf;
}
#hakusyo #content .post .area_box ul li a {
    text-decoration: underline;
    margin: 0 4px;
    font-weight: bold;
}
#hakusyo #content .post .area_box ul li a:hover {
    text-decoration: none;
}
#hakusyo #content .post .link_box {
	display: table;
    width: 400px;
    margin: 50px auto;
    background-color: #DDD;
}
#hakusyo #content .post .link_box .link_text a:hover {
    opacity: .8;
}
#hakusyo #content .post .link_box .link_img {
    display: table-cell;
    width: 200px;
	vertical-align: middle;
}
#hakusyo #content .post .link_box .link_img img {
    width: 100%;
}
#hakusyo #content .post .link_box .link_text {
    display: table-cell;
    width: 200px;
    text-align: center;
	vertical-align: middle;
}
#hakusyo #content .post .link_box .link_text a {
	display: block;
}
#hakusyo #content .post .link_box .link_text p {
    margin: 0 0 10px 0;
}

#hakusyo #content .post .link_box2 {
    width: 400px;
    margin: 50px auto;
}
#hakusyo #content .post .link_box2 p {
    margin: 0;
    padding: 2px 0 0 0;
    color: #fff;
    background-color: #f80;
    font-size: 16px;
    text-indent: .5em;
    text-align: center;
}
#hakusyo #content .post .link_box2 dl {
    line-height: 1.2;
    margin: 0;
    padding: 5px;
    border: solid 1px #f80;
    box-sizing: border-box;
}
#hakusyo #content .post .link_box2 dl dt {
    display: block;
    margin: 0 auto;
    padding: 0 0 5px 0;
    color: #ff8800;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    border-bottom: dashed 1px #f80;
}
#hakusyo #content .post .link_box2 dl dd {
    display: table;
    margin: 0;
}
#hakusyo #content .post .link_box2 dl dd .link_img {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}
#hakusyo #content .post .link_box2 dl dd .link_img img {
    width: 90px;
    height: auto;
    margin: 0;
    padding: 0;
}
#hakusyo #content .post .link_box2 dl dd .link_text {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    font-size: 18px;
}
#hakusyo #content .post .link_box2 dl dd .link_text strong {
    letter-spacing: -0.5px;
}
#hakusyo #content .post .link_box2 dl dd .link_text a {
    display: block;
    margin: 8px 0 0 0;
    padding: 5px;
    background-color: #0080ff;
	border-radius: 15px;
    box-shadow: 1px 1px 0 #585757;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}
#hakusyo #content .post .link_box2 dl dd .link_text a:hover{
    box-shadow: none;
    transform: translate3d(0, 1px, 0);
}
.related_tags {
	width: 720px;
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 3px 16px;
    border-bottom: 1px #999 solid;
    position: relative;
}
.related_tags:before {
	content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 26px;
    background-color: #fc648a;
}
.related_tags span {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: normal;
}
.content_tags_list {
    display: flex;
	display: -ms-flexbox;
    flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-bottom: 20px;
}
.content_tags_list .tag_btn{
	margin: 4px 8px 4px 0;
}
/*========　カテゴリー一覧　========*/
#hakusyo .pickup_search {
    position: relative;
    width: 760px;
    margin: 0 0 20px 0;
    padding: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo .pickup_search h3 {
    width: 720px;
	font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 3px 16px;
	border-bottom: 1px #999 solid;
    position: relative;
}
#hakusyo .pickup_search h3:before {
    content: "";
	position: absolute;
    top: 3px;
	left: 0;
    width: 6px;
	height: 26px;
	background-color: #fc648a;	
}
#hakusyo .pickup_search h3 span {
	display: inline-block;
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: normal;
}
#hakusyo .pickup_search ul {
	margin:0;
    padding:0;
}

#hakusyo .pickup_search ul li{
	text-align: left;
    display:inline-block;
    padding: 0 0 3px 10px;
}


/* ===========================

	新いちご白書レイアウト

=========================== */

/*  旧レイアウトリセット
------------------------*/
#hakusyo #content #hakusho_text span {	
	display: inline;
	margin: auto;
	padding: 0;
	background: none;
	color: #444;
	border-radius: 0;
	font-size: initial;
	line-height: initial;
}
#hakusyo #content #hakusho_text strong {	
	font-weight: normal;
}

#hakusyo #content #hakusho_text {
	color: #444;
}

/*  見出し
------------------------*/

#hakusyo #content #hakusho_text h2 {
	position: relative;
	line-height: 1.5;
	margin: 32px 0;
	padding: 0 0 0 16px;
	font-size: 2.2rem;
}
#hakusyo #content #hakusho_text h2::before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 6px;
	height: 100%;
	background-image: linear-gradient(to left, #D4E6FF, #FFEBF9);
}
#hakusyo #content #hakusho_text h3 {
	position: relative;
	line-height: 1.5;
	margin: 32px 0;
	padding: 2px 0 2px 16px;
	font-size: 1.8rem;
	border-bottom: 1px dashed #ccc;
}
#hakusyo #content #hakusho_text h3::before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	background-image: linear-gradient(to left, #D4E6FF, #FFEBF9);
}

/*  本文
------------------------*/

#hakusyo #content #hakusho_text p {
	margin: 16px 0;
	line-height: 1.7;
	font-size: 1.6rem;
}
#hakusyo #content #hakusho_text .red {
	color: #fc648a;
	font-weight: bold;
}
#hakusyo #content #hakusho_text .maker_blue {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #D4E6FF 60%, #D4E6FF 90%, transparent 90%);
}
#hakusyo #content #hakusho_text .maker_red {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #f5c9dc 60%, #f5c9dc 90%, transparent 90%);
}
#hakusyo #content #hakusho_text ul {
	margin: 12px 0;
	line-height: 1.7;
	font-size: 1.6rem;
}
#hakusyo #content #hakusho_text li {	
	margin-left: 2em;
	list-style-type: disc;
}
#hakusyo #content #hakusho_text ul.check li {
	margin-left: 8px;
	list-style-type: none;
}
#hakusyo #content #hakusho_text ul.check li:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 17px;
	padding-left: 8px;
	background: url(/pc/img/common/bt_check.png) no-repeat left bottom;
	vertical-align: middle;
}
#hakusyo #content #hakusho_text a {
	color: #2490D0;
}
#hakusyo #content #hakusho_text a.button {
	display: block;
	max-width: 360px;
	margin: 32px auto;
	padding:16px 16px;
	border-radius: 60px;
	background: #ef9eb2;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#hakusyo #content #hakusho_text a.button:hover {
	background: #f4b3c4;
}
#hakusyo #content #hakusho_text .border {
	margin: 24px 0;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
#hakusyo #content #hakusho_text .border > ul:first-child,
#hakusyo #content #hakusho_text .border > p:first-child {
	margin-top : 0;
}
#hakusyo #content #hakusho_text .border > ul:last-child,
#hakusyo #content #hakusho_text .border > p:last-child {
	margin-bottom : 0;
}
/*  引用
------------------------*/
#hakusyo #content #hakusho_text blockquote {
	position: relative;
	margin: 20px 0;
	padding: 0 16px;
	border: 1px solid #f3f3f3;
	border-left: 4px solid #ccc;
	border-radius: 0 8px 8px 0;
	background: #f3f3f3;
}
#hakusyo #content #hakusho_text blockquote::before {
	content: "❞";
	position: absolute;
	top: -15px;
	right: 10px;
	color: #ddd;
	font-size: 5rem;
}
/*  もくじ
------------------------*/

#hakusyo #content #hakusho_text .post_index {
	margin-top: 20px;
	padding: 16px;
	border-radius: 4px;
	background-color: #f8f8f8;
}
#hakusyo #content #hakusho_text .post_index .index_title {    
    position: relative;
	display: block;
	width: 200px;
	margin: 0 auto;
	color: #979797;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 2px;
}
#hakusyo #content #hakusho_text .post_index .index_title:before,
#hakusyo #content #hakusho_text .post_index .index_title:after {
    content: "";
	position: absolute;
	bottom: 10px;
	width: 45px;
	margin: 0 15px;
	border-bottom: 1px dashed #c4c4c4;
}
#hakusyo #content #hakusho_text .post_index .index_title:before{
	left: 0;
}
#hakusyo #content #hakusho_text .post_index .index_title:after{
	right: 0;
}
#hakusyo #content #hakusho_text .post_index ul + ul {	
	margin-top: 16px;
}
#hakusyo #content #hakusho_text .post_index li {
	margin: 6px 10px; 
	list-style-type: none;
}
#hakusyo #content #hakusho_text .post_index a {
	padding: 1px 8px;
	font-size: 1.4rem ;
	color: #fc648a;
	border-bottom: 1px dashed #f4afaa;
}
#hakusyo #content #hakusho_text .post_index a.sub {
	margin-left: 12px;
	font-size: 1.2rem ;
}
#hakusyo #content #hakusho_text .post_index a:hover {	
	background-color: #f9f6ef;
	border-color: transparent;
}

/*  テーブル
------------------------*/
#hakusyo #content #hakusho_text table {
	width: 80%;
	margin: 24px auto 0;
}
#hakusyo #content #hakusho_text th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	background: #f3f3f3;
	color: #444;
	vertical-align: middle;
}
#hakusyo #content #hakusho_text td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	color: #444;
}
#hakusyo #content #hakusho_text .w10 {
	width: 10%;
}
#hakusyo #content #hakusho_text .w20 {
	width: 20%;
}
#hakusyo #content #hakusho_text .w30 {
	width: 30%;
}
#hakusyo #content #hakusho_text .w40 {
	width: 40%;
}
#hakusyo #content #hakusho_text .w50 {
	width: 50%;
}
#hakusyo #content #hakusho_text .w100 {
	width: 100%;
}

/*  ボックス
------------------------*/
#hakusyo #content #hakusho_text .border_box {
    padding: 14px;
    border: solid 1px #CCC;
}

/*  吹き出し
------------------------*/

#hakusyo #content #hakusho_text .balloon {
	display: flex;
	margin: 20px 0;
}
#hakusyo #content #hakusho_text .balloon .balloon_icon {
	flex-basis: 32px;
	margin-right: 16px;
}
#hakusyo #content #hakusho_text .balloon svg {
	display: inline-block;
	width: 32px;
	height: 32px;
	
}
#hakusyo #content #hakusho_text .balloon_text {
	position: relative;
	display: inline-block;
	padding: 0 16px;
	border: solid 1px #f3f3f3;
	border-radius: 8px;
	background: #f3f3f3;
}
#hakusyo #content #hakusho_text .balloon_text::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -10px;
	width: 0;
	height: 0;
	border-top:10px solid transparent;
	border-right:10px solid #f3f3f3;
	border-bottom:10px solid transparent;
}

/*========　今日から風俗嬢　========*/
.column_sm .desc_sm {
    width: 760px;
    line-height: 1.4;
    margin: 15px 0 10px;
    color: #999;
    font-size: 11px;
}
.column_sm #content .post .text .talk {
    margin: 40px 0 0;
    /*border-bottom: dotted 1px #dcdcdc;*/
    position: relative;
}
.column_sm #content .post .text .bt_round:before { 
    margin: 0 8px 0 0;
    position: relative;
    top: 4px;
}
.column_sm #content .post .text .bt_round.bt_round_search {
    width: 100%;
    margin: 50px auto 25px;
} 
.column_sm #content .post .text .bt_round.bt_round_search:before {
    content: url(/pc/img/column/ic_ichigo_sm.png);
}
.column_sm #content .post .text .bt_round.bt_round_yorutomo {
    width: 100%;
    margin: 0px auto 40px;
    background: #f5d72b;
    border: solid 2px #f5d72b;
    color: #333;
} 
.column_sm #content .post .text .bt_round.bt_round_yorutomo:before {
    content: url(/pc/img/column/ic_yorutomo_sm.png);
}
.column_sm #content .post .text .bt_round.bt_round_yorutomo:hover {
    opacity: 0.7;
}
#hakusyo #content .post h4.ttl_sm {
    padding: 0 0 10px 0;
    margin: 5px 0 10px 0;
    border-bottom: 2px #dcdcdc solid;
}
#hakusyo #content .post .text .talk h5 {
    width: 100%;
}
#hakusyo #content .post .text .talk img {
    margin: 0 auto;
    display: block;
    width: 75%;
}
#hakusyo #content .post .text .talk p {
    padding: 0;
    margin: 25px 0;
    max-width: 100%;
}
#hakusyo #content .post .text .talk p.talk_last {
    margin: 25px 0 50px;
}
    #hakusyo #content .post .text .talk p.talk_red {
        color: #FF1095;
    }
#hakusyo #content .post .text .talk p.talk_last_face {
    margin: 25px 0 100px;
}
#hakusyo #content .post .text .talk .serif {
    display: inline-block;
    width: auto;
    color: #333;
    max-width: 580px;
    padding: 20px;
    border-radius: 10px;
    line-height: 1.7;
    position: relative;
}
#hakusyo #content .post .text .talk .serif::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 23px;
    transform: scale(1.3, 1) rotate(-45deg);
}
#hakusyo #content .post .text .talk .serif::after {
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
}

/*さくら*/
#hakusyo #content .post .text .talk .serif.sakura {
    background: #ffd0d6;
    float: left;
    margin-left:130px;
}
#hakusyo #content .post .text .talk .serif.sakura::before {
    background: #ffd0d6;
    left: -5px;
}
#hakusyo #content .post .text .talk .serif.sakura::after {
    left: -130px;
}
#hakusyo #content .post .text .talk .serif.sakura.face_A::after {
    background: url(/pc/img/column/sakura_A.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_B::after {
    background: url(/pc/img/column/sakura_B.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_C::after {
    background: url(/pc/img/column/sakura_C.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_D::after {
    background: url(/pc/img/column/sakura_D.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_E::after {
    background: url(/pc/img/column/sakura_E.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_F::after {
    background: url(/pc/img/column/sakura_F.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_G::after {
    background: url(/pc/img/column/sakura_G.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sakura.face_H::after {
    background: url(/pc/img/column/sakura_H.jpg) center center /contain no-repeat;
}
    #hakusyo #content .post .text .talk .serif.sakura.face_I::after {
        background: url(/pc/img/column/sakura_I.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_J::after {
        background: url(/pc/img/column/sakura_J.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_K::after {
        background: url(/pc/img/column/sakura_K.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_L::after {
        background: url(/pc/img/column/sakura_L.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_M::after {
        background: url(/pc/img/column/sakura_M.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_N::after {
        background: url(/pc/img/column/sakura_N.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_O::after {
        background: url(/pc/img/column/sakura_O.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_P::after {
        background: url(/pc/img/column/sakura_P.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_Q::after {
        background: url(/pc/img/column/sakura_Q.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_R::after {
        background: url(/pc/img/column/sakura_R.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_S::after {
        background: url(/pc/img/column/sakura_S.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.sakura.face_T::after {
        background: url(/pc/img/column/sakura_T.jpg) center center /contain no-repeat;
    }

/*たまき*/
#hakusyo #content .post .text .talk .serif.tamaki {
    background: #d4c4df;
    float: right;
    margin-right:130px;
}
#hakusyo #content .post .text .talk .serif.tamaki::before {
    background: #d4c4df;
    right: -5px;
}
#hakusyo #content .post .text .talk .serif.tamaki::after {
    right: -130px;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_A::after {
    background: url(/pc/img/column/tamaki_A.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_B::after {
    background: url(/pc/img/column/tamaki_B.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_C::after {
    background: url(/pc/img/column/tamaki_C.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_D::after {
    background: url(/pc/img/column/tamaki_D.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_E::after {
    background: url(/pc/img/column/tamaki_E.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_F::after {
    background: url(/pc/img/column/tamaki_F.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_G::after {
    background: url(/pc/img/column/tamaki_G.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.tamaki.face_H::after {
    background: url(/pc/img/column/tamaki_H.jpg) center center /contain no-repeat;
}
    #hakusyo #content .post .text .talk .serif.tamaki.face_I::after {
        background: url(/pc/img/column/tamaki_I.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.tamaki.face_J::after {
        background: url(/pc/img/column/tamaki_J.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.tamaki.face_K::after {
        background: url(/pc/img/column/tamaki_K.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.tamaki.face_L::after {
        background: url(/pc/img/column/tamaki_L.jpg) center center /contain no-repeat;
    }
/*佐藤*/
#hakusyo #content .post .text .talk .serif.sato {
    background: #f7c6bf;
    float: right;
    margin-right:130px;
}
#hakusyo #content .post .text .talk .serif.sato::before {
    background: #f7c6bf;
    right: -5px;
}
#hakusyo #content .post .text .talk .serif.sato::after {
    right: -130px;
}
#hakusyo #content .post .text .talk .serif.sato.face_A::after {
    background: url(/pc/img/column/sato_A.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_B::after {
    background: url(/pc/img/column/sato_B.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_C::after {
    background: url(/pc/img/column/sato_C.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_D::after {
    background: url(/pc/img/column/sato_D.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_E::after {
    background: url(/pc/img/column/sato_E.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_F::after {
    background: url(/pc/img/column/sato_F.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_G::after {
    background: url(/pc/img/column/sato_G.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.sato.face_H::after {
    background: url(/pc/img/column/sato_H.jpg) center center /contain no-repeat;
}
/*川口*/
#hakusyo #content .post .text .talk .serif.kawaguchi {
    background: #f7c6bf;
    float: right;
    margin-right:130px;
}
#hakusyo #content .post .text .talk .serif.kawaguchi::before {
    background: #f7c6bf;
    right: -5px;
}
#hakusyo #content .post .text .talk .serif.kawaguchi::after {
    right: -130px;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_A::after {
    background: url(/pc/img/column/kawaguchi_A.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_B::after {
    background: url(/pc/img/column/kawaguchi_B.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_C::after {
    background: url(/pc/img/column/kawaguchi_C.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_D::after {
    background: url(/pc/img/column/kawaguchi_D.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_E::after {
    background: url(/pc/img/column/kawaguchi_E.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.kawaguchi.face_F::after {
    background: url(/pc/img/column/kawaguchi_F.jpg) center center /contain no-repeat;
}
/*りょーいち*/
#hakusyo #content .post .text .talk .serif.ryoichi {
    background: #ffff99;
    float: right;
    margin-right:130px;
}
#hakusyo #content .post .text .talk .serif.ryoichi::before {
    background: #ffff99;
    right: -5px;
}
#hakusyo #content .post .text .talk .serif.ryoichi::after {
    right: -130px;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_A::after {
    background: url(/pc/img/column/ryoichi_A.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_B::after {
    background: url(/pc/img/column/ryoichi_B.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_C::after {
    background: url(/pc/img/column/ryoichi_C.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_D::after {
    background: url(/pc/img/column/ryoichi_D.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_E::after {
    background: url(/pc/img/column/ryoichi_E.jpg) center center /contain no-repeat;
}
#hakusyo #content .post .text .talk .serif.ryoichi.face_F::after {
    background: url(/pc/img/column/ryoichi_F.jpg) center center /contain no-repeat;
}
    #hakusyo #content .post .text .talk .serif.ryoichi.face_G::after {
        background: url(/pc/img/column/ryoichi_G.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.ryoichi.face_H::after {
        background: url(/pc/img/column/ryoichi_H.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.ryoichi.face_I::after {
        background: url(/pc/img/column/ryoichi_I.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.ryoichi.face_J::after {
        background: url(/pc/img/column/ryoichi_J.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.ryoichi.face_K::after {
        background: url(/pc/img/column/ryoichi_K.jpg) center center /contain no-repeat;
    }
    #hakusyo #content .post .text .talk .serif.ryoichi.face_L::after {
        background: url(/pc/img/column/ryoichi_L.jpg) center center /contain no-repeat;
    }
/*さくら・たまき*/
#hakusyo #content .post .text .talk .serif.sakura_tamaki {
    background: #ffd0d6;
    float: left;
    margin-left: 130px;
}

#hakusyo #content .post .text .talk .serif.sakura_tamaki::before {
    background: #ffd0d6;
    left: -5px;
}

#hakusyo #content .post .text .talk .serif.sakura_tamaki::after {
    left: -130px;
}

#hakusyo #content .post .text .talk .serif.sakura_tamaki.face_A::after {
    background: url(/pc/img/column/sakura_tamaki_A.jpg) center center /contain no-repeat;
}
/*おすすめのSMクラブ求人*/
#hakusyo #content .post .text .column_sm_recommend {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0;
}
#hakusyo #content .post .text .column_sm_recommend li {
    width: 32%;
}
#hakusyo #content .post .text .column_sm_recommend li img {
    width: 100%;
    padding: 0 0 10px 0;
}
#hakusyo #content .post .text .column_sm_recommend li .shop_info {
    display: block;
    line-height: 1.5;
    color: #979797;
    font-size: 1.2rem;
}
#hakusyo #content .post .text .column_sm_recommend li .shop_info .icon_svg {
    width: 1.6rem;
    height: 1.6rem;
}
#hakusyo #content .post .text .column_sm_recommend li .shop_name a {
    display: block;
    line-height: 1.6;
    color: #58afc0;
    font-size: 1.3rem;
    text-decoration: underline;
}
/*前のお話、次のお話を読む*/
.column_sm_library {
    display: table;
    width: 100%;
}
#hakusyo #content .post .text .talk + .column_sm_library {
    margin: 0 0 60px;
}
.column_sm_next,
.column_sm_prev {
    display: table-cell;
    width: 50%;
}
.column_sm_next {
    text-align: right;
    color: #ccc;
}
.column_sm_prev a,
.column_sm_next a {
    text-decoration: underline;
}
.column_sm_prev a {
    text-decoration: underline;
}
/*SMページ用 右カラム*/
.column_sm + #right_contents {
    margin: 66px 0 0 0;
}
.column_sm + #right_contents .column .disc {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #979797;
    font-size: 1.1rem;
}
.column_sm + #right_contents .column ul {
    margin: 10px 0 20px 0;
}
.column_sm + #right_contents .column ul li a {
    display: block;
    padding: 6px 0;
    border-bottom: solid 1px #dcdcdc;
}
.column_sm + #right_contents .column ul li a:hover {
    background: #fbeef4;
}
.column_sm + #right_contents .column ul li a img {
    display: block;
    float: left;
    width: 70px;
}
.column_sm + #right_contents .column ul li a .txt_box {
    float: left;
    padding-left: 8px;
    width: 105px;
    line-height: 1.2;
}
.column_sm + #right_contents .column ul li a .txt_box .date_area {
    line-height: 1;
    margin: 0;
}
.column_sm + #right_contents .column ul li a .txt_box p {
    line-height: 1.4;
}
.column_sm + #right_contents .column_sm ul li a {
    padding: 2px 0 6px;
}
.column_sm + #right_contents .column_sm ul li a img {
    width: 100%;
}
.column_sm + #right_contents .column_sm ul li a .txt_box {
    float: left;
    padding-left: 0px;
    margin: 10px 0;
    width: 100%;
    line-height: 1.2;
}
.column_sm + #right_contents #about img {
    display: block;
    margin: 12px 0 10px;
    width: 100%;
}
.column_sm + #right_contents #about hr {
    margin: 12px 0 20px;
}

/*========　関連記事　========*/
#hakusyo #relation {
    position: relative;
    width: 760px;
    margin: 0 0 20px 0;
    padding: 18px;
    border: solid 2px #dcdcdc;
    box-sizing: border-box;
    background: #fff;
}
#hakusyo #relation h5 {
	line-height: 23px;
    padding: 5px;
    margin: 0 0 5px 0;
    background : url(/pc/img/column/obi.png) no-repeat;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}
#hakusyo #relation h5 img {
	display: inline-block;
    margin-top: -6px;
    padding: 2px 5px 0 0;
}
#hakusyo #relation .relation_article ul {
	width: 700px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#hakusyo #relation .relation_article ul li {
	display: table;
	width: 100%;
	margin: 0;
	padding: 8px 0;
	border-bottom: dotted 1px #dfdfdf;
}
#hakusyo #relation .relation_article ul a {
	display: block;
    text-decoration: none;
    color: #fc648a;
    font-size: 16px;
	line-height: 1;
}
#hakusyo #relation .relation_article ul a:hover {
    opacity: .8;
    text-decoration: underline;
}
#hakusyo #relation .relation_article ul li .relation_image {
	display: table-cell;
    width: 120px;
}
#hakusyo #relation .relation_article ul li .relation_image img {
    width: 100%;
}
#hakusyo #relation .relation_article ul li p {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 10px;
    color: #9d9b9b;
    font-size: 12px;
}
#hakusyo #relation .relation_article ul li p.title a {
	margin: 0 0 5px 0;
}

#hakusyo #relation .relation_article table {
    border-bottom: 1px #DDD solid;
    padding-top: 3px;
}
#hakusyo #relation .relation_article table img {
    width:120px
}
#hakusyo #relation .relation_article table a:hover {
    opacity: .8;
}
#hakusyo #relation .relation_article table .reration_title {
    font-size: 16px;
}
#hakusyo #relation .relation_article table .reration_title a {
    text-decoration: none;
    color: #FF1095;
}
#hakusyo #relation .relation_article table .reration_title a:hover {
    text-decoration: underline;
}
#hakusyo #relation .relation_article table td {
    display: block;
    margin-left: 5px;
    padding-top: 3px;
    color: #9d9b9b;
    font-size: 12px;
}
/**/
#hakusyo .back_home {
    width: 700px;
	margin: 0 auto;
    text-align: center;
}
#hakusyo .back_home a {
	display: block;
	text-decoration: none;
	color: #585757;
}
#hakusyo .back_home a img {
    display: inline-block;
	margin: 0 10px 0 0;
}
#hakusyo .back_home a:hover {
    text-decoration: underline;
}


#hakusho_category {
    width: 980px;
    margin: 12px 0;
	padding: 0 ;
	font-size: 12px;
}
#hakusho_category a {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#hakusho_category a:hover {
	opacity: .8;
}
#hakusho_category .home_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	margin-right: 24px;
	text-decoration: underline;
}
#hakusho_category .home_text + .home_text:before,
#hakusho_category .home_text:last-of-type::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 5px;
	height: 5px;
	margin: auto;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#hakusho_category .home_text + .home_text:before{
	left: -18px;
}
#hakusho_category .home_text:last-of-type::after {
	right: -15px;
}
#hakusho_category .category_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 0;
}
#hakusyo .category2 {
	margin: 0 0 10px 0;
	padding: 0;
	height: 24px;
	font-size: 12px;
}
#hakusyo .category2 a {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#hakusyo .category2 a:hover {
	opacity: .8;
}
#hakusyo .category2 .home_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 20px;
	color: #fff;
	background-color: #ffa2c7;
    border-right: solid 1px #fff;
}
#hakusyo .category2 .category_text {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 20px;
	color: #fff;
	background-color: #ff1095;
}
#hakusyo .category2 .category_text::after {
	content: '';
	position: absolute;
	right: -24px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 24px 0 0 24px;
	border-color: transparent transparent transparent #ff1095;
}
#svg {
    width: 400px;
	height: 200px;
}
.content {
    text-align: center;
}
.content svg {
    width: auto;

}

main article strong {
    color: #ad5fb1;
    font-weight: bold;
    font-size: 16px;
}

main article strong.line {
    background: linear-gradient(transparent 0%, #f7e6f8 0%);
}

main article span.notes {
    background: linear-gradient(transparent 0%, #ff0000 0%);
    color: #fff;
}

main article span.notes2 {
    color: #ad5fb1;
}
/*========　ふじこの部屋　========*/

#hakusyo #content #hakusho_text #fujiko p{
    letter-spacing: 1px;
    line-height: 2.0;
}
#hakusyo #content #hakusho_text #fujiko strong {
    color: #ad5fb1;
    font-weight: bold;
    font-size: 16px;
}

#hakusyo #content #hakusho_text #fujiko strong.line {
    background: linear-gradient(transparent 0%, #f7e6f8 0%);
}

#hakusyo #content #hakusho_text #fujiko span.notes {
    background: linear-gradient(transparent 0%, #ff0000 0%);
    color: #fff;
}

#hakusyo #content #hakusho_text #fujiko span.notes2 {
    color: #ad5fb1;
}
#hakusyo #content #hakusho_text #fujiko video{
    width: 680px;
    height: 454px;
}
/*トーク形式*/
#hakusyo #content #hakusho_text #fujiko .talk_teacher,
#hakusyo #content #hakusho_text #fujiko .talk_girl {
    width: 100%;
    position: relative;
    margin: 30px 0;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher p ,
#hakusyo #content #hakusho_text #fujiko .talk_girl p {
    line-height: 1.8;
    margin: 0;
    width: 480px;
    margin: 0 auto;
    padding: 20px;
    background: #DDD;
    border-radius: 8px;
}
/*講師側*/
#hakusyo #content #hakusho_text #fujiko .talk_teacher::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    background: url('/pc/img/column/fujiko/talk_teacher_normal.png') no-repeat;
    background-size: contain;
    border-radius: 50%;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher.normal::before { 
    /*ノーマル*/
    background: url('/pc/img/column/fujiko/talk_teacher_normal.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher.hatena::before { 
    /*疑問*/
    background: url('/pc/img/column/fujiko/talk_teacher_hatena.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher.smile::before { 
    /*笑顔*/
    background: url('/pc/img/column/fujiko/talk_teacher_smile.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher p {
    position: relative;
    background: #f7e8ff;
    margin-left: 90px;
}
#hakusyo #content #hakusho_text #fujiko .talk_teacher p::after {
    content: "";
    position: absolute;
    top: 25px;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent  #f7e8ff transparent transparent;
}
/*女の子側*/
#hakusyo #content #hakusho_text #fujiko .talk_girl::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    right: 0;
    background: url('/pc/img/column/fujiko/talk_girl_normal.png') no-repeat;
    background-size: contain;
    border-radius: 50%;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl.normal::before {
    /*ノーマル*/
    background: url('/pc/img/column/fujiko/talk_girl_normal.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl.hatena::before {
    /*疑問*/
    background: url('/pc/img/column/fujiko/talk_girl_hatena.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl.smile::before {
    /*笑顔*/
    background: url('/pc/img/column/fujiko/talk_girl_smile.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl.panic::before {
    /*あわあわ*/
    background: url('/pc/img/column/fujiko/talk_girl_panic.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl.fun::before {
    /*楽しい*/
    background: url('/pc/img/column/fujiko/talk_girl_fun.png') no-repeat;
    background-size: contain;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl p {
    position: relative;
    right: 0;
    margin-right: 90px;
    background: #fffdd3;
}
#hakusyo #content #hakusho_text #fujiko .talk_girl p::after {
    content: "";
    position: absolute;
    top: 25px;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fffdd3;
}
/*Twitterキャンペーン*/
#twittercampaign {
    width: 600px;
    margin: 16px auto;
    padding: 16px 32px;
    border: solid 1px #1DA1F2;
    background: rgba(29, 161, 242, 0.1);
    text-align: right;
}
#twittercampaign img {
	display:block;
	margin: 8px auto 0;
	width: 100%;
}
#twittercampaign a.twittercampaign_link {
	display: inline-block;
	margin-top: 16px;
	color: #666;
	text-decoration: underline;
}