@charset "utf-8";
/* -----------------------------------------------------------

	東大阪徳洲会病院 under.css 
	・下層ページ用共通スタイル

	※個々のカラー・装飾等はデザインに応じて修正のこと。

------------------------------------------------------------- */
/* -- base.css上書き ---------------------------------------- */
body { overflow-y: scroll; }

/* 英語のタイトルのイメージを格納 */
.main-body span.en {
	float: right;
    font-size: 0.600em;
    font-weight: normal;
    padding-top: .6em;
}
.main-body span.en::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* サイドバーの先頭タイトルに下三角を追加 */
h3.under-side-ttl::before {
	content: "";
    display: block;
    background-image: url(../img/common/under/side-title-triangle.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
		bottom: -15px;
        left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 15px;
}

@media only screen and (max-width : 767px){
	.main-body h1::before {
		width: 35px;
		height: 35px;
			top: 7px;
	}
}

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

/* -- 明朝体のフォントを使用する場合 ------------------ */
.font-min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


/* -- 下層ページのヘッダーイメージ部 ------------------- */
.under-head-wrap {
	margin: 0 auto;
	width: 100%;
}
.under-head-in {
	height: 220px;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	width: 100%;
}
.under-head-ttl {
	color: #66B353;
	font-size: 32px;
	font-weight: 600;
	position: absolute;
		top: 50%;
		left: 1px;
	line-height: 1.0;
	margin-top: -16px;
}

/* ヘッダー部テキストにシャドーを追加※不要なら削除 */
.under-head-ttl > span {
    text-shadow:
        #fff 4px 0px 4px, #fff -4px 0px 4px,
        #fff 0px -4px 4px, #fff -4px 0px 4px,
        #fff 4px 4px 4px, #fff -4px 4px 4px,
        #fff 4px -4px 4px, #fff -4px -4px 4px,
        #fff 2px 4px 4px, #fff -2px 4px 4px,
        #fff 2px -4px 4px, #fff -2px -4px 4px,
        #fff 4px 2px 4px, #fff -4px 2px 4px,
        #fff 4px -2px 4px, #fff -4px -2px 4px,
        #fff 2px 2px 4px, #fff -2px 2px 4px,
        #fff 2px -2px 4px, #fff -2px -2px 4px,        
        #fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0-1px 0, #fff -1px 0 0, #fff 1px 0 0;
}
.under-head-ttl > span.en {
    line-height: 2.0;
    display: block;
    font-size: 0.5em;
    font-weight: normal;
    padding-left: 2px;
}

/* -- パンくずナビ ---------------------------------------- */
nav.breadcrumbs {
	background-color: #9BDC72;
    color: #fff;
	display: block;
	margin: 0 auto;
	width: 100%;
}
ol.breadcrumbs-in {
	list-style: none;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
ol.breadcrumbs-in li {
	display: inline-block;
	font-size: 0.929em; /*13px*/
	list-style: none;
	position: relative;
	margin-right: 15px;
	padding-right: 15px;
	background: url(../img/common/breadcrumbs/icon-brc.gif) right center no-repeat;
}
/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){	
	.breadcrumbs-in li{
		background: url(../img/common/breadcrumbs/icon-brc@2x.gif) right center no-repeat;
		-webkit-background-size: 5px 9px;
		background-size: 5px 9px;
	}
	.breadcrumbs-in li:before,
	.breadcrumbs-in li.bcl-first:before{
		display: inline-block;
		vertical-align: middle;
		-webkit-background-size: contain;
		background-size: contain;
		content: " ";
	}
	.breadcrumbs-in li.bcl-last:before{
		width: 0;
		height: 0;
		background: none;
		content: none;
	}
	.breadcrumbs-in li a {
		margin: -10px 0 0 0;
	}
}

ol.breadcrumbs-in li.bcl-last{
	background: none;
}
ol.breadcrumbs-in li a:link,
ol.breadcrumbs-in li a:visited,
ol.breadcrumbs-in li a:active {
	color: #fff;
	display: block;
	padding: 8px 0;
	text-decoration: none;
}
ol.breadcrumbs-in li a:hover {
	color: #fff;
	display: block;
	padding: 8px 0;
	text-decoration: underline;
}

/* ページ下部にCloneしたパンくず */
.foot-cln {
    margin: 10px 0;
}

.foot-cln nav.breadcrumbs {
    background-color: inherit;
    color: #333;
}
.foot-cln ol.breadcrumbs-in li a:link,
.foot-cln ol.breadcrumbs-in li a:visited,
.foot-cln ol.breadcrumbs-in li a:active {
	color: #333;
	display: block;
	padding: 8px 0;
	text-decoration: none;
}
.foot-cln ol.breadcrumbs-in li a:hover {
	color: #333;
	text-decoration: underline;
}
.foot-cln ol.breadcrumbs-in li {
	background: url(../img/common/breadcrumbs/icon-brc-b.gif) right center no-repeat;
}
.foot-cln ol.breadcrumbs-in li.bcl-last{
	background: none;
}


/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){	
	.foot-cln .breadcrumbs-in li{
		background: url(../img/common/breadcrumbs/icon-brc@2x-b.gif) right center no-repeat;
	}
}

/*------------------------------------------------------------
    コンテンツ背景の設定(追加)
-------------------------------------------------------------*/
#contents-bk {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#contents-bk::before {
    content: "";
    display: block;
    background-image: url(../img/common/contents/bk-up.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 50%;
    max-height: 894px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#contents-bk::after {
    content: "";
    display: block;
    background-image: url(../img/common/contents/bk-dw.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 50%;
    max-height: 894px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

/*------------------------------------------------------------
	コンテンツ部＋サイドメニュー部レイアウト
-------------------------------------------------------------*/
/*2カラムレイアウト*/
.main-body-in{
    background-color: #fff;
	margin: 50px auto 0 auto;
	max-width: 1260px;
    padding: 0 30px;
	width: 100%;
}

main {
	width: 100%;
}

.main-conts{
	float: left;
	width: 100%;
	line-height: 1.8;
	margin-right: -312px;
	padding-right: 312px;
	box-sizing: border-box;
	overflow: hidden;
}
.sub-conts{
	float: right;
	padding-left: 50px;
	position: relative;
	padding-top: 5px;
	height: 100%;
	width: 312px;
}

/*------------------------------------------------------------
	Hタグスタイル
-------------------------------------------------------------*/
/*------------------------------------------------------------
見出し
-------------------------------------------------------------*/
.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1 {
	/*color: #000;*/
	font-size: 2.00em;
	font-weight: bold;
	line-height: 1.25;
	margin: 60px 0 50px 0;
	padding: 10px 0 0 10px;
	position: relative;
}
.main-body h2 {
	background-color: #9BDC72;
    border-radius: 8px;
	color: #fff;
	font-size: 1.429em; /*20px*/
	font-weight: bold;
	line-height: 1.25;
	margin: 0 auto 30px auto;
	padding: 10px;
	position: relative;
}

/* 文字先頭に緑○画像と下線を付加 */
.main-body h2.mark-bd {
	background-color: transparent;
	border-bottom: 2px solid #999;
	color: #333;
	font-size: 1.429em; /*20px*/
	font-weight: bold;
	letter-spacing: 1.2px;
	margin: 0 auto 30px auto;
	padding: 0 0 5px 26px;
	position: relative;
}

/* 文字先頭に緑○画像のみを付加 */
.main-body h2.mark {
	background-color: transparent;
	border-bottom: 0;
	color: #333;
	font-size: 1.429em; /*20px*/
	font-weight: bold;
	letter-spacing: 1.2px;
	margin: 0 auto 30px auto;
	padding: 0 0 5px 26px;
	position: relative;
}

.main-body h2.mark-bd::before,
.main-body h2.mark::before {
	content: url(../img/common/ico/h2-ico.png);
	position: absolute;
		top: 1px;
		left: 0;
	height: 16px;
	width: 16px;
}

.main-body h3 {
	background-image: url(../img/common/under/h3-bk.jpg);
	background-position: top left;
	background-repeat: repeat;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 0 30px 0;
	position:relative;
	padding: 8px;
}

.main-body h4 {
	border-bottom: 1px solid #ccc;
	font-size: 1.00em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 16px;
}

/* コンテンツ内にH3タグを置く場合 */
.main-body .article-sub h3 {
	background-image: url(../img/common/under/h3-bk.jpg);
	background-position: top left;
	background-repeat: repeat;
	color: #000;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 auto 20px auto;
	position:relative;
	padding: 8px 5px 5px 5px;
}

/* サイドバーのタイトル */
h3.under-side-ttl {
    background-image: url(../img/common/under/side-title-bk.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
	color: #fff;
	font-weight: normal;
	font-size: 1.286em; 
	margin: 0 0 10px 0;
	position:relative;
	padding: 14px 0;
	text-align: center;
}


/* 文字先頭に○画像を付加 */
h3.key-maru,
.main-body .article-sub h3.key-maru {
	background-image: url(../img/common/under/h3-bk.jpg);
	background-position: top left;
	background-repeat: repeat;
	color: #000;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 auto 20px 0;
	padding: 8px 5px 5px 40px;
	position: relative;
}

/* 文字先頭に○画像を付加 */
h4.key-maru {
	color: #000;
	font-size: 1.000em; /*14px */
	font-weight: bold;
	margin: 0 auto 20px 0;
	padding-left: 25px;
	position: relative;
}

h3.key-maru::before {
	content: "";
	background-image: url(../img/common/ico/maru-key-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
		top: 10px;
		left: 10px;
	height: 20px;
	width: 20px;
}

h4.key-maru::before {
	content: "";
	background-image: url(../img/common/ico/maru-key-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
		top: 4px;
		left: 0;
	height: 18px;
	width: 18px;
}

/* hタグの下マージンを狭く */
.h-m10b {
	margin-bottom: 10px !important;
}

/*------------------------------------------------------------
	サイドバーリスト
-------------------------------------------------------------*/
ul.sidebar-list {
    border-top: 2px dotted #B4B4B4;
	background-color: #fff;
	display: block;
	/* font-size: 1.143em; */
 	list-style: none;
	margin: 30px auto 10px auto;
	padding: 0;
	position: relative;
	width: 100%;
}
ul.sidebar-list > li {
	border-bottom: 2px dotted #B4B4B4;
	padding: 5px 0;
	margin: 0;
}
ul.sidebar-list li a:link,
ul.sidebar-list li a:visited,
ul.sidebar-list li a:active {
	color: #000;
	display: block;
	padding: 13px 0 13px 30px;
	position: relative;
	text-decoration: none;
}
ul.sidebar-list li a:hover,
ul.sidebar-list li a.active {
	background-color: #FFFFCC;
	display: block;
    font-weight: bold;
	padding: 13px 0 13px 30px;
	position: relative;
	width: 100%;
}
ul.sidebar-list li a:hover::before,
ul.sidebar-list li a.active::before {
	content: "";
    background-image: url(../img/common/under/side-active-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
    	left: 5px;
	    top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
}

/* 階層がある場合の開閉用 */
ul.sidebar-list li span {
	background-color: #fff;
	display: block;
	color: #000;
	cursor: pointer;
	padding: 12px 0 12px 10px;
}
ul.sidebar-list li span::before {
    content: "\f0da";
    color: #68B555;
    font-family: FontAwesome;
    font-size: 1.15em;
    padding: 0 .8em 0 0;
}

/* 2階層目 */
ul.sidebar-list li > ul {
	border-top: 1px dotted #bbb;
	display: none;
	list-style: none;
}
ul.sidebar-list li ul li {
	border-bottom: 1px dotted #bbb;
	padding: 5px 0;
}
ul.sidebar-list li ul li:last-child {
	border-bottom: 0;
	padding: 5px 0 0 0;
}

/* 3階層目 */
ul.sidebar-list li > ul > li > span {
    padding-left: 30px;
}

ul.sidebar-list li > ul > li > ul {
    border-top: 1px dotted #bbb;    
	display: block;
	/* border-top: 0; */
}
ul.sidebar-list li > ul > li > ul > li {
	padding-left: 18px;
}
ul.sidebar-list li > ul > li > ul > li:last-child {
	border-bottom: 0;
	padding: 5px 0 0 18px;
}

ul.sidebar-list li > ul > li > ul > li a:link,
ul.sidebar-list li > ul > li > ul > li a:visited,
ul.sidebar-list li > ul > li > ul > li a:active {
    padding: 13px 0 13px 30px;

}

/*------------------------------------------------------------
	コンテンツ内共有タグ設定
-------------------------------------------------------------*/
/*------------------------------------------------------------
	コンテンツ内スタイル
-------------------------------------------------------------*/
.article-body {
	margin: 0 auto 60px auto;
	padding-top: 5px;
	width: 100%;
}
.article-body:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* コンテンツ内ヘッダー ----------------------------------- */
header.article-header {
	background-color: inherit;
	box-shadow: none;
	height: 100%;
	margin: 0 auto;
	min-height: 18px;
	padding: 0;
	width: 100%;
	z-index: inherit;
}

.main-body .article-sub  {
	margin: 0 auto 30px auto;
	width: 100%;
}

.main-body .article-sub::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* .article-body 内 ---------------------------------------- */
/* 何も付けなければPタグには下マージン1.8emが付く */
.article-body p {
	margin-bottom: 1.8em;
}
.article-body p:last-child {
	margin-bottom: 0;
}

.article-body p.nmb {
	margin-bottom: 0;
}

/* mb08-wrap で囲んだ部分のPタグは、8pxの下マージンが付く*/
.article-body .mb08-wrap {
	margin: 0 auto;
	width: 100%;
}
.article-body .mb08-wrap p {
	margin-bottom: 8px !important;
}
.article-body .mb08-wrap p:last-child {
	margin-bottom: 0px !important;
}
/* 個別で8pxの下マージンを付ける場合　*/
.article-body p.mb08px {
	margin-bottom: 8px;
}
/* mb00-wrap で囲んだ部分のPタグは、0pxの下マージンが付く*/
.article-body .mb00-wrap p {
	margin-bottom: 0px !important;
}

/*------------------------------------------------------------
	リストスタイル
-------------------------------------------------------------*/
/* リスト形式（デフォルト・discあり） */
.article-body ul {
	box-sizing: border-box;
	margin: 0 auto 30px 1.5em;
	padding: 0;
	width: auto;
}

.article-body ul li {
	box-sizing: border-box;
	line-height: 1.5;
	margin-left: 0;
	margin-bottom: 1em;
}

.article-body ul li:last-child {
	margin-bottom: 0;
}

/* 順序リスト形式 */
.article-body ol {
	box-sizing: border-box;
	list-style-type: decimal;
	margin: 0 auto 30px 1.5em;
	padding: 0;
	width: auto;
}

.article-body ol li {
	box-sizing: border-box;
	line-height: 1.5;
	margin-left: 0;
	margin-bottom: 1em;
}

.article-body ol li:last-child {
	margin-bottom: 0;
}

/* リスト形式（・discなし） */
.article-body ul.no-mark {
	list-style-type: none;
	margin: 0 auto 30px 0.5em;
	padding: 0;
	width: auto;
}

.article-body ul.no-mark li {
	margin-left: 0;
	margin-bottom: .5em;
}

/* 丸画像アイコンリスト */
ul.maru-ico {
	list-style: none;
	margin: 0 auto 30px 0 !important;
	width: auto;
}

ul.maru-ico li {
	position: relative;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 25px;
}
ul.maru-ico li::before {
	content: "";
	background-image: url(../img/common/ico/maru.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
		top: 2px;
		left: 0;
	height: 16px;
	width: 16px;
}

/* 横並びのリスト（リストマークなし）*/
.article-body ul.sbs-nodisc {
	list-style: none;
	margin: 0 auto 30px auto;
	padding: 0;
	width: auto;
}
.article-body ul.sbs-nodisc:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.article-body ul.sbs-nodisc li {
	float: left;
	line-height: 1.8em;
	margin: 0 1.5em 0 0;
}

/* 横並びのリスト（リストマークあり）*/
.article-body ul.sbs {
	margin: 0 auto 30px 1.0em;
	padding: 0;
	width: auto;
}
.article-body ul.sbs::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.article-body ul.sbs li {
	float: left;
	line-height: 1.8em;
	margin: 0 2.5em 0 0;
}

/* 横並びのリスト（丸画像）*/
.article-body ul.sbs-maru-ico {
	list-style-type: none;
	margin: 0 auto 30px 0;
	padding: 0;
	width: auto;
}
.article-body ul.sbs-maru-ico li {
	display: inline-block;
	line-height: 1.8em;
	margin: 0 15px 0 0;
	padding: 0 0 0 25px;
	position: relative;
}
.article-body ul.sbs-maru-ico li::before {
	content: "";
	background-image: url(../img/common/ico/maru.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
		top: 4px;
		left: 0px;
	height: 16px;
	width: 16px;
}

/* 二重丸（◎）テキストアイコンリスト */
ul.db-maru {
	list-style: none;
	margin: 0 auto 30px 0 !important;
	width: auto;
}

ul.db-maru li {
	position: relative;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 25px;
}
ul.db-maru li::before {
	content: "\0025ce";
	position: absolute;
		top: 2px;
		left: 0;
	height: 16px;
	width: 16px;
}

/* 順序リスト形式（丸テキスト数字※20まで） */
/* ○番号付きリスト 20まで */
ol.maru-num-list {
	list-style: none;
	margin: 0 auto 30px 0 !important;
	width: auto;
}
ol.maru-num-list li {
	position: relative;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 28px;
}

ol.maru-num-list li.list-01:before,
ol.maru-num-list li.list-02:before,
ol.maru-num-list li.list-03:before,
ol.maru-num-list li.list-04:before,
ol.maru-num-list li.list-05:before,
ol.maru-num-list li.list-06:before,
ol.maru-num-list li.list-07:before,
ol.maru-num-list li.list-08:before,
ol.maru-num-list li.list-09:before,
ol.maru-num-list li.list-10:before,
ol.maru-num-list li.list-11:before,
ol.maru-num-list li.list-12:before,
ol.maru-num-list li.list-13:before,
ol.maru-num-list li.list-14:before,
ol.maru-num-list li.list-15:before,
ol.maru-num-list li.list-16:before,
ol.maru-num-list li.list-17:before,
ol.maru-num-list li.list-18:before,
ol.maru-num-list li.list-19:before,
ol.maru-num-list li.list-20:before {
	position: absolute;
		top: -5px;
		left: 0;
	font-size: 18px;
}

ol.maru-num-list li.list-01:before {
	content: "\2460";
}
ol.maru-num-list li.list-02:before {
	content: "\2461";
}
ol.maru-num-list li.list-03:before {
	content: "\2462";
}
ol.maru-num-list li.list-04:before {
	content: "\2463";
}
ol.maru-num-list li.list-05:before {
	content: "\2464";
}
ol.maru-num-list li.list-06:before {
	content: "\2465";
}
ol.maru-num-list li.list-07:before {
	content: "\2466";
}
ol.maru-num-list li.list-08:before {
	content: "\2467";
}
ol.maru-num-list li.list-09:before {
	content: "\2468";
}
ol.maru-num-list li.list-10:before {
	content: "\2469";
}
ol.maru-num-list li.list-11:before {
	content: "\246a";
}
ol.maru-num-list li.list-12:before {
	content: "\246b";
}
ol.maru-num-list li.list-13:before {
	content: "\246c";
}
ol.maru-num-list li.list-14:before {
	content: "\246d";
}
ol.maru-num-list li.list-15:before {
	content: "\246e";
}
ol.maru-num-list li.list-16:before {
	content: "\246f";
}
ol.maru-num-list li.list-17:before {
	content: "\2470";
}
ol.maru-num-list li.list-18:before {
	content: "\2471";
}
ol.maru-num-list li.list-19:before {
	content: "\2472";
}
ol.maru-num-list li.list-20:before {
	content: "\2473";
}

/* 丸数字（画像タイプ）リスト形式（数字は29まで）*/
ol.maru-img-num {
	list-style: none;
	margin: 0 auto 30px 0 !important;
	width: auto;
}
ol.maru-img-num li {
	position: relative;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 28px;
}

ol.maru-img-num li.list-01::before,
ol.maru-img-num li.list-02::before,
ol.maru-img-num li.list-03::before,
ol.maru-img-num li.list-04::before,
ol.maru-img-num li.list-05::before,
ol.maru-img-num li.list-06::before,
ol.maru-img-num li.list-07::before,
ol.maru-img-num li.list-08::before,
ol.maru-img-num li.list-09::before,
ol.maru-img-num li.list-10::before,
ol.maru-img-num li.list-11::before,
ol.maru-img-num li.list-12::before,
ol.maru-img-num li.list-13::before,
ol.maru-img-num li.list-14::before,
ol.maru-img-num li.list-15::before,
ol.maru-img-num li.list-16::before,
ol.maru-img-num li.list-17::before,
ol.maru-img-num li.list-18::before,
ol.maru-img-num li.list-19::before,
ol.maru-img-num li.list-20::before,
ol.maru-img-num li.list-21::before,
ol.maru-img-num li.list-22::before,
ol.maru-img-num li.list-23::before,
ol.maru-img-num li.list-24::before,
ol.maru-img-num li.list-25::before,
ol.maru-img-num li.list-26::before,
ol.maru-img-num li.list-27::before,
ol.maru-img-num li.list-28::before,
ol.maru-img-num li.list-29::before,
ol.maru-img-num li.list-30::before {
	position: absolute;
		top: 1px;
		left: 0;
	height: 18px;
	width: 18px;
}

ol.maru-img-num li.list-01::before {
	content: url(../img/common/ico/maru-01.png);
}
ol.maru-img-num li.list-02::before {
	content: url(../img/common/ico/maru-02.png);
}
ol.maru-img-num li.list-03::before {
	content: url(../img/common/ico/maru-03.png);
}
ol.maru-img-num li.list-04::before {
	content: url(../img/common/ico/maru-04.png);
}
ol.maru-img-num li.list-05::before {
	content: url(../img/common/ico/maru-05.png);
}
ol.maru-img-num li.list-06::before {
	content: url(../img/common/ico/maru-06.png);
}
ol.maru-img-num li.list-07::before {
	content: url(../img/common/ico/maru-07.png);
}
ol.maru-img-num li.list-08::before {
	content: url(../img/common/ico/maru-08.png);
}
ol.maru-img-num li.list-09::before {
	content: url(../img/common/ico/maru-09.png);
}
ol.maru-img-num li.list-10::before {
	content: url(../img/common/ico/maru-10.png);
}
ol.maru-img-num li.list-11::before {
	content: url(../img/common/ico/maru-11.png);
}
ol.maru-img-num li.list-12::before {
	content: url(../img/common/ico/maru-12.png);
}
ol.maru-img-num li.list-13::before {
	content: url(../img/common/ico/maru-13.png);
}
ol.maru-img-num li.list-14::before {
	content: url(../img/common/ico/maru-14.png);
}
ol.maru-img-num li.list-15::before {
	content: url(../img/common/ico/maru-15.png);
}
ol.maru-img-num li.list-16::before {
	content: url(../img/common/ico/maru-16.png);
}
ol.maru-img-num li.list-17::before {
	content: url(../img/common/ico/maru-17.png);
}
ol.maru-img-num li.list-18::before {
	content: url(../img/common/ico/maru-18.png);
}
ol.maru-img-num li.list-19::before {
	content: url(../img/common/ico/maru-19.png);
}
ol.maru-img-num li.list-20::before {
	content: url(../img/common/ico/maru-20.png);
}
ol.maru-img-num li.list-21::before {
	content: url(../img/common/ico/maru-21.png);
}
ol.maru-img-num li.list-22::before {
	content: url(../img/common/ico/maru-22.png);
}
ol.maru-img-num li.list-23::before {
	content: url(../img/common/ico/maru-23.png);
}
ol.maru-img-num li.list-24::before {
	content: url(../img/common/ico/maru-24.png);
}
ol.maru-img-num li.list-25::before {
	content: url(../img/common/ico/maru-25.png);
}
ol.maru-img-num li.list-26::before {
	content: url(../img/common/ico/maru-26.png);
}
ol.maru-img-num li.list-27::before {
	content: url(../img/common/ico/maru-27.png);
}
ol.maru-img-num li.list-28::before {
	content: url(../img/common/ico/maru-28.png);
}
ol.maru-img-num li.list-29::before {
	content: url(../img/common/ico/maru-29.png);
}
ol.maru-img-num li.list-30::before {
	content: url(../img/common/ico/maru-30.png);
}

/* 丸数字（画像タイプ）キーカラータイプ　リスト形式（数字は29まで）*/
ol.maru-key-img-num {
	list-style: none;
	margin: 0 auto 30px 0 !important;
	width: auto;
}
ol.maru-key-img-num li {
	position: relative;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 28px;
}

ol.maru-key-img-num li.list-01::before,
ol.maru-key-img-num li.list-02::before,
ol.maru-key-img-num li.list-03::before,
ol.maru-key-img-num li.list-04::before,
ol.maru-key-img-num li.list-05::before,
ol.maru-key-img-num li.list-06::before,
ol.maru-key-img-num li.list-07::before,
ol.maru-key-img-num li.list-08::before,
ol.maru-key-img-num li.list-09::before,
ol.maru-key-img-num li.list-10::before,
ol.maru-key-img-num li.list-11::before,
ol.maru-key-img-num li.list-12::before,
ol.maru-key-img-num li.list-13::before,
ol.maru-key-img-num li.list-14::before,
ol.maru-key-img-num li.list-15::before,
ol.maru-key-img-num li.list-16::before,
ol.maru-key-img-num li.list-17::before,
ol.maru-key-img-num li.list-18::before,
ol.maru-key-img-num li.list-19::before,
ol.maru-key-img-num li.list-20::before,
ol.maru-key-img-num li.list-21::before,
ol.maru-key-img-num li.list-22::before,
ol.maru-key-img-num li.list-23::before,
ol.maru-key-img-num li.list-24::before,
ol.maru-key-img-num li.list-25::before,
ol.maru-key-img-num li.list-26::before,
ol.maru-key-img-num li.list-27::before,
ol.maru-key-img-num li.list-28::before,
ol.maru-key-img-num li.list-29::before,
ol.maru-key-img-num li.list-30::before {
	position: absolute;
		top: 1px;
		left: 0;
	height: 18px;
	width: 18px;
}

ol.maru-key-img-num li.list-01::before {
	content: url(../img/common/ico/maru-key-01.png);
}
ol.maru-key-img-num li.list-02::before {
	content: url(../img/common/ico/maru-key-02.png);
}
ol.maru-key-img-num li.list-03::before {
	content: url(../img/common/ico/maru-key-03.png);
}
ol.maru-key-img-num li.list-04::before {
	content: url(../img/common/ico/maru-key-04.png);
}
ol.maru-key-img-num li.list-05::before {
	content: url(../img/common/ico/maru-key-05.png);
}
ol.maru-key-img-num li.list-06::before {
	content: url(../img/common/ico/maru-key-06.png);
}
ol.maru-key-img-num li.list-07::before {
	content: url(../img/common/ico/maru-key-07.png);
}
ol.maru-key-img-num li.list-08::before {
	content: url(../img/common/ico/maru-key-08.png);
}
ol.maru-key-img-num li.list-09::before {
	content: url(../img/common/ico/maru-key-09.png);
}
ol.maru-key-img-num li.list-10::before {
	content: url(../img/common/ico/maru-key-10.png);
}
ol.maru-key-img-num li.list-11::before {
	content: url(../img/common/ico/maru-key-11.png);
}
ol.maru-key-img-num li.list-12::before {
	content: url(../img/common/ico/maru-key-12.png);
}
ol.maru-key-img-num li.list-13::before {
	content: url(../img/common/ico/maru-key-13.png);
}
ol.maru-key-img-num li.list-14::before {
	content: url(../img/common/ico/maru-key-14.png);
}
ol.maru-key-img-num li.list-15::before {
	content: url(../img/common/ico/maru-key-15.png);
}
ol.maru-key-img-num li.list-16::before {
	content: url(../img/common/ico/maru-key-16.png);
}
ol.maru-key-img-num li.list-17::before {
	content: url(../img/common/ico/maru-key-17.png);
}
ol.maru-key-img-num li.list-18::before {
	content: url(../img/common/ico/maru-key-18.png);
}
ol.maru-key-img-num li.list-19::before {
	content: url(../img/common/ico/maru-key-19.png);
}
ol.maru-key-img-num li.list-20::before {
	content: url(../img/common/ico/maru-key-20.png);
}
ol.maru-key-img-num li.list-21::before {
	content: url(../img/common/ico/maru-key-21.png);
}
ol.maru-key-img-num li.list-22::before {
	content: url(../img/common/ico/maru-key-22.png);
}
ol.maru-key-img-num li.list-23::before {
	content: url(../img/common/ico/maru-key-23.png);
}
ol.maru-key-img-num li.list-24::before {
	content: url(../img/common/ico/maru-key-24.png);
}
ol.maru-key-img-num li.list-25::before {
	content: url(../img/common/ico/maru-key-25.png);
}
ol.maru-key-img-num li.list-26::before {
	content: url(../img/common/ico/maru-key-26.png);
}
ol.maru-key-img-num li.list-27::before {
	content: url(../img/common/ico/maru-key-27.png);
}
ol.maru-key-img-num li.list-28::before {
	content: url(../img/common/ico/maru-key-28.png);
}
ol.maru-key-img-num li.list-29::before {
	content: url(../img/common/ico/maru-key-29.png);
}

ol.maru-key-img-num li.list-30::before {
	content: url(../img/common/ico/maru-key-30.png);
}

/*--------------------------------------------------------------
	定義リスト用
---------------------------------------------------------------*/
/* 丸アイコン【dt】 --------------*/
dl.maru-ico-dt {
	margin: 0;
	padding: 0;
	width: 100%;
}

dl.maru-ico-dt dt {
	position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
	margin-left: 0;
	padding-left: 1.5em;	
}
dl.maru-ico-dt dt::before {
	background-image: url(../img/common/ico/maru.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	position: absolute;
		top: 4px;
		left: 0;
	width: 16px;
	height: 16px;	
}

/* -- dl リストの横並び ----------------------------- */
dl.dl-sbs {
	box-sizing: border-box;
	border: 0 solid #bbb;
	border-width: 1px 0 0 0; 
	line-height: 1.8;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}
dl.dl-sbs > div {
	border: 0 solid #bbb;
	border-width: 0 0 1px 1px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
dl.dl-sbs dt {
	background-color: inherit;
	border: 0 solid #bbb;
	border-width: 0 1px 0 0; 
	color: #68B555;
	display: table-cell;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
}
dl.dl-sbs dd {
	background-color: #fff;
	border: 0 solid #bbb;
	border-width: 0 1px 0 0; 
	margin: 0;
	padding: 8px;
	display: table-cell;
	word-break: break-all;
}

/* 濃い緑（キーカラー）の背景色 */
dl.dl-sbs.key dt,
dl.dl-sbs dd dl.key dt {
	background-color: #68B555;
	color: #fff;
}
/* 薄い緑の背景色 */
dl.dl-sbs.key-t dt,
dl.dl-sbs dd dl.key-t dt {
	background-color: #f0f8ee;
	color: #497f3c;
}

/* 項目を上下に分割する場合 */
dl.dl-sbs dd > div {
	border-bottom: 1px dotted #999;
	padding: 5px 0;
	width: 100%;
}
dl.dl-sbs dd > div:last-child {
	border-bottom: 0;
}

/* dd　に入れ子をする場合 */
dl.dl-sbs dd.in {
	padding: 0;
}
dl.dl-sbs dd.in dl,
dl.dl-sbs dd.in dl div {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0;
}
dl.dl-sbs dd.in dl div {
	border-bottom: 1px solid #bbb;
}
dl.dl-sbs dd.in dl div:last-child {
	border-bottom: 0;
}
dl.dl-sbs dd.in dl dd:last-child {
	border-right: 0;
}

/*------------------------------------------------------------
	テーブルスタイル（基本形）
-------------------------------------------------------------*/
/*テーブルをスクロールさせる場合（tableをtable-scrollで囲う）*/
.article-body .table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
/* テーブルのTDテキストセンター -----*/
.flL { float:left; }
.flR { float:right; }

.article-body .table-scroll table {
	table-layout: inherit;
}

.article-body table {
	color: #000;
	margin: 0 auto 30px auto;
	padding: 0;
	word-break: break-all;
	width: 100%;
}

.article-body table th,
.article-body table td {
	border: 1px solid #488f65;
	padding: 8px;
	word-wrap: break-word;
}

.article-body table th {
	background-color: #e6f7f3;
	/*color: #488f65;*/
}

/* テーブルヘッダー：キーカラー */
.article-body table.key-tbl th {
	background-color: #68B555;
	color: #fff;
}

/* テーブルヘッダー：青 */
.article-body table.blue-tbl th {
	background-color: #208DC3;
	color: #fff;
}

/* テーブルヘッダー：黒 */
.article-body table.black-tbl th {
	background-color: #333;
	color: #fff;
}

/* tdセルに青色 */
.article-body table td.blue-cell {
	background-color: #208DC3;
	color: #fff;
}

/* thセルに薄い青色 */
.article-body table th.blue-thin-cell {
	background-color: #CBE6F3;
	color: #000;
}

/* tdセルに薄い青色 */
.article-body table td.blue-thin-cell {
	background-color: #CBE6F3;
	color: #000;
}

/* tdセルに黒色 */
.article-body table td.black-cell {
	background-color: #333;
	color: #fff;
}

/* tdセルにグレー */
.article-body table td.gray-cell {
	background-color: #eee;
	color: #000;
}

/* td先頭セルに背景 */
.article-body table td.hd {
	background-color: #f0f8ee;
	color: #000;
}

/* １行毎に色 奇数行*/
.article-body table.odd-bk tr:nth-child(odd){
	background-color: #f9f9f9;
}
/* １行毎に色 偶数行*/
.article-body table.even-bk tr:nth-child(even){
	background-color: #f9f9f9;
}

/* 文字全体中央寄せ */
.article-body table.tbc {
	text-align: center;
}

/* 文字全体右寄せ */
.article-body table.tbr {
	text-align: right;
}

/* 文字中央CELL */
.article-body table td.tc {
	text-align: center;
}
/* 文字右CELL */
.article-body table td.tr {
	text-align: right;
}

/* 均等割り */
.article-body table.fix {
	table-layout: fixed;
}

/*------------------------------------------------------------
	枠（ボーダー）付きのボックス
-------------------------------------------------------------*/
/* 注目ボックス */
.attn-box {
	background-color: #eee;
	margin: 0 auto 30px auto;
	padding: 20px;
	width: 100%;
}
.attn-box-bd {
	border: 1px solid #bbb;
	margin: 0 auto 30px auto;
	padding: 20px;
	width: 100%;
}

.attn-box p,
.attn-box-bd p{
	margin-bottom: 8px;
}

.attn-box p:last-child,
.attn-box-bd p:last-child {
	margin-bottom: 0;
}

.no-mb {
	margin-bottom: 0 !important;
}

/*------------------------------------------------------------
	アイコン付きテキスト
-------------------------------------------------------------*/
/* 先頭に丸画像アイコン(薄いグリーン) */
p.maru-ico,
span.maru-ico {
	display: block;
	position: relative;
	padding-left: 25px;
}

p.maru-ico::before,
span.maru-ico::before {
	content: "";
	background-image: url(../img/common/ico/maru-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
		top: 2px;
		left: 0;
	height: 18px;
	width: 18px;
}

/* 先頭に丸画像アイコン(薄めグレー) */
p.maru-usui-ico,
span.maru-usui-ico {
	display: block;
	position: relative;
	padding-left: 25px;
}
p.maru-usui-ico::before,
span.maru-usui-ico::before {
	content: url(../img/common/ico/maru-usui.png);
	position: absolute;
		top: 2px;
		left: 0;
	height: 18px;
	width: 18px;
}

/*------------------------------------------------------------
	写真・画像配置
-------------------------------------------------------------*/
/*-----------------------------------------------------------
	動的出力等で写真サイズが決定している画像の配置
------------------------------------------------------------*/
/* ----------------------------------------------------------
写真配置用スタイル

１列表示の写真サイズ：740px × 460px

◎2018-03-29 より
１列表示の写真サイズ：600px × 400px
２列表示の写真サイズ：415px × 256px 
３列表示の写真サイズ：274px × 170px

※アスペクト比を保持したまま縮小します。
※２列以上の写真を配置する場合、写真の高さは揃えることを推奨。
※PC最大サイズ（コンテンツ幅888pxが基準）
※PCデバイス最大サイズ時に、写真のNativeサイズで出力する。
※イメージファイルを囲うタグは「div」のみ。
----------------------------------------------------------- */
.img-wrap-fix {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	width: 101%;
}

/* レイアウト崩れを防止 */
.img-wrap-fix::after {
	content:" ";
  	display: block;
	width: 33%;
}

.img-wrap-fix > div {
	margin: 0 1% 14px 0;
	text-align: center;
}
.img-wrap-fix > div > div {
	background-color: inherit;
	border: 1px solid rgba(255, 255, 255, 0);
	padding: 5px 5px 0 5px;
	margin: 0 auto;
}
.img-wrap-fix div.bd {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
}

/* 写真を３列で表示する場合 */
.img-wrap-fix .c3 {
	max-width: 286px;
	width: 32.33%;
	/* width: 100%; */
}
/* 写真を2列で表示する場合 */
.img-wrap-fix .c2 {
	max-width: 427px;
	width: 49%;
	/* width: 100%; */
}
/* 写真を2列で表示する場合(422px)*/
.img-wrap-fix .c2-422 {
	max-width: 434px;
	width: 49%;
	/* width: 100%; */
}
/* 写真を1列で表示する場合 */
.img-wrap-fix > div.c1 {
	margin: 0 auto 10px auto;
	/* max-width: 752px; */
	max-width: 612px;
}
.img-wrap-fix > div.c1 > div {
	/* margin: 0 0 0 -0.5%; */
	width: 100%;
}

/* 写真を1列で表示する場合(写真フルサイズ) */
.img-wrap-fix > div.c-full {
    box-sizing: border-box;
	/* margin: 0 1% 14px 0; */
    margin: 0 0 14px 0;
    max-width: 888px;
    width: 100%;
}
.img-wrap-fix > div.c-full > div {
    width: 100%;
}

/* キャプション */
.img-wrap-fix .cap {
	color: #666;
	display: block;
	font-size: 0.929em; /* 13px */
	text-align: center;
	line-height: 1.25;
	margin-top: 5px;
	max-width: none;
	padding: 0 5px;
	width: 100%;
}
/* キャプション 1列表示のみ */
.img-wrap-fix > div.c1 .cap {
	margin: 5px auto 0 auto;
	padding: 0 5px 0 0;
	width: 99%;
}

.img-wrap-fix .c3 img,
.img-wrap-fix .c2 img,
.img-wrap-fix .c2-422 img,
.img-wrap-fix .c1 img,
.img-wrap-fix .c-full img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}

.photo-bd {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
}

/* 要素のサイズに応じて写真を100％ */
div.photo-bd img, .resp img {
    max-width: 100%;
    width: 100%;
}

/* 旧写真配置 */
/* 横並びの写真の間に空白を挿入 */
.photo-sb {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

/* 中央揃え */
.photo-c {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 左寄せ */
.photo-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

/* レスポンシブ対応用スタイル */
.photo-sb.resp > div {
	margin: 0 0 10px 0;
}
.photo-c.resp > div,
.photo-flex.resp > div {
	margin: 0 10px 10px 0;
}

/* 写真に枠を付ける場合 -- */
.photo-bd {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
}

/* 要素のサイズに応じて写真を100％ */
div.photo-bd img, .resp img {
    max-width: 100%;
    width: 100%;
}

/* 写真にキャプションを付ける場合 */
.cap,
.cap-center,
.cap-full,
.cap-full-center {
	color: #666;
	display: block;
	line-height: 1.25;
	font-size: 0.857em; /*12px */
	max-width: 650px;
	width: 100%;
}
.cap-center {
	margin-top: 5px;
	text-align: center;
}
.cap {
	margin-top: 5px;
	text-align: left;
}
.cap-full {
	margin-top: 5px;
	max-width: none;
	text-align: left;
}
.cap-full-center {
	margin-top: 5px;
	max-width: none;
	text-align: center;
}

/* -- 回り込み -------------------------------------------- */
/* ※モバイル時には回り込み解除*/
.fL {
	float: left;
	margin: 0 40px 20px 0;
}
.fR {
	float: right;
	margin: 0 0 20px 40px;
}

.left{
	float: left;
	margin: 0 40px 20px 0;
}
.right{
	float: right;
	margin: 0 0 20px 40px;
}

/* 回り込みする画像に枠を付ける場合 */
.fL > div,
.fR > div {
	background-color: #fff; 
	border: 1px solid #ccc;
	padding: 5px;
}

/* 回り込み画像にキャプションを付ける場合 */
.fL .cap,
.fR .cap {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 5px;
	text-align: left;
	width: 100%;
}

/*------------------------------------------------------------
	コンテンツ内の分割
-------------------------------------------------------------*/
/* 分割ボックス -------------------------------------------- */
/* 左寄せ */
.flex-left-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
/* 折り返し禁止 */
.flex-left-nowrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}
/* ボックスの間をあける */
.flex-sb {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
/* ボックスの外側を空ける */
.flex-sa {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

/*------------------------------------------------------------
	ローカルメニューリスト（ページ内リンク）
-------------------------------------------------------------*/
.local-menu-wrap {
	background-image: url(../img/common/under/local-nav-bk.png);
	background-position: top left;
	background-repeat: repeat;
    border-radius: 10px;
    margin: 33px auto;
    padding:  0;
    width: 100%;
}

.local-menu-wrap ul {
    list-style: none;
    margin: 0 auto;
	padding-top: 10px;
}
.local-menu-wrap ul li {
	border-right: 1px solid #68B555;
    display: inline-block;
    padding: 0 5px;
    margin: 0 0 15px 0;
}
.local-menu-wrap ul li:last-child {
	border-right: 0;
}

.local-menu-wrap ul li a:link,
.local-menu-wrap ul li a:visited,
.local-menu-wrap ul li a:active {
    background-color: inherit;
    color: #497f3c;
    display: block;
    text-decoration: none;
    line-height: 1;
    padding: 0 1em;
}
.local-menu-wrap ul li a:hover {
    color: #333;
    display: block;
    text-decoration: none;
}

/* ローカルメニューにサブメニューが存在するとき追加 */
.local-menu-wrap.parent {
	background-image: none;
	color: #497f3c;
    margin: 33px auto;
    padding:  0;
    width: 100%;
}
.local-menu-wrap.parent ul {
    list-style: none;
    margin: 0 auto;
	padding-top: 10px;
}
.local-menu-wrap.parent ul li {
	border-right: 0;
    display: inline-block;
    padding: 0;
    margin: 0 -2px 15px 0;
}
.local-menu-wrap.parent ul li a:link,
.local-menu-wrap.parent ul li a:visited,
.local-menu-wrap.parent ul li a:active {
	background-color: #CDE0CC;
    color: #497f3c;
    display: block;
    text-decoration: none;
    line-height: 1;
    padding: 10px 1em;
}
.local-menu-wrap.parent ul li a:hover {
    color: #333;
    display: block;
    text-decoration: none;
}

/* ローカルメニューにサブメニューが存在するとき追加 */
.local-sub-menu-wrap {
	background-image: url(../img/common/under/local-nav-bk.png);
	background-position: top left;
	background-repeat: repeat;
    color: #497f3c;
    margin: -46px auto 33px auto;
    padding:  0;
    width: 100%;
}
.local-sub-menu-wrap ul {
    list-style: none;
    margin: 0 auto;
	padding-top: 10px;
}
.local-sub-menu-wrap ul li {
	border-right: 1px solid #68B555;
    display: inline-block;
    padding: 0;
    margin: 0 0 15px 0;
}
.local-sub-menu-wrap ul li:last-child {
	border-right: 0;
}
.local-sub-menu-wrap ul li a:link,
.local-sub-menu-wrap ul li a:visited,
.local-sub-menu-wrap ul li a:active {
    background-color: inherit;
    color: #497f3c;
    display: block;
    text-decoration: none;
    line-height: 1;
    padding: 0 1em;
}
.local-sub-menu-wrap ul li a:hover {
    color: #333;
    display: block;
    text-decoration: none;
}

/*------------------------------------------------------------
	indexページ  
-------------------------------------------------------------*/
.index-page-wrap {
	box-sizing: border-box;
	align-items: flex-start;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	overflow: hidden;
	height: 100%;
	padding: 0;
	width: 101%;
}

/* レイアウト崩れを防止 */
.index-page-wrap::after {
	content: "";
  	display: block;
	max-width: 286px;
	margin: 0 1% 14px 0;
	width: 32.33%;
}

.index-page-wrap .in-box {
	background-color: #CDE0CC;
	border: 1px solid #CDE0CC;
	box-sizing: border-box;
	margin: 0 1% 14px 0;
	padding: 5px;
	position: relative;
	max-width: 286px;
	width: 32.33%;
}

.index-page-wrap .in-box span {
	display: block;
	padding: 5px;
	width: 100%;
}

.index-page-wrap .in-box .in-photo {
	box-sizing: border-box;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

.index-page-wrap .in-box .index-name {
	display: block;
	position: absolute;
		left: 0;
		bottom: 0;
	width: 100%;
}

.index-page-wrap .in-box .index-name .index-name-in {
	background-color: rgba(0, 100, 0, 0.8);
	display: block;
	font-size: 1.143em;
	/* letter-spacing: 1.5px; */
	line-height: 1.25; 
	padding: 8px 0;
	text-align: center;
	width: 100%;
}

.index-page-wrap .in-box a {
	color: #fff;
	display: block;
	text-decoration: none;
}


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ1200px以下（タブレット）
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 1200px){

	.under-head-ttl {
		left: 10px;
	}
	
/* パンくずリストの調整 */		
	ol.breadcrumbs-in {
		max-width: none;
		padding: 0 10px;
	}
	
	ol.breadcrumbs-in li {
		margin-right: 0px;
		padding-right: 10px;
	}
    
/* サイズが決まっている写真の配置調整 */
    .img-wrap-fix > div.c-full {
        width: 99%;
    }
    
	
/*------------------------------------------------------------
	コンテンツ部＋サイドメニュー部レイアウト
-------------------------------------------------------------*/
	/*2カラムレイアウト*/
	.main-body-in{
		max-width: inherit;
		padding: 0 10px;
	}
	
}

/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ 1100px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 1100px) {
	
/* サイズが決まっている写真の配置調整 */
	.img-wrap-fix > div.c1,
	.img-wrap-fix > div.c-full {
		margin: 0 0 14px 0;
		width: 99%;
	}
}


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ 1024px以下（タブレット）
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 1024px){
	
	.main-conts{
		margin-right: -280px;
		padding-right: 280px;
	}
	.sub-conts{
		padding-left: 30px;
		width: 280px;
	}
	
/* サイドバーのタイトル */
	h3.under-side-ttl {
		font-size: 1.143em; 
	}

	h3.under-side-ttl::before {
		font-size: 1.00em;
	}
	ul.sidebar-list {
		font-size: 1.00em;
	}
	
	
	.index-page-wrap .in-box .index-name .index-name-in {
		font-size: 1.00em;
	}

}


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ980px以下（タブレット）
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 980px){

/* サイズが決まっている写真の配置調整 */
	.img-wrap-fix {
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		
	.img-wrap-fix .c2,
	.img-wrap-fix .c2-422 {
		width: 49%;
	}
	
/* 画像回り込み時の余白調整 */
	.fL {
		margin: 0 20px 20px 0;
	}
	.fR {
		margin: 0 0 20px 20px;
	}
	
	.left{
		margin: 0 20px 20px 0;
	}
	.right{
		margin: 0 0 20px 20px;
	}
	
}

/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ801px ～ 960px
----------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 801px) and (max-width : 960px) 	{
	
/* サイズが決まっている写真の配置調整 */
	/* レイアウト崩れを防止 */
	.img-wrap-fix::after {
		content:" ";
  		display: block;
		width: 49%;
	}
	
	.img-wrap-fix > div.c3 {
		margin-bottom: 5px;
		width: 49%;
	}
	
	.img-wrap-fix > div.c2,
	.img-wrap-fix > div.c2-422 {
		margin: 0 auto 14px auto;
		width: 99%;
	}
	.img-wrap-fix > div.c2 > div,
	.img-wrap-fix > div.c2-422 > div {
		margin: 0 0 0 -0.5%;
		width: 100%;
	}
}


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ 900px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 900px) {
	
/* INDEXページの調整 */
	.index-page-wrap {
		justify-content: space-between;
		width: 100%;
	}

/* レイアウト崩れを防止 */
	.index-page-wrap::after {
		content:" ";
  		display: block;
		max-width: 286px;
		width: 49%;
	}

	.index-page-wrap .in-box {
		margin: 0 0 14px 0;
		width: 49%;
	}
	
	.index-page-wrap .in-box .index-name .index-name-in {
		font-size: 1.000em;
	}
	
}

/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ8 768px ～ 800px
----------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 800px) 	{
	
/* サイズが決まっている写真の配置調整 */
	.img-wrap-fix {
		justify-content: center;
	}
	
	/* レイアウト崩れを防止 */
	.img-wrap-fix::after {
		content: none;
	}

	.img-wrap-fix .c3 {
		width: 100%;
	}
	.img-wrap-fix .c2,
	.img-wrap-fix .c2-422 {
		width: 100%;
	}
}

/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ767px以下（タブレット）
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 767px){

	/* グローバルメニュースライドイン開始位置調整 */
	#glm-all-wrap {
		position: absolute;
			top: 94px;
			left: 0;
	}

	/* 下層ページメインビジュアル部SP用 */
	.under-head-in {
		height: 223px;
		margin: 0 auto;
		max-width: none;
		position: relative;
		width: 100%;
	}
	.under-head-ttl-sp {
		color: #fff;
		display: block;
		font-size: 24px;
		letter-spacing: 1.5px;
		margin-top: -12px;
		position: absolute;
			top: 50%;
			left: 10px;
		text-shadow: 0px 0px 2px #333;
	}
	.under-head-ttl-sp span {
		text-shadow: 0 -1px 4px #333, -1px 0 4px #333, 1px 0 4px #333;
	}

	/* 下層ページ：パンくずリストの調整 */	
	ol.breadcrumbs-in li {
		font-size: 0.857em; /*12px */
		margin-right: 0px;
		padding-right: 10px;
	}
	
	/*------------------------------------------------------------
		コンテンツ部＋サイドメニュー部レイアウト
	-------------------------------------------------------------*/
	/*2カラムレイアウト*/
	.main-body-in {
		margin: 0 auto 10px auto;
		max-width: none;
		padding: 0;
		position: relative;
		width: 100%;
	}

	.main-conts {
		float: none;
		width: 100%;
		line-height: 1.8;
		margin: 0 auto;
		padding: 90px 10px 0px 10px;
	}

	.sub-conts {
		float: none;
		padding: 0;
		position: absolute;
			top: 0;
			left: 0;
		height: auto;
		margin: 0 auto;
		width: 100%;
		z-index: 1;
	}
	
	/*------------------------------------------------------------
		サイドバーリスト
	-------------------------------------------------------------*/
	ul.sidebar-list {
        border-top: 0;
		display: none;
		list-style: none;
		margin: 0 auto;
		padding: 0 0 5px 0;
		position: relative;
		width: 100%;
		z-index: 999;
	}
	
	ul.sidebar-list.open {
		display: block;
	}
	
	ul.sidebar-list li {
		background-color: #fff;
		position: relative;
	}
	
	ul.sidebar-list li a::after {
		content: "\f054";
		color: #68B555;
		font-family: FontAwesome;
		font-size: 14px;
		position: absolute;
			top: 50%;
			right: 15px;
		margin-top: -7px;
	}
	
	ul.sidebar-list li > span {
		padding: 12px 0 12px 10px;
	}
	ul.sidebar-list li > span::before {
    	padding: 0 .8em 0 0;
	}

	
	/*------------------------------------------------------------
		コンテンツ内共有タグ設定
	-------------------------------------------------------------*/
	/*------------------------------------------------------------
		コンテンツ内スタイル
	-------------------------------------------------------------*/
	.article-body {
		margin: 0 auto 30px auto;
		width: 100%;
	}
	
	.article-body .article-sub {
		margin: 0 auto 20px auto;
		width: 100%;
	}
	
	/*------------------------------------------------------------
		Hタグスタイル
	-------------------------------------------------------------*/
	.main-body h1{
	    font-size: 1.750em;
		margin: 0 5px 20px 5px;
		padding: 12px 0 0 12px;
	}
	
	.main-body h2,
	.main-body h2.mark-bd,
	.main-body h2.mark {
		margin: 0 auto 20px auto;
	}
	
	/* サイドリスト用H3要素スタイル */	
	h3.under-side-ttl-sp {
		background-image: none;
		background-color: #68B555;
		color: #fff;
		cursor: pointer;
		margin: 0 auto;
		padding: 20px 0;
		position: relative;
		text-align: center;
	}
	h3.under-side-ttl-sp span {
		font-size: 1.143em;
		height: 100%;
		width: 100%;
	}
	h3.under-side-ttl-sp::after {
		content: "\f0d7";
		color: #fff;
		font-family: FontAwesome;
		font-size: 16px;
		position: absolute;
			bottom: 2px;
			left: 50%;
		margin-rleft: -25%;
	}
	h3.under-side-ttl-sp.on::after {
		content: "\f0d8";
		color: #fff;
		font-family: FontAwesome;
		font-size: 16px;
		position: absolute;
			bottom: 5px;
			left: 50%;
		margin-rleft: -25%;
	}
	
	/* 写真・画像配置 ------------------------------------------ */
	
	/* サイズが決まっている写真の配置調整 */
	/* レイアウト崩れを防止 */
	.img-wrap-fix::after {
		content:" ";
  		display: block;
		width: 32.33%;
	}
	
	.img-wrap-fix .c3 {
		width: 32.33%;
	}

	
/* -- 回り込み解除 --------------------------------------- */
	.fL {
		float: none;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	.fR {
		float: none;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	.left{
		float: none;
		margin: 0 auto 40px auto;
		text-align: center;
	}
	.right{
		float: none;
		margin: 0 auto 40px auto;
		text-align: center;
	}	
	
/* -- ローカルメニュー ---------------------------------- */
	
/*------------------------------------------------------------
	ローカルメニューリスト（ページ内リンク）
-------------------------------------------------------------*/
	.local-menu-wrap,
	.local-menu-wrap.parent,
	.local-sub-menu-wrap {
		background-image: none;
		background-color: #fff;
    	margin: 25px auto 15px auto;
	}
	
	.local-menu-wrap.parent {
		margin: 25px auto 0 auto;
	}
	.local-sub-menu-wrap {
    	margin: 0 auto 15px auto;
	}
	
	.local-menu-wrap ul,
	.local-menu-wrap.parent ul,
	.local-sub-menu-wrap ul {
		display:-webkit-flex;
    	display:-ms-flexbox;
    	display:flex;
		justify-content: space-between;
	    -webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
		height: 100%;
		padding-top: 0;
	}
	
	/* レイアウト崩れを防止 */
	.local-menu-wrap ul::after,
	.local-menu-wrap.parent ul::after,
	.local-sub-menu-wrap ul::after {
		content:" ";
  		display: block;
		width: 32.33%;
	}
	
	.local-menu-wrap ul li,
	.local-menu-wrap.parent ul li,
	.local-sub-menu-wrap ul li {
		border: 1px solid #68B555;
		display:-webkit-flex;
    	display:-ms-flexbox;
    	display:flex;
	    padding: 0;
	    margin: 0 0 10px 0;
		text-align: center;
		width: 32.33%;
	}
	.local-menu-wrap ul li:last-child,
	.local-menu-wrap.parent ul li:last-child,
	.local-sub-menu-wrap ul li:last-child {
		border-right: 1px solid #68B555;
	}

	.local-menu-wrap ul li a:link,
	.local-menu-wrap ul li a:visited,
	.local-menu-wrap ul li a:active,
	.local-menu-wrap.parent ul li a:link,
	.local-menu-wrap.parent ul li a:visited,
	.local-menu-wrap.parent ul li a:active {
		align-items: center;
		background-color: #eef6eb;
		display:-webkit-flex;
    	display:-ms-flexbox;
    	display:flex;
		justify-content: center;
    	padding: 10px 0;
		width: 100%;
	}
	
	.local-sub-menu-wrap ul li a:link,
	.local-sub-menu-wrap ul li a:visited,
	.local-sub-menu-wrap ul li a:active {
		align-items: center;
		background-color: #f0f0f0;
		display:-webkit-flex;
    	display:-ms-flexbox;
    	display:flex;
		justify-content: center;
    	padding: 10px 5px;
		width: 100%;
	}
	
	.local-menu-wrap ul li a:hover,
	.local-menu-wrap.parent ul li a:hover,
	.local-sub-menu-wrap ul li a:hover {
    	color: #333;
    	text-decoration: none;
	}
	
	.flex-left-wrap,
	.flex-left-nowrap,
	.flex-sb,
	.flex-sa {
		justify-content: center;
		width: 100%;
	}
	
	.flex-left-nowrap {
	    -webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	
/* インデックスページ */
	/* INDEXページの調整 */
	.index-page-wrap {
		justify-content: space-between;
		width: 100%;
	}

	/* レイアウト崩れを防止 */
	.index-page-wrap::after {
		content:" ";
  		display: block;
		margin: 0 0 14px 0;
		max-width: 286px;
		width: 32%;
	}

	.index-page-wrap .in-box {
		margin: 0 0 14px 0;
		max-width: 286px;
		width: 32%;
	}
	
	.index-page-wrap .in-box .index-name .index-name-in {
		font-size: 1.000em;
	}
	
}	


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ605px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 700px) {

/* INDEXページの写真配置 */	
	
	.index-page-wrap {
		justify-content: center;
		width: 102%;
	}
	/* レイアウト崩れを防止 */
	.index-page-wrap::after {
		margin: 0 2% 14px 0;
		width: 48%;
	}
	.index-page-wrap .in-box {
		margin: 0 2% 14px 0;
		width: 48%;
	}
	.index-page-wrap .in-box .index-name .index-name-in {
		font-size: 1.00em;
	}
}



/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ605px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 605px) {
	
/* サイズが決まっている写真の配置調整 */
	.img-wrap-fix::after {
		content:" ";
  		display: block;
		width: 49%;
	}
	.img-wrap-fix .c3 {
		margin-bottom: 5px;
		width: 49%;
	}
	.img-wrap-fix > div.c2,
	.img-wrap-fix > div.c2-422 {
		margin: 0 auto 14px auto;
		width: 99%;
	}
	.img-wrap-fix > div.c2 > div,
	.img-wrap-fix > div.c2-422 > div {
		margin: 0 0 0 -0.5%;
		width: 100%;
	}
	
/* INDEXページの写真配置 */	
/*	
	.index-page-wrap .in-box {
		width: 48%;
	}
	.index-page-wrap .in-box .index-name .index-name-in {
		font-size: 1.00em;
	}
*/
	
}


/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ580px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 580px) {

	
/* 英語のタイトルのイメージを格納 */
	.main-body span.en {
		float: none;
		display: block;
		font-size: 12px;
		padding-left: 0;
        padding-top: 3px;
	}
	
}

/*---------------------------------------------------------------------------------------------
	ディスプレイサイズ480px以下
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 480px) {
	
	
/* 下層ページメインビジュアル部SP用 */
	.under-head-in {
		height: 150px;
		margin: 0 auto;
		max-width: none;
		position: relative;
		width: 100%;
	}
	
/* サイズが決まっている写真の配置調整 */
	.img-wrap-fix {
		justify-content: center;
	}
	.img-wrap-fix::after {
		content: none;
	}
	.img-wrap-fix .c3 {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}
	.img-wrap-fix .c2,
	.img-wrap-fix .c2-422 {
		width: 100%;
	}
	
/* localメニュー */	
	/* レイアウト崩れを防止 */
	.local-menu-wrap ul::after,
	.local-menu-wrap.parent ul::after,
	.local-sub-menu-wrap ul::after {
		content:" ";
  		display: block;
		width: 49%;
	}
	.local-menu-wrap ul li,
	.local-menu-wrap.parent ul li,
	.local-sub-menu-wrap ul li {
		border: 1px solid #68B555;
		display:-webkit-flex;
    	display:-ms-flexbox;
    	display:flex;
	    padding: 0;
	    margin: 0 0 8px 0;
		text-align: center;
		width: 49%;
	}
	
/* INDEXページの写真配置 */	
	.index-page-wrap {
		justify-content: center;
		width: 100%;
	}
	
	/* レイアウト崩れを防止 */
	.index-page-wrap::after {
		content: none;
	/*	
  	display: block;
	max-width: 286px;
	margin: 0 1% 14px 0;
	width: 32.33%;
	*/
	}
	
	.index-page-wrap .in-box {
		margin: 0 0 16px 0;
		width: 100%;
	}
	
}

/*------------------------------------------------------------
	以下共通設定
-------------------------------------------------------------*/
/*--------------------------------------------------------
	ブロック・テキスト配置用共通設定
--------------------------------------------------------*/
/*文字の横位置*/
.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; }/*下寄せ*/

/* 下マージンリセット */
.no-mb { margin-bottom: 0 !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; } /*太字*/
.txtBld { font-weight: bold!important; } /*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.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-pink,
.box-lime,
.box-gray{ padding: 2px; }

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


/*行間の設定*/
.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%; }
.w48{ width: 48%; }
.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%; }