@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body p, h1, h2, h3, h4, h5, h6, h7, span, .new-entry-card-title {
	color: #6c3524;
}

.logo-image {
    padding: 10px 0 0 0;
}

.tagline2 {
    margin: -2em 1em .6em;
    font-weight: bold;
	line-height: 3;
}

#main {
	margin-bottom: 40px;
}

#header .tagline {
		letter-spacing: 0.2em;
	font-size: 11px;
	}

/* リンク色設定 */

* a:link, * a:visited {
	opacity: 1;
}
* a:hover{
	opacity: 0.7;
}

#navi .navi-in a:hover,
#main .tagcloud a:hover,
#sns_follow_buttons-2 a.follow-button:hover,
footer:hover, #footer div:hover,
#footer a:hover, #footer span:hover, #footer aside:hover {
  opacity: 1 !important;
}


/*幅指定*/
.wrap {
    width: 100%;
}
.carousel, .navi-in, .content, .footer-in, .content-top-in,
.header-container-in.hlt-top-menu {
    max-width: 1020px;
	margin: auto;
}



/*ナビゲーション装飾*/

.header {
		border-bottom: 1px solid #ffcccc;
}

.header-container {
	border-bottom: 1px solid #ffcccc;
}

.content-top {
	margin-top: 0;
}

.header-container-in.hlt-top-menu .logo-header img {
    max-height: 50px;
}

.navi {
	font-weight: 700;
}

#navi .navi-in>ul>li {
    height: 70px;
    width: 160px;
    line-height: 70px;
}

#navi .navi-in > ul .menu-item-has-description > a > .caption-wrap {
    height: 70px;
	padding-top: 20px;
}

#navi .item-description {
	color: #ffcccc;
	font-weight: bold;
	font-size: 70%;
}

#navi .navi-in>ul>li:after { /* 縦線入れたいけどうまくいかない */
	height: 50%;
	background: 1px solid #ffcccc;
}

#navi .navi-in a:hover{
	color: #ffffff;
    background: #e73562;
}



/* カテゴリタグ */

.cat-label {
	opacity: 0.8;
}

.category .cat-label,
.archive .cat-label,
.search  .cat-label,
.fa-folder,
.archive .breadcrumb {
	display: none;
}

.entry-categories-tags > .entry-categories {
	display: inline-block;
	padding: 5px 20px;
	font-size: 80%;
	border: 1px solid #fcc;
}

#main .index-tab-wrap .tb2 .cat-label,
#main .index-tab-wrap .tb3 .cat-label,
#main .index-tab-wrap .tb4 .cat-label,
#main #csbooks .cat-label,
#sidebar .cat-label,
#main .archive-title span,
#main .cat-link span{
	display: none;
}

#main .archive-title,
#main .cat-link {
	display: inline-block;
	padding: 0 10px;
	border-left: 8px solid #6c3524;
	border-bottom: 1px solid #6c3524;
}

#main .entry-card-meta {
	display: none;
}



/* スライダー設定 */

div#n2-ss-3 .n2-ss-slider-1 {
    overflow: hidden;
}

.n2-section-smartslider .n2_clear {
	  position: relative;
	max-width: 800px;
	max-height: 37.5%;
	margin: 0 auto;
	
}

.n2-section-smartslider .n2_clear:before {/*スペースを作る*/
  content: '';
  bottom: 0;
  left: 0;
	margin: -1px;
  width: 100%;/*指定したい幅*/
  padding-bottom: 12.8%;/*画像の幅に対する高さ比率*/
  display: block;
}

.n2-section-smartslider .n2_clear:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  bottom: 0;
  left:0;
  display: block;
  width: 100%;/*幅*/
  height: 110px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(/wp-content/uploads/cs_topslider.svg);
  background-size: contain;
  background-repeat: no-repeat;
	background-position: bottom;
  }

div#n2-ss-3 .n2-ss-control-bullet {
	right: 10px !important;
}

/*
#n2-ss-3 .n2-ss-slide-background-color {
	background-color: RGBA(108,53,36,1) !important;
}

.n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image:nth-last-child(even) {
    opacity: 0.7 !important; 
}
*/

/*
div#n2-ss-3 .n2-font-506310b69861c43e57a7093cf84dc95b-hover {
	font-size: 130% !important;
}
*/

.n2-ss-slider .n2-ss-layer-content[data-verticalalign=center] {
    justify-content: space-between !important;
    align-items: flex-start;
    padding: 0.625em 30% 0.625em 3.25em !important;
}

.n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal] {
    text-align: left;
}

.n2-ss-slider .n2-ss-section-main-content {
    padding: 10px 50px !important;
	justify-content: space-between !important;
	align-items: flex-start;
}

.n2-ss-slider .n2-ss-slide {
    --ssselfalign: left !important;
}




/* 新着情報 */

#content-top aside.widget_recent_entries {
    padding: 3em 10px 20px;
    width: calc(80% - 40px);
    margin: 50px auto 30px;
    position: relative;
    border: 1px dashed #6c3524;
    border-radius: 30px;
}

#content-top aside.widget_recent_entries h2 {
	font-size: 80%;
	line-height: 4em;
	color: #fff;
	width: 6em;
	height: 6em;
	padding: 1em;
	display: inline-block;
	position: absolute;
	top: -3em;
	left: calc(50% - 3em);
	background-color: #6c3524;
	border-radius: 87% 77% 86% 89% / 95% 76% 98% 78%;
}


.widget_recent_entries ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	margin: 5px auto;
}

.widget_recent_entries ul li {
	margin: 2px 0;
	display: flex;
	align-items: center;
}

.widget_recent_entries ul li a {
	order: 3;
	max-width: 100%;
	padding: 0 0 0 10px;
	color: #e73562;
	font-size: small;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #fff;
}

.widget_recent_entries ul li a:hover {
	color: #e73562;
	border-bottom: 2px solid #fcc;
}

.widget_recent_entries ul li a:before,
.widget_recent_entries ul li a:after {
	font-weight: normal;
}
.widget_recent_entries ul li a:before {
	content: "『";	
}
.widget_recent_entries ul li a:after {
	content: "』更新！";	
}

.widget_recent_entries ul li .post-date {
	order: 1;
	margin-right: 10px;
	text-wrap: nowrap;
	min-width: 8em;
}

.widget_recent_entries ul li .main_cat {
	order: 2;
	text-align: center;
	font-size: 0.6em;
	padding: 0px 5px;
	border: 1px solid #6c3524;
	white-space: nowrap;
}

.widget_recent_entries ul li .main_cat.cat-label-2 { /* 電子書籍 */
	border-color: #05a8fa;
}
.widget_recent_entries ul li .main_cat.cat-label-3 { /* 紙単行本 */
	border-color: #ff5200;
}
.widget_recent_entries ul li .main_cat.cat-label-4 { /* 小説 */
	border-color: #72147e;
}





/*　NEWアイコン用　*/

/*
main .blog-post {
  position: relative;
}
*/

.ribbon19-content {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 65px;
  height: 65px;
  overflow: hidden;
  z-index: 3;
  }

.ribbon19 {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  left: -16px;
  top: 8px;
  width: 120px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  background: #e73562;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 2px rgb(231,53,98);
  border-top: dashed 1px rgba(255, 255, 255, 0.65);
  border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
}


/*サイドバー装飾*/
#sidebar .widget {
    margin: 0 0 30px;
    padding: 20px;
    background: #fbfbfb;
    border: 1px solid #f1f1f1;
	border-radius: 15px;
}

#sidebar .widget h3, .header_widget_section .widget .widget-title {
	font-size: 120%;
	background-color: inherit;
    line-height: 1;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 900;
    position: relative;
	color: #6c3524;
	border-left: 8px solid #6c3524;
}

#sidebar .widget h3.widget-title:before {
    content: "";
    background: #6c3524;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
	margin-left: -15px;
}

#custom_html-3 .widgets_new_title, #custom_html-3 figure {
	text-align: center;
}

#custom_html-3 .widgets_new_title img {
	max-width: 100%;
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 6px 0px rgb(231, 53, 98);
	margin: auto;
}

#custom_html-3 .widgets_new_title .card-title {
	color: #e73562;
}

#custom_html-3 .new-entry-card-date {
	display: block;
	margin-bottom: -20px;
}

#custom_html-3 .new-entry-card-post-date,
#custom_html-3 .widget-entry-card-update-date {
	/*display: inline-block;*/
	margin-top: 5px;
	padding: 5px 10px;
	font-weight: bold;
	background-color: #fff;
	border-top: 2px dotted #fcc;
	border-bottom: 2px dotted #fcc;
}

#custom_html-3 .new-entry-card-post-date {
	display: none;
}

#custom_html-3 .new-entry-card-post-date:after,
#custom_html-3 .widget-entry-card-update-date:after {
	content: "発売";
}

#custom_html-3 .widget-entry-cards .a-wrap:nth-child(2) {
	margin-top: 20px;
}

.search-box {
	margin: 0;
}

#recent-posts-4 li:before{
	content: ">";	
}
#recent-posts-4 li {
    border-bottom: 1px dotted #DBDBDB;
    line-height: 14px;
    position: relative;
    padding: 0px 0 8px;
    margin-bottom: 10px;
    line-height: 1.5;
}
#recent-posts-4 li a{
	display: inline;
	color: #e73562;
	font-weight: bold;
}

#recent-posts-4 li span.post-date{
	display: block;
}


/* メインコンテンツ */

.entry-card-title, .related-entry-card-title {
    font-size: 14px;
}
.entry-content {
	display: visible;
	margin: 0;
}

#main #list-wrap .list-new-entries {
	display: none;
}

#main .list {
    justify-content: flex-start;
    align-content: flex-start;
}

#main #list-wrap .ect-3-columns .entry-card-wrap {
    width: 25%;
    padding: 0.5%;
}

#main #list-wrap .list-more-button-wrap {
    text-align: right;
}

#main #list-wrap .list-column {
	margin-bottom: 3em;
}

#main #list-wrap .list-title,
.widget_tag_cloud .main-widget-label{
    text-align: left;
    font-size: 20px;
    margin-top: 0em;
    margin-bottom: 0.5em;
}

#main #list-wrap .list-title:before,
.widget_tag_cloud .main-widget-label:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/uploads/category_icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 3px;
}

#main #list-wrap .list-columns .list-column:not(.list-column:first-child) .list a:nth-child(n+5),
#main #list-wrap .cat-label {
	display: none;
}


#main #list-wrap .list-title-in:before, .list-title-in:after {
    display: none;
}

#main #list-wrap .list-title,
.widget_tag_cloud .main-widget-label {
	font-size: 130%;
	font-weight: bold;
    padding: 0;
	border-bottom: 2px solid #fcc;
}
#main #list-wrap .list-title-in,
.widget_tag_cloud .main-widget-label {
	padding: 0;
}





/* 検索バー */
#main .search-box {
	display: none;
}


/* ページ送り */
.pagination-next a, .pagination .page-numbers, .list-more-button-wrap a {
	border: 1px solid #ffcccc;
}

.pagination-next {
	text-align: center;
	display: none;
}

.pagination-next a {
	display: inline-block;
	width: 25%;
	border-radius: 15px;
}

.pagination-next a:hover,
.pagination a:hover,
.list-more-button-wrap a:hover {
	background-color: #ffcccc;
}

.pagination a, .pagination span {
	border-radius: 50%;
}

.pagination span.current {
	color: #ffffff;
	background-color: #e73562;
	border-color: #e73562;
}

#main .list-more-button-wrap a {
	padding: 0.5em !important;
}


/* フッターのSNSアイコン用 */


#sns_follow_buttons-2 .sns-follow-message {
	display: none;
}

#sns_follow_buttons-2 .sns-buttons {
    justify-content: center;
}

#sns_follow_buttons-2 a {
	width: auto;
	height: auto;
	padding: 8px;
	margin: 0 10px;
	border: 0;
	border-radius: 50%;
	font-size: 20px;
}

.sns-share, .sns-follow {
    margin: 0 0 10px;
}

.sns-follow span {
	color: #e73562;
}


/* フッター設定 */

.footer-bottom {
	margin: 0 auto 50px;
	text-align: center;
}

.footer-bottom-logo, .footer-bottom-content {
	float: none;
    bottom: 0;
    position: static;
}

.footer-bottom-logo {
	margin-bottom: 15px;
}

.footer-bottom-content {
	clear: both;
    text-align: center;
}

.navi-footer-in > .menu-footer {
    justify-content: center;
    text-align: center;
}

.copyright {
	font-size: 80%;
}


/* ショコラシュクレ記事ページレイアウト用（id="csbooks"） */

#csbooks body, #csbooks div, #csbooks span, #csbooks object, #csbooks iframe,
#csbooks h1, #csbooks h2, #csbooks h3, #csbooks h4, #csbooks h5, #csbooks h6, #csbooks p, #csbooks blockquote, #csbooks pre,
 #csbooks em, #csbooks img, #csbooks q, #csbooks samp,
#csbooks small, #csbooks strong, #csbooks sub, #csbooks sup, #csbooks var,
#csbooks b, #csbooks i, #csbooks dl, #csbooks dt, #csbooks dd, #csbooks ol, #csbooks ul, #csbooks li,
#csbooks fieldset, #csbooks form, #csbooks label, #csbooks legend,
#csbooks table, #csbooks caption, #csbooks tbody, #csbooks tfoot, #csbooks thead, #csbooks tr, #csbooks th, #csbooks td,
#csbooks article, #csbooks aside, #csbooks figcaption, #csbooks figure, #csbooks section, #csbooks time, #csbooks mark, #csbooks audio, #csbooks video, #main .entry-footer ol, #main .entry-footer ul, #main .entry-footer li {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 vertical-align:baseline;
 background:transparent;
}

#csbooks article, #csbooks aside, #csbooks details, #csbooks figcaption, #csbooks figure, #csbooks section {
 display: block;
}

#csbooks ul, #csbooks ol,
#main .entry-footer ul, #main .entry-footer ol {
 list-style:none;
}

#main a:not(.page-numbers), #csbooks a {
 margin-top: 0;
 margin-bottom: 0;
 vertical-align:baseline;
 text-decoration: none;
 color: #e73562;
}

#csbooks a:hover {
 opacity: 0.7;
}

#csbooks table {
 border-collapse:collapse;
 border-spacing:0;
}

#csbooks img {
 vertical-align: bottom;
 line-height: 1.0;
}

#csbooks section {
	clear: both;
	margin-top: 20px;
}

#main .cat-link:hover {
    color: #e53900;
}

#main .sns-buttons {
    justify-content: flex-end;
}

#main .sns-share-buttons a {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

#main .sns-share-buttons a span {
	color: white;
}

#main .sns-share-buttons .button-caption {
	display: none;
}

/*
#main .post-update,
#main .post-update .fa-history,
#main .post-date,
#main .post-date .fa,
.single-csc #main .post-date,
.single-csn #main .post-date,
#custom_html-3 .post-update {
	display: contents;
}

#main .post-date:after,
#main .post-update:after {
	content: '配信';
}
*/

#main h1.entry-title {
	border-bottom: 2px dotted #ffcccc;
	padding-bottom: 10px;
}

#main .csbooks-info p {
	font-weight: bold;
}

#main .article p.author {
	margin-bottom: 0;
	display: inline-block;
}



#csbooks {
    display: block;
}

#csbooks .title p {
    display: inline-block;
    font-size: 22px;
    padding: 5px;
    margin: 0 3px;
}

/*
#csbooks .csbooks_press,
.single-post #csbooks .cover {
	float: left;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 20px;
}

#csbooks .csbooks_press p:before {
	content: '◆ ';
}

#csbooks .cover {
	overflow: hidden;
	float: left;
	max-width: 250px;
	margin-bottom: 10px;
}
*/

#csbooks .eye-catch {
    width: 250px;
}

#csbooks .eye-catch img {
	width: 100%;
	height: auto;
}



/*　6/2追加＿一覧系　*/

#csbooks .cover {
	overflow: hidden;
	/* float: left; */
	/* max-width: 250px; */
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

#csbooks .cs_class_list
/* #csbooks .csbooks_data */ {
	display: block;
	flex: 2;
	margin-left: 15px;
	width: 100%;
}

#csbooks .eye-catch-wrap {
	flex: 1;
}

#csbooks .cs_relation_list {
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #fcc;
	padding: 15px;
	/* background-color: #ffebeb;
	border-radius: 10px; */
}

#csbooks .cs_relation_list h5 {
	font-size: 120%;
		font-weight: bold;
		background-color: #fff;
		position: absolute;
		padding: 3px 10px;
		top: -0.8em;
}

#csbooks .cs_relation_list h5:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url(/wp-content/uploads/category_icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}

/*
#csbooks .cs_relation_list li {
	padding: 5px;
	border-bottom: 1px dotted #ffcccc;
}

#csbooks .cs_relation_list li:last-child {
	padding-bottom: 20px;
	border-bottom: 0px solid #463632;
}

*/

#csbooks .cs_relation_list li {
	/*background-color: #fff;
	padding: 5px; */
	margin: 8px 0 0;
	line-height: 1.3;
}

#csbooks .cs_relation_list li a,
#csbooks .cs_relation_list li a:hover,
#csbooks .cs_relation_list li a:visited {
	color: #6c3524;
    font-weight: bold;
    border-bottom: 0px solid #6c3524;
	background:linear-gradient(transparent 0%, #fdd 0%);
}

#csbooks .cs_relation_list li span {
	font-weight: normal;
}

#csbooks .cs_relation_list2 {
	display: flex;
	justify-content: space-between;
	clear: both;
	flex-flow: column;
}

#csbooks .cs_relation_list2 h5 {
	padding-top: 15px;
}

#csbooks .cs_relation_list2 h6 {
	flex: 1;
	background-color: #fff;
	border: 1px solid #6c3524;
	font-size: 16px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 5px;
}

#csbooks .cs_relation_list2 h6:last-child {
	margin-bottom: 0px;
}


#csbooks .cs_relation_list2 h6 a {
	display: block;
	padding: 5px;
	white-space: nowrap;
}

#csbooks .cs_relation_list2 a:link,
#csbooks .cs_relation_list2 a:visited {
	color: #6c3524;
}

#csbooks .cs_relation_list2 a:hover {
	background-color: #e73562;
	color: #fff;
	opacity: 1;
}

#csbooks .csbooks_data p:before {
	content: '◆ ';
}

#csbooks .cs_relation_list a.relation_antholo,
#csbooks .cs_relation_list a.relation_story {
	display: flex;
	color: #6c3524;
	align-items: center;
}

#csbooks .cs_relation_list figure {
	max-width: 60px;
    margin-right: 10px;
}

#csbooks .cs_relation_list figcaption {
	font-size: 1em;
}

#csbooks .cs_relation_list3 {
	font-size: 0.7em;
	margin: -10px 0px 40px 0.8em;
	border: none;
	border-left: 1px dotted #e73562;
	padding: 23px 0 5px;
}

#csbooks .cs_relation_list3 h6 {
	font-size: 110%;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #e73562;
    font-weight: bold;
    position: absolute;
	top: 0;
    left: -0.8em;
    color: #e73562;
}

#csbooks .cs_relation_list3 li a,
#csbooks .cs_relation_list3 li a:hover,
#csbooks .cs_relation_list3 li a:visited {
	display: block;
	background: none;
	padding: 0 1em;
	/* margin-left: 1.5em;
    border-bottom: 1px dotted #e73562; */
	line-height: 1.5;
}




/* ここまで */


#csbooks .story {
    display: block;
	clear: both;
    /* float: right; */
    /* margin-left: 20px; */
	/* width: 350px; */
}

/* 
#csbooks .story {
    display: inline-block;
    float: right;
    margin-left: 20px;
	width: 350px;
}
 */


#csbooks h3 span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background-color: #6c3524;
    border: 1px solid #ffffff;
    padding: 8px 25px;
    margin-bottom: 20px;
    border-radius: 60% 60% 50% 60%/80% 60% 80% 60%;
}

/*
#csbooks h3 span {
	background-color: #e73562;
}
*/

#csbooks .story p.csbooks-midashi {
	color: #e73562;
	font-weight: 700;
	margin-bottom: 10px;
}

#csbooks .csbooks_sample {
	clear: both;
	padding-top: 20px;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: center;
}

#csbooks .csbooks_sample img {
	max-width: 50%;
	margin: 0 0 30px;
}


#csbooks .delivery_list {
    overflow: hidden;
	padding-top: 110px;
	margin-top: -50px;
}

#csbooks h3 {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

#csbooks h3:before, 
#csbooks h3:after {
  content: '';
  position: absolute;
  top: calc(50% - 13px);
  display: inline-block;
  width: calc(50% - 4.5em);
  height: 6px;
  background: -webkit-repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 2px, #fff 2px, #fff 6px);
}

#csbooks h3:before {
  left:0;s
}
#csbooks h3:after {
  right: 0;
}


#csbooks .cs_tokuten .tokuten_shop_list {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

#csbooks .cs_tokuten .tokuten_shop_list img {
	width: 100%;
	border: 1px solid #e73562;
}

#csbooks .cs_tokuten .tokuten_shop_list .tokuten_shops {
	margin: 15px auto;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
	width: calc(33% - 10px);
}
#csbooks .cs_tokuten .tokuten_shop_list .tokuten_yoko {
	width: calc(66% - 5px);
	max-width: 284px;
}

#csbooks .delivery_list div {
    clear: both;
    overflow: hidden;
	text-align: center;
    margin-bottom: 30px;
}

#csbooks .delivery_list div:last-child {
    margin-bottom: 0px;
}

#csbooks .delivery_list h4 {
	font-size: 18px;
  position: relative;
  display: inline-block;
  padding: 0 40px;
    margin-bottom: 10px;
}
#csbooks .delivery_list h4:before, 
#csbooks .delivery_list h4:after {
  content: '';
  position: absolute;
  top: 30%;
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#csbooks .delivery_list h4:before {
  left:0;
}
#csbooks .delivery_list h4:after {
  right: 0;
}

#csbooks .delivery_list ul,
#main .entry-footer ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-content: flex-start;
    margin: 0;
}
#csbooks .delivery_list li,
#main .entry-footer li {
    flex-grow: 1;
    max-width: calc(25% - 5px);
    min-width: calc(25% - 5px);
    text-align: center;
    float: left;    
    margin: 5px 2px;
}
#csbooks .delivery_list li a,
#main .entry-footer li a {
    color: #e73562;
	font-size: 14px;
    font-weight: 900;
    display: block;
    padding: 0.6em 1em;
    background-color: #fff;
    border: 1px solid #e73562;
    border-radius: 1.5em;
}

#csbooks .delivery_list li a:hover,
#main .entry-footer li a:hover {
    background-color: #e73562;
    color: #fff;
	opacity: 1;
}
#csbooks .delivery_list li a:visited {
}

#main .entry-footer>* {
	line-height: 1.8;
}

#main .widget-single-content-bottom-title {
	display: none;
}


/* ジャンルタグ追加 */

#main .entry-categories-tags .entry-tags .fa,
#tag_cloud-2 .tagcloud .tag-link-9,
#tag_cloud-2 span.fa.fa-tag{
	display: none;
}

#tag_cloud-2 .tagcloud {
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
}

.tagcloud a {
	background-color: #fff;
}

.tag-caption {
	font-weight: bold;
}

#tag_cloud-2 .widget_tag_cloud {
	margin-bottom: 30px;
}

#tag_cloud-2 .tagcloud a,
#main .entry-categories-tags .entry-tags a {
	justify-content:center;
	font-size: 90%;
	padding: 5px 10px;
	border: 1px solid #fcc;
	border-radius: 1.5em;
	margin: 4px;
	color: #6c3524 !important;
	background-color: #fcc;
	flex: 1 1 auto;
}

#tag_cloud-2 a:last-child {
	margin-right: auto;
}


#tag_cloud-2 .tagcloud a:hover,
#main .entry-categories-tags .entry-tags a:hover{
	background-color: #fff;
}

#tag_cloud-2 .tagcloud a span {
	color: inherit;
}

.entry-categories-tags > div {
    margin-bottom: 0;
}
.entry-tags {
	margin: -10px 0 -20px;
}
#main .entry-categories-tags .entry-tags a {
	font-size: small;
}

.go-to-top-button {
	border: 1px solid #6c3524;
  }



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/


#navi {
	display: none;
	}
	
.mobile-header-menu-buttons {
    padding: 12px 8px 8px 8px;
}

.mobile-menu-buttons > li {
    padding: 0 5px;
}

.menu-drawer li {
    text-align: center;
    border-bottom: 1px solid #fcc;
}

.menu-drawer a {
    color: #e73562;
    padding: 15px 0px;
    font-weight: bold;
}

.mblt-header-mobile-buttons {
    margin-top: 64px;
}
	
	/*

	main.main {
    margin-top: 50px;
}
	.mobile-header-menu-buttons .logo-menu-button:before {
		content: "KTCがお送りする女性向けレーベル";
		text-align: center;
		font-size: 10px;
		font-weight: nomal;
	}
	
	#header .tagline {
		display: none;
	}
	
	.logo-menu-button {
	line-height: 1.5;
	margin: -10px 0 0 0;
}
	*/
	
#metaslider-id-650 {
	max-width: 100vw !important;
	max-height: 50%;
}
	
#metaslider-id-650:after {
	max-width: 100vw !important;
}
	
#sidebar .widget {
    width: calc(50% - 10px);
		float: left;
		margin: 5px;
}
	
	#index-tab-wrap .ect-vertical-card .entry-card-wrap {
		width: 17%;
}
	#index-tab-wrap .entry-card-title, .related-entry-card-title {
    font-size: x-small;
}
	
#csbooks .story {
	clear: both;
	margin: 15px 0;
	width: auto;
}
	
	#list-wrap .entry-card-title {
    font-size: small;
}
	
	
	
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	
	body {
		width: 100vw;
	}
	#content-top .post-date,
	#content-top .post-update,
	#content-top .post-author,
	#content-top .amp-back {
    margin-right: 0px;
}
	
	#content-top .new-entry-card .new-entry-card-content {
		padding: 0.3em;
		font-size: smaller;
	}
	
	.footer-widgets {
    display: block;
}
	.footer-left, .footer-right {
		display: none;
	}
	
	.navi-footer-in > .menu-footer {
		flex-direction: column;
	}
	
	.navi-footer-in > .menu-footer li.menu-item {
		width: 100%
	}
	
	.widget_recent_entries {
		width: 100%;
		border-radius: 0%;
}
	.widget_recent_entries h2 {
		margin-bottom: 15px;
	}
	
	#sidebar aside>div {
		text-align: center;
	}
#sidebar .widget:nth-child(3),
	#sidebar .widget:nth-child(4){
	width: 100%;
}
	
}




/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

	
	body {
		width: 100vw;
	}
	
	#container {
		padding: auto 10px;
	}
	
	/*
	#content-top .widget-entry-cards.card-large-image .a-wrap {
    width: 100%;
	text-align: center;
}
	
	#content-top .new-entry-cards a {
    clear: both;
}
	*/
	
	#metaslider-id-650:before {
		display: none;
	}
	
	#new_entries-2 {
	margin: 0;
	padding-bottom: 0;
	width: 100%;
	border-radius: 0;
	}
	
	#content-top .new-entry-cards {
		padding: 6px;
	}
	
	#content-top .widget-entry-cards.card-large-image .a-wrap {
    width: calc(50% - 10px);
		margin: 5px 5px 0px;
	}
	
	#content-top .new-entry-cards .a-wrap:nth-child(even) {
		float: right;
	}
    
	#content-top .new-entry-cards a:nth-child(3) {
    clear: both;
	}
	
	#content-top .new-entry-card .new-entry-card-content {
		padding: 0.3em;
		width: 90%;
    left: 5%;
	}

	#index-tab-wrap .ect-vertical-card .entry-card-wrap {
    width: 49%;
}
	#index-tab-wrap .entry-card-title, .related-entry-card-title {
    font-size: smaller;
}
	
	#csbooks .delivery_list li, 
	#main .entry-footer li {
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    margin: 5px 3px;
	}
	
	#csbooks .delivery_list li:nth-child(odd),
	#main .entry-footer li:nth-child(odd){
	clear: both;
	}
	
	/*#csbooks .delivery_list2,*/
	#main .entry-footer {
		display: none;		
	}

	#csbooks h3:before,
	#csbooks h3:after {
		width: calc(50% - 5em);
	}
	
	#sidebar .widget {
    width: 100%;
		margin: 0 0 10px;
}
	#sidebar .widget:nth-child(3) {
		clear: none;
}
	
#main #list-wrap .ect-3-columns .entry-card-wrap {
    width: 49%;
    padding: 0.5%;
}

#main #list-wrap .entry-card-title {
    font-size: small;
}
	
.widget_recent_entries ul {
	width: 100%;
}
	
	
	
/* 追加 */
	
#content-top aside.widget_recent_entries {
	width: 100%;
	border: 0;
	/* border-top: 1px dashed #6c3524;
	border-bottom: 1px dashed #6c3524;
    border-radius: 0; */
	padding: 3em 20px 10px;
}
	
	.n2-ss-slider .n2-ss-text {
    font-size: 80% !important;
}
	
	.widget_recent_entries ul li {
    /* flex-direction: column; */
    margin: 0px 0 5px 0;
    border-bottom: 1px solid #fcc;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
		padding-bottom: 5px;
	}
	
	.widget_recent_entries ul li {
		flex-direction: column;
	}

	/*
	.widget_recent_entries ul li:last-child {
			border-bottom: 0px;
	}
	.widget_recent_entries ul li a {
    text-align: center;
}
*/

	
	div.entry-categories-tags.ctdt-one-row {
		display: flex;
		flex-direction: column;
		margin-bottom: 0px;

	}
	.entry-categories-tags > .entry-categories {
		margin-bottom: 15px;
		align-self: flex-start;
	}

/*
#main #list-wrap .list-more-button-wrap {
    text-align: center;
}
*/

	
#csbooks .cover, #csbooks .eye-catch {
	/* width: 100%; */
	max-width: 100%;
}
	
#csbooks .csbooks_sample img {
	max-width: 100%;
	margin: 0 0 20px;
}

	
#csbooks .cover {
	flex-direction: column;
	align-items: center;
}
#csbooks .cs_class_list, #csbooks .csbooks_data {
	margin: 20px 0 15px;
}

#csbooks .cs_tokuten .tokuten_shop_list .tokuten_shops {
	width: calc(50% - 5px);
}
#csbooks .cs_tokuten .tokuten_shop_list .tokuten_yoko {
	width: calc(100% - 5px);
}

#main h1.entry-title {
	font-size: 18px;
	padding: 0.6em 0em;
}
	
	#sidebar {
		display: flex;
		flex-wrap: wrap;
	}
	#search-2 {
		order: 2;
		width: 50%;
	}
	#custom_html-2 {
		order: 3;
		width: 50%;
	}
	#custom_html-3 {
		order: 1;
		width: 100%;
	}
	#custom_html-4 {
		order: 4;
		width: 100% !important;
	}
	

.n2-ss-slider .n2-ss-layer-content[data-verticalalign=center] {
    padding: 1em 2em !important;
}

/*
.n2-ss-slider .n2-ss-section-main-content {
    padding: 0px 20px !important;
	font-size: 70% !important;
}

div#n2-ss-3 .n2-ss-button-container a {
	padding: 10px 20px;
}
*/


}


@media screen and (max-width: 356px) {
  .ect-vertical-card .entry-card-wrap,
  .rect-vertical-card .related-entry-card-wrap,
  .ect-2-columns > *,
  .ect-3-columns > * {
    width: 49% !important;
    padding: 0.5%;
  }
}