/* ==== エフマ中の人ブログ 一覧（カラーミー f11・f46・f120・f121。4本とも同じCSS）: .efma-bl ==== */
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }
.main #about .blog_body .efma-bl{font-size:16px;line-height:1.7;color:#000;font-weight:400;letter-spacing:normal;text-align:start;word-break:normal;overflow-wrap:normal;-webkit-text-size-adjust:100%}
@media screen and (max-width: 1030px){.main #about .blog_body .efma-bl{font-size:15px}}
.main #about .blog_body .efma-bl *,.main #about .blog_body .efma-bl *::before,.main #about .blog_body .efma-bl *::after{box-sizing:content-box}
.main #about .blog_body .efma-bl h1,.main #about .blog_body .efma-bl h2,.main #about .blog_body .efma-bl h3,.main #about .blog_body .efma-bl h4,.main #about .blog_body .efma-bl h5,.main #about .blog_body .efma-bl h6,.main #about .blog_body .efma-bl ul,.main #about .blog_body .efma-bl ol,.main #about .blog_body .efma-bl figure{margin:0;padding:0}
.main #about .blog_body .efma-bl p{margin:0;padding:0}
.main #about .blog_body .efma-bl h1,.main #about .blog_body .efma-bl h2,.main #about .blog_body .efma-bl h3,.main #about .blog_body .efma-bl h4,.main #about .blog_body .efma-bl h5,.main #about .blog_body .efma-bl h6{font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;border:0;background:none}
.main #about .blog_body .efma-bl ul,.main #about .blog_body .efma-bl ol{list-style:none}
.main #about .blog_body .efma-bl a,.main #about .blog_body .efma-bl a:visited{background-color:transparent;text-decoration:none;color:#000000;transition:all 0.1s ease}
.main #about .blog_body .efma-bl a:hover{background-color:transparent;text-decoration:none;color:#898989;transition:all 0.1s ease}
.main #about .blog_body .efma-bl img{border-style:none;vertical-align:top;max-width:100%;height:auto}
.main #about .blog_body .efma-bl b,.main #about .blog_body .efma-bl strong{font-weight:bolder}
.main #about .blog_body .efma-bl small{font-size:80%}
.main #about .blog_body .efma-bl .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}
.main #about .blog_body .efma-bl{font-family: 'Kiwi Maru', serif;background-color: #FFFFFF;color: #2B2B2B;margin: auto}
.main #about .blog_body .efma-bl p{font-size: 1em;line-height: 1.2em;margin: 0}
.main #about .blog_body .efma-bl h1{font-size: 1.8em;margin: 0}
.main #about .blog_body .efma-bl h2{font-size: 1.6em;margin: 0}
.main #about .blog_body .efma-bl h3{font-size: 1.1em;line-height: 1.3em;margin: 0}
.main #about .blog_body .efma-bl h4{font-size: 0.8em;line-height: 1.4em;margin: 0;font-weight: initial}
.main #about .blog_body .efma-bl small{font-size: 0.7em;margin: 0}
.main #about .blog_body .efma-bl .t_bold{font-weight: bold!important}
.main #about .blog_body .efma-bl .t_center{text-align: center}
.main #about .blog_body .efma-bl .s_none{display: none}
.main #about .blog_body .efma-bl .pc_none{display: inline}

@media screen and (min-width: 800px){
.main #about .blog_body .efma-bl .br_s{display: none}
}

@media screen and (max-width: 800px){
.main #about .blog_body .efma-bl .br_pc{display: none}
}
.main #about .blog_body .efma-bl .t_c01{ color: #2CCBB8}
.main #about .blog_body .efma-bl .t_lc01{background: linear-gradient(transparent 60%, #FFEBAC 60%)}
.main #about .blog_body .efma-bl .m_b0{margin-bottom: 0!important}
.main #about .blog_body .efma-bl .m_b01{margin-bottom: 30px}
.main #about .blog_body .efma-bl .m_b02{margin-bottom: 30px}
.main #about .blog_body .efma-bl .box00_box01{width: 100px;position: fixed;top: 10px;left: 10px;z-index: 5}
.main #about .blog_body .efma-bl .box00_box01 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .box00_box02{width: 35px;position: fixed;top: 10px;right: 130px;z-index: 5}
.main #about .blog_body .efma-bl .box00_box02 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .box00_box03{width: 35px;position: fixed;top: 10px;right: 90px;z-index: 5}
.main #about .blog_body .efma-bl .box00_box03 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .box00_box04{width: 35px;position: fixed;top: 10px;right: 50px;z-index: 5}
.main #about .blog_body .efma-bl .box00_box04 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .box00_box05{width: 35px;position: fixed;top: 10px;right: 10px;z-index: 5}
.main #about .blog_body .efma-bl .box00_box05 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl #page_top{width: 40px;height: 40px;line-height: 60px;display: none;position: fixed;right: 5px;bottom: 10px;color: #fff;display: inline-block;text-decoration: none;text-align: center;z-index: 5}
.main #about .blog_body .efma-bl #page_top::before{content: "";position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);display: inline-block;width: 40px;height: 40px;background-color: #2B2B2B;border-radius: 100px;z-index: -1;border: 1px solid #FFFFFF}
.main #about .blog_body .efma-bl .material-symbols-outlined{font-size: 45px!important;top: -5px;right: 2px;position: relative}
.main #about .blog_body .efma-bl .scrolldown2{position:absolute;left:50%}
.main #about .blog_body .efma-bl .scrolldown2 span{position: absolute;left:10px;bottom:10px;color: #2B2B2B;font-size: 0.7rem;letter-spacing: 0.05em;font-weight: bold;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl}
.main #about .blog_body .efma-bl .scrolldown2:before{content: "";position: absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius: 50%;background:#2B2B2B;animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite}
.main #about .blog_body .efma-bl .scrolldown2:after{content:"";position: absolute;bottom:0;left:0;width:2px;height: 50px;background:#2B2B2B}
.main #about .blog_body .efma-bl .box01_b_img01{height: 40vh;background-image: url(//base-ec2.akamaized.net/images/user/blog/2943852/blog/acfaedd4f5a3e7e8261de0c392ab93b3.jpg);background-repeat: no-repeat;background-size: cover}
.main #about .blog_body .efma-bl .box01_text01{position: absolute;left: 50%;top: 170px;transform: translate(-50%,-50%)}
.main #about .blog_body .efma-bl .box02{padding: 50px 2%;background-image: url(https://base-ec2.akamaized.net/images/user/blog/2943852/blog/f9de772930d429c2f969e84c7959b330.jpg);background-size: cover}
.main #about .blog_body .efma-bl .box02_box01{margin: auto;padding: 30px 3%;background-color: #FFFFFF;box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.main #about .blog_body .efma-bl .box02_box01 a{ color: #2B2B2B;text-decoration: none}
.main #about .blog_body .efma-bl .box02_box01 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .box02_box01 a:hover img{transform: scale(1.1)}
.main #about .blog_body .efma-bl .box02_title01{text-align: center;font-weight: bold}
.main #about .blog_body .efma-bl .box02_textbox01{padding: 0 5%}
.main #about .blog_body .efma-bl .box02_flex02{display: flex}
.main #about .blog_body .efma-bl .box02_img01{width: 70px;margin: auto}
.main #about .blog_body .efma-bl .box02_img02{margin: 0 auto 10px auto;display: block;line-height: 0;overflow: hidden}
.main #about .blog_body .efma-bl .box02_img02 img{transform: scale(1);transition: .25s ease-in-out}
.main #about .blog_body .efma-bl .box02_line01{width: 70%;height: 1px;margin: 20px auto 50px auto;background-color: #edb500}
.main #about .blog_body .efma-bl .box02_text01 p{margin: 0 0 5px 0;font-weight: bold}
.main #about .blog_body .efma-bl .box02_text01 h3{font-weight: bold}
.main #about .blog_body .efma-bl .box02_text01 h4{ color: #7C7C7C}
.main #about .blog_body .efma-bl .box02_text02{width: 50%}
.main #about .blog_body .efma-bl .box02_text02 a{width: 50%;margin: 30px auto 0 auto;font-weight: bold;display: block;text-align: center;border-bottom: 2px solid #edb500}
.main #about .blog_body .efma-bl .box02_text02 a:hover{border-bottom: 2px solid #FFFFFF}
.main #about .blog_body .efma-bl .box03{padding: 50px 2%;background-image: url(//base-ec2.akamaized.net/images/user/blog/2943852/blog/b6bd6d9438f7da7c8a2d5334f703a673.jpg);background-size: cover}
.main #about .blog_body .efma-bl .box03_box01{margin: auto;padding: 30px 0;background-color: hsla(0,0%,100%,0.98);background-image: url(//base-ec2.akamaized.net/images/user/blog/2943852/blog/c87b02ba59d1c06331e594dd1292d27d.png);background-repeat: no-repeat;background-size: 80px auto;background-position: 90% 90%}
.main #about .blog_body .efma-bl .box03_title01{text-align: center;font-weight: bold}
.main #about .blog_body .efma-bl .box03_img01{width: 100px;margin: auto}
.main #about .blog_body .efma-bl .box03_line01{width: 70%;height: 1px;margin: 20px auto 50px auto;background-color: #edb500}
.main #about .blog_body .efma-bl .box03_text01{padding: 0 3% 0 3%}
.main #about .blog_body .efma-bl .box03_text01 p{line-height: 2em}
.main #about .blog_body .efma-bl .footer01{padding: 30px 0;background-color: #FFFFFF}
.main #about .blog_body .efma-bl .footer01_flex01{display: flex;justify-content: center}
.main #about .blog_body .efma-bl .footer01_flex01 a:hover{opacity: 0.7}
.main #about .blog_body .efma-bl .footer01_img01{width: 35px}
.main #about .blog_body .efma-bl .footer01_img02{width: 35px;margin: 0 10px 0 0}
.main #about .blog_body .efma-bl .footer02{padding: 10px 0;background-color: #edb500;text-align: center}
.main #about .blog_body .efma-bl .footer02 small{ color: #FFFFFF;font-weight: bold}




@media screen and (min-width: 800px){
.main #about .blog_body .efma-bl{margin: 0 auto!important}
.main #about .blog_body .efma-bl p{font-size: 1.2em;line-height: 1.3em}
.main #about .blog_body .efma-bl h1{font-size: 2.4em}
.main #about .blog_body .efma-bl h2{font-size: 2.2em;line-height: 1.3em}
.main #about .blog_body .efma-bl h3{font-size: 1.2em;line-height: 1.3em}
.main #about .blog_body .efma-bl h4{font-size: 1em;line-height: 1.4em}
.main #about .blog_body .efma-bl .s_none{display: inline}
.main #about .blog_body .efma-bl .pc_none{display: none}
.main #about .blog_body .efma-bl .m_b01{margin-bottom: 100px}
.main #about .blog_body .efma-bl .m_b02{margin-bottom: 0px}
.main #about .blog_body .efma-bl .box00_box01{width: 180px;position: fixed;top: 10px;left: 10px}
.main #about .blog_body .efma-bl .box00_box02{width: 40px;position: fixed;top: 10px;right: 160px}
.main #about .blog_body .efma-bl .box00_box03{width: 40px;position: fixed;top: 10px;right: 110px}
.main #about .blog_body .efma-bl .box00_box04{width: 40px;position: fixed;top: 10px;right: 60px}
.main #about .blog_body .efma-bl .box00_box05{width: 40px;position: fixed;top: 10px;right: 10px}
.main #about .blog_body .efma-bl #page_top{width: 60px;height: 60px;right: 30px;bottom: 30px}
.main #about .blog_body .efma-bl #page_top::before{top: 50%;left: 50%;width: 60px;height: 60px}
.main #about .blog_body .efma-bl .material-symbols-outlined{font-size: 50px!important;top: 5px;right: 0px}
.main #about .blog_body .efma-bl .box01_b_img01{height: 45vh;background-repeat: no-repeat;background-position: center 0%;background-size: cover}
.main #about .blog_body .efma-bl .box01_b_img01 h2{font-size: 2.5em;line-height: 1.5em}
.main #about .blog_body .efma-bl .box01_text01{top: 200px;transform: translate(-50%,-50%)}
.main #about .blog_body .efma-bl .box02{padding: 100px 5%}
.main #about .blog_body .efma-bl .box02_box01{padding: 100px 8%}
.main #about .blog_body .efma-bl .box02_img01{width: 100px}
.main #about .blog_body .efma-bl .box02_title01{font-size: 1.6em}
.main #about .blog_body .efma-bl .box02_line01{width: 60%;margin: 40px auto 100px auto}
.main #about .blog_body .efma-bl .box02_textbox01{width: 30%;padding: 0}
.main #about .blog_body .efma-bl .box02_flex01{display: flex;flex-wrap: wrap;column-gap: 5%}
.main #about .blog_body .efma-bl .box02_flex02{display: flex}
.main #about .blog_body .efma-bl .box02_text02{width: 50%}
.main #about .blog_body .efma-bl .box02_text02 a{width: 35%;max-width: 150px;margin: 0 auto 0 auto}
.main #about .blog_body .efma-bl .box03{padding: 100px 5%}
.main #about .blog_body .efma-bl .box03_box01{padding: 100px 0;background-size: 130px auto;background-position: 90% 90%}
.main #about .blog_body .efma-bl .box03_img01{width: 150px}
.main #about .blog_body .efma-bl .box03_title01{font-size: 1.6em}
.main #about .blog_body .efma-bl .box03_line01{width: 60%;margin: 40px auto 100px auto}
.main #about .blog_body .efma-bl .box03_text01{width: 60%;margin: 0 auto;padding: 0}
.main #about .blog_body .efma-bl .box03_text01 p{line-height: 2.2em}
.main #about .blog_body .efma-bl .footer01{padding: 50px 0;background-color: #FFFFFF}
.main #about .blog_body .efma-bl .footer01_img01{width: 40px}
.main #about .blog_body .efma-bl .footer01_img02{width: 40px;margin: 0 20px 0 0}
.main #about .blog_body .efma-bl .footer02{padding: 20px 0}
}
/* ---- BASE側の調整（LPと同じ全幅・ショップのヘッダー/フッター非表示） ---- */
.l-main.u-container:has(.efma-bl){max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important}
.main #about:has(.efma-bl)>.blog_inner{padding:0!important;border-bottom:0!important;max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.main #about:has(.efma-bl) .blog_body{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.main #about:has(.efma-bl) .blog_title,.main #about:has(.efma-bl) .blog_publish{display:none!important}
body:has(.efma-bl) #efma-floatcart{display:none!important}
body:has(.efma-bl) .lp-none,body:has(.efma-bl) .l-footer{display:none!important}
body:has(.efma-bl) .l-main{margin-top:0!important}
body:has(.efma-bl) .l-main.u-container{margin-top:-10px!important;margin-bottom:-10px!important}
body:has(.efma-bl){background-image:none!important;background-color:#fff!important}
body:has(.efma-bl) .l-copyright{background:#f2f2f2!important;background-image:none!important;padding:18px 0!important}
body:has(.efma-bl) #efma-basemenu #baseMenu ul{display:block!important;text-align:center!important;font-size:0!important;gap:0!important;padding:0!important}
body:has(.efma-bl) #efma-basemenu #baseMenu li{display:inline-block!important;float:none!important;margin:0 8px!important;vertical-align:middle!important}
/* ---- テーマの v60 と同じ: 動きのJSが読み込まれるまでページトップボタンを出さない ---- */
html.efma-mp .main #about .blog_body .efma-bl #page_top{display:none!important}
/* ---- カラーミーはアイコンフォントを opsz48・wght700・FILL0・GRAD200 の固定で読む。BASE のテーマは可変フォントなので同じ太さを指定する ---- */
.main #about .blog_body .efma-bl .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 700,'GRAD' 200,'opsz' 48}
/* ---- テーマ v48（修正箇所一覧_2026-09-15 7章）の「特商法／プライバシー／お問い合わせ」行を、LP・中の人ブログと同じく一覧にも出す。efma_theme_a.css の条件は [class^="efma-lp-f"] と .efma-blog だけなので .efma-bl を足す ---- */
body:has(.efma-bl) .efma-legal-links{display:flex!important;justify-content:center;flex-wrap:wrap;gap:4px 20px;margin:0 auto 10px;padding:0 16px;font-size:12px;line-height:1.8}
body:has(.efma-bl) .efma-legal-links a{ color:#555!important;text-decoration:underline!important}