/*
	Version: 2
*/

@font-face {
    font-family: 'Genericons';
    src: url(../fonts/genericons/Genericons.eot),
		 url('../fonts/genericons/Genericons.woff') format('woff');
}

/* ロゴ変更に伴う、PCメニューマージントップ設定　2022/07/26 */
@media (min-width: 768px){
.menu-primary .wvrx-menu, .menu-primary .wvrx-menu-container {
	margin-top:20px;

    text-align: center;
    line-height: 0;
}
}


/* 新着情報ページのタイトルフォントの設定　2021/10/28 */
.wvrx-posts .post-title {
    font-size:1.6em!important;
    font-weight: normal!important;
}
.wvrx-posts .post-title a:hover {
    color: blue!important;
}


/* フォントの設定 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

*,html,body,
.font-inherit{
    font-family: 'Noto Sans JP',Helvetica Neue,Helvetica,YuGothic,Yu Gothic,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif!important;
	font-weight:400;
}

.colophon .menu-horizontal li a, .header .menu-horizontal li a, .menu-extra li a, .menu-primary li a, .menu-secondary li a {
	font-weight:500!important;
}

/*
#content [class^=wp-block-] {
	margin-top:0em!important;
	margin-bottom:0em!important;
}
*/
#header-image, #header-image img {
    display: none;
}

.custom-logo-on-menu img:hover{
	  opacity: 1;
  -webkit-animation: flash 3.5s;
  animation: flash 3.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}



h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 0.25em!important;
}

#content{
	padding:4px 0px 8px 0px!important;
}

.entry-content,.wvrx-posts{
	padding:0 2vw!important;
	line-height: 1.5;
}


#content .wp-block-columns{
	margin:0!important;
}


#content ul, #content ol, #content p, .wp-block-contact-form-7-contact-form-selector {
    margin: 0 0.5em 1.5em 0.5em!important;
}

#content p{
	max-width:860px;
}

.wp-block-column figure.wp-block-table{
	margin: 0.5em 5px!important;
}
@media (min-width: 782px){}
.wp-block-column:not(:first-child) {
    margin-left: 1em!important;
}
h2 span {
  display: block;
  margin-top: .4em;
  color: #222;
  font-size: .6em;
font-weight: 600;
}
.fa, .far, .fas,.sui-envelope-o:before {
    font-family: "Font Awesome 5 Free"!important;
}
.sui-envelope-o:before {
    content: "\f0e0"!important;
}

@media only screen and (max-width: 480px) { 
figure {
    margin: 1em 10px;
}
  figure.wp-block-table table { margin: 0 3px; }
  figure.wp-block-table table tr {
    display:block;
    margin-bottom: 10px;
  }
  figure.wp-block-table table tr td {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    padding:2px;
    border:none;
  }
  figure.wp-block-table table td:nth-of-type(1) {
    display:block;
    background-color: #ffff66;
    padding:2px 0 2px 10px;
    width: 100%;
margin-left: 0;
  }
}

@media only screen and (max-width: 480px) { 

  table.tablepress tr td,table.tablepress tr th {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    padding:2px;
    border:none;
  }
  table.tablepress tr th {
    list-style:none;
    margin-left:5%;
  }
  table.tablepress td:nth-of-type(1) {
    display:block;
    background-color: #ffff66;
    padding:2px 0 2px 10px;
    width: 100%;
    margin-left: 0;
  }
}


/* 広い 画面でも左右をあけて、コンテンツを中央寄せ */
@media screen and (min-width: 2001px){
	.entry-content,.wvrx-posts{
		padding:0!important;
		max-width:1000px!important;
		margin:0 auto!important;
	}
}
@media screen and (max-width: 2000px){
	.entry-content,.wvrx-posts{
		padding:0 22vw!important;
	}
}
@media screen and (max-width: 1800px){
	.entry-content,.wvrx-posts{
		padding:0 20vw!important;
	}
}
@media screen and (max-width: 1600px){
	.entry-content,.wvrx-posts{
		padding:0 16vw!important;
	}
}
@media screen and (max-width: 1400px){
	.entry-content,.wvrx-posts{
		padding:0 14vw!important;
	}
}
@media screen and (max-width: 1200px){
	.entry-content,.wvrx-posts{
		padding:0 12vw!important;
	}
}
@media screen and (max-width: 1000px){
	.entry-content,.wvrx-posts{
		padding:0 10vw!important;
	}
}
@media screen and (max-width: 800px){
	.entry-content,.wvrx-posts{
		padding:0 6vw!important;
	}
}
@media screen and (max-width: 600px){
	.entry-content,.wvrx-posts{
		padding:0 4vw!important;
	}
}

input,select{
    padding: 3px 2px;
}



@media screen and (min-width: 840px){
	/*20210331
	#branding{
		margin-top:-80px;
	}*/
	
.weaverx-theme-menu li a {
  display: inline-block;
}

.weaverx-theme-menu li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.weaverx-theme-menu li a:hover::after {
  transform: scale(1, 1);
}

/* トップメニュー の文字 	
.menu-primary .wvrx-menu > li > a {
      text-shadow    : 
       1px  1px 1px #003366,
      -1px  1px 1px #003366,
       1px -1px 1px #003366,
      -1px -1px 1px #003366,
       1px  0px 1px #003366,
       0px  1px 1px #003366,
      -1px  0px 1px #003366,
       0px -1px 1px #003366;
}	
*/
	
		/*20210331
	#content article header h1{
			background:url(http://nition.jp/wp/wp-content/uploads/2021/03/cropped-headback-1.jpg) center top/cover no-repeat;
		width:100vw;
		margin-top:-55px;
		padding:50px 0 60px 0;
	}
	*/
	#content article header h1{
		text-align:center;
		color:white;
	}
	

}

@media screen and (max-width: 845px){
	#branding,#header-image,#wp-custom-header{
		display:none!important;
	}
}
@media screen and (max-width: 620px){
	footer .menu-top-container{
		display:none!important;
	}
}

footer #site-info a, .wrapper a {
    color: white;
}
footer #colophon-inside{
	text-align:center;
}
#site-info {
	float:none!important;
}

footer .menu-footer-container,
footer .menu-foot2-container {
	text-align: center;
}

footer .menu-footer-container ul,
footer .menu-foot2-container ul{
	margin: 0;
	padding: 0;
}

footer .menu-footer-container li{
	list-style: none;
	display: inline-block;
	width: 10%;
	min-width: 90px;
}
footer .menu-foot2-container li{
	list-style: none;
	display: inline-block;
	width: 20%;
	min-width: 150px;
}

@media screen and (max-width: 480px){
footer .menu-footer-container li,
footer .menu-foot2-container li{
	display: block;
	width: 100%;
}
}

footer .menu-footer-container li:not(:last-child),
footer .menu-foot2-container li:not(:last-child){
	border-right: 2px solid #ddd;
}

footer .menu-footer-container a,
footer .menu-foot2-container a{
	text-decoration: none;
	color: white;
	font-weight: 400;
}
}

footer .menu-footer-container a.current,
footer .menu-foot2-container a.current{
	color: #00B0F0;
	border-bottom: 2px solid #00B0F0;
}

footer .menu-footer-container a:hover,
footer .menu-foot2-container a:hover{
	color: #F7CB4D;
	border-bottom: 2px solid #F7CB4D;
}

/* 製品ページ　関連メニュー */
ul.prfoot {
	margin: 0;
	padding: 0;
}

.prfoot li {
	list-style: none;
	display: inline-block;
	padding:0px 15px;
}
@media screen and (max-width: 480px){
.prfoot li {
	display: block;
	width: 100%;
	border:none;
}
}


.prfoot li:not(:last-child){
	border-right: 2px solid #ddd;
}

.prfoot a {
	text-decoration: none;
	color: #330066;
	font-weight:700;
}

.prfoot a.current {
	color: #006633;
	border-bottom: 2px solid #00B0F0;
}

.prfoot a:hover {
	color: #003366;
	border-bottom: 2px solid #F7CB4D;
}	
						

/* ------------------------------------
 * 　　コンテンツ　ＴＯＰ　見出し
------------------------------------ */
h1.page-title,
#content article header h1 {
		clear: both; 
	font-size:3.0em;
	text-align:center;
	line-height:1.1em;
	font-weight:400;
	color:#043c78;
	letter-spacing: 5px;
	  padding: 1.5rem 2rem;
  border-top: solid 3px #043c78;/*上線*/
  border-bottom: solid 3px #043c78;/*下線*/
}

@media screen and (max-width: 800px){
	h1.page-title,
	#content article header h1{
			font-size:3.5em;
	}
}
@media screen and (max-width: 600px){
	h1.page-title,
	#content article header h1{
			font-size:3.0em;
	}
}
@media screen and (max-width: 400px){
	h1.page-title,
	#content article header h1{
			font-size:2.5em;
	}
}
/* ------------------------------------
 * 　　コンテンツ　中見出し<h2>
------------------------------------ */

#content h2 {
		clear: both; 
}


/* ------------------------------------
 * 　　コンテンツ　中見出し<h3>
------------------------------------ */
/* #content h3 {
	clear: both; 
	color: #fff;
	background-color: rgba(0, 165, 162, 0.5);
	border-top: 1px solid #000fff;
	border-bottom: 2px solid #000fff;
	background-image: linear-gradient(to bottom, rgba(0, 165, 162,0.8), rgba(0, 165, 162,0.2)),
		url(http://nition.jp/wp/wp-content/uploads/2021/03/bg_page_tit.jpg);
	padding: 10px;
	padding-left:20px;
}
#content h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f126";
  font-weight: 700;
  position: relative;
  font-size: 0.9em;
  left: -10px;
  top: 0;
  color: #ff9900; 
}
*/
#content h3 {
	clear: both; 
	color: black;
	border-bottom: 2px solid #000fff;
	padding: 10px;
	padding-left:20px;
	font-size: 1.300em;
	font-weight:600;
	color: #043c78;
}
#content h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f126";/*アイコンのユニコード*/
  font-weight: 700;
  position: relative;/*絶対位置*/
  font-size: 0.9em;/*サイズ*/
  left: -10px;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: blue; /*アイコン色*/
}

.ccpage_linked_title a{
  font-weight: 600;
}

/* ------------------------------------
 * 　　コンテンツ　中見出し<h4>
------------------------------------ */
#content h4{
	clear: both; 
	border-bottom: solid 3px #00a595;
	position: relative;
    font-size: 1.300em;
    color: #043c78;
    font-weight: 600;
}
#content h4 span,#content h4 a,#content h3 span{
    font-weight: 600;
	    color: #043c78;
}
.lcp_postspan a{
    font-weight: 400;
}
#content h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #330066;
  bottom: -3px;
  width: 20%;
}


/* ------------------------------------
 * 　　ウィジット　見出し
------------------------------------ */

h3.widget-title {
}

#content ul, #content ol, #content p,
.wp-block-contact-form-7-contact-form-selector{
    margin: 0 2em 1.5em 2em;
}

/* 詳細を表示------------------------------------ */

a.more-link {
color: blue!important;
margin-top: 3px!important;
}
.su-post-comments-link{
	display:none;
}

/* コンタクトフォームＣＳＳ */

input[type="text"],
input[type="email"],
input[type="tel"],
textarea 
{
    max-width:90%;
    color: black;
    background-color: white;
}

.wpcf7-submit {
	padding:12px;		/* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
	font-size	: 16pt;        /* 文字サイズ */
}
.wpcf7-submit:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
/* ----------------------------- */

/* テーブル */

table#tablepress-1 .column-1,
table#tablepress-2 .column-1
{
		min-width:180px;
  		background-color:#dbffa4;
  		font-weight:bold;
  		border: 1px #CCCCCC solid!important;
}

.tablepress
{
	border: 1px #CCCCCC solid!important;
}

.tablepress img {
	width:98%;
}
.gallery-caption {
    color: #242424!important;
    font-size: 90% !important;
    font-style: normal;
}

@media screen and (max-width: 480px){
  		table#tablepress-1 td,
  		table#tablepress-2 td,
  		table#tablepress-5-no-2 td
  		{
  			display:block;
  		    width: 320px;
  		}
	#content .gallery-columns-2 .gallery-item {
    	max-width: 100%;
	}
/*	#gallery-2 .gallery-item,
	#gallery-3 .gallery-item,
	#gallery-4 .gallery-item,
	#gallery-5 .gallery-item,
	#gallery-6 .gallery-item, */
	#content .gallery .gallery-item
	{
  			display:block;
    	max-width: 100%;
  		    width: 100%!important;
		}
	.wp-image-150{
		width:100%;
		margin:0px 15px;
		display:block;
	}
		#content h4 span{
			padding:0;
		}	

}

@media screen and (min-width: 481px){	
	.br-pc { display:block }
	.pconly { display:inline-block }
	.br-sp { display:none; }
}
@media screen and (max-width:480px){	
  	.br-pc { display:none; }
  	.pconly { display:none; }
  	.br-sp { display:block; }
}
@media screen and (min-width: 846px){	
	.disptab { display:none; }
}

/*ＣＣ　ＣｈｉｌｄＰａｇｅ見出し文字*/
.ccchildpage h3.ccpage_linked_title{
  color: #3300cc!important;/*文字色*/
  padding: 0.5em 0!important;/*上下の余白*/
  border-top: solid 2px #364e96!important;/*上線*/
  border-bottom: solid 2px #364e96!important;/*下線*/
	font-size:1.15em!important;
}
.ccchildpage h3.ccpage_linked_title:before{
	content:none!important;
}
.ccpages_more{
  display:none!important;
}
.ccpages_excerpt, .ccpages_more {
	font-size:95%;
}
/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}

#content p.w874center{
	margin:0 auto!important;
	max-width:874px!important;
}

/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
    background-color: rgba(255,255,255,0.7); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.italic {font-style: italic; }

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-green,
.box-blue,
.box-pink,
.box-red,
.box-lime,
.box-gray{ 
	padding: 5px;
	max-width: 95%;
	width: 95%;
	text-align: left;
	margin: 0.3em auto;
	overflow: auto
}

.box-red	{
	border:1px red solid ;
	background-color:#fee;
}
.box-blue	{
	border:1px blue solid ;
	background-color:#eef;
}
.box-orange{ 
	border:1px orange solid ;
	background-color:#FFFACD;
}/*橙*/
.box-green{ 
	border:1px #6a6 solid ;
	background-color:#efe;
}/*橙*/

.box-yellow{ background-color: #ff6; }/*黄*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


.line-yellow{ 
	background-color: #ff6; }/*黄*/
.line-green{ 
	background-color:palegreen;}
.line-pink{ 
	background-color: #ffccff; }/*ピンク*/

.lines-yellow{ 
	background: linear-gradient(transparent 60%, #ff0 0%)}」
.lines-green{ 
	background: linear-gradient(transparent 60%, palegreen 0%);}
.lines-pink{ 
	background: linear-gradient(transparent 60%, #ffccff 0%);}

.ul-red{
	border-bottom: 1px solid #f00;
}
.ul-green{
	border-bottom: 1px solid #0f0;
}
.ul-blue{
	border-bottom: 1px solid #00f;
}



/*行間の設定*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }


.afterpagetitle {
  color: #007f99;
  padding: 10px 0;
  position: relative;
}

.afterpagetitle::before,
.afterpagetitle::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #004d40;
}

.afterpagetitle::before {
  top: 0;
}

.afterpagetitle::after {
  bottom: 0;
}
/*
	20260202
*/
figure {
    margin: 1em 0;
}
h2 {
    font-size: 1.875em;
    margin-bottom: 0.333em;
    margin-top: 0.667em;
}
p {
	margin-bottom: 1em;
}
.entry-utility {
	margin-top: 1em;
}