@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Template: cocoon-master
Version: 1.1.3
*/


/* =========================================
   基本フォント
========================================= */

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight:400;
}

h1,h2,h3,
.entry-title {
    font-family:"Montserrat","Noto Sans JP",sans-serif;
    font-weight:700;
    letter-spacing:.05em;
}


/* =========================================
   Cocoonヘッダー表示設定
========================================= */


/* ヘッダー本体 */
#header {

    display:block !important;

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    margin:0 !important;
    padding:0 !important;

}


/* ヘッダー内部 */
.header-in {

    display:flex !important;

    justify-content:center;
    align-items:center;

    padding:20px 0;

}


/* Cocoonロゴ */

.logo-header {

    display:block !important;

}


.logo-header img {

    display:block !important;

    width:100%;
    max-width:400px;

    height:auto;

}


/* キャッチコピー非表示 */

.tagline {

    display:none !important;

}



/* Cocoon標準ナビ非表示 */

#navi,
.mobile-header-menu-buttons,
.footer-menu-buttons,
.mobile-menu-buttons,
.menu-button {

    display:none !important;

}





/* =========================================
   固定メニュー
========================================= */


.special-menu-container {

    position:fixed !important;

    z-index:9999999 !important;

}


/* PC */

@media screen and (min-width:1024px){


.special-menu-container{

    top:30px;
    right:30px;

}


}




/* スマホ */

@media screen and (max-width:1023px){


.special-menu-container{

    bottom:25px;

    left:50%;

    transform:translateX(-50%);

    width:90%;

}


}





.special-menu-bar {


display:flex !important;

align-items:center;

justify-content:center;


background:#fff;

padding:10px 15px;

border-radius:50px;


box-shadow:
0 4px 25px rgba(0,0,0,.2);


gap:12px;


}





.special-menu-bar li {


list-style:none;

display:flex;

align-items:center;

justify-content:center;


}





.special-menu-bar a {


text-decoration:none !important;

color:#333 !important;


font-size:10px;

font-weight:bold;


display:flex;

flex-direction:column;

align-items:center;


}





.special-menu-bar a::before,
.special-menu-bar a::after {


display:none !important;

content:none !important;


}




/* =========================================
   サイトマップ
========================================= */


.special-sitemap-content {


position:absolute;


background:white;


padding:25px;


border-radius:20px;


box-shadow:
0 10px 40px rgba(0,0,0,.2);


display:none;


}



.special-sitemap-content.is-active{

display:block;

}



.special-sitemap-content ul{


display:grid;

grid-template-columns:repeat(3,1fr);

gap:15px;


list-style:none;

padding:0;

margin:0;


}




/* =========================================
   ハート演出
========================================= */


#kyun-effect-container {


position:fixed;


top:0;
left:0;


width:100vw;
height:100vh;


pointer-events:none;


z-index:0;


overflow:hidden;


}



.floating-heart,
.burst-heart{


position:absolute;


pointer-events:none;


will-change:transform,opacity;


}



/* =========================================
   全幅セクション
========================================= */


.full-width-section {


width:100vw;


margin-left:calc(50% - 50vw);

margin-right:calc(50% - 50vw);


}

/* トップページの余白を完全になくす */
.home .content-in{
    padding-top:0 !important;
}

.home .main{
    margin-top:0 !important;
    padding-top:0 !important;
}

.home #main{
    margin-top:0 !important;
    padding-top:0 !important;
}

.home article{
    margin-top:0 !important;
    padding-top:0 !important;
}

.home .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

.home .entry-header{
    display:none !important;
}