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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.pc{
	display: block;
}

.sp{
	display: none;
}

.article .article-header h1 {
	text-align: center;
    font-size: 2rem;
	padding-bottom: 0.6em;
    border-bottom: 2px solid #6ED7FF;
}

.article h2 {
	font-size: 1.6rem;
    background: linear-gradient(#00FFF5 1%, #111F4D 100%);
    border-radius: 12px;
    text-align: center;
    margin: 48px 0;
    padding: 10px;
}

.article h3 {
    font-size: 1.4rem;
    color: #6ED7FF;
    padding: 9px 10px;
    border-color: #6ED7FF;
	border-top: none;
	border-right: none;
	border-left: none;
}

.article h4 {
    font-size: 1.3rem;
    font-size: 18px;
    background-color: #0092CA;
    border-radius: 12px;
    padding: 8px;
    margin: 24px 0;
    border: none;
}

.article h5 {
    font-size: 1.2rem;
}

.article h6 {
    font-size: 1.1rem;
}

.article h3, .article h4, .article h5, .article h6 {
/*     border-color: #e6e6cf; */
}

.wp-block-list li::marker{
	color: #6ED7FF;
}

.wp-block-buttons .page-btn .wp-block-button__link{
    background: linear-gradient(#0092CA 1%, #6ED7FF 100%);
    border-radius: 0.6rem;
}

.wp-block-buttons .page-btn .wp-block-button__link:hover{
    opacity: 0.5;
	transition: 0.5s;
	color: #fff;
}

.mobile-menu-buttons .menu-icon{
	display: none;
}

.mobile-menu-buttons .menu-caption{
	font-size: 16px;
}

.mobile-footer-menu-buttons{
    background-color: #e6e6cf;
}

.mobile-menu-buttons .menu-button{
    border: 1px solid #000;
}

.mobile-menu-buttons{
    box-shadow: none;
}

strong{
    color: #00FFF5;
}

.wp-block-group iframe{
    display: block;
    margin-bottom: 1.8em;
}

.box-menus .box-menu-icon{
	color: #00b74f;
}

.box-menus a{
    color: #000;
}

.copyright a{
    text-decoration: none;
}

.footer-center .sub-menu {
    display: inline-grid;
}

.footer-center .sub-menu li{
    display: ruby;
}

.footer-center .sub-menu li a{
    font-weight: 300;
    font-family: "Noto Serif JP", sans-serif;
}

.has-fixed-layout{
	border-color: #fff;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th{
    background-color: #111F4D;
    border-color: #fff;
}


.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    background-color: #3F72AF;
    border-color: #fff;
}

#footer{
    background: #1c1814 url(http://www.m-kurosaki.com/cms/wp-content/uploads/2026/07/footer-back.png) no-repeat top right / 60% auto;
}

.index-movie-1, .index-movie-2, .index-trpg{
	max-width: 100%;
}

.insta-btn{
    position: relative;
    height: 28px;
    box-sizing: border-box;
    padding: 1px 12px 1px 12px;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    font-size: 12px;
    width: 210.875px;
    border: none;
    background: linear-gradient(45deg, #6a1ff5 0%, #E53160 50%, #F6CF45 100%);
    display: inline-flex;
    align-items: center;
}

.insta-btn img{
	width: 12%;
    padding-right: 8px;
}

#main{
    background: #393E46;
}

.blogcard{
	background: #333;
}

#nav_menu-3 ul, #nav_menu-5 ul{
    display: grid;
}

#nav_menu-3 ul li, #nav_menu-5 ul li{
	width: 100%;
	display: ruby;
}

#nav_menu-3 ul li a, #nav_menu-5 ul li a {
    font-weight: 500;
    font-family: "Noto Serif JP";
    padding-left: 10px;
}

#navi-in ul{
    text-align: start;
}

#navi-in ul li {
    display: flex;
    align-items: center;
	width: 145px;
	font-size: 12px;
}

#navi-in ul li a{
    font-weight: 500;
    font-family: "Noto Serif JP";
	font-size: 12px;
    padding-left: 5px;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.rev {
		flex-direction: column-reverse;
	}
	
	.pc{
		display: none;
	}

	.sp{
		display: block;
	}
	
	.navi-footer-in > .menu-footer li.menu-item{
        width: 100%;
		border-bottom: 1px solid;
	}
	
	.navi-footer-in > .menu-footer li.menu-item{
        margin: 2px 2px 10px 2px;
	}
	
	
	.article .article-header h1 {
		padding: 0.6em 0;
	}
	
	.mobile-header-menu-buttons {
		display: flex !important;
	}

	.mobile-header-menu-buttons .navi-menu-button {
		order: 3 !important;
	    background: linear-gradient(#0092CA 1%, #6ED7FF 100%);
	    color: #fff;
	}

	.mobile-header-menu-buttons .logo-menu-button {
		order: 1 !important;
	    justify-content: left;
	    background: linear-gradient(#00FFF5 1%, #111F4D 100%);
	}

	.mobile-header-menu-buttons .search-menu-button {
		order: 2 !important;
	    background: linear-gradient(#0092CA 1%, #6ED7FF 100%);
	    color: #fff;
	}
	
	.navi-menu-content{
	    right: 0;
	    left: auto;
		-webkit-transform: translateX(105%);
		transform: translateX(105%);
	    background: linear-gradient(#00FFF5 1%, #111F4D 100%);
	}
	
	.navi-menu-content ul li {
		margin-bottom: 10px;
    	font-size: 20px;
	}
	
	.menu-drawer a{
/* 	    border-bottom: 1px solid #00b74f; */
	    display: inline-block;
		font-weight: 700;
		font-family: "Noto Serif JP";
	}
	
	.footer-mobile .sub-menu{
	    display: inline-grid;
	}
	
	.footer-mobile .sub-menu li{
		display: inline-flex;
		padding: 10px 4px;
	}
	
	.footer-mobile .sub-menu li a{
		font-weight: 300;
    	font-family: "Noto Serif JP", sans-serif;
		padding: 0 4px;
	}
	
	#footer{
		background: #1c1814 url(http://www.m-kurosaki.com/cms/wp-content/uploads/2026/07/footer-back.png) no-repeat bottom right / 130% auto;
	}
	
	#nav_menu-5 ul li{
	    display: inline-flex;
	    margin-bottom: 20px;
	}
	
	#nav_menu-5 ul li a{
		padding: 0 0 0 10px;
	}
	
}