@charset "UTF-8";
/*
Theme Name: SANGO Child
Theme URI: https://saruwakakun.design
Author: SARUWAKA
Author URI: https://saruwakakun.com
Template: sango-theme
Version: 4.0
*/
#global-nav.m_fixed { /* ヘッダー固定 */
/*
    position: fixed;
	top: 0;
    width:100%;
    left: 0;
    border-radius: 0;
    z-index: 998;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
    */
}

@media only screen and (min-width: 1240px) {
.wrap, .maximg, .single #inner-content, .page #inner-content, .inner-footer {
width: 800px;
}
}
#bk-karute{
align-items: center;
background: #FFFFFF;
border-radius: 40px;
box-shadow: 0px 0px 10px #c3a8a8;
flex: none;
flex-direction: column;
flex-wrap: nowrap;
gap: 0px;
height: auto;
justify-content: flex-start;
margin: 50px auto;
padding: 0px;
width: 800px;
z-index: 2;
--gap-h-df7e82e0-4b2f-4e3a-b9ba-ba0f959d012b: 0px;
--gap-v-df7e82e0-4b2f-4e3a-b9ba-ba0f959d012b: 0px;
--gap-uuid: df7e82e0-4b2f-4e3a-b9ba-ba0f959d012b;
max-width: 100%;
position: relative;
overflow: hidden;
}
.maximg.center{
max-width:100%;
}

header {
position: relative;
z-index: 99;
box-shadow:none !important;
border-radius: 40px;
padding:10px;
}
#logo {
display: flex;
justify-content: center;
text-align: left;
width: 100%;
align-items: center;
}
#sidebar1, #main, #inner-content{
width: 100%;
}
#main{
padding:0;
}
.post-tab{
margin:0 auto;
}
.desktop-nav {
display: block;
float: right;
}
#drawer__open, .header-search{
position: fixed;
top: 64px;
width: 64px;
z-index: 999;
}

#head-access{
position: absolute;
top: 15px;
right: 20px;
height: auto;
width: 6%;
min-width: 40px;
}
#head-access span{
font-size: 25%;
line-height: 1;
display: block;
text-align: center;
}
@media only screen and (min-width: 1250px) {
.drawer__title .close {
display: none;
}
}
@media only screen and (min-width: 1200px) {
    #fixed_sidebar {
        display: block;
        position: fixed;
        top: 20%;
        right: 0;
    }
}
@media only screen and (min-width: 768px) {
#drawer__open {
display: block;
}
}

@media only screen and (min-width: 1250px) {
#drawer__open {
display: none;
}
}

@media only screen and (max-width: 480px) { /* スマホの時 */
    .desktop-nav{
        display: none;
    }
}

.article-footer .footer-contents .sns-btn {
display: none;
}

.cardtype__article {
width: 45%;
margin: 0 auto 25px;
}
#drawer__content, .drawer__title, .widget{
    background-color: #f2f3f5;
}
#drawer__content{
    top: 40%;
    text-align: right;
    border-radius: 20px;
    padding-right: 2em;
}

#block-8 .wp-block-image{
        width: 100%;
    max-width: 200px;
    margin: 0 auto;
}