@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
*/
/* ヘッダー文字装飾 */
.c-gnav>.menu-item>a .ttl {
font-size: 16px;
font-weight: bold;
letter-spacing: 1.2px;
}
/* spanクラスアニメーション */
.c-gnav>.menu-item:hover>a .ttl {
	transition: color .3s ease;	
}
/* 文字の色を水色に変更 */
.c-gnav>.menu-item:hover>a .ttl {
	color: #D688AB !important;
}
/* ホバー時を線非表示 */
.c-gnav>.menu-item>a:after {
	display: none;
}
/* フッター直前ウィジェット*/
.w-beforeFooter {
	margin-top:0;
}
/* 背景透過*/
#body_wrap::before {
    opacity: 0.25;
}
/* さわらび明朝*/
.sawarabi-mincho-regular {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
#gnav{
font-family: 'Sawarabi Mincho', sans-serif;
}
.p-spHeadMenu{
font-family: 'Sawarabi Mincho', sans-serif;
}
.c-postTitle__ttl{
font-family: 'Sawarabi Mincho', sans-serif;
}
.post_content .p-toc{
font-family: 'Sawarabi Mincho', sans-serif;
}
.post_content h2{
font-family: 'Sawarabi Mincho', sans-serif;
}

.post_content h3{
font-family: 'Sawarabi Mincho', sans-serif;
}

.post_content h4{
font-family: 'Sawarabi Mincho', sans-serif;
}

.post_content h5{
font-family: 'Sawarabi Mincho', sans-serif;
}

.post_content h6{
font-family: 'Sawarabi Mincho', sans-serif;
}
.post_content p{
font-family: 'Sawarabi Mincho', sans-serif;
}
#sidebar{
font-family: 'Sawarabi Mincho', sans-serif;
}
.case-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.case-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: #d46b8c;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
	text-decoration: none;
}

.case-banner a:hover {
  opacity: 0.7;
}

.case-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

/* スマホでは非表示に */
@media screen and (max-width: 599px) {
  .case-banner {
    display: none;
  }
}

/* フッター直前余白無し */
.l-content {
    margin: 0 auto 2em;
    padding-top: 2em;
    position: relative;
    z-index: 1;
}
/* フッター上部余白無し */
#before_footer_widget {
    margin-bottom: -2em;
}
/* ヘッダーボタン改行無し */
.my-button-nobr{
  white-space : nowrap;
}