/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");

/*slick.cssの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');

/*テンプレート専用cssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("animation.css");
@import url("inview.css");

html,body {
	margin: 0;padding: 0;
	height: 100%;
	font-size: 15px;	/*基準となるフォントサイズ。下の方にある「画面幅900px以上」で基準を大きなサイズに再設定しています。*/
}

body {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	-webkit-text-size-adjust: none;
	background: #fff;	/*背景色*/
	color: #555;		/*全体の文字色*/
	line-height: 1.5em;		/*行間*/
	overflow-x: hidden;
}

#wrap {
	text-align:center;
	width:95%;
	margin:0 auto;
	background-color:#FFFFFF;
	border: solid 1px #999;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #777777;
}


#inner {
	position:relative;
	width:100%;
	margin:10 auto;
	text-align:center;
}

#mainWrap	{		/* コンテンツエリア	*/
/*	margin-top:10px;
	margin-right:200px; */
	padding:8px;
	text-align:left;
	background-color:#FFFFFF;
}

#mainWrap2	{		/* コンテンツエリア（コーナートップのサイド広告あり）	*/
	margin-top:10px;
/*	margin-right:200px;	*/
	text-align:left;
}


#sideWrap	{		/* 各ページのサイド広告エリア	*/
	position:absolute;
	float:right;
/*	border-style:dotted; */
	border-width:1px;
	padding:8px;
	width: 0px;
/*	width: 160px; */
	top:0;
	right:0;
	text-align: center;
	color:#000000;
	background-color:#FFFFFF;
}

#sideWrap2	{		/* コーナートップのサイド広告エリア	*/
	position:absolute;
	float:right;
/*	border-style:dotted; */
	border-width:1px;
	padding:8px;
	width: 0px;
/*	width: 160px; */
	top:0;
	right:0;
	text-align: center;
	color:#000000;
	background-color:#FFFFFF;
}

.clear { clear:both; }
.clear hr { display:none; }

.header	{
  clear:both;
	width:100%;
	margin:0 0;
	text-align:left;
	font-size:95%;
	background-color:#FFFFFF;
	border-radius: 5px;
}

.footer	{
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
  clear:both;
	width:100%;
	margin-top:20px;
	bottom:0;
	text-align:center;
	border-radius: 5px;
}

.policy	{
	color:#FFFFFF;
	background-color:#0c2f01;
	text-align:center;
	font-size:90%;
}

.access	{
	color:#333333;
	background-color:#e5efe2;
	text-align:left;
	font-size:90%;
}

.copyright	{
	color:#FFFFFF;
	background-color:#708669;
	text-align:center;
	font-size:80%;
}

img {
	border:none;
}

/* トップページ　タイトル	*/
.top-header-title		{
/* font-family: "Bernard MT Condensed", "MS UI Gothic", "Verdana", "Arial", "Helvetica", sans-serif; */
	font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	margin:10px 10px 0 10px;
	font-size:16px;
	background-color:#FFFFFF;
}

/* トップページ　画像（オリジナル）	*/
.top-header-image		{
	font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	background-color:#FFFFFF;
	background-image:url(/style/Image/titleback.jpg);
  background-position: top left;
	background-size: 100%;
	background-repeat:no-repeat;
}


/* トップページ　ロゴその他エリア */
.top-logoarea		{
  margin:0px;
	font-size:11px;
}


/* トップページ　テロップ	*/
.ad-area	{
	color:#000000;
	background-color:#fdf6c3;
	font-size:12px;
}


/* トップページ　ヘッダー部分の広告	*/
.ad-area-side	{
	color:#000000;
	background-color:#fefcd1;
	font-size:11px;
	border-style:dotted;
	border-width:1px;
}

.menubar-top {		/*	トップページ　ナビゲーションバー	*/
/*
 font-family: "Verdana", "Arial", "Helvetica", sans-serif;
*/
 font-size: 14
 color: #666666;
 text-decoration: none;
 background-color:#FFFFFF;
}


.newstitle {		/* トップページ見出し	*/
/*
 font-family: "Verdana", "Arial", "Helvetica",sans-serif;
*/
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 background-image:url(/style/Image/menu-border.gif);
}

.newstitle-l {		/* トップページ見出し・長文バージョン	*/
 font-family: "Verdana, Arial", "Helvetica", sans-serif;
 font-weight: bold;
 font-size: 85%;
 color: #000000;
 text-decoration: none;
 background-image:url(/style/Image/menu-border.gif);
}

.topnews {		/* トップページコンテンツ	*/
 font-family: "Verdana, Arial", "Helvetica", sans-serif;
 font-size: 90%;
 color: #6666666;
}


/* トップページ　強調メニュー */
.ad-menu {
	color:#000000;
	background-color:#e5fec8;
}


.cateblock {		/* カテゴリ枠（細線）*/
	color:#000000;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	padding:0px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}


.cateblock-c-top {		/* カテゴリ枠（細線・カラー, メニュートップ）*/
	border-color:#43bc62;
	background-color:#FFFFFF;
	color: #000000;
	border-style:solid;
	border-width:1px;
	padding:0px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

.cateblock-c {		/* カテゴリ枠（細線・カラー, メニュートップ以外）*/
	border-color:#43bc62;
	background-color:#FFFFFF;
	color: #000000;
	border-style:solid;
	border-width:1px;
	padding:0px;
	margin:5px;
}

.newsblock {		/* 強調記事（点線囲み付き）*/
	color:#000000;
	background-color:#c0def0;
	border-style:dotted;
	border-width:1px;
	padding:6px;
}

.newsblock-title {		/* 強調記事（点線囲み付き）のタイトル	*/
 font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
 font-weight: bold;
 color: #000000;
 text-decoration: none;
}


.block-noline {		/* 強調記事（点線囲みなし・無色）*/
	border-width:1px;
	border-style:none;
　padding:10px;
}

.block-dotline {		/* 強調記事（点線囲み付き・無色）*/
	border-width:1px;
	border-style:dotted;
　padding:10px;
}


.menubase {		/*	メニュー下地	*/
	background-color:#FFFFFF;
	color: #000000;
}


.menublock {		/* 強調記事（点線囲み付き）*/
	background-color:#fff5b3;
	color: #000000;
	border-style:dotted;
	border-width:1px;
	padding:6px;
}

.menutitle {	/*	メニュータイトル	*/
 font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
 font-size: 90%;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 background-image:url(/style/Image/menu-border-menu.gif);
}


.menu {		/*	メニューコンテンツ	*/
/*
 font-family: Arial, Helvetica, sans-serif;
*/
 font-size: 85%;
 line-height:1.5;
 color: #000000;
}

/* 各ページのパンくずリスト*/
.trail-list {
	margin: 10px 20px;
	text-align: left;
	font-weight: bold;
}


.titletext {		/* 一般ページ見出し	*/
 font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
 font-size: 110%;
 font-weight: bold;
 text-decoration: none;
}


.pagetext {		/* 一般ページコンテンツ	*/
 font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
/*
 font-family: MS UI Gothic, Verdana, Arial, Helvetica, sans-serif;
*/
}

.menubar {		/*	全頁共通ヘッダー部ナビゲーションバー	*/
 font-family: 'BIZ UDPGothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 background-image:url(/style/Image/menu-border-mono.gif);
}

/******************************************************/
/*
/*		カラーのセレクトボックス
/*
/******************************************************/
select,
::picker(select) {
  appearance: base-select;
}


select {
	border-color: #a4a4a4;
  border-radius: 8px;
}

::picker(select) {
	border-color: #a4a4a4;
  border-radius: 8px;
  max-height: 400px;
  height: min(400px, 60%);
}

/*----------------------------------*/
/* ボタン要素内の補足は非表示にする */

selectedcontent .menu-small {
	display: none;
}

.menu-label {
 margin-bottom: 16px;
}

.menu-select {
	min-width: 200px;
  height: 36px;
  align-items: center;
  padding: 8px 16px;
  font-weight: bold;
  &:hover {
    background-color: color-mix(in srgb, #cf256d 10%, transparent);
  }
}

.menu-option-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 16px;
}

.menu-option-group {
  color: #cf256d;
  padding-top: 16px;
}

.menu-option {
	display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 10px;
  color: #222;
  font-weight: bold;
  &:hover,
  &:checked {
    background-color: color-mix(in srgb, #cf256d 10%, transparent);
  }
  &::checkmark {
    content: none;
  }
}

.menu-small {
  color: #4e4e4e;
  font-weight: normal;
}

@media (width < 860px) {
	  .menu-select {
	  width: 200px;
	}

	.menu-option-wrapper {
		grid-template-columns: 1fr;
		padding: 8px;
	}

	.menu-option {
		padding: 8px 10px;
	}
}





/*	UL,OL,DLの左インデント量調整1	*/
ul, ol, dl {
  padding-left:10px;
	padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px
}

/* ---------【　バックカラーおよび表示カラーの指定　】----------------	*/

/*	背景色	*/
.base	{
	color:#000000;
	background-color:#FFFFFF;
}


/*	タイトル		*/
.title	{
	color:#FFFFFF;
	background-color:#2f6438;
	background-image: url(/style/Image/title_back.png);
	background-size: 100% 100%;
	box-shadow: 0px 0px 10px #999999;
	border-radius: 5px;
}


/*	見出し部		*/
.title2	{
	color:#000000;
	background-color:#b0d9a3;
	box-shadow: 0px 0px 4px #999999;
	padding: 2px;
}


/*	アクセントカラー		*/
.accent	{
	color:#000000;
	background-color:#fff5b3;
	box-shadow: 0px 0px 4px #999999;
	padding: 2px;
}

.frame {
 color: 6D6D6D;
 background-color:#6D6D6D;
}


.dark {
 color: #FFFFFF;
 background-color:#333333;
}


/* --------【ラインの指定】-------------- */

/* 	点線（色の指定無し） */
.dotline			{border-style:dotted;border-width:medium;}

/* 	色つき点線 */
.dotline-accent			{border-style:dotted;border-color:#b3e2a4;border-width:medium;}

/* 	二重線（色の指定無し） */
.doubleline			{border-style:double;border-width:medium;}

/* 	色つき二重線 */
.doubleline-accent		{border-style:double;border-color:#b3e2a4;border-width:medium;}

/* ---------【　文字の状態指定　】----------------	*/

H1{
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	margin-top:1.0em;
	margin-bottom:1.0em;
	font-size:180%;
}

H2{
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	margin-top:1.0em;
	margin-bottom:1.0em;
	font-size:140%;
}

H3{
	margin-top:0;
	margin-bottom:0.5em;
	font-size:120%;
}

H4{
	margin-top:0;
	margin-bottom: 0.4em;	/*下に空けるスペース*/
	font-size:110%;
}

.nsp{	/* 上にスペースを取らないタイプ。下も狭くする
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	margin-top:0;
	margin-bottom:0.7em;
}


/*********

	下線を引くタイプの見出し関連

*********/

/*mainブロックの設定*/
main_U {	
	flex: 1;
}

/*mainブロックのpタグ*/
main_U p {
	margin: 0 20px 2em;	/*上、左右、下へ空けるスペース*/
	text-align:left;
}
main_U p + p {
	margin-top: -1em;
}


/*main_Uブロック内のh2タグ*/
main_U h1{
	margin: 0;
	margin-top:1.0em;
	margin-bottom: 2em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
}

main_U h2{
	margin: 0;
	margin-top:1.0em;
	margin-bottom: 1.0em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
/*	border-bottom: 3px solid #f5f5f5;	デフォルトのラインの色。下の「bottom」と「height」の３ヶ所の数字部分を合わせる*/
	border-bottom: 3px solid #5bc400;
}

/*下線スタイル*/
main_U h2 .uline {
	display: inline-block;position: relative;
	padding: 10px 20px;	/*h2タグ内の余白。上下、左右への順番。*/
	bottom: -3px;		/*上の「border-bottom」と下の「height」の３ヶ所の数字部分を合わせる。※この行だけマイナスをつけるように。*/
}
main_U h2 .uline::before {
	content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;
	height: 3px;	/*ラインの高さ。上の「border-bottom」と「bottom」の３ヶ所の数字部分を合わせる*/
	background: #5bc400;		/*アニメーション時のラインの色*/
	transition: 1s 0.5s;		/*1sはアニメーションの実行時間は1秒。0.5秒遅れてスタートする指定。*/
	transform: scaleX(0);		/*幅。最初は0にして見えなくしておく。*/
	transform-origin: left top;	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}
main_U h2.linestyle .uline::before {
	transform: scaleX(1);
}

main_U h1.uline{
	margin: 0;
	margin-bottom: 0.4em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 2px solid #CCCCCC;
}

main_U h3.uline{
	margin: 0;
	margin-bottom: 0.4em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 2px solid #CCCCCC;
}

main_U h4.uline{
	margin: 0;
	margin-bottom: 0.4em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 2px solid #CCCCCC;
}

main_U strong.uline{
	margin: 0;
	margin-bottom: 0.4em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	border-bottom: 2px solid #CCCCCC;
}


DL{
	padding:5;
	margin:0 0 0 0em;
}

UL{
	padding:5;
	margin:0 0 0 1.5em;
}

OL{
	padding:5;
	margin:0 0 0 1.5em;
}

LI{
	margin:0 0 0 0;
}

/*	サイズ固定	*/
	.fix-12px					{font-size:12px;}
	.fix-14px					{font-size:14px;}

/*　標準文字　*/
	.base-small				{color:#000000;font-size:90%;}
	.base-medium			{color:#000000;font-size:medium;}
	.base-large				{color:#000000;font-size:large;}
	.base-xlarge			{color:#000000;font-size:x-large;}
	.base-xxlarge			{color:#000000;font-size:xx-large;}

	.base-bold				{font-weight:bold;}
	.base-boldm				{font-weight:bold;font-size:medium;}
	.base-boldl				{font-weight:bold;font-size:large;}
	.base-boldx				{font-weight:bold;font-size:x-large;}
	.base-boldxx			{font-weight:bold;font-size:xx-large;}

/*	白抜き文字		*/
	.white-small			{color:#FFFFFF;font-size:90%;}
	.white						{color:#FFFFFF;}
	.white-bold				{color:#FFFFFF;font-weight:bold;}
	.white-boldm			{color:#FFFFFF;font-weight:bold;font-size:medium;}
	.white-boldl			{color:#FFFFFF;font-weight:bold;font-size:large;}
	.white-boldx			{color:#FFFFFF;font-weight:bold;font-size:x-large;}
	.white-boldxx			{color:#FFFFFF;font-weight:bold;font-size:xx-large;}

/*	警告・注意文字（濃色）	*/
	.note-small				{color:#d31406;font-size:90%;}
	.note							{color:#d31406;}
	.note-bold				{color:#d31406;font-weight:bold;}
	.note-boldm				{color:#d31406;font-weight:bold;font-size:medium;}
	.note-boldl				{color:#d31406;font-weight:bold;font-size:large;}
	.note-boldx				{color:#d31406;font-weight:bold;font-size:x-large;}
	.note-boldxx			{color:#d31406;font-weight:bold;font-size:xx-large;}

/*	警告・注意文字（標準）	*/
	.note2-small				{color:#1e7802;font-size:90%;}
	.note2							{color:#1e7802;}
	.note2-bold					{color:#1e7802;font-weight:bold;}
	.note2-boldm				{color:#1e7802;font-weight:bold;font-size:medium;}
	.note2-boldl				{color:#1e7802;font-weight:bold;font-size:large;}
	.note2-boldx				{color:#1e7802;font-weight:bold;font-size:x-large;}
	.note2-boldxx				{color:#1e7802;font-weight:bold;font-size:xx-large;}

/*	警告・注意文字（淡色）	*/
	.note3-small				{color:#7fb26f;font-size:90%;}
	.note3							{color:#7fb26f;}
	.note3-bold					{color:#7fb26f;font-weight:bold;}
	.note3-boldm				{color:#7fb26f;font-weight:bold;font-size:medium;}
	.note3-boldl				{color:#7fb26f;font-weight:bold;font-size:large;}
	.note3-boldx				{color:#7fb26f;font-weight:bold;font-size:x-large;}
	.note3-boldxx				{color:#7fb26f;font-weight:bold;font-size:xx-large;}

/* ---------【　リンク色の指定　】----------------	*/

/*	背景上のリンク色（濃色）		*/
	A:link				{color:#27790d;text-decoration:underline;}
	A:visited			{color:#195d03;text-decoration:underline;}
	A:hover				{color:#FF0000;text-decoration:underline;}

/*	下線無しリンク		*/
A.noline {
	text-decoration: none;
}

/*	メニュー部およびタイトル（メイン）のリンク色		*/
	A.on-title:link				{color:#FFFFFF;}
	A.on-title:visited		{color:#FFFFFF;}
	A.on-title:hover			{color:#FF0000;background-color:#FFFFFF;}

/*	メニュー部およびタイトル（サブ、淡色）のリンク色		*/
	A.on-title2:link				{color:#011b49;}
	A.on-title2:visited			{color:#011b49;}
	A.on-title2:hover				{color:#FF0000;}

/*	メニュー部およびタイトル（サブ、淡色）のリンク色（マウスオーバー時に文字の色が赤く変わる）		*/
	A.on-title2-c:link				{color:#011b49;}
	A.on-title2-c:visited			{color:#011b49;}
	A.on-title2-c:hover				{color:#FF0000;}

/*	アクセントカラー（メイン）のリンク色		*/
	A.on-accent:link			{color:#0462b1;}
	A.on-accent:visited		{color:#666666;}
	A.on-accent:hover			{color:#FF0000;background-color:#FFFFFF;}


/*	ヘッダー部のリンク色		*/
	A.on-header:link				{color:#666666;}
	A.on-header:visited			{color:#666666;}
	A.on-header:hover				{color:#FF0000;}


/*	フッター部のリンク色		*/
	A.on-footer:link				{color:#FFFFFF;}
	A.on-footer:visited			{color:#FFFFFF;}
	A.on-footer:hover				{color:#FF0000;}


/* 先頭ボタン用
/****************************************************************/
/* 赤い文字＆白フチつきシャドウ（ボタン風）*/
.rw-button {
	margin-right:6px;
	color:#DD0000;
	text-shadow:1px 1px 0px #ffffff, 2px 2px 3px #999999;
}

/* トップページ用：赤い文字＆白フチつきシャドウ（ボタン風）*/
.rw-button-t {
	font-size:150%;
	margin-left:10px;
	margin-right:6px;
	color:#DD0000;
	text-shadow:1px 1px 0px #ffffff, 2px 2px 3px #999999;
}


/* 赤い文字＆シャドウ（微かに見える程度） */
.r-button {
	margin-right:6px;
	color:#DD0000;
	text-shadow:1px 1px 3px #999999;
}

/* 青い文字＆白フチつきシャドウ（ボタン風）*/
.bw-button {
	font-size:120%;
	margin-right:6px;
	color:#000099;
	text-shadow:1px 1px 0px #ffffff, 2px 2px 3px #999999;
}

/* トップページ用：青い文字＆白フチつきシャドウ（ボタン風）*/
.bw-button-t {
	margin-left:10px;
	margin-right:6px;
	color:#0000DD;
	text-shadow:1px 1px 0px #ffffff, 2px 2px 3px #999999;
}


/* 青い文字＆シャドウ（微かに見える程度） */
.b-button {
	margin-right:6px;
	color:#000099;
	text-shadow:1px 1px 3px #999999;
}

/* 緑の文字＆白フチつきシャドウ（ボタン風）*/
.gw-button {
	margin-right:6px;
	color:#00DD00;
	text-shadow:1px 1px 0px #ffffff, 2px 2px 3px #999999;
}


/* 緑のい文字＆シャドウ（微かに見える程度） */
.g-button {
	margin-right:6px;
	color:#00DD00;
	text-shadow:1px 1px 3px #999999;
}

/* 白い文字＆シャドウ（微かに見える程度） */
.w-button {
	margin-right:6px;
	color:#FFFFFF;
	text-shadow:1px 1px 3px #FFFFFF;
}

/*全体の四角いアニメーションNEWマーク*/
.newA {
	font-family:"Lucida Handwriting";
	margin: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9pt;		/*文字サイズ*/
	font-weight: bold;		/*文字の太さ*/
	background: #ff0000;	/*背景色*/
	color: #fff;			/*文字色*/
	text-align: center;		/*テキストをセンタリング*/
  animation: newanimation 0.4s ease-in 1s infinite alternate both;
}


/***********************************************/
/*	配置関係
/***********************************************/

/*	配置制御用のflexbox	*/
.flexbox {
  display: flex;
  margin: 10px;
  padding: 10px;
}

.flexbox-nsp {	/* 周囲のスペース指定なし*/
  display: flex;
}

.inline-block {
  display: inline-block;
  color: #FFFFFF;
}

.inline-block-b {
  display: inline-block;
  color: #666666;
}

.flexbox-row {	/*	横並び	*/
	flex-direction: row;
}

.flexbox-column {	/*	縦並び	*/
	flex-direction: column;
}

.box-solid {
  border: 1px solid #999;
}

.box-noline {
  border: 0px;
}

/*	横並びのテーブルを作る	*/
.yoko-table {	/*	ボーダーあり	*/
 display:inline-table;
 border-collapse: collapse;
}

.yoko-table td {
 border: 1px solid gray;
 padding: 0 .5rem;
}

.yoko-table-nb {	/*	ボーダーなし	*/
 display:inline-table;
 border-collapse: collapse;
}

.yoko-table-nb td {
 border: 0px;
 padding: 0 .5rem;
}

.yoko-table-dot {	/*	点線	*/
 display:inline-table;
 border-collapse: collapse;
}

.yoko-table-dot td {
 border: 1px solid gray;
 padding: 0 .5rem;
}


/**************************************/
/*	開閉リスト関連
/**************************************/

/* デフォルトの矢印を削除する */
summary {
	display: block;
}

summary::-webkit-details-marker {
	display: none;
}


/* アコーディオンのタイトル 共通設定 */
.details-summary {
	position: relative;
	padding-left: 25px;
	font-size: 90%;
	cursor: pointer;
}

/* アコーディオンのタイトル hoverで着色 */
summary:hover {
		cursor: pointer;
		background-color: #bee1de;
}

/* アコーディオン内リストの〇矢印アイコン */
.icon-arrow {
	&:before {
		position: absolute;
		content: '';
		width: 18px;
		height: 18px;
		background: #00a5a0;
		border-radius: 50%;
		top: 50%;
		left: 0;
		margin-top: -7px;
	}
	&:after {
		position: absolute;
		content: '';
		width: 4px;
		height: 4px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		top: 50%;
		left: 5px;
		transform: rotate(45deg);
		margin-top: -1px;
	}
}

.details[open] .icon-arrow {
	&:after {
		transform: rotate(135deg);
		left: 7px;
	}
}


/*****************************************/
/*	<UL>や<DL>の代わりに画像を使うリスト
/*****************************************/

/* リストを収めるbox */
list-box {
  display: block;
  margin-bottom: 20px;
}

/* 見出しをつけてインデントする場合に使用
使用イメージ：
	＜見出し＞
		＜リスト項目＞
		＜リスト項目＞
		＜リスト項目＞
		＜リスト項目＞
*/
.list-title {		/*見出し*/
	border: 0px;
	padding-left:0px;
}

/* リスト項目先頭のマークを削除し、インデントする（デフォルト） */
.list-box li {
	list-style:none;
	padding-left: 20px;
	margin-top: -7px;
  margin-bottom: 10px;
}

/* リスト項目先頭のマークを削除し、インデントしない */
.li-none {
	list-style:none;
	margin-top: -7px;
  margin-bottom: 10px;
}

/* 見出し先頭の画像→*/
.list-box .list-title > img {
	border-radius: 50%;		/*角丸のサイズ。円形になります。*/
	background-color:#48bf56;
	width: 20px;
	height: 20px;
	position: relative;
	left: -2px;			/*listブロックのliに対して左からの配置場所の指定*/
	top: 3px;				/*listブロックのliに対して上からの配置場所の指定*/
	margin-right: 2px;
}

/* li先頭の画像→*/
.list-box li > img {
	border-radius: 50%;		/*角丸のサイズ。円形になります。*/
	background-color:#00c0c5;
	width: 18px;
	height: 18px;
	position: relative;
	left: -2px;			/*listブロックのliに対して左からの配置場所の指定*/
	top: 2px;				/*listブロックのliに対して上からの配置場所の指定*/
	margin-right: 2px;
}

/* li-none先頭の画像→*/
.list-box .li-none > img {
	border-radius: 50%;		/*角丸のサイズ。円形になります。*/
	background-color:#00c0c5;
	width: 18px;
	height: 18px;
	position: relative;
	left: -2px;			/*listブロックのliに対して左からの配置場所の指定*/
	top: 2px;				/*listブロックのliに対して上からの配置場所の指定*/
	margin-right: 2px;
}

/* コンテンツ全体を包むコンテナ */
.container {
	margin-bottom: 30px;
}


/*スクロールボタンの設定*/
.pagetop-show {
  opacity: 0.7;
  display: block;
}

.pagetop a {
	position: fixed;	/*スクロールに追従しない(固定で表示)為の設定*/
  display: block;
  background: #72C7CA;	/*背景色*/
	color: #fff;		/*文字色*/
	font-size: 1.5em;	/*文字サイズ*/
	text-decoration: none;
  text-decoration-line: none;
	text-align: center;
	right: 20px;		/*右からの配置場所指定*/
	bottom: 20px;		/*下からの配置場所指定*/
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*円形にする*/
  opacity: 0.7;
  transition: all .3s ease;
	z-index: 99;
}

.pagetop a:hover {
  text-decoration: none;
  background: #CCCCCC;	/*背景色*/
  opacity: 0.5;
}