@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* 全記事 行間調整 */
.post_content > p {
    margin-bottom: 3em;
    line-height: 2em;
}
@media (max-width: 768px) {
    .post_content > p {
        font-size: 1.18em;
        margin-bottom: 3em;
        line-height: 1.8em;
    }
}


/* ウェブフォント読み込み中の対策 */
@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src:
    url(/wp-content/themes/swell/assets/fonts/icomoon.woff2?fq24x) format("woff2"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.ttf?fq24x) format("truetype"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.woff?fq24x) format("woff"),
    url(/wp-content/themes/swell/assets/fonts/icomoon.svg?fq24x#icomoon) format("svg");
  font-display: swap;
}

.c-balloon__iconName{
text-decoration:underline;
font-weight: 700;
}

/* この記事を書いた人ブロック */
.konokiji-box{
padding: 0.8em 1.5em !important;
}
.btn-square {
width:100%;
text-align: center;
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #009df3;
color: #FFF;
border-bottom: solid 4px #006da8;
border-radius: 3px;
margin-bottom: 0.7em;
}
.btn-square:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}


/* 目次LINEバナーの位置調整 */
.line-banner{
margin-top:3em;
margin-bottom:-3em;
}


/* スマホフッターの調整 */
#fix_bottom_menu, #fix_bottom_menu::before {
background:none;
box-shadow: none;
}
.p-fixBtnWrap{
margin-bottom: 6em;
}
[data-scrolled=true] #fix_bottom_menu {
bottom: -4px !important;
}
.sp-fixed-footer{
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.sp-fixed-footer.is-visible{
opacity: 1;
visibility: visible;
pointer-events: auto;
}


/* プロフィールボックスのスタイル */
.pfimg-box {
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;
background-color: #fff;
}
.pfimg {
padding: 25px 40px 5px 40px;
}
.pfimg-info {
padding: 15px;
}
.pfimg-info p {
font-size: 1.08em;
margin-bottom:1.3em;
}


/* トップのメッセージ */
.message-area{
margin-bottom: -1em;
}
.message-heading {
margin-bottom: 1em;
}
.message-text{
margin-bottom: 0.8em;
margin-left: 0.6em;
margin-right: 0.6em;
}
.message-strong {
font-weight: 600;
}


/* トップの見出し風テキスト */
.og-heading1 {
  position: relative;
  padding: .7em;
  background-color:#009df3;
  color:#fff;
  font-weight:700;
  font-size:20px;
/*   margin-bottom: -1em !important; */
}
.og-heading1::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 26%;
  height: 100%;
  clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
  background-color:rgba(255, 255, 255, .4);
}