@charset "utf-8";

@media (min-width: 768px) {
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
クリックイベントの無効化(2022-08-04)mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a[href^="tel:"] {
    pointer-events: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　スティッキー時との差異を無くすための記述(2022-11-15mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.navigation-branding {
    margin-left: 0!important;
}
.navigation-branding img {
    height: auto;
    width: 200px;
    padding: 0;
}
.site-header [class*=logo] img {
    margin-left: 10px;
}	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーナビメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 最低幅を指定 1200px以下で要素が重ならたいための記述（2024-07-12 kami） */
.main-navigation:not(.slideout-navigation) {
    min-width: 1200px;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
    font-weight: bold;
    font-size: 1.6rem;
    padding-top: 15px;
    padding-bottom: 15px;
	transition: all 0.3s ease;
}
	
.main-navigation:not(.slideout-navigation):not(.toggled) ul li.sfHover>ul,
.main-navigation:not(.slideout-navigation):not(.toggled) ul li:hover>ul {
    transition-delay: 0ms;
}

/* ドロップダウンする子ナビを母体から離した際の架け橋 */
.main-navigation:not(.slideout-navigation) li.menu-item-has-children:hover::after {
    content: '';
    width: 100%;
    height: 300%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
}
    
/*親メニュー横のアイコン*/
.menu-item-has-children .dropdown-menu-toggle{
    /* display:none; */
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
    padding-right: 15px;
}

/* 子ナビ */
.main-navigation:not(.slideout-navigation) .main-nav ul ul {
    white-space: nowrap;
    width: auto;
    height: auto;
    min-width: 230px;
    left: 50%!important;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding: 10px 20px;
    /* top:120px; */
    top:85px;
	box-shadow: none;
    /*background-color: rgba(0, 0, 0, .8);*/
	overflow: visible;
	/* 以下デザイン変更後の記述 */
	background-color: #ffffff;
	border-radius: 4px;
	filter: drop-shadow(0 0 5px  rgba(0,0,0,.1));
}
	
.main-navigation:not(.slideout-navigation) .main-nav ul ul::before {
	content: "";
	border-width: 15px 15px 12px;
	border-color: transparent;
	border-style: solid;
	/*border-bottom-color: rgba(0, 0, 0, .8);*/
	border-bottom-color: #fff;
	position: absolute;
	top: -27px;
	left: calc(50% - 12px);
	z-index: 10;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
    /*font-size: 1.7rem;*/
    text-align: center;
    /*padding: 17px;*/
	font-weight: bold;
	/* 以下デザイン変更後の記述 */
	font-size: 15px;
	padding: 13px;
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: color .3s;
}

/*.main-navigation:not(.slideout-navigation) .main-nav ul ul li a,	
.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a,
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a{
	color: #fff;
}*/
	
.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a,
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a{
	color: var(--main);
}
	
.main-navigation:not(.slideout-navigation) .main-nav ul ul li:not(:last-child) a {
	/*border-bottom: 1px solid rgba(255, 255, 255, .3);*/
	border-bottom: 1px solid #dddddd;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー（プロト02の汎用デザイン用の記述）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 30px;
}

/*メインナビ*/
.main-navigation:not(.slideout-navigation) .menu-item-home {
	/* display: none; */
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-right: 0;
}

.menu-item-has-children .dropdown-menu-toggle  .gp-icon svg {
	transition: .3s;
	color: var(--main);
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children:hover .dropdown-menu-toggle .gp-icon svg {
	transform: rotate(180deg);
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
	padding-right: 20px;
}
	
/*お問い合わせボタン*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	background: var(--main);
	color: #fff;
	transition: .3s;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
	opacity: .8;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	content: '\e90d';
	color: currentColor;
	font-family: "icomoon";
	font-size: 13px;
	line-height: 1;
	margin-right: 10px;
	font-weight: normal;
}

/*hover時の下線*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact)::before{
	content: '';
	width: calc(100% - 40px);
	height: 3px;
	background: var(--main);
	position: absolute;
	left: 20px;
	bottom: 0;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li[class*='current-menu']::before,
body:is(.single-post, .category, .tag) .inside-navigation ul:not(.sub-menu) li.news::before,
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:hover::before{
	transform: scale(1,1);
}

/*子ナビ*/
.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::after {
	content: '\ea3c';
	font-family: 'icomoon';
	font-weight: normal;
	font-size: 13px;
	color: var(--main);
	margin-left: 10px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　柔軟に可変するページ幅 (2022-11-01)og
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.base_width2 >*{
	width:90%;
	min-width:1200px;
	margin:0 auto;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　アコーディオンがアクティブの状態で十字キーを使用すると境界線が出現する不具合を解消 2024-06-11re
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gb-accordion button {
    outline: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog .h_child_navi,
.single-post .h_child_navi,
.category .h_child_navi {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog #content,
.archive #content,
.single-post #content {
    padding-right: 0!important;
    padding-left: 0!important;
	/*gap: 70px;*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問合せフォーム WPForms
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.wpforms-container-full .wpforms-form .wpforms-field-description{
    font-size: 14px !important;
}

.wpforms-field > label:nth-child(1){
	padding: 8px 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問合せフォーム WPForms　>　確認画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
/*
.wpforms-entry-preview-basic .wpforms-entry-preview-label,
div.wpforms-container-full .wpforms-form .wpforms-entry-preview-basic .wpforms-entry-preview-label {
    width: 30%!important;
    border-bottom: 1px solid #ddd!important;
    margin-bottom: 15px!important;
    padding-bottom: 10px!important;
}

.wpforms-entry-preview-basic .wpforms-entry-preview-value,
div.wpforms-container-full .wpforms-form .wpforms-entry-preview-basic .wpforms-entry-preview-value {
    margin-bottom: 15px!important;
    width: 70%!important;
    padding-bottom: 10px!important;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PCで適応されるdisplay: none;
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc_dn {
    display: none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PCのみ中央揃えにする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.align_c_pc {
    text-align: center;
    display: block;
}

}/*メディアクエリ終了*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1366px){
/*下層プロモ*/
.note_page_promo {
    min-height: 250px!important;
}

}/*ノートPC時のCSSブレイクポイント終了*/