/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.09.1660800262
Updated: 2022-08-18 14:24:22

*/

/* TB以下全体ページ */
@media screen and (max-width: 1199px) {
	.page-template {margin-top:-60px;}
}

/* ヘッダー */
header {
	display:none !important;
}

/* テキスト縦書き */
.message {
	-ms-writing-mode: tb-rl !important;
	writing-mode: vertical-rl !important;
}

/* フロントページ左メニュー固定 */
#logonavi {
	width:20%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	margin:0 !important;
	padding:0 !important;
}

/* PC左メニュー設定 */
.menu-item {
	list-style:none;
}

/* 左メニュー 上部調整 */
#menu-menu.menu {
	text-decoration:none;
	margin:20px 0 0 0; font-size:0.9em;
}

#menu-menu.menu li a {
	display:block;
}

#menu-menu.menu li a:hover {
	display:block;
	padding-left:3%;
}

#logonavi .copy {
	font-size:0.8em !important;
}

.mob-cancel-button {
	margin-right:10px;
}

.mobile-logo {
	margin-top:15px !important;
}

/* スクリーンサイズが1200px以上の場合に適用 */
@media screen and (min-width: 1200px) { 
	.sub-menu {
		display: none;
	}
	.mobile-logo {
		display:none;
	}
	.menu-item {
		margin-left:-45px !important;
	}
	li.menu-item a {color:#fff2c4 !important;}
	li.menu-item a:hover {color:#fff !important;}
}

/* SP TB メニュー設定 */
.mobmenu {
	position:fixed !important;
	top:0;
	width:100%;
	margin:0;
	padding:0;
}

.mob-expand-submenu {
	margin-top: -5px;
}

/* TB 1199px以下の場合に適用 */
@media screen and (max-width: 1199px) { 
	.mobmenu-left-panel {
		width:35% !important;
	}
	li.menu-item a {
		line-height:1.3em !important;
		font-family:Noto Serif JP !important;
		font-size:1.2em !important;
	padding:10px 30px 10px 30px !important;
	}
	.menu-item-type-custom {
		padding:0 !important;
	}
	.sub-menu {
		margin-left:-30px;
	}
}

/* SP 767px以下の場合に適用 */
@media screen and (max-width: 767px) { 
	.mobmenu-left-panel {
		width:70% !important;
	}
}



/* トップSPメニュー遅延表示 */
@media screen and (max-width: 1199px) { 
.page-id-3441 .mobmenu {
  animation: slideIn 4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
  0% {
    transform: translateY(-200px);
    opacity: 0;
  }
  50% {
    transform: translateY(-200px);
	opacity: 0;
  }
  100% {
    transform: translateY(0);
	opacity: 1;
  }
}
}


/* アニメーション後トップSPメニュー遅延表示 */
@media screen and (max-width: 1199px) { 
.page-id-8890 .mobmenu {
  animation: slideIn 4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
  0% {
    transform: translateY(-200px);
    opacity: 0;
  }
  50% {
    transform: translateY(-200px);
	opacity: 0;
  }
  100% {
    transform: translateY(0);
	opacity: 1;
  }
}
}
	
/* 初期状態を青背景に */
.page-id-8890  {
  background-color: #001eb0;
  animation: fadeBg 1s forwards;
}

/* 1秒かけて透明背景に移行 */
@keyframes fadeBg {
  to {
    background-color: transparent; /* 最終的に背景色を消す（背景画像などが見える） */
  }
}


/* --- お問い合わせフォーム --- */
div.wpcf7 { margin: 0 auto; width: 100%; line-height: 1.5em;}
div.wpcf7 p { padding: 0; margin: 0 0 40px 0;}
div.wpcf7 p span.midashi { font-size:1em; font-weight:600;}
/* 複数リスト行間 */
.wpcf7-list-item {padding:5px 0 0 0 !important;}
div.wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; padding:8px; margin: 10px 0; color: #333333;}
div.wpcf7 #addr {width:100%;}
div.wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #001eb0; padding:8px; margin: 10px 0;}

/* SP 767px以下の場合に適用 */
@media screen and (max-width: 767px) { 
	.wpcf7-form-control {width: 100%;}
}
div.wpcf7 textarea { width:100%; height:300px; }
span.wpcf7-list-item {border:none !important; padding;0 !important; margin:0 !important;}
div.wpcf7 input.wpcf7-submit {
	margin: 30px auto 0;
	display: block;
	width:250px;
	padding: 10px 20px;
	border-radius: 0;
	border: none;
	font-size: 1em;
	color: #fff2c4;
	background: #001eb0;
	font-weight: 600;
	text-align: center;
}
div.wpcf7 input.wpcf7-submit:hover { background: #0027e5; color:#ffffff;}
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #001eb0; box-shadow: none;}
div.wpcf7 span.note {color: #e85a5a; } /* 注意 */

/* ボタン系リスト */
span.wpcf7-list-item {display: block; border: 1px solid #ccc; padding: 8px 0 3px 10px; margin: 10px 0 0 0; border-radius: 4px;}
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #fff6f6; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 100%; color: #e85a5a; }
.wpcf7 .wpcf7-response-output {display: none;}
/* ラベル強調なし */
.wpcf7-list-item-label {font-weight:normal !important;} 

/* 必須 */
.wpcf7 .must { color: #fff; background: #e85a5a; padding: 3px 7px; border-radius: 3px; margin-left: 7px;}
/* 任意 */
.wpcf7 .any { color: #fff; background: #999; padding: 3px 7px; border-radius: 3px; margin-left: 7px;}

/* テキストリンク */
div.wpcf7 p a {color:#001eb0 !important;}
div.wpcf7 p a:hover {color:#0027e5 !important;}


/* reCAPTCHA v3　非表示 */
.grecaptcha-badge { visibility: hidden; }

/*---br管理--*/
/*---スマホ時改行--*/
@media screen and (max-width: 480px) {
.pc-br{display:none;}
.tb-br{display:none;}
.sp-br{display:block;}
}
/*---タブレット時改行--*/
@media screen and (min-width:481px) and (max-width: 1020px) {
.pc-br{display:none;}
.tb-br{display:block;}
.sp-br{display:none;}
}
/*---PC時改行--*/
@media screen and (min-width:1021px){
.pc-br{display:block;}
.tb-br{display:none;}
.sp-br{display:none;}
}

/*　作家協力アイコン　*/
.ha-slick-title {text-align: center !important;}
.ha-slick-subtitle {text-align: center !important;}


/* 英語版ページ */
/*　英語版背景 */
body.page-id-7481, body.page-id-7392 {
	background:#000 url("https://morimototeiensha.com/wp-content/uploads/2023/10/en-bg4.png") repeat fixed !important;
}

/* プロフィール　インスタリンク */
.page-id-7481 ha-member-links a { color:#fff2c4 !important; }
.page-id-7481 ha-member-links a:hover { color:#ceaa22 !important; }

/*　英語版トップ メニュー非表示　*/
.page-id-7481 .mobmenul-container {display: none;}
.page-id-7481 .menu-menuen-container ul li a {color:#666 !important;}
.page-id-7481 .menu-menuen-container ul li a:hover {color:#CEAA22 !important;}

/*　英語版お問い合わせ（送信完了）メニュー非表示　*/
.page-id-7392 .mobmenul-container {display: none;}
.page-id-7392 .menu-menuen-container ul li a {color:#666 !important;}
.page-id-7392 .menu-menuen-container ul li a:hover {color:#CEAA22 !important;}

/*　英語版 TB SP メニュー非表示　*/
.page-id-7481 .mobmenu {display:none;}
.page-id-7392 .mobmenu {display:none;}
/*　英語版 TB SP フッター非表示　*/
.page-id-7481 footer#colophon {display:none;}
.page-id-7392 footer#colophon {display:none;}

/*　英語版コンテンツタイトル文字　*/
.tategaki {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/*　英語版トップ 通常トップページボタン非表示　*/
.page-id-7481 #wpfront-scroll-top-container {display:none !important; }
.page-id-7392 #wpfront-scroll-top-container {display:none !important; }

/* --- お問い合わせフォーム(英語バージョン) --- */
#en div.wpcf7 { margin: 0 auto; width: 100%; line-height: 1.5em; color:#fff2c4;}
#en div.wpcf7 p { padding: 0; margin: 0 0 40px 0;}
#en div.wpcf7 p span.midashi { font-size:1em; font-weight:600;}
/* 複数リスト行間 */
#en .wpcf7-list-item {padding:5px 0 0 0 !important;}
#en div.wpcf7 input, #en .wpcf7 textarea { padding:8px; margin: 10px 0; color: #000;}
#en div.wpcf7 #addr {width:100%;}
#en div.wpcf7 input:focus, #en .wpcf7 textarea:focus { padding:8px; margin: 10px 0;}

/* SP 767px以下の場合に適用 */
@media screen and (max-width: 767px) { 
	#en .wpcf7-form-control {width: 100%;}
}
#en div.wpcf7 textarea { width:100%; height:300px; }
#en span.wpcf7-list-item {border:none !important; padding;0 !important; margin:0 !important;}
#en div.wpcf7 input.wpcf7-submit {
	margin: 30px auto 0;
	display: block;
	width:300px;
	padding: 20px 40px;
	border-radius: 0;
	border: none;
	font-size: 1em;
	color: #fff2c4;
	background: #c6ab31;
	font-weight: 600;
	text-align: center;
}
#en div.wpcf7 input.wpcf7-submit:hover { background: #ffd92c; color:#000;}
#en .wpcf7 input:focus, #en .wpcf7 textarea:focus { border:1px solid #001eb0; box-shadow: none;}
#en div.wpcf7 span.note {color: #e85a5a; } /* 注意 */

/* ボタン系リスト */
#en span.wpcf7-list-item {display: block; border: 1px solid #ccc; padding: 8px 0 3px 10px; margin: 10px 0 0 0; border-radius: 4px;}
 
/* エラー個所をわかりやすく表示 */
#en .wpcf7 .wpcf7-not-valid { background: #fff6f6; }
#en .wpcf7 span.wpcf7-not-valid-tip {font-size: 100%; color: #e85a5a; }
#en .wpcf7 .wpcf7-response-output {display: none;}
/* ラベル強調なし */
#en .wpcf7-list-item-label {font-weight:normal !important;} 

/* 必須 */
#en .wpcf7 .must { font-size: 0.7em; color: #fff; background: #c6ab31; padding: 3px 7px; border-radius: 3px; margin-left: 7px;}
/* 任意 */
#en .wpcf7 .any { font-size: 0.7em;  color: #fff; background: #999; padding: 3px 7px; border-radius: 3px; margin-left: 7px;}

/* テキストリンク */
#en div.wpcf7 p a {color:#c6ab31 !important; text-decoration:underline;}
#en div.wpcf7 p a:hover {color:#fff !important; text-decoration:none;}

/* テーブル */
table a {text-decoration: underline !important;}
table a:hover {text-decoration: none !important;}

/* ギャラリーlightbox */
.fancybox__toolbar {padding: 5em 2em 0 2em !important;}
.fancybox__container {padding: 2em 0 0 0 !important;} 
.fancybox__footer {text-align: center; padding-bottom: 1em !important;}
.fancybox__infobar {font-size: 0.8em !important;}

/* mobilメニュー */
#mobmenuleft {font-size: 0.9em;}
#mobmenuleft li.menu-item a {padding-top: 5px !important; padding-bottom: 5px !important;}




/* テーブル */
table.tbl-01 {
  border-collapse: collapse !important;
  margin: 0 auto;
  border: solid 1px #BFBFBF !important;
}
.tbl-01 th {
  background: #001eb0;
  border: solid 1px #BFBFBF !important;
  padding: 10px;
  color: #fcf2c6;
  font-weight: 600 !important;
　white-space: nowrap !important;
  width: 200px;
}
.tbl-01 td {
  border: solid 1px #BFBFBF !important;
  padding: 10px;
  color: #000;
  text-align: left !important;
}
/* スマホ */
@media screen and (max-width: 640px) {
	table.tbl-01 {width: 100% !important;}
　.last td:last-child {
    border-bottom: solid 1px #001eb0;
    width: 100%;
  }
  .tbl-01 {
    width: 80%;
    border: solid 1px #001eb0 !important;
  }
  .tbl-01 th {
　　border-bottom: none;
    display: block;
    width: 100% !important;
    color: #fcf2c6;
    white-space: nowrap !important;
    border: solid 1px #001eb0 !important;
  }
  .tbl-01 td {
　　border-bottom: none;
    display: block;
    width: 100% !important;
    color: #000;
	text-align: center !important;
    border: solid 1px #001eb0 !important;
  }
  .tbl-01 .align-l {
    text-align: left !important;
  }
}

/* SP copyright */
.sydney-credits { letter-spacing: 0px;}


/* Mobile Menu カスタマイズ */
/* 元の ::before アイコンを消す */
.mob-icon-cancel-1::before {
  content: none !important;
  display: none !important;
}
/* 閉じるボタン */
.mob-icon-cancel-1 {
  background-image: url('https://albero.jpn.com/niwa/wp-content/uploads/2025/07/close.svg');
  background-repeat: no-repeat;
  background-position: right 10px top 10px;
  background-size: 20px 20px;

  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  position: absolute;  /* 必要に応じて調整 */
  top: 10px;
  right: 10px;
}

/* 元の矢印アイコンを消す */
.open-icon::before {
  display: none !important;
  content: none !important;
}
/* デフォルト（閉じているとき）：下向き画像 */
.open-icon {
  background-image: url('https://morimototeiensha.com/wp-content/uploads/2025/07/arrow-open.svg');
  background-repeat: no-repeat;
  background-position: right 0 top 5px;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* 元の矢印アイコンを消す */
.close-icon::before {
  display: none !important;
  content: none !important;
}
/* デフォルト（閉じているとき）：下向き画像 */
.close-icon {
  background-image: url('https://morimototeiensha.com/wp-content/uploads/2025/07/arrow-close.svg');
  background-repeat: no-repeat;
  background-position: right 0 top 5px;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* メニューパネル100%表示 */
.mobmenu-panel {
    width: 100% !important;
    max-width: 100% !important;
	padding-left: 20px;
}

/* メニュー下SNSヴィジェット */
.sns-icons-footer {
    display: flex;
    justify-content: flex-end; /* 右揃え */
    margin: 0 !important;
    padding-left: 0;
	padding-right: 20px;
	z-index: 9990;
}

.sns-icons-footer a {
    margin: 0 !important;
	padding: 0 0 0 20px !important;
}

.sns-icons-footer a img {
    width: 15px;
    height: 15px;
    transition: none;
}

.sns-icons-footer a:hover img {
    transform: none;
	opacity: 0.7;
}


ul.leftmbottom {
	margin: 0 0 30px 0;
	padding: 0;
}


 /* モバイルメニュー上下max表示 */
@media screen and (max-width: 767px) {
.leftmbottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 9999;
}

.menu-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: ;
    z-index: 9999;
}

.wp-mobile-menu {
    flex: 1;
    overflow-y: auto;
}

.wp-mobile-menu > li:last-child {
    margin-bottom: 50px;
}
}

 /* モバイルメニューセカンド調整 */
.sub-menu.show-sub-menu {
	border-top: #0027e5 1px solid !important;
	border-bottom: #0027e5 1px solid !important;
    margin: 0 0 10px 0 !important;
    padding: 10px 0 10px 0 !important;
}

.sub-menu.show-sub-menu a:hover {
	color: #fff !important;
}

/* 社員スライダー　閉じるボタン位置 */
a.dialog-close-button.dialog-lightbox-close-button {margin:70px 0 0 0;}

 /* モバイルメニューセカンド調整 */
.sub-menu.show-sub-menu {
	border-top: #0027e5 1px solid !important;
	border-bottom: #0027e5 1px solid !important;
    margin: 0 0 10px 0 !important;
    padding: 10px 0 10px 0 !important;
}

.sub-menu.show-sub-menu a:hover {
	color: #fff !important;
}