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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.pagination-next > a {
	background-color: white;
	font-size: 16px;
}

.floating-banner {
	opacity: 0;
	visibility: hidden;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.navi-menu-content.menu-content	{
		scrollbar-color: #333 #eee;
	}
	.navi-menu-content .menu-close-button { text-align: right; }
	.navi-menu-content .menu-close-button > span { margin-right: 0.5em; }
	.navi-menu-content  ul.menu-drawer::after { width: calc(100% - 1em); }
	.menu-drawer > li { font-size: 14px; }
	.menu-drawer .menu-item li { font-size: 14px; }
	
	.sidebar-menu-content .menu-close-button { text-align: left; }
	.sidebar-menu-content .menu-close-button > span { margin-left: 0.5em; }
	.sidebar-menu-content select#archives-dropdown-3 { border: 1px solid #1A1214; }
	
	main.main, div.sidebar {
		padding: 0 16px;
	}
	#slide-in-sidebar .widget-title {
		border-radius: 0;
		font-size: 12px;
	}
	
	.mobile-menu-buttons {
		background-color: #000;
	}
	.mobile-menu-buttons .navi-menu-button .menu-icon {
		position: relative;
	}
	.mobile-menu-buttons .navi-menu-button .menu-icon::after {
		background-color: red;
		border-radius: 100vh;
		color: white;
		content: "新";
		font-size: 10px;
		height: 16px;
		position: absolute;
		right: -5px;
		top: -2px;
		width: 16px;
	}
	
	.index-tab-buttons .index-tab-button {
		width: 100%;
	}
	
	aside#block-2 {
		margin-bottom: 0;
	}
	aside#block-2 form {
		margin-bottom: 0;
	}
	.entry-content {
		margin-bottom: 0;
	}

	.floating-banner {
		align-items: center;
		background-color: white;
		border: 1px solid #ccc;
		bottom: 50px;
		display: flex;
		gap: 15px;
		padding: 10px;
		position: fixed;
		right: 0;
		transition: .6s;
		width: 80%;
		z-index: 9;
	}
	.floating-banner.--visible {
		opacity: 1;
		visibility: visible;
	}
	.floating-banner__item .floating-banner__item-image a {
		display: block;
		text-align: center;
	}
	.floating-banner__item .floating-banner__item-image img {
		max-height: 80px;
	}
	.floating-banner__buttons {
		display: flex;
		flex-direction: column;
		gap: 8px;
		list-style: none;
		padding-left: 0;
		width: 40%;
	}
	.floating-banner__buttons li a {
		border-radius: 100vh;
		color: white;
		display: block;
		font-size: 11px;
		padding: .75em .5em;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		white-space: nowrap;
		width: 100%;
	}
	.floating-banner__buttons li a:hover {
		opacity: .7;
	}
	.floating-banner__button-fanza { background-color: #EE2737; }
	.floating-banner__button-amazon { background-color: #FF9900; }
	.floating-banner__label {
		bottom: 5px;
		position: absolute;
		right: 5px;
	}

}

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

/*320px以下*/
@media screen and (max-width: 320px){
  /*必要ならばここにコードを書く*/
	.page-numbers.dots {
        display: none;
    }
}