/*=======================================================================*/
/*
Common.css
汎用パーツ
*/
/*=======================================================================*/


/*=======================================================================*/
/* リセット用 */
/*=======================================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	
}

body {

}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

/*=======================================================================*/
/* ヘッダー・フッター */
/*=======================================================================*/

/* ヘッダーブロック */
/*===============================================================*/

.uNavwrap {
	display: block;
	float: right;
	padding: 0 10px;
	margin: 0;
}

.LogoArea {
	width: 550px;
	float: left;
	margin: 0;
}

.SiteMenu {
	width: 550px;
	float: right;
	margin: 0;
}

.Logo a {
	display: inline-block;
	text-indent: -9800px;
	width: 215px;
	height: 55px;
	background: url(/img/citizen/LogoMark.png) 0 0 no-repeat;
}
html:lang(en) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}

html:lang(zh-cn) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}

html:lang(zh-tw) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}

html:lang(ko) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}

html:lang(pt) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}

html:lang(es) .Logo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;background-size: contain;}




.CatchTxt h1,
.CatchTxt span {
	display: inline-block;
	font-family: "Noto Sans", "Noto Sans Japanese", sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	letter-spacing: 2px;
	font-weight: 500;
	vertical-align: middle;
}

/* ヘッダー（ツールナビ） */
/*===============================================================*/

nav a{
	color : #FFF;
}

nav #nocssread {
	display: inline-block;
	color: #FFF;
	margin-right: 10px;
}

nav #size {
	padding-left: 10px;
	white-space: nowrap;
	display: inline-block;
}
#pageSkip{
    position: absolute;
    top: 4px;
    left: 10px;
}


#info,
#multi{
	margin-right: 14px;
}

#ss-voice,
#ss-kana,
#size {
	display: inline-block;
	padding: 0 5px;
	margin: 1.5px;
	color: #FFF;
}

.icon-pencil2:before,
.icon-volume-medium:before {
	color: #FFF;
}

#ss-voice span,
#ss-kana span{
	color : #FFF;
	margin-right: 2px;
}

#ss-voice a,
#ss-kana a{
	text-decoration: none;
	color: #FFF;
}

nav #size span.button {
	border: 1px solid #c5cdd6;
	background-color: white;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	padding: 3px 5px;
	margin: 0 2px;
	color: black;
}

span.button a {
	color: black !important;
}

#ss-small {
	margin-left: 10px !important;
}

#ss-large {
  	margin-right: 0 !important;
}

div#theme {
	display: inline-block;
	margin-left:10px;
	white-space:nowrap;
	color: #FFF;
}

#ss-theme a {
	background-color: white;
	padding: 3px 6px 3px 6px;
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	left: 4px;
	border: 1px solid #c5cdd6;
	margin-right: 5px;
	text-decoration: none;
	display: inline-block;
}
/*
.body--kankou #ss-theme a,
.body--iju #ss-theme a {
  padding: 6px;
}
*/
#ss-theme a.white{
	border-color : #c5cdd6;
	background-color: #fff;
	color: #000;
}

#ss-theme a.blue{
	border-color : #2679c4;
	background-color: #2679c4;
	color: #fff;
}

#ss-theme a.black{
	border-color : #000;
	background-color: #000;
	color: #fff;
}

#ss-theme a.yellow{
	border-color : #fff000;
	background-color: #fff000;
	color: #000;
}

#ss-voice-controller{
	position: absolute;
	z-index: 9999;
}

#ss-preview {
    /* display: none; */
}

#spBtn {
	display: none;
}

body:lang(en) #ss-kana,
body:lang(en) #ss-voice,
body:lang(en) .tools .icon-pencil2,
body:lang(en) .tools .icon-volume-medium{display: none;}

body:lang(zh-cn) #ss-kana,
body:lang(zh-cn) #ss-voice,
body:lang(zh-cn) .tools .icon-pencil2,
body:lang(zh-cn) .tools .icon-volume-medium{display: none;}

body:lang(zh-tw) #ss-kana,
body:lang(zh-tw) #ss-voice,
body:lang(zh-tw) .tools .icon-pencil2,
body:lang(zh-tw) .tools .icon-volume-medium{display: none;}

body:lang(ko) #ss-kana,
body:lang(ko) #ss-voice,
body:lang(ko) .tools .icon-pencil2,
body:lang(ko) .tools .icon-volume-medium{display: none;}

body:lang(pt) #ss-kana,
body:lang(pt) #ss-voice,
body:lang(pt) .tools .icon-pencil2,
body:lang(pt) .tools .icon-volume-medium{display: none;}

body:lang(es) #ss-kana,
body:lang(es) #ss-voice,
body:lang(es) .tools .icon-pencil2,
body:lang(es) .tools .icon-volume-medium{display: none;}

/* 外国ご注意文 */
/*===============================================================*/
html:lang(en) #ForeignLanguageCaution,
html:lang(zh-cn) #ForeignLanguageCaution,
html:lang(zh-tw) #ForeignLanguageCaution,
html:lang(ko) #ForeignLanguageCaution,
html:lang(pt) #ForeignLanguageCaution,
html:lang(es) #ForeignLanguageCaution{
  	display: block!important;
    padding: 20px;
    font-size: 0.9em;
}

/* ヘッダー（サイトボタン） */
/*===============================================================*/

.SiteMenu ul {
	display: table;
	padding: 0;
}
.SiteMenu.SiteMenuNew ul {
	margin: 0 0 0 auto;
}

.SiteMenu ul li {
	display: table-cell;
	list-style: none;
	vertical-align: middle;
	text-align: center;
}

.SiteMenu ul li a {
	display: block;
	width: 90px;
	height: 70px;
	margin: 0 5px;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.SiteMenu.SiteMenuNew ul li a {
  	width: 90px;
  	height: 70px;
}
.SiteMenu ul li.hdrBtnKids a {border: 1px solid #F78989;}
.SiteMenu ul li.hdrBtnKankou a {border: 1px solid #70C0A6;}
.SiteMenu ul li.hdrBtnIjyu a {border: 1px solid #6BB2D9;}
.SiteMenu ul li.hdrBtnMap a {border: 1px solid #A986A2;}
.SiteMenu ul li.hdrBtnPromo a {border: 1px solid #D6A569;}


.SiteMenu .icon {
	font-size: 32px;
}

.hdrSNTxt {
	display: block;
	font-family: "Noto Sans", "Noto Sans Japanese", sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	font-weight: 500;
}
.hdrBtnPromo .hdrSNTxt {
	font-size: 0.6em;
}

.hdrBtnPromo.hdrBiz .hdrSNTxt {
	font-size: 0.8em;
}

a .hdrSNTxt {
	color: #000;
}

.SiteMenu ul li a .icon-ijyu:before {	color: #6BB2D9;	}
.SiteMenu ul li a .icon-kankou:before {	color: #70C0A6;	}
.SiteMenu ul li a .icon-facimap:before {	color: #A986A2;	}
.SiteMenu ul li a .icon-kosodate:before {	color: #F78989;	}
.SiteMenu ul li a .icon-volume-medium:before {	color: #D6A569;	}
.SiteMenu ul li a .icon-user-tie:before {	color: #D6A569;	}
.SiteMenu ul li a .icon-billding:before {	color: #D6A569;	}

/* ホバー時 */

.SiteMenu ul li.hdrBtnIjyu a:hover {	background: #6BB2D9;	}
.SiteMenu ul li.hdrBtnKankou a:hover {	background: #70C0A6;	}
.SiteMenu ul li.hdrBtnMap a:hover {	background: #A986A2;	}
.SiteMenu ul li.hdrBtnKids a:hover {	background: #F78989;	}
.SiteMenu ul li.hdrBtnPromo a:hover {	background: #D6A569;	}


.SiteMenu ul li a:hover .icon-ijyu:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-kankou:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-facimap:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-kosodate:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-volume-medium:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-user-tie:before {	color: #FFF;	}
.SiteMenu ul li a:hover .icon-billding:before {	color: #FFF;	}

a:hover .hdrSNTxt {
	color: #FFF;
}

/* ヘッダー（グローバルメニュー） */
/*===============================================================*/


.SiteMenu {
	position: relative;
}

#gNav > ul {
	width: 1200px;
	position: relative;
}

ul#mCat {
    list-style: none;
    width: 100%;
    padding: 0;
}

#gNav > ul > li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
	border-right: 1px solid #333333;
}

#gNav > ul > li:first-child {
	border-left: 1px solid #333333;
}

#gNav > ul > li:last-child {
	border-right: 1px solid #333333;
}

#gNav > ul > li > a {
	position: relative;
	display: block;
	width: 160px;
	margin: 0 5px;
	padding: 3px 0;
	text-align: center;
	font-family: "Noto Sans", "Noto Sans Japanese", sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #333333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#gNav > ul > li > a:hover,
#gNav > ul > li > a.active {
	background: #EEEEEE;
	border-radius: 3px;
	box-sizing: border-box;
}

#gNav > ul > li > a.active:after {
	content:"";
	position: absolute;
	display: block;
	width: 160px;
	background: #EEEEEE;
	margin: 0;
	height: 30px;
}

#gNav > ul > li > ul {
	display: none;
	position: absolute;
	width: 1200px;
	margin: 0;
	background: #EEEEEE;
	box-sizing: border-box;
	padding: 10px;
	z-index: 9999;
	top: 30px;
	left: 0;
}

#gNav > ul > li > ul li:first-child{
  display: none;
}
#gNav > ul > li#org > ul li:first-child{
  display: inline-block;
}

#gNav > ul > li#edu > ul li:nth-child(10){
  display: none;
}

.subMenuBlc {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #FFF;
}

.subMenuBlc:before, .subMenuBlc:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.subMenuBlc:after {
	clear: both;
}

.subMenuBlc > div > ul,
.subMenuBlc > .ss-preview-part > div > ul{
	position: relative;
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}

.subMenuBlc > div > ul > li,
.subMenuBlc > .ss-preview-part > div > ul > li{
	position: relative;
	margin: 0 10px 10px 0;
  	display: inline-block;
    width: 270px;
}

.subMenuBlc > div > ul > li:before,
.subMenuBlc > .ss-preview-part > div > ul > li:before {
	content: "";
	position: absolute;
	top: 3px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #2C4F9E;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	
}

.subMenuBlc > div > ul > li:hover::before,
.subMenuBlc > .ss-preview-part > div > ul > li:hover::before{
	border-color: transparent transparent transparent #D6C55A;
}

.subMenuBlc > div > ul > li > a,
.subMenuBlc > .ss-preview-part > div > ul > li > a{
	width: 100%;
	display: block;
	color: #2C4F9E;
	padding: 0 0 0 15px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.subMenuBlc > div > ul > li > a:hover,
.subMenuBlc > .ss-preview-part > div > ul > li > a:hover{
	color: #D6C55A;
}

#gNav #life .arclist{display : none;}
#gNav #edu .arclist{display : none;}

/* 検索ボタン */
/*===============================================================*/

#SearchBtn {
	position: fixed;
	display: block;
	top: 85px;
	right: -2px;
	z-index: 1000;
	margin-top: -37px;
}

#SearchBtn button {
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	padding: 5px;
	text-align: center;
	background: #D6C55A;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border: 2px solid #D6C55A;
	cursor: pointer;
}

#SearchBtn button:hover {
	background: #FFF;
}

#SearchBtn button .icon-search {
	display: block;
	font-size: 2.2em;
	color: #FFF;
	margin: 3px 0 3px 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#SearchBtn button:hover .icon-search {
	color: #D6C55A;
}

#SearchBtn button .sTxt {
	font-weight: bold;
	color: #333;
	letter-spacing: 3px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#SearchBtn button:hover .sTxt {
	color: #D6C55A;
}

/* 検索ボックス */
/*===============================================================*/

#SearchBox {
	display: none;
	position: fixed;
	/*top: 50%;*/
	top: 118px;
	/*left: 50%;*/
	right: -260px;
	transform: translate(-50%, -50%);
	width:500px;
	height: 160px;
	z-index: 1000;
	cursor: pointer;
}

#SearchBox .wrap {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

#SearchBox .closeBtn {
	float: right;
	position: relative;
}

.closeBtn .icon {
	/*font-size: 1.2em;*/
	font-size: 1.6em;
	position: absolute;
	top: 19px;
  /*top: 7px;*/
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	color: #FFF;
}

#SearchBox .closeBtn button {
	position: relative;
	display: block;
	/*width: 40px;
	height: 30px;*/
	width: 68px;
	height: 56px;
	text-align: center;
	background: #AA982C /*#D6C55A*/;
	cursor: pointer;
}

#SearchBox .inner {
	float: left;
	width: 100%;
	background: #FFF;
	border: 10px solid #AA982C /*#D6C55A*/;
	padding: 10px;
	box-sizing: border-box;
}

#searchform:before, #searchform:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#searchform:after {
	clear: both;
}

#searchform .gsc-control-cse {
	background-color: #FFF !important;
	border: none !important;
}

/* テキストボックスに文字入力したときに出る「×」マークの位置調整用の指定 */
#searchform .gsc-search-box { position: relative; }

/* テキストボックスとボタンを縦並びにするため
テーブル内の要素をblock化する */
#searchform .gsc-search-box tr,
#searchform .gsc-search-box td { display: block; }

#searchform .gsc-search-box td {
	vertical-align: middle;
}

#searchform .gsc-search-box .gsc-input {
	width: 75%;
	height: 40px;
	vertical-align: top;
	float: left;
}

#searchform .gsc-search-box td.gsc-search-button {
	width: 18%;
	float: right;
}

#searchform .gsc-search-box .gsib_a { padding: 0 !important; }

#searchform .gsc-search-box td#gs_tti51 { margin-bottom: 5px; }

#searchform .gsc-search-box td.gsc-search-button { height: 40px; }

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0.5em !important;
    width: auto;
}

.gsc-input-box  input {
	border: 1px solid #CCC !important;
	padding: 10px 10px 12px 10px !important
}


/* テキストボックスに文字入力したときに出る「×」マークの位置調整 */
#searchform .gsc-search-box .gsib_b {
	position: absolute;
	width: 20px;
	top: 5px;
	right: 10px;
}

/* テキストボックスのデザイン設定 */
#searchform .gsc-search-box input#gsc-i-id2 {
	box-sizing: border-box;
	height: 50px;
	padding: 10px !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	-moz-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	background-position: 5px center !important;
}

/* デフォルトで設定されている(疑似的な)テキストボックスの
デザイン設定を解除 */
#searchform .gsc-search-box .gsc-input-box,
#searchform .gsc-search-box .gsc-input-box-hover,
#searchform .gsc-search-box .gsc-input-box-focus {
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* 検索ボタンの背景をボタンのように見せかける */
#searchform .gsc-search-box .gsc-search-button {
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-top: 1px solid #D6C55A;
	border-left: 1px solid #D6C55A;
	border-right: 1px solid #D6C55A;
	border-bottom: 1px solid #D6C55A;
	background: #D6C55A;
	cursor: pointer;
}

/* 検索ボタンの背景部分にテキストを表示させる */
#searchform .gsc-search-button:before {
	position: relative;
	content: '検索' !important;
	color: #333;
	font-size: 1.2em;
	line-height: 2.6em;
	text-align: center;
	margin-left: 22px;
}

/* 検索ボタンを透明化し背景のみを表示させる */
#searchform .gsc-search-box input.gsc-search-button-v2,
#searchform .gsc-search-box button.gsc-search-button-v2,
#searchform .gsc-search-box input.gsc-search-button {
	width: 100%;
	padding: 0 !important;
	opacity: 0;
  z-index: 100;
position: absolute;
right: 0px;
height: 40px;
}

#KWtitle h3 {
	font-size: 1em;
	letter-spacing: 3px;
}

#KWArea a {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #0046B2;
	text-decoration: underline;
}

#KWArea a:hover {
	color: #333333;
	text-decoration: none;
}

/* フッター */
/*===============================================================*/

/* メニュー */

.fMenu {
	display: block;
	padding: 30px 0;
}

.fMenu:before, .fMenu:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.fMenu:after {
	clear: both;
}

.fMenu ul {
	list-style: none;
}

.fMenu ul li {
	display: block;
	float: left;
	margin: 0;
}

.fMenu ul li:after {
	content:"|";
	color: #333333;
}

.fMenu ul li:last-child:after {
	content:"";
}

.fMenu ul li a {
	color: #333333;
	margin: 0 5px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.fMenu ul li a:hover {
	color: #B3A22D;
}

/* ロゴ */

.fLogo {
	display: block;
	padding: 0 0 30px 0;
}
.fLogo .icon-new-tab{display : none;}

.fLogo a {
	display: inline-block;
	text-indent: -9800px;
	width: 220px;
	height: 80px;
	background: url(../../img/citizen/LogoMark.png) center no-repeat;;
}
html:lang(en) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

html:lang(zh-cn) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

html:lang(zh-tw) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

html:lang(ko) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

html:lang(pt) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

html:lang(es) .fLogo a {background: url(/img/citizen/LogoMark_multi.png) 0 0 no-repeat;}

.fLogo a.ecoparkbanner {
	background: url(../../img/BR_logo_sample.png) center center no-repeat;
  	background-size: contain;
  	margin-left: 30px;
}

/* 住所・連絡先 */

.fAdd {
	padding: 0 0 30px 0;
}

.fAdd p {

}

.fAdd span {
	display: inline-block;
}

.faFax {
	margin: 0 0 0 10px;
}
.fAdd h3 span{
margin-left: 3em;
margin-bottom: 6px;
}
.fAdd h3 span a{
font-weight: 400;
font-size: 0.8em;
background-color: #eee;
padding: 3px 15px;
color: #000;
border-style: solid;
border-width: 1px;
border-color: #666;
border-radius: 5px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fAdd h3 span a:hover{
	color:#fff;
	background-color: #3d6c3b;
}


/*=======================================================================*/
/* 汎用パーツ */
/*=======================================================================*/


/* ページの先頭へ戻る */
/*=======================================================================*/

.page_top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	padding: 0 0;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	width: 56px;
	height: 56px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	z-index: 1000000;
}


/* SNSボタン*/
/*=======================================================================*/
.cms-sns_share .fb-like,
.cms-sns_share .fb-share,
.cms-sns_share .twitter,
.cms-sns_share .hatena,
.cms-sns_share .googlev
.cms-sns_share .evernote,
.cms-sns_share .line
{
  display: inline-block;
  vertical-align: top;
}
.cms-sns_share .fb {
    margin-top: -4px;
}

/* 斜体テキスト*/
/*=======================================================================*/
i, cite, em, var, address, dfn {
  font-style: italic;
  font-family: serif;
}

/* clearfix*/
/*=======================================================================*/
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

/*印刷用*/
@media print{
  #feedback,
  #ss-preview,
  #hNav,
  #gNav,
  #SearchBtn,
  #fWrap,
  #fCredit,
  .SiteMenu,
  .xdsoft_datetimepicker,
  .tools{
  display: none;
  }
}


.gsc-input{
font-size:16px;
}

/* メールフォームの認証*/
/*=======================================================================*/
.captcha-label:after {
  content: "（半角数字）"; 
}



/* 南アルプス市議会中継　令和２年第２回定例会*/
/*=======================================================================*/
#body--docs-8329 .icon-new-tab{
display : none;
}
#body--docs-8329 .body td,
#body--docs-8329 .body th{
vertical-align: middle;
}
#body--docs-8329 .body td p,
#body--docs-8329 .body th p{
margin: 0;
padding: 0;
}
#body--docs-8329 .body td img{
margin: 0 auto;
vertical-align: middle;
}

/* 汎用CSS 20210325追加*/
/*=======================================================================*/
p.text-right{
 text-align: right; 
}

/* 汎用CSS 20230802追加*/
/*=======================================================================*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}