@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.3
*/

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

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

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

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



/******** カスタマイズ ********/


/* サイトタイトルとコンテンツの間 */
#content {
	margin-top:15px;
}


/* サイトの概要 */
@media screen and (min-width:640px){
.tagline {
	margin-right:30px;
}
}


/* サイトタイトル */
.logo-text {
  padding: 10px 0 25px;
  font-size: 1em;
}
.site-name-text {
  font-size: 27px;
}


/* グローバルナビメニュー */
#navi {
border-top: 5px solid var(--cocoon-xx-thin-color);
}



.sns th{
	width:30%;
padding-left:0px;	
padding-right:0px;
}


.zaiseki th{
	width:30%;
}

.size th{
	width:30%;
}


@media screen and (max-width:640px){
table th,
table td {
font-size:15px;
}
.zaiseki th {
width:25%;
padding-left:0px;	
padding-right:0px;
}
}


@media screen and (max-width:960px){
.zaiseki a{
	font-size:16px;
}
.sns a{
	font-size:16px;
}
}

	
@media screen and (max-width:640px){
.size th{
	width:25%;
}
.sns th{
	width:25%;
}
}


/* テーブル表 */
@media (min-width: 640px) and (max-width: 960px) {
table th,
table td {
	font-size:16px;
	}
}

table th{
	padding-left:0px;
	padding-right:0px;
	width:37%;
}
@media screen and (max-width: 640px) {
table th{
	width:25%;
}
}


.profile {
	margin-bottom:15px;
}


.name th{
	width:30%;
}
@media screen and (max-width:640px){
.name th{
	width:25%;
}
}


/* 作品 */
.sakuhin img{
	margin-bottom:15px;
}

.sakuhin {
	margin-bottom:50px;
}

.sakuhin2 {
	text-align:center;
}


/* テーブル表のリンクが複数 */
.fukusuu  {
	padding-top:20px;
}


/* 記事ページの左右の余白 */
.entry-content {
	padding-left:5px;
	padding-right:5px;
}


/* コメント欄 */
.comment-form-comment {
	margin-top:20px;
}

.comment-form-author {
	margin-top:10px;
}

.comment-form-email {
	margin-top:10px;
	margin-bottom:20px;
}


/* リンク並び(3列) */
.ichiran-link{
overflow : hidden;
	margin-bottom:50px;
}

.ichiran-link-c{
overflow : hidden;
}

.button-link a{
  color: var(--cocoon-text-color);
  text-decoration: none;
    border: solid 1px #ccc;
    border-radius: 4px;
width:31.1%;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
margin-right:8px;
	margin-left:7px;
	margin-bottom:10px;
}
.button-link a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
@media screen and (max-width: 640px) {
.button-link a{
	width:96%;
	margin-right:0px;
}
}

/* リンク並び(1列) */
.button-link2 a{
    border: solid 1px #ccc;
    border-radius: 4px;
	width:97.9%;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:7px;
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
.button-link2 a{
	margin-right:0px;
}
}


/* タイトル */
.entry-title {
	margin-top:0px;
	margin-bottom:30px;
}


@media screen and (max-width: 640px) {
.entry-title {
		padding-left:2px;
}
	.article h2{
				padding-left:5px;
	}
}



/* PR表記 */
.pr-label-s {
top: 7px;
left: 91%;
	 padding: 2px 12px 0px 12px;
}

@media screen and (max-width: 480px) {
.pr-label-s {
left: 83%;
	 padding: 2px 10px 0px 10px;
	font-size: 11px;
}
}
	
/* 投稿ページ（日付、カテゴリー） */
	.top-date-category {
float:right;
		margin-top:10px;
}
@media screen and (max-width: 480px) {
	.top-date-category {
		text-align:left;
margin-top:5px;
	}
	}


.top-pr {
	float:left;
margin-top:12px;
margin-left:7px;
  border: 1px solid rgba(51, 51, 51, 0.7);
  font-size: 12px;
  color: var(--cocoon-text-color);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2px 12px;
  border-radius: var(--cocoon-badge-border-radius);
}
@media screen and (max-width: 480px) {
.top-pr {
margin-top:7px;
}
}


/* パンくずリストのアイコン非表示 */
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
	display: none; /*非表示*/
}

/* カテゴリーアイコン非表示 */
.cat-icon::before{
 display:none;
}


/* フッターをモバイル表示 */
@media screen and (max-width: 768px) {
	.footer-widgets {
		display: block;
	}
}


/* twitter埋め込みあり */
@media screen and (min-width: 640px) {
.twitter-umekomi {
	float:left;
	margin-right:10px;
}
.twitter-setsumei {
	margin-top:10px;
	float:left;
}
.twitter-site{
	float:left;
	width:280px;
}
	.twitter-site th{
	width:25%;
}
	.event-sns th{
		width:25%;	
	}
}

@media screen and (min-width: 960px) {
.twitter-umekomi {
	margin-bottom:200px;
}
.twitter-umekomi2 {
	margin-bottom:100px;
}
}

@media screen and (max-width: 640px) {
.twitter-site th{
	font-size:15px;
	padding-left:0px;
	padding-right:0px;
}
.twitter-site td{
	font-size:15px;
}
}


.twitter-site {
	margin-bottom:10px;
}


/* イベント（twitter埋め込み無し） */
.event{
	float:left;
	width:290px;
	margin-right:20px;
}


.event2 {
	float:left;
	width:280px;
}

.event th{
	padding-left:0px;
	padding-right:0px;
}

.event2 th {
	padding-left:0px;
	padding-right:0px;
}


/* SNSボタン下の幅 */
.top-pr {
	margin-top:11px;
}

.top-date-category {
	margin-top:9px;
}

.sns-share-buttons {
	margin-bottom:6px;
}


/* トップ一覧のリンク */
.top-link {
  text-decoration: none;
  display: block;
  color: var(--cocoon-text-color);
  padding: 1.5%;
  transition: all 0.3s ease-in-out;
}

.top-link-img {
  float: left; /* 画像を左にする場合 */
  margin-right: 10px; /* テキストとの余白 */
  max-width: 320px;
  width: 50vw;
		  height: 180px;
}

.top-link a{
  font-size: 18px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;

}

.top-link a::after {
  clear: both;
  content: "";
  display: block;
}


.top-link:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}

@media screen and (max-width: 960px) {
	.top-link-img {
		margin-right:5px;
  width: 33vw;
 height: auto;
}
.top-link a{
  font-size: 16px;
}
	.top-link-text {
line-height:0.5em;
}
}


/* リンク並び */
.link-ichiran{
overflow : hidden;
	margin-bottom:20px;
}

.link-button a{
  color: var(--cocoon-text-color);
  text-decoration: none;
    border: solid 1px #ccc;
    border-radius: 4px;
width:47.2%;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
margin-right:11px;
	margin-left:4px;
	margin-bottom:10px;
}
.link-button a:hover {
 background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
@media screen and (max-width: 640px) {
.link-button a{
	width:97%;
	margin-right:0px;
}
}


/* リンク並び（カテゴリー） */
.link-ichiran2{
overflow : hidden;
	margin-top:20px;
	margin-bottom:10px;
}

.link-button2 a{
    border: solid 1px #ccc;
    border-radius: 4px;
width:47%;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
margin-right:12px;
	margin-left:5px;
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
.link-button2 a{
	width:94%;
	margin-right:0px;
}
}


/* 画像2列 */
.gazou2 {
	margin-bottom:20px;
}

.gazou2 img{
	width:50%;
}


/* 王冠 金 h2 */
.crown {
    position: relative;
    padding: 0px 0px 0px 2.5em;
	color: #dbb400;
}
.crown::before,
.crown::after {
    position: absolute;
    left: 10px;
    width: 0px;
    height: 0px;
    content: "";
}
.crown::before {
    top: -0.6em;
    border: 1.0em solid transparent;
    border-bottom: 1.9em solid currentColor;
}
.crown::after {
    top: 0.9em;
    border: 0.7em solid transparent;
    border-left: 1.0em solid currentColor;
    border-right: 1.0em solid currentColor;
}


.crown span {
	color:#333;
	margin-left:45px;
}


/* 王冠 銀 h2 */
.crown2 {
    position: relative;
    padding: 0px 0px 0px 2.5em;
	color: #9fa0a0;
}
.crown2::before,
.crown2::after {
    position: absolute;
    left: 10px;
    width: 0px;
    height: 0px;
    content: "";
}
.crown2::before {
    top: -0.60em;
    border: 1em solid transparent;
    border-bottom: 1.9em solid currentColor;
}
.crown2::after {
    top: 0.90em;
    border: 0.7em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}


.crown2 span {
	color:#333;
	margin-left:45px;
}


/* 王冠 銅 h2 */
.crown3 {
    position: relative;
    padding: 0px 0px 0px 2.5em;
	color: #c47022;
}
.crown3::before,
.crown3::after {
    position: absolute;
    left: 10px;
    width: 0px;
    height: 0px;
    content: "";
}
.crown3::before {
    top: -0.60em;
    border: 1em solid transparent;
    border-bottom: 1.9em solid currentColor;
}
.crown3::after {
    top: 0.90em;
    border: 0.7em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}


.crown3 span {
	color:#333;
	margin-left:45px;
}


/* .fanza::after {
  content: "(FANZA)";
	margin-left: 10px;
	font-size: 90%;
	color:#888888;
} */


.sns-share {
	margin-top:30px;
}

.under-entry-content {
	margin-top:50px;
}



/* トップページの外部リンク */
.toppage {
	border-bottom:solid #ccc 1px;
}

.toppage-link {
clear:both;
	margin-bottom:16px;
}
.toppage-link a:hover{
	  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
.toppage-link a{
	font-weight:bold;
  color: var(--cocoon-text-color);
text-decoration: none;
	font-size:19px;
display : block;
	padding-bottom:160px;
}
.toppage-link img{
	float:left;
	margin:12px 10px;
}
.toppage-link-a{
padding-top:10px;
	display : block;
}
@media screen and (max-width: 834px){
.toppage-link img{
		width:37%;
}
.toppage-link a{
			padding-bottom:140px;
		font-size:16px;
}
}
@media screen and (max-width: 640px){
	.toppage-link a{
		padding-bottom:78px;
		font-size:16px;
}
	.toppage-link img{
		margin-left:5px;
}
}


/* 投稿者名の余白 */
.footer-meta {
	margin-top:50px;
}