@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-weight: bold;
	letter-spacing: 0.03em;
        font-size: 16px;
}

.w-header__item widget_custom_html{
	background-color:#ffffff;
	color:#ffffff;
}



/* ヘッダー右のメニューボックスのスタイル */
.l-header .c-mvBtn, .l-fixHeader .c-mvBtn {
margin: 0;
}
.l-header .c-mvBtn__btn, .l-fixHeader .c-mvBtn__btn {
padding: 0.em 1.5em;
}
@media screen and (max-width: 980px) {
.l-header .c-mvBtn__btn, .l-fixHeader .c-mvBtn__btn {
padding: 0em 1em;
}
}

.right-menu-widget-1{
	background-color:#ffffff;
	color:#ffffff;
}

.right-menu-widget-1 a{
	text-decoration: none;
}

.textwidget custom-html-widget{
	text-decoration: none;
}


/* ---------------------------- */
/* グロナビとbogoを親子で並列させる */

/* ウィジェットを含む親コンテナのスタイリング */
.w-header__inner {
    display: flex;
    justify-content: space-between; /* 子要素を右寄せに配置 */
    align-items: center; /* 子要素を中央揃え */

}

/* グローバルナビゲーションのスタイリング */
.c-gnavWrap {
    /* 必要に応じてスタイルを追加 */
}

/* Bogo言語切り替えウィジェットのスタイリング */
.widget_bogo_language_switcher {
	display: flex;
    align-items: center;
}
/* ---------------------------- */


/* BOGO CSS  https://vool.jp/bogo-how-to-use/ */

.widget_bogo_language_switcher .w-header__title {
  display: none;
}

.bogo-language-switcher {
  display: flex;
  flex-direction: row-reverse;
}

/*言語スイッチの表示順*/
.bogo-language-switcher .ja {
    order: 1;
}
.bogo-language-switcher .en_US {
    order: 2;
}


/*bogoのウィジェット。ここで調整*/
.widget_bogo_language_switcher {
	align-items: center;
	padding: 0.2em 0.2em; /* 均一なパディング */
    text-align: center; /* 中央揃え */
}

.bogo-language-switcher a {
  padding: 1em;
  color: var(--color_text);
  font-weight: 700;
}


.bogo-language-switcher .current a {
  color: #ed82a9;
}


.bogo-language-switcher .en_US {
  position: relative;
}

.bogo-language-switcher .en_US::before {
  content: "";
  width: 1px;
  height: 65%;
  background-color: var(--color_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* jp / en の間のスペースを狭くする */
.bogo-language-switcher::after {
  content: ' / '; /* スラッシュの前後にスペースを追加 */
  margin-right: 0.02em; /* スラッシュの後ろのマージンを調整 */
}


/* 言語切り替えメニュー項目の上部に二重線を追加 */
.menu-item-2656,
.menu-item-2655 {
    position: relative;
   /* padding-top: 20px;  マージンを調整する場合はここを変更 */
}

.menu-item-2656::before,
.menu-item-2655::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333; /* 線の色を調整 */
}

.menu-item-2656::after,
.menu-item-2655::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px; /* 二重線の間隔を調整 */
    left: 0;
    width: 100%;
    height: 2px;
    background: #333; /* 線の色を調整 */
}


/* カスタムHTMLウィジェットの幅を調整 */
#custom_html-5, #custom_html-6 {
    max-width: 40%; /* 必要に応じて調整 */
    margin-right: auto;
    margin-left: auto;
}