@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
*/
html {
    scroll-behavior: smooth;
}
:root {
    --primary-color: rgb(0 71 171 / var(--tw-text-opacity, 1)); 
	--secondary-color: linear-gradient(270deg, rgb(25, 135, 237), rgb(20, 55, 128));
	--accent-color: linear-gradient(184deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	--dark-color: #1e1e24;
    --light-color: #f7f7f9;
	--highlight-color: #FFD700;
    --text-color: #444;
	--success-color: #10b981;
	--orange-color: #ff07008f;
	--border-color: rgb(2, 135, 237); 
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --hover-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
*{
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-size: cover;
}
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 0; 
}
h1, p {
	white-space: pre-line;
}
h2 {
    font-size: 2.5rem;
	margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
    color: #444;
    padding-bottom: 2rem;
}
h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
}
a {
	text-decoration: none;
}
ol, ul {
    padding-left: 1.5rem!important; 
    text-align: left;
}
.article ul li, .article ol li {
    margin: 0;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
	margin-bottom: 0;
	padding: 0;
}
.article h2 {
    background-color: initial;
    font-size: 3rem;
}
.article h3 {
    padding: 0; 
    border-left: 0; 
    border-right: 0; 
    border-top: 0;
    border-bottom: 0;
    font-size: 22px;
	text-align: center;
}
.main{
    padding: 0;
    border: 0;
}
main.main, div.sidebar {
    margin: 0;
	padding: 0;
}
.entry-content {
    margin-top: 0;
    margin-bottom: 0;
}
.content {
    margin-top: 0;
}
::marker {
    font-size: .8rem;
	text-align-last: left;
}
/***フッター***/
.footer {
    margin-top: 0; 
    background: linear-gradient(270deg, rgb(2, 135, 237), rgb(20, 55, 90));
    color: white;
}
.copyright{
	font-size: .7rem;
}

/***投稿ページ***/
.type-post .entry-content{
    padding-top: 3rem;
}
.type-post .entry-content p{
    letter-spacing: 0;
}
.type-post{
	margin:auto;
}
.type-post h1{
	border: solid #ff07008f;
	border-width: 0px 0px .1rem 1rem;
	text-align: left;
}
.type-post p{
	color: black;
}
.entry-title{
	margin: 0;
	font-size: 2.2rem;
    text-align: center;
}
/***投稿ページの日付***/
.fa-clock:before {
    display:none;
}
.date-tags {
	margin-left: 3rem;
    color: #666;
    font-size: 1.5rem;
    text-align: right;
}
.page .date-tags {
    display:none;
}

/***お問い合わせフォーム***/
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {
    padding: .5rem;
    font-size: 1rem;
}
input[type=submit] {
    width: 20%;
}
.wpcf7-spinner {
    display: contents;
}
.fa-plus{
    color: var(--primary-color);
}

/***トップメニュー***/
.hlt-tm-right .navi-in > ul {
    flex-wrap: nowrap;
}
#navi .item-label{
	font-weight: 600;
}
#navi .item-label:hover{
	color: red;
}
.navi-in > ul li {
    position:relative;
	width: 15%;
}
.navi-in a:hover {
    transform: translateY(5px);
    background: initial;
    color:red;
}
.navi-in > ul li:hover{
	color: red;
	background-color: rgba(0,0,0,0.05);
}
.wrap{
    width:initial;
}
.navi-menu-content {
    left: auto; /* 左側の設定を無効化 */
    right: 0; /* 右側に配置 */
    transform: translateX(105%); /* 初期位置を画面外に設定 */
	background: #444444;
}
.navi-menu-active .navi-menu-content {
    transform: translateX(0); /* メニューがアクティブになった際に画面内に表示 */
}
.menu-drawer a {
    color: white !important;
    font-weight: 500;
    line-height: 2rem;
}
.fa-times:before {
    color: white;
}
.logo-menu-button{
	order: -1;
}
.search-menu-button{
	order: 1;
	justify-content: center !important;
	display:none !important;
}
.navi-menu-button{
	order: 2;
	justify-content: center !important;
}
.mobile-menu-buttons .menu-button {
	justify-content: initial;
}
.date-tags {
    margin-bottom: 0;
}
.menu-content {
    max-width: 40vw;
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    #navi .navi-in > .menu-mobile {
         display: none; 
    }
	.type-post h1{
        padding: 1rem 0.5rem !important;
    }
	.type-post .entry-content {
        padding-top: 3rem;
    }
	.entry-title {
        font-size: 1.7rem;
    }
	.article h2 {
        font-size: 2.2rem;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
	.article h2 {
        font-size: 2.5rem;
    }
    .type-post .entry-content {
        padding: 2rem;
        color: #666;
    }
	.entry-title {
        font-size: 1.6rem;
    }
	.footer-bottom {
        font-size: 1rem; 
    }
    .footer-content-right {
        width: 35%;
    }
}
@media screen and (max-width: 768px){
	p {
	    font-size: 1rem;
    }
	.type-post {
        width: 85%;
    }
    .type-post .entry-content {
        padding: 2rem;
    }
}
@media screen and (max-width: 600px){
	.article h2 {
        font-size: 2rem;
    }
    .type-post {
        width: 90%;
    }
	.type-post .entry-content {
        padding: 1rem;
    }
}
/*560px以下*/
@media screen and (max-width: 560px){
    .article h2 {
        font-size: 2.2rem;
    }
	.type-post h1 {
        padding: 1rem!important;
        font-size: 1.5rem;
    }
    .entry-title {
        font-size: 1.2rem;
    }
}
/*480px以下*/
@media screen and (max-width: 480px){
	.body, .menu-content {
        font-size: 1rem;
    }
}