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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{overflow-x:hidden;}
#content-top,#breadcrumb,#content,main.main,main.main, div.sidebar{background-color:#c4ebff;margin:0;}

.entry-content>*, .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, .is-root-container>*, [data-type="core/freeform"]{margin-bottom:0;}
.footer{margin-top:0;}
#breadcrumb{width:100%;color:#279;}
#breadcrumb a{color:#167;}

/*ヘッダー*/
.navi-in a{font-size:0.8em;}
.navi-in a i{font-size:1.2em;}
#navi .navi-in>ul>li>a {padding: 0 .4em;}
#navi .navi-in{width:100%;margin:0;}

/*モバイルヘッダー背景*/
.mobile-menu-buttons{background-color:transparent;}
.mobile-menu-buttons{overflow:hidden;align-items:center;}
/*モバイルヘッダー背景動画li*/
.mobile-header-menu-background{display:block;position:absolute;width:100vw;height:50px;overflow:hidden;margin:0;padding:0;z-index:-1;}
#mobile-header-backmovie{display:none;}

/*ハンバーガーボタン*/
#navi-menu-open span span{color:#fff;}

/*ハンバーガー*/
.has-logo-button > li:nth-child(2) label{z-index:10000;}
.has-logo-button > li:nth-child(2) label .navi-menu-icon{display:none;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption{position:relative;display:block;width:30px;height:30px;margin:10px;color:#fff;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span{display: block;position:absolute;left:0;width:30px;border-style:solid;border-width:0 0 3px 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(1) {top: 2px;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(2) {top: 13px;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(3) {top: 24px;}
label.navi-menu-close-button{min-height:100px;}
label.navi-menu-close-button span{display:none;}

.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(1) 
{top: 13px;left: -3px;width:36px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(2),
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(3) 
{top: 13px;left: -3px;width:36px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(3){opacity:0;}

/*モバイルスライドインメニュー*/
.navi-menu-content {left: auto;right: 0;background-color:#227799e8;transform: translateX(101%);}
.menu-drawer a{color:#fff;}
.menu-drawer li {padding: 10px;border-bottom: solid 1px #ffffff5f;}

/*メイン・サイドカラムカラー削除*/
.page .main, .page .sidebar {background-color: transparent;box-shadow: none;}

/*背景動画用にヘッダー背景透明*/
#header-container{background-color:transparent;}
#backmovie-wrap{position:fixed;top:0;left:0;width:100vw;height:56.25vw;z-index:-1;}

/*スライダー*/
.wide{width:50%;padding-left:50%;}
.widebg{width: 100vw;left:-50vw;position:relative;padding:1rem 0 0;}
.widebox{width: 100vw;margin:0 auto;position:relative;}
.wp-block-scb-slider .swiper-slide {display: flex;justify-content: center;align-items: flex-start;}
body.home .swiper-wrapper{margin-top:0;}
body.home .widebg{padding:0;}
body.home .entry-content{margin-top:0;}
body.home main.main{padding-top:0;}
.mb_topslide{display:none;}
.topslide{display:block;}


/*h1*/
.entry-title p{font-size:12px;color:#5AB;text-align:center;}
.entry-title span {
	font-family: 'Raleway', sans-serif;
	font-weight:200;
	text-transform: uppercase;
    display: block;
    position: relative;
    font-size: 30px;
    top: 0.2em;
    color: #ffffff8f;
    z-index: -1;
}
/*h2*/
.article h2 {
	font-size: 18px;
	padding: 16px;
	margin-bottom:1em;
}
.article h3 {
    background: linear-gradient(180deg,#fff,#fff 49%,#fff 50%, #c4ebff);
    border-radius: 0.2em;
    line-height: 1em;
    border-width: 1px;
    color: #279;
    margin-bottom: 0.6em;
}
#content .dashed-note {
    padding: 1em;
    background-color: #fff;
    background-image: linear-gradient(90deg,transparent 0%,transparent 50%,#fff 50%,#fff 100%),linear-gradient(180deg,#ccc 1px,transparent 1px);
    background-size: 0.4em 100%,100% 1.5em;
    line-height: 1.5em;
    padding-bottom: 0.5em;
}
.article .dashed-note ul li, .article .dashed-note ol li{margin:0;}

/* テーブル */
.entry-content table{
	background-color:#eff;
}

/*GOTOPボタン*/
.go-to-top{bottom:100px;}
.go-to-top > a {border-radius: 50%;}

/* ページ下 */
#content-bottom {display: flex;background-color: #c4ebff;margin: 0;padding: 1em 0 2em;}
#content-bottom-in{display: flex;flex-wrap:wrap;justify-content:center;}
#content-bottom-in>*{margin:1em;}

/*フッター*/
#footer{background-image: linear-gradient(180deg,#276980,#102030);}
.copyright{font-size:0.5em;margin-bottom:60px;}

/*モバイルフッターメニューボタン*/
.mobile-menu-buttons .menu-button>a{color:#fff;}

/*リスト整形*/
.article ul, .article ol {padding-left: 0;}
body .is-layout-constrained >*+*,body .is-layout-flow>*+*{margin-block-start:0;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
	#content-top{display:none;}
	.mb_topslide{display:block;}
	.topslide{display:none;}
}