/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/
/*-- フォント --*/
.zen-maru-gothic-light {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 300;
  font-style: normal;
}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

p{font-size:15px;font-family:"Zen Maru Gothic", serif;font-weight:400;line-height:150%;}
h2{font-size:15px;font-family:"Zen Maru Gothic", serif;font-weight:700;}


a:hover{text-decoration:none;opacity:0.5;color:#D76B11;}
a:link{color:#333333;}
a:visited{color:#333333;}

/*横幅いっぱいに必要なもの--------*/
#wrapper {
    overflow-x: hidden;
}

/*-- ロゴヘッダー --*/
.rogohead{width:100%;background:#fff;height:90px;margin:0;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:space-between;position:fixed;z-index:999;opacity:0.8;}
.rogohead h1 img{height:80px;width:auto;}
.navibox{margin:0;padding:10px 0px;}
.smahobox{margin:0;padding:0;display:none;}
/*グローバルナビメニュー*/
#gnav ul {
    list-style: none;
    padding-left: 0;
}
#gnav ul li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #333;
	font-size:15px;
}
#gnav ul li a:hover {
    opacity: 0.5;
}
#gnav > ul {display:flex;}
#gnav > ul > li {padding: 10px 10px;box-sizing:border-box;}
#gnav > ul > li > a {}
.eigo a{background:#9E9E9F;border-radius:5px;padding:5px 5px 10px;margin-top:-5px;box-sizing:border-box;}
.eigo a:hover{background:#D76B11!important;}
.eigo a{color:#fff!important;}

/*-- トップメインイラストとリード文部分 --*/
.full3{margin:30px calc(50% - 50vw) 0px;
	width: 100vw;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 75%;
  left: 50%;}
.parts h2{margin-bottom:0px!important;margin-top:0px!important;}

.kamome{width:95%;text-align:right;margin:-200px auto 60px;}
.kamome img{width:350px;}
.readmae{width:100%;margin:0;}
.read{width:800px;margin:10px auto;text-align:left;padding-bottom:50px;}
.read p{font-size:21px; line-height:150%;}
.huusya{width:90%;margin:50px auto 0px;text-align:right;padding-bottom:100px;}
.huusya img{height:300px;width:auto;}
.full{display:none;}
.full2{display:none;}

/*-- トップnews部分 --*/
.catname{display:none;}
.content-post-slider .post-slide-more a:hover{background:#D76B11;color:#fff;	border:1px solid #D76B11!important;}
.content-post-slider .post-slide-title, .post-card-list .post-card-title{font-size:16px;}

/*-- トップproject部分 --*/
.toppro{width:100%;margin:0;padding:0;display:flex;}
.aohako{width:50%;background:#F5FBFE;padding:10px;box-sizing:border-box;border-radius:5px;}
.textbox{width:90%;text-align:left;padding-left:20px;}
.ilustbox{width:80%;display:flex;margin-bottom:-50px;}
.ilustbox img{width:150px;height:auto;margin:30px 0px 0px -50px;}
.gazoubox{width:50%;padding:0;margin:0 0 0 -5%;}
.gazoubox img{width:100%;border-radius:80% 30% 50% 50%/50%;}

/*-- トップcompany部分 --*/
.topcomp{width:100%;margin:0;padding:0;display:flex;flex-direction: row-reverse;}
.h2hako{padding-left:6%;}
.orehako{width:50%;background:#FEF5F1;padding:10px;box-sizing:border-box;border-radius:5px;}
.ilustbox2{width:100%;display:flex;margin-bottom:0px;}
.ilustbox2 img{width:140px;height:auto;margin:-50px 0px 0px 110px;}
.textbox2{width:90%;text-align:left;padding-left:20px;margin-left:6%;box-sizing:border-box;}

.gazoubox2{width:50%;padding:0;margin:0 -3% 0 0;z-index:1;}
.gazoubox2 img{width:100%;border-radius:40% 40% 50% 40%/40% 40% 60% 60%;}

/*ボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #666;
  border-radius: 0.5rem;
}

a.btn-border {
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color:#fff;

}

a.btn-border:hover {
  color: #fff;
  background:#D76B11;
	border:1px solid #D76B11!important;
}

.bottton{margin:20px auto;}
.bottton-r{width:200px;margin:30px auto 30px auto;text-align:center;}

/*-- トップへ画像 --*/
.page-top-img img{max-height:65px;}

/* 2階層css */
main{border:none!important;}

#breadcrumb{position:absolute;top:0px;}

.nikaisou-header{
	margin: 0 calc(50% - 50vw);
	width: 100vw!important;
	padding:0;
}

.nikaisou-box{
	background-image:url("https://mtow.co.jp/wp-content/uploads/2025/02/2kaiso-header062.png");
    background-repeat:repeat-x;
	background-position:bottom left;
	height:200px;
	width:100%;
	position:relative;
	margin-top:50px;
}

.nikaisou-box960ika{
	background-image:url("https://mtow.co.jp/wp-content/uploads/2025/02/2kaiso-header-960px03.png");
    background-repeat:repeat-x;
	background-position:bottom left;
	height:200px;
	width:100%;
	position:relative;
}



img.alignright.size-large.wp-image-47{position:absolute;top:-10px;right:50px;width:460px;}

.nikaisou-box h1{text-align:center!important;font-size:36px;line-height:110%;font-weight:300;}
.nikaisou-box960ika h1{text-align:center!important;font-size:36px;line-height:110%;font-weight:300;}

h2.gaiyou{border-left:solid 5px #0f7f9c!important;padding:0 0 5px 10px!important;}
p.nikaisou-p{padding: 0 20px;text-align:justify;}
h2.nikaisouh2{color:#0f7f9c!important; margin-bottom:0!important;font-size:20px!important;padding-bottom:5px!important;}

/* 2階層　発電設備の概要 */
.gaiyou-contaner{display:flex;padding:0 20px;}
.gaiyoubox-l{width:70%;}
.gaiyoubox-r{width:30%;}
h2.gaiyou{margin-top:80px!important;font-weight:300!important;}
td.iro{background-color:#efefef;}

img.aligncenter.size-full.wp-image-82{width:80%;}

/* 会社概要 */
.gaiyou-t{padding:0 20px;}
/* 表 */
th.meishou{width:140px;vertical-align:middle;text-align:left;background-color:#efefef;}
td.kintou{text-align:justify;}


/* このサイトについて */
.riyoukitei{width:100%;margin:30px 0px;padding:0;}
.riyoukitei dl{width:100%;margin-bottom:30px;}
.riyoukitei dt{font-weight:700;font-size:20px;color:#0f7f9c;padding-bottom:5px;margin-bottom:10px;border-bottom:1px dotted #999;}
.riyoukitei dd{font-size:16px;line-height:150%;color:#333;}



/* カテゴリー一覧 */
.category-3 h1.entry-title{display:none;}

.pt-cv-wrapper .btn-success{color:#333;background-color:#fff;border:solid 1px #ccc;border-radius:2px;}
.pt-cv-wrapper .btn-success:hover {
  color: #fff;
  background:#D76B11;
	border:1px solid #D76B11!important;
}

/* 投稿タイトル */
.post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no){padding:30px 0px 10px 0px;border-bottom:1px solid #999!important;}

/* フッタータイトル削除 */
#footer .footerlogo{font-size:0!important;}
#footer-wrapper{height:170px!important;}

/* 投稿ページとカテゴリーページ上を広く */
.single #content-w{margin-top:120px!important;}
.category #content-w{margin-top:120px!important;}

.wpcf7 form .wpcf7-response-output{border:none!important;}

/*media Queries スマートフォンとタブレットサイズ（1599px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1599px) {
/*-- トップメインイラストとリード文部分 --*/
.full3{margin:30px calc(50% - 50vw) 0px;
	width: 100vw;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 75%;
  left: 50%;}
.parts h2{margin-bottom:0px!important;margin-top:0px!important;}

.kamome{width:95%;text-align:right;margin:0px auto 60px;}
.kamome img{width:350px;}
.readmae{width:100%;margin:0;}
.read{width:800px;margin:10px auto;text-align:left;padding-bottom:50px;}
.read p{font-size:21px; line-height:150%;}
.huusya{width:90%;margin:50px auto 0px;text-align:right;padding-bottom:100px;}
.huusya img{height:300px;width:auto;}


}

/*media Queries スマートフォンとタブレットサイズ（1280px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {


/*-- トップメインイラストとリード文部分 --*/
.full3{display:none;}
.full{margin:30px calc(50% - 50vw) 0px;
	width: 100vw;display:block;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 75%;
  left: 50%;}
.parts h2{margin-bottom:0px!important;margin-top:0px!important;}

.kamome{width:95%;text-align:right;margin:-50px auto 20px;}
.kamome img{width:250px;}
.readmae{width:100%;margin:0;}
.read{width:600px;margin:10px auto;text-align:left;padding-bottom:50px;}
.read p{font-size:15px;}
.huusya{width:90%;margin:50px auto 0px;text-align:right;padding-bottom:100px;}
.huusya img{height:230px;width:auto;}

.full2{display:none;}

	
/* 2階層css */
	img.alignright.size-large.wp-image-47{width:380px;top:-7px;right:20px;}
	
	
	
}



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

/*-- ロゴヘッダー --*/
.rogohead{width:100%;background:#fff;height:90px;margin:0;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:space-between;opacity:0.8;}
.rogohead h1 img{height:70px;width:auto;}
.navibox{margin:0;padding:10px 0px;display:none;}
.smahobox{margin:0;padding:0;display:block;width:40px;}
	#headbox-bg{display:none;}

/*-- トップメインイラストとリード文部分 --*/
.full{margin: 40px calc(50% - 50vw) 0px;
	width: 100vw;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 70%;
  left: 50%;}
.kamome{width:95%;text-align:right;margin:-50px auto 0px;}
.kamome img{width:200px;}
.readmae{width:100%;margin:0;}
.read{width:600px;margin:10px auto;text-align:left;padding-bottom:0px;}
.huusya{width:90%;margin:30px auto 0px;text-align:right;padding-bottom:0px;}
.huusya img{height:150px;width:auto;}

/*-- トップproject部分 --*/
.toppro{width:100%;margin:0;padding:0;display:flex;}
.aohako{width:50%;background:#F5FBFE;padding:10px;box-sizing:border-box;border-radius:5px;}
.textbox{width:90%;text-align:left;padding-left:20px;}
.ilustbox{width:80%;display:flex;margin-bottom:-20px;}
.ilustbox img{width:120px;height:auto;margin:30px 0px 0px -20px;}
.gazoubox{width:50%;padding:0;margin:0 0 0 -5%;}
.gazoubox img{width:100%;border-radius:80% 30% 50% 50%/50%;}

/*-- トップcompany部分 --*/
.topcomp{width:100%;margin:0;padding:0;display:flex;flex-direction: row-reverse;}
.h2hako{padding-left:6%;}
.orehako{width:50%;background:#FEF5F1;padding:10px;box-sizing:border-box;border-radius:5px;}
.ilustbox2{width:100%;display:flex;margin-bottom:0px;}
.ilustbox2 img{width:120px;height:auto;margin:-50px 0px 0px 20px;}
.textbox2{width:90%;text-align:left;padding-left:20px;margin-left:6%;box-sizing:border-box;}

.gazoubox2{width:50%;padding:0;margin:0 -3% 0 0;z-index:1;}
.gazoubox2 img{width:100%;border-radius:40% 40% 50% 40%/30% 50% 50% 50%;}

/* 2階層css */
	.nikaisou-box{display:none;}
	img.alignright.size-large.wp-image-47{width:320px;top:95px;right:auto;left:50%;transform: translateX(-50%);}
	
	.gaiyou-contaner{display:block;}
	.gaiyoubox-l{width:100%;}
	.gaiyoubox-r{width:100%;}
	img.aligncenter.size-full.wp-image-82{width:40%;}
	.nikaisou-box960ika{height:250px;margin-top:60px;}	
	
	h2.gaiyou{margin-top:30px!important;}
	
	


/* 投稿タイトル */
.post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no){padding:40px 0px 10px 0px;border-bottom:1px solid #999!important;}
	
	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
/*-- フッター背景画像 --*/
#footer-wrapper{background-repeat:repeat-x;}
	
/* 2階層 */
	.nikaisou-box960ika{display:none;}

	/*-- ここまで --*/
}

/*media Queries スマホサイズ（699px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 699px) {
/*-- ロゴヘッダー --*/
.rogohead{width:100%;background:#fff;height:90px;margin:0;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:space-between;overflow-x: hidden;}
/*-- トップメインイラストとリード文部分 --*/
.full{display:none;}
.full2{display:block;margin: 60px calc(50% - 50vw) 0px;
	width: 100vw;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 60%;
  left: 50%;}
.kamome{width:95%;text-align:right;margin:0px auto 0px;}
.kamome img{width:200px;}
.readmae{width:100%;margin:0;}
.read{width:80%;margin:10px auto;text-align:left;padding:0px 20px;box-sizing:border-box;}
.huusya{width:90%;margin:50px auto 0px;text-align:right;padding-bottom:0px;}
.huusya img{height:180px;width:auto;}

/*-- トップproject部分 --*/
.toppro{width:100%;margin:0;padding:0;display:block;}
.aohako{width:100%;background:#F5FBFE;padding:10px;box-sizing:border-box;border-radius:5px;}
.textbox{width:90%;text-align:left;padding-left:20px;}
.ilustbox{width:80%;display:flex;margin-bottom:-20px;}
.ilustbox img{width:120px;height:auto;margin:30px 0px 0px -20px;}
.gazoubox{width:100%;padding:0;margin:10px 0px;}
.gazoubox img{width:100%;border-radius:80% 30% 50% 50%/50%;}
	
/*-- トップcompany部分 --*/
.topcomp{width:100%;margin:0;padding:0;display:block;}
.h2hako{padding-left:6%;}
.orehako{width:100%;background:#FEF5F1;padding:10px;box-sizing:border-box;border-radius:5px;}
.ilustbox2{width:100%;display:flex;margin-bottom:0px;}
.ilustbox2 img{width:120px;height:auto;margin:-30px 0px 0px 20px;}
.textbox2{width:90%;text-align:left;padding-left:20px;margin-left:6%;box-sizing:border-box;}

.gazoubox2{width:100%;padding:0;margin:10px 0px;}
.gazoubox2 img{width:100%;border-radius:40% 40% 50% 40%/30% 50% 50% 50%;}	

/* 	2階層 */
	
	
	/*-- ここまで --*/
}

/* ボタン中央 */
.bottton{text-align:center;}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
.rogohead h1 img{height:65px;width:auto;}
	
/* 2階層表	 */
	th.meishou,td.kintou{display:block;}
    th.meishou{width:100%;}
	
	
	
	/*-- ここまで --*/
}
/*media Queries スマホサイズ（499px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 499px) {
.rogohead h1 img{height:65px;width:auto;}
	
/*-- トップメインイラストとリード文部分 --*/

.full2{display:block;margin:60px calc(50% - 50vw) 0px;
	width: 100vw;}
.mainvisual{text-align:center;position:relative;width:100%;}
.parts{position:absolute;width:100%;transform: translate(-50%,-50%);margin:0;top: 65%;
  left: 50%;}
.parts h2{margin-bottom:0px!important;margin-top:0px!important;padding-bottom:0!important;}
.kamome{width:95%;text-align:right;margin:0px auto 0px;}
.kamome img{width:100px;}
.readmae{width:100%;margin:0;}
.read{width:100%;margin:10px auto;text-align:left;padding:0px 20px;box-sizing:border-box;}
.huusya{width:90%;margin:0px auto 0px;text-align:right;padding-bottom:0px;}
.huusya img{height:100px;width:auto;}	

/* 2階層 */
	.nikaisou-box{margin:unset;}
	img.alignright.size-large.wp-image-47{left:50%;transform: translateX(-50%);}	
	
	
	/*-- ここまで --*/
}

/*ハンバーガーボタン*/
.el_humburger {

  width: 46px;
  height: 30px;
  padding-top: 20px!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
margin-right:20px;}

 
@media screen and (max-width: 840px) {
  .el_humburger {
    display: block;
    right: 0;
    top: 0;
    padding-top: 20px;
	  margin-right:0px;
    width: 70px;
    height: 70px;}
    #factory .el_humburger {
      display: none; } }
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } }
 
@media screen and (max-width: 840px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } }
 
@media screen and (max-width: 840px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000; } }
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 1px;
  background: #000;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #000; }
 
@media screen and (max-width: 840px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #000; } }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  right: 0;
  height: 100%;
	margin-top:20px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 450px;
  z-index: 3;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  transform:translateZ(0) translateX(100%);
  overflow: auto; }
  .js_humburgerOpen .navi {
    transform:translateZ(0) translateX(0); }
    @media screen and (max-width: 840px) {
      .navi {	margin-top:0px;
        padding: 100px 5% 0; }
      .js_humburgerOpen .navi {
        width: 100%;} }
 
.navi_item {
  position:relative;
  margin-bottom: 20px;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
  font-size: 20px;
  font-family: "Marcellus", serif !important;
  white-space: nowrap;
  margin-left: 90px; 
  }
  .navi_item.op_innerLink {
    cursor: pointer; }
  @media screen and (max-width: 840px) {
    .navi_item {
      margin-left: 0;
      font-size: 18px; } }
 
.navi_item a{text-decoration:none;}
 
 
.el_spChildNavOpen {
  position: absolute;
  top: -6px;
  left: 80%;
  z-index: 20;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  padding: 10px; }
 
.js_openParent.js_fire > .el_spChildNavOpen {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }
  .js_openParent.js_fire > .el_spChildNavOpen > .el_spChildNavOpen_wrapper:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
 
.el_spChildNavOpen_wrapper {
  position: relative;
  width: 15px;
  height: 15px;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }
  .el_spChildNavOpen_wrapper:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #111;
    position: absolute;
    top: calc(50% - 1px); }
  .el_spChildNavOpen_wrapper:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #111;
    position: absolute;
    left: calc(50% - 1px);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
 
 
.nav_child{
  padding-top:20px;
}
 
.nav_child_item{
  position: relative;
  font-size:18px;
  padding-left:20px;
  margin-bottom:10px!important;
}
 
.nav_child_item > a{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
}
 
.nav_child_item:last-child{
  margin-bottom:0px;
}
 
.js_openSwitch {
  cursor: pointer; }
 
.js_openTarget {
  display: none; }