/*===============================================================================*/
/*ページベース設定*/
/*===============================================================================*/

/*.set-pagebase { font: 1.0em "UD新ゴ R"; } */

/*===============================================================================*/
/*画像回込み*/
/*===============================================================================*/

/*-------------------------------------------------*/
/*回り込み解除*/
	.clrboth { clear:both; }

/*===============================================================================*/
/*ページタイトル*/
/*===============================================================================*/
	.page-title { display: flex; flex-wrap: wrap; margin-bottom: 25px; padding: 6px 15px 6px 15px; color: #FFFFFF; background-color:#0060A0; }
	.listbox-title { vertical-align: bottom; }
	.listbox-title-inbox { display: inline-block; }

/*===============================================================================*/
/*マージン定義*/
/*===============================================================================*/

	/*-------------------------------------------------*/
	/*マージンなし*/
	.mg-all00    { margin:  0; }
	.mg-all20    { margin: 20; }
	.mg-left00   { margin-left: 0; }
	.mg-right00  { margin-right: 0; }
	.mg-top00    { margin-top: 0; }
	.mg-bottom00 { margin-bottom: 0; }
	.mg-tb00     { margin-top: 0; margin-bottom: 0; }
	.mg-lr00     { margin-left: 0; margin-right: 0; }

	/*-------------------------------------------------*/
	/*マージン(old)*/
	.mg-all05    { margin: 0.5em; }
	.mg-all10    { margin: 1.0em; }
	.mg-left05   { margin-left: 0.5em; }
	.mg-left10   { margin-left: 1.0em; }
	.mg-left20   { margin-left: 2.0em; }
	.mg-right10  { margin-right: 1.0em; }
	.mg-right20  { margin-right: 2.0em; }
	.mg-top05    { margin-top: 0.5em; }
	.mg-top10    { margin-top: 1.0em; }
	.mg-bottom03 { margin-bottom: 0.3em; }
	.mg-bottom10 { margin-bottom: 1.0em; }
	.mg-tb00     { margin-top: 0; margin-bottom: 0; }
	.mg-tb10     { margin-top: 1.0em; margin-bottom: 1.0em; }
	.mg-lr05     { margin-left: 0.5em; margin-right: 0.5em; }
	.mg-lr10     { margin-left: 1.0em; margin-right: 1.0em; } 

	/*-------------------------------------------------*/
	/*マージン (pixel)*/
	.mg-all05p    { margin:  5px; }
	.mg-all10p    { margin: 10px; }
	.mg-all15p    { margin: 15px; }
	.mg-all20p    { margin: 20px; }
	.mg-left05p   { margin-left:  5px; }
	.mg-left10p   { margin-left: 10px; }
	.mg-left15p   { margin-left: 15px; }
	.mg-left20p   { margin-left: 20px; }
	.mg-right05p  { margin-right:  5px; }
	.mg-right10p  { margin-right: 10px; }
	.mg-right15p  { margin-right: 15px; }
	.mg-right16p  { margin-right: 16px; }
	.mg-right20p  { margin-right: 20px; }
	.mg-top05p    { margin-top:  5px; }
	.mg-top10p	  { margin-top: 10px; }
	.mg-top15p    { margin-top: 15px; }
	.mg-top20p    { margin-top: 20px; }
	.mg-bottom05p { margin-bottom:  5px; }
	.mg-bottom10p { margin-bottom: 10px; }
	.mg-bottom15p { margin-bottom: 15px; }
	.mg-bottom20p { margin-bottom: 20px; }
	.mg-lr05p     { margin-left:  5px; margin-right:  5px; }
	.mg-lr10p     { margin-left: 10px; margin-right: 10px; }
	.mg-lr15p     { margin-left: 15px; margin-right: 15px; }
	.mg-lr20p     { margin-left: 20px; margin-right: 20px; }
	.mg-tb05p     { margin-top:  5px; margin-bottom:  5px; }
	.mg-tb10p     { margin-top: 10px; margin-bottom: 10px; }
	.mg-tb15p     { margin-top: 15px; margin-bottom: 15px; }
	.mg-tb20p     { margin-top: 20px; margin-bottom: 20px; }

	/*-------------------------------------------------*/
	/*マージン (em)*/
	.mg-all05c    { margin: 0.5em; }
	.mg-all10c    { margin: 1.0em; }
	.mg-all15c    { margin: 1.5em; }
	.mg-all20c    { margin: 2.0em; }
	.mg-left05c   { margin-left: 0.5em; }
	.mg-left10c   { margin-left: 1.0em; }
	.mg-left15c   { margin-left: 1.5em; }
	.mg-left20c   { margin-left: 2.0em; }
	.mg-right05c  { margin-right: 0.5em; }
	.mg-right10c  { margin-right: 1.0em; }
	.mg-right15c  { margin-right: 1.5em; }
	.mg-right10c  { margin-right: 2.0em; }
	.mg-top05c    { margin-top: 0.5em; }
	.mg-top10c    { margin-top: 1.0em; }
	.mg-top15c    { margin-top: 1.5em; }
	.mg-top20c    { margin-top: 2.0em; }
	.mg-bottom03c { margin-bottom: 0.3em; }
	.mg-bottom05c { margin-bottom: 0.5em; }
	.mg-bottom10c { margin-bottom: 1.0em; }
	.mg-bottom15c { margin-bottom: 1.5em; }
	.mg-bottom20c { margin-bottom: 2.0em; }
	.mg-tb00c     { margin-top: 0; margin-bottom: 0; }
	.mg-tb10c     { margin-top: 1.0em; margin-bottom: 1.0em; }
	.mg-tb15c     { margin-top: 1.5em; margin-bottom: 1.5em; }
	.mg-tb20c     { margin-top: 2.0em; margin-bottom: 2.0em; }
	.mg-lr05c     { margin-left: 0.5em; margin-right: 0.5em; }
	.mg-lr10c     { margin-left: 1.0em; margin-right: 1.0em; } 
	.mg-lr15c     { margin-left: 1.5em; margin-right: 1.5em; } 
	.mg-lr20c     { margin-left: 2.0em; margin-right: 2.0em; } 

/*===============================================================================*/
/*パディング定義*/
/*===============================================================================*/

	/*-------------------------------------------------*/
	/*パディングなし*/
	.pd-all00    { padding: 0.0; }
	.pd-left00   { padding-left: 0.0; }
	.pd-right00  { padding-right: 0.0; }
	.pd-top00    { padding-top: 0.0; }
	.pd-bottom00 { padding-bottom: 0.0; }
	.pd-tb00     { padding-top: 0.0; padding-bottom: 0.0; }
	.pd-lr00     { padding-left: 0.0; padding-right: 0.0; }

	/*-------------------------------------------------*/
	/*パディング(old)*/
	.pd-all05    { padding: 0.5em; }
	.pd-all10    { padding: 1.0em; }
	.pd-all20    { padding: 2.0em; }
	.pd-left05   { padding-left: 0.5em; }
	.pd-left10   { padding-left: 1.0em; }
	.pd-left15   { padding-left: 1.5em; }
	.pd-left20   { padding-left: 2.0em; }
	.pd-right20  { padding-right: 2.0em; }
	.pd-top05    { padding-top: 0.5em; }
	.pd-top10    { padding-top: 1.0em; }
	.pd-top20    { padding-top: 2.0em; }
	.pd-bottom05 { padding-bottom: 0.5em; }
	.pd-bottom10 { padding-bottom: 1.0em; }
	.pd-bottom20 { padding-bottom: 2.0em; }
	.pd-tb00     { padding-top: 0; padding-bottom: 0; }
	.pd-tb10     { padding-top: 1.0em; padding-bottom: 1.0em; }
	.pd-lr00     { padding-left: 0; padding-right: 0; }
	.pd-lr10     { padding-left: 1.0em; padding-right: 1.0em; }

	/*-------------------------------------------------*/
	/*パディング(pixel)*/
	.pd-all05p    { padding:  5px; }
	.pd-all10p    { padding: 10px; }
	.pd-all15p    { padding: 15px; }
	.pd-all20p    { padding: 20px; }
	.pd-left05p   { padding-left:  5px; }
	.pd-left10p   { padding-left: 10px; }
	.pd-left15p   { padding-left: 15px; }
	.pd-left20p   { padding-left: 20px; }
	.pd-right05p  { padding-right:  5px; }
	.pd-right10p  { padding-right: 10px; }
	.pd-right15p  { padding-right: 15px; }
	.pd-right16p  { padding-right: 16px; }
	.pd-right20p  { padding-right: 20px; }
	.pd-right25p  { padding-right: 25px; }
	.pd-top05p    { padding-top:  5px; }
	.pd-top10p	  { padding-top: 10px; }
	.pd-top15p    { padding-top: 15px; }
	.pd-top20p    { padding-top: 20px; }
	.pd-bottom05p { padding-bottom:  5px; }
	.pd-bottom10p { padding-bottom: 10px; }
	.pd-bottom15p { padding-bottom: 15px; }
	.pd-bottom20p { padding-bottom: 20px; }
	.pd-lr05p     { padding-left:  5px; padding-right:  5px; }
	.pd-lr10p     { padding-left: 10px; padding-right: 10px; }
	.pd-lr15p     { padding-left: 15px; padding-right: 15px; }
	.pd-lr20p     { padding-left: 20px; padding-right: 20px; }
	.pd-tb05p     { padding-top:  5px; padding-bottom:  5px; }
	.pd-tb10p     { padding-top: 10px; padding-bottom: 10px; }
	.pd-tb15p     { padding-top: 15px; padding-bottom: 15px; }
	.pd-tb20p     { padding-top: 20px; padding-bottom: 20px; }

	/*-------------------------------------------------*/
	/*パディング(em)*/
	.pd-all05c    { padding: 0.5em; }
	.pd-all10c    { padding: 1.0em; }
	.pd-all15c    { padding: 1.5em; }
	.pd-all20c    { padding: 2.0em; }
	.pd-left05c   { padding-left: 0.5em; }
	.pd-left10c   { padding-left: 1.0em; }
	.pd-left15c   { padding-left: 1.5em; }
	.pd-left20c   { padding-left: 2.0em; }
	.pd-right05c  { padding-right: 0.5em; }
	.pd-right10c  { padding-right: 1.0em; }
	.pd-right15c  { padding-right: 1.5em; }
	.pd-right10c  { padding-right: 2.0em; }
	.pd-top05c    { padding-top: 0.5em; }
	.pd-top10c    { padding-top: 1.0em; }
	.pd-top15c    { padding-top: 1.5em; }
	.pd-top20c    { padding-top: 2.0em; }
	.pd-bottom03c { padding-bottom: 0.3em; }
	.pd-bottom05c { padding-bottom: 0.5em; }
	.pd-bottom10c { padding-bottom: 1.0em; }
	.pd-bottom15c { padding-bottom: 1.5em; }
	.pd-bottom20c { padding-bottom: 2.0em; }
	.pd-tb05c     { padding-top: 0.5em; padding-bottom: 0.5em; }
	.pd-tb10c     { padding-top: 1.0em; padding-bottom: 1.0em; }
	.pd-tb15c     { padding-top: 1.5em; padding-bottom: 1.5em; }
	.pd-tb20c     { padding-top: 2.0em; padding-bottom: 2.0em; }
	.pd-lr05c     { padding-left: 0.5em; padding-right: 0.5em; }
	.pd-lr10c     { padding-left: 1.0em; padding-right: 1.0em; } 
	.pd-lr15c     { padding-left: 1.5em; padding-right: 1.5em; } 
	.pd-lr20c     { padding-left: 2.0em; padding-right: 2.0em; } 

/*===============================================================================*/
/*テキスト定義*/
/*===============================================================================*/

/*-------------------------------------------------*/
/*文字装飾*/

	/*文字色*/
	.ch-white   { color: #FFFFFF; } /*文字色：白*/
	.ch-black   { color: #000000; } /*文字色：黒*/
	.ch-red     { color: #FF0000; } /*文字色：赤*/
	.ch-green   { color: #00FF00; } /*文字色：緑*/
	.ch-wdgreen { color: #60E060; } /*文字色：黄緑*/
	.ch-dgreen  { color: #205020; } /*文字色：深緑*/
	.ch-blue    { color: #0000FF; } /*文字色：青*/
	.ch-dblue   { color: #000040; } /*文字色：暗青*/
	.ch-link    { color: #269BD1; } /*文字色：リンク色*/
	/*大小*/
	.ch-small  { font-size: 0.75em; }  /*文字を小さく*/
	.ch-llarge { font-size: 1.1em; }   /*文字を少しだけ大きく*/
	.ch-large  { font-size: 1.25em; }  /*文字を大きく*/
	.ch-vlarge { font-size: 1.5em; }   /*文字をとても大きく*/
	/*文字装飾*/
	.ch-bold    { font-weight: bold; }    /*強調*/
	.ch-lighter { font-weight: lighter; } /*相対細字*/
	.ch-bolder  { font-weight: bolder; }  /*相対強調*/
	.ch-italic  { font-style: italic; }   /*筆記斜体*/
	.ch-oblique { font-style: oblique; }  /*単純斜体*/
	/*上付・下付*/
	.ch-top   { vertical-align: super; }  /*上付*/
	.ch-sub   { vertical-align: sub; }    /*下付*/
	/*文字装飾*/
	.s-line { text-decoration: line-through; } /*取消線*/
	.u-line { text-decoration: underline; }    /*下線*/
	.t-line { text-decoration: overline; }     /*上線*/
	
	.uline-pink {
		background: linear-gradient(transparent 80%, #ff99ab 80%);
	}


/*-------------------------------------------------*/
/*テキスト属性*/

	/*上下寄せ*/
	.text-top    { vertical-align: top; }    /*テキスト上寄せ*/
	.text-middle { vertical-align: middle; } /*テキスト上下中央*/
	.text-bottom { vertical-align: bottom; } /*テキスト下寄せ*/
	/*左右寄せ*/
	.text-left   { text-align: left; }   /*テキスト左寄せ*/
	.text-center { text-align: center; } /*テキスト中央揃え*/
	.text-right  { text-align: right; }  /*テキスト右寄せ*/
	/*改行幅*/
	.text-line00 { line-height: 0; }      /*改行幅：0*/
	.text-line05 { line-height: 0.5em; } /*改行幅：0.5字*/
	.text-line06 { line-height: 0.6em; } /*改行幅：0.6字*/
	.text-line07 { line-height: 0.7em; } /*改行幅：0.7字*/
	.text-line08 { line-height: 0.8em; } /*改行幅：0.8字*/
	.text-line09 { line-height: 0.9em; } /*改行幅：0.9字*/
	.text-line10 { line-height: 1.0em; } /*改行幅：1.0字*/
	.text-line11 { line-height: 1.1em; } /*改行幅：1.1字*/
	.text-line12 { line-height: 1.2em; } /*改行幅：1.2字*/
	.text-line13 { line-height: 1.3em; } /*改行幅：1.3字*/
	.text-line14 { line-height: 1.4em; } /*改行幅：1.4字*/
	.text-line15 { line-height: 1.5em; } /*改行幅：1.5字*/
	.text-line17 { line-height: 1.7em; } /*改行幅：1.6字*/


/*-------------------------------------------------*/
/*キャプション*/

	/*キャプション基本セット*/
	.cap-set    { padding: 0 1.0em; margin-bottom: 10px; font-size:1.25em; color:#FFFFFF; border-radius:1.25em; }

	/*キャプション色*/
	.cap-red { 
		border: 2px solid #B02020; 
		background-color: #F06060; }
	.cap-orange { 
		border: 2px solid #DD6F17; 
		background-color: #FFA040; }
	.cap-pink { 
		border: 2px solid #FF90C0; 
		background-color: #FFA0C0; }
	.cap-blue { 
		border: 2px solid #000040;
		background-color: #20A0E0;	}
	.cap-lgreen   { 
		border: 2px solid #004000;
		/*border: 2px solid #0060A0;*/
		background-color: #A0FFC0;
	}


/*===============================================================================*/
/*イメージ定義*/
/*===============================================================================*/

	/*-------------------------------------------------*/
	/*画像不透明度*/
	.image-opac02 { opacity: 0.2; }  /*画像不透明度20％*/
	.image-opac03 { opacity: 0.3; }  /*画像不透明度30％*/
	.image-opac04 { opacity: 0.4; }  /*画像不透明度40％*/
	.image-opac05 { opacity: 0.5; }  /*画像不透明度50％*/
	.image-opac06 { opacity: 0.6; }  /*画像不透明度60％*/
	.image-opac07 { opacity: 0.7; }  /*画像不透明度70％*/
	.image-opac05 { opacity: 0.8; }  /*画像不透明度80％*/


/*===============================================================================*/
/*エリア属性*/
/*===============================================================================*/

	/*-------------------------------------------------*/
	/*汎用領域セット*/
	.areaset     { display: block; margin: 10px; padding: 10px; }
	.arearadius  { border-radius: 1.2em; }
	.area-set    { display: block; margin: 10px 0; padding: 10px; }
	.area-radius { border-radius: 1.2em; }

	/*高さ・幅*/
	.high05p { height:  5px; } /*高さ 5px*/
	.high10p { height: 10px; } /*高さ10px*/
	.high15p { height: 15px; } /*高さ15px*/
	.high20p { height: 20px; } /*高さ20px*/

	.wide05p { width:   5px; } /*幅   5px*/
	.wide10p { width:  10px; } /*幅  10px*/
	.wide15p { width:  15px; } /*幅  15px*/
	.wide20p { width:  20px; } /*幅  20px*/

	.wide100r { width: 100%; }
	.wide95r  { width:  95%; }
	.wide90r  { width:  90%; }

	/*div角*/
	.rad10p { border-radius: 10px; }
	.rad15p { border-radius: 15px; }

	/*-------------------------------------------------*/
	/*バックグラウンドカラー*/
	.bg-white  { background-color: #FFFFFF; }  /*背景色：白*/
	.bg-blue   { background-color: #0030a0; }  /*背景色：青*/
	.bg-nblue  { background-color: #004080; }  /*背景色：ネイビー*/
	.bg-dblue  { background-color: #000040; }  /*背景色：暗青*/
	.bg-lblue  { background-color: #E8F0FF; }  /*背景色：明青*/
	.bg-green  { background-color: #C0FFC0; }  /*背景色：緑*/
	.bg-dgreen { background-color: #406040; }  /*背景色：暗緑*/
	.bg-lgreen { background-color: #D0FFD0; }  /*背景色：明緑*/
	.bg-yellow { background-color: #FFFFB0; }  /*背景色：黄*/
	.bg-lgray  { background-color: #EAEAEA; }  /*背景色：明灰色*/
	.bg-pink   { background-color: #FF6699; }  /*背景色：桃*/
	.bg-dpink  { background-color: #FF2266; }  /*背景色：暗桃*/
	.bg-lpink  { background-color: #FFDDEE; }  /*背景色：明桃*/

	/*-------------------------------------------------*/
	/*要素ボーダーライン*/
	.item-border1 { border: 1px solid #5780D0; }  /*枠線：青灰1px*/
	.item-border2 { border: 2px solid #5780D0; }  /*枠線：青灰2px*/


/*===============================================================================*/
/*パネルリスト設定*/
/*===============================================================================*/

	.list-horizontal        { display: flex; flex-wrap: wrap; }
	.list-horizontal-center { display: flex; flex-wrap: wrap; justify-content: center;}

/*===============================================================================*/
/*各ページ固有の設定*/
/*===============================================================================*/

/*-------------------------------------------------*/
/*アーカイブ*/

	/*シオンだよりアーカイブ*/
	.listbox-archives {
		width: 100%;
		padding: 0 5px 0 5px;
		background-color:  #F6F6F6;
		outline: 1px solid #5780D0;
	}
	.listbox-archives-img {
		width: 290px;
		max-width: 100%;
		margin: 0 5px 0 0;
		box-sizing: border-box;
		float: left;
	}
	.listbox-archives-text1{
		margin: 0 5px;
		box-sizing: border-box;
		float: left;
	}
	.listbox-archives-text2{
		margin: 0 5px;
		box-sizing: border-box;
		float: left;
	}

	/*シオンだよりバックナンバー*/
	.listbox-backno {
		width: 17.5em;
		margin: 5px;
		padding: 10px 1.0em 10px 1.0em;
		outline: 1px solid #5780D0;
		border-radius: 5px;
	}

/*-------------------------------------------------*/
/*販売*/

	/*販売記事リスト*/
	.listbase-sale {
		display: flex;
		padding: 2.0em;
		background-color: #FFFFFF;
	}

	.listbox-sale-img {
		width:  340px;
		padding: 20px;
		float: left;
	}
	.listbox-sale {
		width: calc(100% - 340px);
		margin: 20px;
		float: left;
	}
	.listbox-sale02 {
		width: calc(100% - 340px);
		margin: 20px;
		float: left;
	}


/*-------------------------------------------------*/
/*記事投稿(ブログ)*/

	/*タイトル*/
	.post-title {
		margin-bottom: 25px;
		padding: 6px 15px 6px 15px;
		border-radius: 10px;
		color: #FFFFFF;
		background-color:#0060A0;
		font-size: large;
	}

	/*記事エリア*/
	.post-area {
		padding-bottom: 20px;
	}
	.post-flex {
		display: flex;
		flex-wrap: wrap;
	}
	/*イラスト*/
	.post-image {
		margin: 0 auto 0 0;
		padding: 5px;
		display: block;
		/*alignleft size-full wp-image-1984 pd-all05p"*/
	}
	/*写真*/
	.post-photo-img {
		width: 300px;
		max-width: 100%;
		margin-right: 16px;
		outline: 2px solid #5780D0;
		float: left;
	}
	.post-photo-img img:hover {
		outline: 2px solid #5780D0;
		transform: scale(1.6,1.6);
		transition: 0.5s all;
	}
	/*画像回り込み*/
	.post-wrap {
		float:left;
	}
	/*記事内見出し*/
	.post-caption {
		margin-bottom: 25px;
		padding: 6px 15px 6px 15px;
		color: #FFFFFF;
		background-color:#36645a;
	}

/*-------------------------------------------------*/
/*寄付のお願い*/

	/*寄付先*/
	.listbox-bank dl {
		display: flex;
		flex-wrap: wrap;
	}
	.listbox-bank dt {
		width: 20%;
		background-color: #DADADA;
		padding: 10;
		margin: 0 0 10 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.listbox-bank dd {
		width: 80%;
		background-color: #F3F3F3;
		padding: 10;
		margin: 0 0 10 0;
	}

/*=====================================================================*/
/* HTMLタグ マークアップ */

/*-------------------------------------------------*/
/* a要素 */

	/* set class[ white-link ] */
	a.white-link:link     { text-decoration: none; color: #FFFFFF; }
	a.white-link:visited  { text-decoration: none; color: #FFFFFF; }
	a.white-link:active   { text-decoration: underline; color: #FFFFFF; }
	a.white-link:hover    { text-decoration: underline; color: #FFFFFF; }

	/* set class[ blue-link ] */
	a.blue-link:link      { text-decoration: none; color: #5780D0; }
	a.blue-link:visited   { text-decoration: none; color: #5780D0; }
	a.blue-link:active    { text-decoration: underline; color: #5780D0; }
	a.blue-link:hover     { text-decoration: underline; color: #5780D0; }

	/* set class[ navy-link ] */
	a.navy-link:link      { text-decoration: none; color: #1F2F54; }
	a.navy-link:visited   { text-decoration: none; color: #1F2F54; }
	a.navy-link:active    { text-decoration: underline; color: #1F2F54; }
	a.navy-link:hover     { text-decoration: underline; color: #1F2F54; }


	/* set class[ black-link ] */
	a.black-link:link     { text-decoration: none; color: #000000; }
	a.black-link:visited  { text-decoration: none; color: #000000; }
	a.black-link:active   { text-decoration: underline; color: #000000; }
	a.black-link:hover    { text-decoration: underline; color: #000000; }


	/* img要素 */
	/*img { vertical-align: top; max-width: 100%; height: auto; box-sizing: border-box;}*/

/*-------------------------------------------------*/
/* ol要素 */

	ol { 
		counter-reset: number; list-style-type: none; padding: 0.5em; background: #F5FAFF; 
	}
	ol li {
		position: relative; padding-left: 30px; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 2.0em;
	}
	ol li:before { 
		display: inline-block;
		text-align: center;
		font-family: 'Avenir','Arial Black','Arial',sans-serif; 
		font-weight: bold;
		font-size: 0.9em;
		color: #FFFFFF;
		background-color: #5C9EE7;
		border-radius: 50%;
		position: absolute; 
		counter-incement: number; 
		content: counter(number); 
		top: 50%;
		left: 0;
		width: 1.4em;
		height: 1.4em;
		line-height: 1.5em;
		transform: translateY(-50%); 
	}

/*=====================================================================*/
/* e-mail表示用css */

/*-------------------------------------------------*/
/* ＠ドメイン */
.mail-domain::before {
  content: '@';
}