/**
 * Custom Styles for ginga-sys
*/

/*
:root {
    --wp--preset--color--text-color: #3B434B !important ;
}
*/
 
body {
/* 	color: #3B434B; */
}

.l-contents__inner {
	margin-top: 0;
}

.c-site-branding__title {
	margin-bottom: 13px;
}

/* ヘッダーフル幅の時、お問い合わせボタンを右端に寄せる */
@media (min-width: 64em) {
	.l-header:not(.l-header--left) .c-row {
		margin-right: -43px;
	}
}

.gnav-freedial {
/* 	width: 183px; */
	width: 10em;
	margin-right: 1em;
	background-image: url(/docs/wp-content/uploads/2025/05/free-call-banner.png);
	background-size: contain;
	background-position: 50% 44%;
	background-repeat: no-repeat;
}

.gnav-freedial span {
	visibility: hidden;
}

.top-cta-btn {
	position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.top-cta-btn-sp {
	position: absolute;
	bottom: -35px;
    z-index: 999;	
}

.top-cta-btn .smb-btn {
	padding: 14px 57px;
	border: 2px solid #fff;
	font-weight: bold;
 	background-image: url(/docs/wp-content/uploads/2024/04/r-tri-wh.png);	
 	background-size: 16px;
 	background-position: 95% 50%;
	background-repeat: no-repeat;	
}

.top-cta-btn-sp .smb-btn {
	border: 2px solid #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.hybrid-conf-kv-btn .smb-btn {
	border: 2px solid #fff;	
}

.products-section .product-item {
	background-color: #fff;
}

.product-item .smb-items__item__figure {
	margin-bottom: 5px;
}

.product-item .smb-items__item__title {
	text-align: center;
	--_font-size-level: 1;
	/* 	display: none; */
}

.product-item .smb-items__item__lede {
	text-align: center;
	margin-bottom: 1em;
}

.product-item .smb-items__item__content {
	text-align: center;
}

/* logo ticker */
#logo-ticker-2,
#logo-ticker-3 {
	margin-top: 0;
}


/* フォーム関連 */
.smf-item__label__text .sme-badge {
	margin-right: 1em;
}

.smf-text-control input {
	width: 100%;
}

.privacy-policy-frame {
	padding: 20px;
	height: 330px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.privacy-policy-frame h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.iframe-container {
	width:100%;
	height:260px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;	
	display: inline-block;
	background-color: #fff;
}

iframe {
	border: none;
}

.privacy-frame {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

.privacy-policy .smb-accordion__item__title {
	background-color: transparent;
	text-align: right;
	color: var(--smb-section--color);
	margin-right: 0;
	width: auto;
}

.privacy-policy .smb-accordion__item__body {
	padding:0;
}

.smf-form--simple-table .smf-item.privacy-agreement{
	text-align: center;
}

.grecaptcha-badge { visibility: hidden; }


.smb-alert--success {
	background-color:#d8e7ef;
	border: none 0;
}

.hidden-form-item,
.smf-form--simple-table .smf-item.is-hybrid-download,
.smf-form--simple-table .is-whitepaper-download {
	display: none;
}

.wp-admin .smf-form--simple-table .smf-item.is-hybrid-download,
.wp-admin .smf-form--simple-table .is-whitepaper-download {
	display: block;
}

/* ページヘッダー */
.c-page-header[data-has-image=false] {
	height: 220px;
	background-image: url(/docs/wp-content/uploads/2023/08/page-header-bak.png);
	background-size: cover;
	background-position: 50%;
	color: #3B434B;
	height: 100px;
}

.c-page-header[data-has-image=true] .c-page-header__content {
	color: #fff;
}

.c-page-header[data-has-image=true] {
	height: 100px;
}

.c-page-header h1.c-page-header__title {
	font-size: 20px;
	color: #fff;
}


/* フッター */

.l-footer {
	background-color: #005F98;
	color: #fff;
}

.l-footer a {
	color:#fff;
	text-decoration: none;
}

.l-footer a:hover {
	text-decoration: underline;
}

.footer-list {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

.footer-col-title {
	margin-top: 24px;
}

.c-copyright--inverse {
	background-color: #fff;
	color: #005F98;
}

.c-widget__title {
/*
	font-size: 40px; !important;
	border-bottom: 1px solid #333;
*/
}


/* ボタンの矢印 */
.right-arrow-btn-wh .smb-btn {
	background-image: url(/docs/wp-content/uploads/2023/08/arrow-r-wh.svg);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}

.right-arrow-btn-bk .smb-btn {
	background-image: url(/docs/wp-content/uploads/2023/08/arrow-r-bk.svg);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}

.is-layout-constrained>p.it-trend-link {
	margin-top: 5px;
}

.mutual-link {
	align-items: flex-start;
}

.mutual-link a,
.it-trend-link a {
	color: inherit;
	text-decoration: none;
}

.mutual-link a:hover,
.it-trend-link a:hover {
	text-decoration: underline;
}

/* アーカイブページ一覧を3列に */
@media (min-width: 64em) {
	.p-archive .c-entries .c-entries__item {
		flex: 0 1 33%;
		max-width: 33%;
	}
}

/* 投稿詳細画面の更新日を非表示に */
/*
.c-meta__item--modified {
  display: none;
}
*/


/* スライダー矢印 */
.spider>.spider__arrow {
	background-color:var(--wp--preset--color--sm-accent);
	border-radius: 50%;
/* 	top: 25%; */
}

@media(min-width:1024px){
	.spider__arrow[data-direction=prev] {
		left: -50px;
	}
	
	.spider__arrow[data-direction=next] {
		right: -50px;
	}
}

/* サムネ画像がトリミングされないように */
/*
.c-entry-summary__figure>img, .c-entry-summary__figure>picture>img {
	object-fit: contain;
}
*/

/* サムネイルを 16:9 に変更 */
.c-entry-summary .c-entry-summary__figure::before {
  padding-top: 56.25%;
}


/* 改行 */
.br-pc {
	display: none;
}

.br-md {
	display:none;
}

.nowrap {
	white-space: nowrap;
}

.nowrap-pc {
	white-space: normal;
}

@media(min-width:1024px) {
	.br-pc {
		display: inline;
	}
	.br-sp {
		display: none;
	}
	.nowrap-pc {
		white-space: nowrap;
	}
}

#achievement h2 {
	white-space: nowrap;
}

.c-meta__item--author {
	display: none;
}

/* logo Ticker Splide */
.splide__slide img {
  height: auto;
  width: 100%;
}

.side-banner {
	position: fixed;
	bottom:114px;
	right: 17px;
	width: 232px;
	height: auto;
	z-index: 1031;
}

.side-banner#banner-camp {
	bottom: 300px;
}

.side-banner a:hover img {
  filter: brightness(1.03); /* 明るくする */
  opacity: 1;
}

.side-banner .side-banner-close-btn {
	position: absolute;
	top: -18px;
	right: -13px;
	cursor: pointer;
}

.dropshadow-btn {
	box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.20);
}

.hover-hilite img,
.hover-darken img {
  transition: filter 0.3s ease;
  filter: brightness(
    1
  ); /* デフォルト値なのでこの一行は省略してもOK */
}

.hover-hilite img:hover {
	filter: brightness(1.75);  /* 明るくする */
}

.hover-darken img:hover {
	filter: brightness(0.85); /* 暗くする */
}

#hybrid-conf-kv {
	background-color: #333;
}

.wp-block-image.google-cloud-partner-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 164px;
	height: auto;
	z-index: 900;
}

.wp-block-image.google-cloud-partner-gwa-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 242px;
	height: auto;
	z-index: 900;
}

.hybrid-conf-kv-copy {
	margin-top: 4em;
}

.hybrid-cta .smb-btn-box__lede {
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Footer CTA */

.p-footer-cta .c-btn {
	font-weight: 700;
	font-size: 16px;
}

.c-btn .c-btn--full .p-footer-cta__secondary-btn,
.p-footer-cta__secondary-btn {
	color: var(--sub-accent-color);
}

/* 
	page-id-2543：	DTEN Zoom Rooms パンフレットダウンロード
	page-id-1107：	ハイブリッド会議　パンフレットダウンロード
	page-id-2156：	ハイブリッド会議導入ガイドブック ダウンロード
	page-id-3299：	会議室インテグレーション資料ダウンロード（テスト）
	page-id-3207：	会議室インテグレーション資料ダウンロード（本番）
	page-id-3321：	会議室インテグレーション・パンフレットダウンロード（テスト）
	page-id-3209：	会議室インテグレーション・パンフレットダウンロード（本番）
	page-id-1725：	資料ダウンロード
	page-id-35：		お問い合わせ・無料相談
	page-id-2182:	プロンプトゲート無料セミナー申し込み
*/

/* フォームページでフッターCTAを表示しない */
.page-id-1342 .p-footer-cta,
.page-id-3986 .p-footer-cta,
.page-id-2182 .p-footer-cta,
.page-id-2543 .p-footer-cta,
.page-id-1107 .p-footer-cta,
.page-id-2156 .p-footer-cta,
.page-id-3299 .p-footer-cta,
.page-id-3207 .p-footer-cta,
.page-id-3321 .p-footer-cta,
.page-id-3209 .p-footer-cta,
.page-id-1725 .p-footer-cta,
.page-id-35 .p-footer-cta {
  display: none;
}

/* PC・タブレットでは表示しない */
@media (min-width:640px) {
  .p-footer-cta {
    display: none;
  }
}

.download-section {
	background-color: #DADBDC;
}
.download-section .wp-block-column {
	background-color:#fff;
	padding-top: 16px;
}

.download-section .wp-block-button {
	padding: 16px;
}

.download-block-item .smb-items__item--block-link {
	background-color:#fff;
	padding: 16px;
	margin-bottom: 36px;
}

.download-block-item .smb-items__item__title {
	text-align: center;
	margin-bottom: 16px;
}

.is-layout-constrained>:not(:first-child).cta-catch-txt {
	margin-top: 10px;
}

.probrem-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.probrem-item .smb-items__item__figure {
	order: 2;
}

.probrem-item .smb-items__item__figure > img {
	max-width: 25%;
}

.probrem-item .smb-items__item__content {
	text-align: center;
	order:1;
}

.side-form-column {
	background-color:#F6F4E7;
	padding: 20px;
}

.introducer {
	background-color:#fffff8;
	padding:var(--_padding-2);
	border-radius: var(--_border-radius);
}

.smf-select-control,
.smf-select-control__control{
	width: 100%;
}

.home-kv-pc,
.home-kv-sp {
	position: relative;
}

.home-kv-pc .gptw-badge,
.home-kv-sp .gptw-badge {
	position: absolute;
	width: 120px;
	margin-top: 0;
	height: auto;
	top: 17px;
	right: 17px;
	z-index: 999;
}

.home-recruit {
	position: relative;
}

/* Mega Menu */
.snow-monkey-mega-menu>a::after,
.snow-monkey-micro-menu>a::after{
    /* 擬似要素で三角アイコンをつくる */
    content: '';
    display: inline-block;
    border-style: solid;
/*
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000;
*/
    border: 6px solid transparent;
    border-top: 7px solid #555;  

    display: inline-block;
    width: 0;
    height: 0;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-17%); /* translateYのみ */
}

.p-global-nav .c-navbar__subitem .c-navbar__submenu {
  padding-left: 20px;
}

.p-global-nav .c-navbar__item>a>span {
	white-space: nowrap;
}

.gnav-freedial{
     min-width: 160px;	
}

@media (min-width: 64em) {
    .c-site-branding__title .custom-logo {
        min-width: 167px;
    }
}

@media (max-width: 1279px) {
    .gnav-freedial {
	    display: none;
    }
}

.snow-monkey-mega-menu--mega-menu-1>.c-navbar__submenu>.c-navbar__subitem>.c-navbar__submenu>.c-navbar__subitem>a::before {
	content: "";
    position: absolute;
    top: 16px;
    left: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/* 	メガメニュー１のサムネを非表示に */
.snow-monkey-mega-menu--mega-menu-1 .snow-monkey-mega-menu__figure {
	display: none;
}

li.menu-item-3100 .snow-monkey-mega-menu__figure::before,
li.menu-item-3213 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/10/mega-cr-integration.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2756 .snow-monkey-mega-menu__figure::before,
li.menu-item-2829 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-hybrid.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2766 .snow-monkey-mega-menu__figure::before,
li.menu-item-2835 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-onpre.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2764 .snow-monkey-mega-menu__figure::before,
li.menu-item-2833 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-otonari.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2765 .snow-monkey-mega-menu__figure::before,
li.menu-item-2834 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-telemado.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2767 .snow-monkey-mega-menu__figure::before,
li.menu-item-2837 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-loopgate.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2768 .snow-monkey-mega-menu__figure::before,
li.menu-item-2791 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-gws.jpg) no-repeat 50% 50% / cover;
}

li.menu-item-2769 .snow-monkey-mega-menu__figure::before,
li.menu-item-2836 .snow-monkey-mega-menu__figure::before {
    background: url(https://ginga-sys.jp/docs/wp-content/uploads/2024/08/mega-prompt.jpg) no-repeat 50% 50% / cover;
}

.it-trend-remarks>li {
	font-size: 12px;
	margin-top: 0;
}

.achievement-list {
	padding-left: 0;
    list-style: none;
}

.achievement-list > li {
    position: relative;
    padding-left: 18px;
}
 
.achievement-list > li::before {
    content: "";
    position: absolute;
    top: calc(var(--_half-leading)* 1rem + 1px);
    left: 0;
    width: 14px;
    height: 14px;
    background-color: var(--accent-color);
}
@media screen and (min-width: 640px) {
    top: calc(var(--_half-leading)* 1rem + 4px);	
}

.point-list li::before {
	border-color:#dd9d32;
}

/* 投稿の更新日を非表示に */
.single-post .c-meta__item--modified {
	display: none;
}

/*
@media (min-width: 40em)(タブレットサイズ)
@media (min-width: 64em)(PCサイズ)
*/

@media screen and (min-width: 640px) { // 640px〜1023pxまで
}
@media screen and (min-width: 1024px) { // 1024px〜1279pxまで
}
@media screen and (min-width: 1280px) { // 1280px〜
}