@charset "utf-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	-webkit-text-size-adjust: 100%;
	font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	color: #231815;
}

img {
	vertical-align: bottom;
	border: none;
}

a {
	color: #009cb2;
	text-decoration: none;
}

a:hover {
	color: #231815;
	text-decoration: underline;
}

li {
	list-style: none;
}

h2 {
	color: #FFF;
	font-size: 30px;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 30px;
}

@media (max-width: 667px) {
	h2 {
		width: auto;
		padding: 0 10px 30px 10px;
		line-height: 1.25;
	}
}

h3 {
	background: url("../common/images/icon_h2.png") no-repeat left top, url("../common/images/border_h2.gif") repeat-x left bottom;
	background-size: 40px auto, 4px auto;
	-webkit-background-size: 40px auto, 4px auto;
	font-size: 20px;
	padding: 0 0 10px 55px;
	min-height: 40px;
	margin: 0 0 30px 0;
}

h4 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f2f2f2;
	border-left: solid 4px #009cb2;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 15px;
	margin: 0 0 30px;
}

h5 {
	color: #009cb2;
	margin: 0 0 10px;
}

input[type='button'], input[type='submit'] {
	-webkit-appearance: none;
	border-radius: 0;
}

.f_right {
	float: right;
}

.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.inner:after {
	display: block;
	content: '';
	height: 0;
	clear: both;
}

@media (max-width: 667px) {
	.inner {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
}

.article_list {
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px;
}

.article_list dt {
	margin: 0 0 10px;
	text-decoration: none;
	color: #231815;
}

.article_list dt .icon {
	margin: 0 0 0 10px;
}

.article_list dd {
	text-decoration: underline;
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 20px;
}

@media (max-width: 667px) {
	.article_list dt .icon img {
		height: 20px;
		width: auto;
	}
}

.btn {
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #009cb2;
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 20px;
}

.btn a:hover {
	background-color: #231815;
}

/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 20px 0 0;
}

header {
	width: 100%;
	padding: 0 0 10px;
	background: url("../common/images/shadow_top.png") center bottom repeat-x;
	position: relative;
	z-index: 100;
}

nav {
	margin: 0 auto;
	clear: both;
}

nav ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}

nav ul li {
	display: table-cell;
	vertical-align: middle;
}

nav ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #231815;
	padding: 20px 0;
}

nav ul li a:hover {
	background: url("../common/images/border_nav.gif") left bottom repeat-x;
	text-decoration: none;
}

nav ul li.current a {
	background: url("../common/images/border_nav.gif") left bottom repeat-x;
}

/*============================
#logo
============================*/
h1 {
	float: left;
	width: 182px;
	margin: 0 0 20px;
}

@media (max-width: 667px) {
	h1 {
		padding: 0 0 0 10px;
		width: 91px;
	}
}

/*============================
#header_catch
============================*/
#header_catch {
	position: absolute;
	left: 200px;
	top: 0;
}

@media (max-width: 667px) {
	#header_catch {
		left: 110px;
		width: 160px;
	}
}

/*============================
#header_link
============================*/
#header_link ul {
	overflow: hidden;
	*zoom: 1;
}

#header_link ul li {
	float: right;
	margin: 0 20px 6px 0;
}

#header_link ul li:first-child {
	margin: 0;
}

@media (max-width: 667px) {
	#header_link {
		display: none;
	}
}

/*============================
#header_search
============================*/
#header_search {
	width: 300px;
	position: absolute;
	top: 36px;
	right: 0;
}

/*============================
      #srchBox
      ============================*/
#srchBox {
	height: 24px;
	/*============================
	#srch
	============================*/
}

#srchBox #srch {
	/*============================
	#srchForm
	============================*/
	/*============================
	#yjInsite
	============================*/
}

#srchBox #srch #srchForm {
	overflow: hidden;
	*zoom: 1;
}

/*============================
#srchInput
============================*/
/*============================
#srchBtn
============================*/
#srchBtn {;
}

/*============================
#fr
============================*/
/*============================
#ei
============================*/
/*============================
#csid
============================*/

#srchBox #srch #srchForm #srchInput {
	width: 70%;
	float: left;
}

#srchBox #srch #srchForm #srchBtn {
	background-color: #231815;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	border: 1px solid #231815;
	width: 25%;
	height: 22px;
	font-size: 12px;
	float: right;
	cursor: pointer;
}

@media (max-width: 667px) {
	img {
		width: 100%;
		height: auto;
	}

	header .f_right {
		display: none;
	}
}

/*============================
#menu_icon
============================*/
#menu_icon {
	display: none;
	width: 30px;
	position: absolute;
	top: 0;
	right: 10px;
}

@media (max-width: 667px) {
	/*============================
	#menu
	============================*/
	#menu {
		width: 100%;
		z-index: 500;
	}

	/*============================
  #menu_open
  ============================*/
	#menu_open {
		display: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px;
		background-color: #009cb2;
		background-image: url("../common/images/bg_film_uad.png"), url("../common/images/bg_film_uad.png");
		background-repeat: repeat-y, repeat-y;
		background-position: left top, right top;
		background-size: 5px auto, 5px auto;
		-webkit-background-size: 5px auto, 5px auto;
		border-left: solid 5px #009cb2;
		border-right: solid 5px #009cb2;
		position: absolute;
		top: 50px;
		width: 100%;
	}

	#menu_open nav ul {
		width: auto;
		display: block;
	}

	#menu_open nav ul li {
		width: 100%;
		background-color: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 10px 0;
		display: block;
	}

	#menu_open nav ul li a {
		text-align: left;
		display: block;
		background: url("../common/images/arrow_black.png") 98% center no-repeat;
		-webkit-background-size: 12px auto;
		background-size: 12px auto;
		text-decoration: none;
		color: #231815;
		padding: 15px 10px;
	}

	/*============================
	#header_search
	============================*/
	#header_search {
		position: relative;
		top: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px 10px;
		width: 100%;
		background-color: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	/*============================
	#menu_icon
	============================*/
	#menu_icon {
		display: block;
	}
}

/*============================
#title
============================*/
#title {
	background: url("../common/images/shadow_bottom.png") center bottom repeat-x, url("../common/images/bg_mv.gif") center center repeat;
	padding: 30px 0 0;
	position: relative;
	top: -10px;
}

/*============================
#pan
============================*/
#pan {
	height: 40px;
	background-color: rgba(0, 0, 0, 0.3);
}

#pan ul {
	overflow: hidden;
	*zoom: 1;
	width: 960px;
	margin: 0 auto;
}

#pan ul li {
	float: left;
	padding: 0 0 0 20px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
}

#pan ul li:first-child {
	padding: 0;
}

#pan ul li a {
	color: #FFF;
	font-size: 12px;
	background: url("../common/images/bg_pan.png") right center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	text-decoration: none;
	padding: 0 40px 0 0;
	display: block;
}

#pan ul li a:hover {
	text-decoration: underline;
}

@media (max-width: 667px) {
	/*============================
  #pan
  ============================*/
	#pan {
		display: none;
	}
}

/*============================
#contents
============================*/
#contents {
	width: 960px;
	margin: 60px auto;
	overflow: hidden;
	*zoom: 1;
}

@media (max-width: 667px) {
	#contents {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
}

/*============================
#main
============================*/
#main {
	width: 600px;
	float: left;
}

@media (max-width: 667px) {
	#main {
		width: 100%;
		float: none;
	}
}

/*============================
#twitter
============================*/
#twitter {
	border: 1px solid #009cb2;
	max-height: 342px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#twitter #twitter-header {
	background: #009cb2;
	padding: 8px;
}

#twitter #twitter-header:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#twitter #twitter-header h1.summary {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
}

#twitter #twitter-header h1.summary a {
	color: #fff;
	text-decoration: none;
}

#twitter #twitter-header #twitter-follow {
	float: right;
	width: 90px;
}

/*============================
#news
============================*/
#news {
	position: relative;
	margin: 0 0 60px 0;
}

#news .btn {
	position: absolute;
	right: 0;
	top: 0;
}

#news .btn a {
	background: #009cb2 url("../common/images/arrow_white.png") 10px center no-repeat;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
}

#tab_btn {
	width: 100%;
	display: table;
	table-layout: fixed;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background-color: #231815;
}

#tab_btn li {
	display: table-cell;
	text-align: center;
	border-left: solid 2px #009cb2;
}

#tab_btn li:first-child {
	border: none;
	-webkit-border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}

#tab_btn li:first-child a {
	-webkit-border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}

#tab_btn li:last-child {
	-webkit-border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}

#tab_btn li:last-child a {
	-webkit-border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}

#tab_btn li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
}

@media (max-width: 667px) {
	#tab_btn li a {
		font-size: 90%;
	}
}

#tab_btn li a:hover {
	background-color: #009cb2;
}

.tab {
	border: solid 2px #009cb2;
	padding: 20px;
	display: none;
}

.tab a {
	text-decoration: none;
}

.select {
	background-color: #009cb2;
	display: block;
}

/*============================
  #tab1
  ============================*/
#tab1.tab {
	background-color: #FFF;
}

/*============================
#tab2
============================*/
/*============================
#tab3
============================*/
/*============================
#sidebar
============================*/
#sidebar {
	width: 300px;
	float: right;
}

@media (max-width: 667px) {
	#sidebar {
		margin: 60px 0 0;
		width: 100%;
		float: none;
	}
}

/*============================
#bana
============================*/
#bana {
	margin: 0 0 60px;
}

#bana ul li {
	margin: 0 0 10px;
}

#footer_bana {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 156px;
	background: url("../common/images/bg_film_lar.png") repeat-x center top, url("../common/images/bg_film_lar.png") repeat-x center bottom;
	background-size: 14px auto, 14px auto;
	-webkit-background-size: 14px auto, 14px auto;
	background-color: #cccccc;
	border-top: solid 10px #cccccc;
	border-bottom: solid 10px #cccccc;
}

#footer_bana li {
	position: absolute;
	top: 24px;
}

@media (max-width: 667px) {
	#footer_bana img {
		width: 300px;
		height: auto;
	}
}

/*============================
#pagetop
============================*/
#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10;
}

@media (max-width: 667px) {
	#pagetop {
		width: 40px;
	}
}

footer {
	background-color: #231815;
	margin: 60px 0 4px 0;
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}

@media (max-width: 667px) {
	footer {
		padding: 30px 20px;
	}
}

/*============================
#footer_nav
============================*/
#footer_nav {
	float: left;
}

#footer_nav ul {
	overflow: hidden;
	*zoom: 1;
}

#footer_nav ul li {
	float: left;
}

#footer_nav ul li a {
	color: #FFF;
	text-decoration: none;
	background: url("../common/images/arrow_blue.png") left center no-repeat;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
	padding: 0 15px 0 10px;
	font-size: 11px;
}

#footer_nav ul li a:hover {
	text-decoration: underline;
}

@media (max-width: 667px) {
	#footer_nav {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: solid 1px #FFF;
		padding: 0 0 20px;
		margin: 0 0 30px;
		width: 100%;
		float: none;
	}

	#footer_nav ul li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		padding: 10px 0;
	}

	#footer_nav ul li a {
		font-size: 14px;
	}
}

/*============================
#footer_catch
============================*/
#footer_catch p {
	color: #FFF;
	text-align: right;
	margin: 0 0 10px;
}

@media (max-width: 667px) {
	#footer_catch p {
		text-align: center;
	}
}

/*============================
#footer_link
============================*/
#footer_link {
	float: right;
	width: 300px;
}

#footer_link ul {
	overflow: hidden;
	*zoom: 1;
}

#footer_link ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 46%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF url("../common/images/icon_blank.png") 10px center no-repeat;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
	margin: 0 0 0 4%;
	text-align: center;
	float: right;
}

#footer_link ul li:first-child {
	float: left;
	margin: 0;
}

#footer_link ul li a {
	display: block;
	padding: 10px;
}

@media (max-width: 667px) {
	#footer_link {
		width: 100%;
		float: none;
	}

	#footer_link ul li a {
		height: 32px;
	}

	#footer_link ul li a img {
		height: 100%;
		width: auto;
	}
}

/*============================
#footer_contact
============================*/
#footer_contact {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
}

#footer_contact dl dt {
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight: bold;
	background-color: #009cb2;
	color: #FFF;
	padding: 3px;
}

#footer_contact dl dd {
	padding: 3px;
}

@media (max-width: 667px) {
	#footer_contact {
		width: 100%;
		margin: 30px 0;
	}
}

/*============================
#copy
============================*/
#copy {
	text-align: center;
	border-top: solid 4px #009cb2;
	padding: 30px 0;
}

/*============================
.pager
============================*/
.pager {
	margin: 30px 0;
	width: 100%;
	padding: 0;
	text-align: left;
}

.pager ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.pager ul li {
	display: table-cell;
}

.pager ul li span {
	background-color: #231815;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	text-align: center;
}

.pager ul li a {
	background-color: #231815;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	text-align: center;
}

.pager ul li a:hover {
	background-color: #009cb2;
}

.pager ul li:first-child {
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.pager ul li:first-child a {
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.pager ul li:last-child {
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.pager ul li:last-child a {
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.pager ul li.select {
	background-color: #009cb2;
	/*padding: 10px 0;*/
	font-size: 14px;
	color: #FFF;
	text-align: center;
}

.pager ul li.select a {
	background-color: #009cb2;
	padding: 10px 0;
}

.pagination {
	margin: 30px 0;
	text-align: center;
}

.pagination a {
	background-color: #231815;
	padding: 10px 15px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.pagination a:hover {
	background-color: #009cb2;
}

.pagination a:first-child {
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.pagination a:last-child {
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.pagination a.jp-current {
	background-color: #009cb2;
	padding: 10px 15px;
	font-size: 14px;
	color: #FFF;
}

/******

WP投稿記事デフォルトCSS

******/
#article {
	margin: 0 0 30px;
	/**
	 * 4.0 Alignment
	 */
	/**
	 * 5.0 Caption
	 */
	/**
	 * 6.0 Galleries
	 */
	/**
	 * 7.0 Audio / Video
	 */
	/**
	 * 8.0 RTL
	 */
}

#article .alignleft {
	float: left;
}

#article .alignright {
	float: right;
}

#article .aligncenter {
	clear: both;
	display: block;
	margin: 7px auto;
}

#article .wp-caption {
	background: transparent;
	border: none;
	color: #707070;
	font-family: "Noto Sans", sans-serif;
	margin: 0 0 28px 0;
	max-width: 100% !important;
	padding: 0;
	text-align: inherit;
}

#article .wp-caption.alignleft {
	margin: 7px 28px 21px 0;
}

#article .wp-caption.alignright {
	margin: 7px 0 21px 28px;
}

#article .wp-caption.aligncenter {
	margin: 7px auto;
}

#article .wp-caption .wp-caption-text, #article .wp-caption-dd {
	font-size: 14px;
	line-height: 1.5;
	padding: 7px 0;
}

#article .gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

#article .gallery-columns-2 .gallery-item {
	max-width: 50%;
}

#article .gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

#article .gallery-columns-4 .gallery-item {
	max-width: 25%;
}

#article .gallery-columns-5 .gallery-item {
	max-width: 20%;
}

#article .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

#article .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

#article .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

#article .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

#article .gallery .gallery-caption {
	color: #707070;
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding: 7px 0;
}

#article .gallery-columns-6 .gallery-caption, #article .gallery-columns-7 .gallery-caption, #article .gallery-columns-8 .gallery-caption, #article .gallery-columns-9 .gallery-caption {
	display: none;
}

#article .mce-content-body .wpview-wrap {
	margin-bottom: 32px;
}

#article .mce-content-body .wp-audio-playlist {
	margin: 0;
}

#article body.rtl {
	font-family: Arial, Tahoma, sans-serif;
}

#article .rtl blockquote {
	border-left: none;
	border-right: 4px solid #707070;
	margin: 0 -21px 35px 0;
	padding-left: 0;
	padding-right: 17px;
}

#article .rtl blockquote > blockquote {
	margin-left: auto;
	margin-right: 0;
}

#article .rtl li > ul, #article .rtl li > ol {
	margin: 0 23px 0 0;
}

#article .rtl table th, #article .rtl table caption {
	text-align: right;
}

/*
 * specific
 */
#article p,
#article ul,
#article ol,
#article dl {
	margin: 0 0 10px;
}

#article h3,
#article h4,
#article h5 {
	width: auto;
}

#news_detail #article_date + h3 + #article h4 ~ h4 {
	margin-top: 30px;
}

#article small {
	font-size: 80%;
}

#article .btn.download {
	width: 300px;
	max-width: 70%;
	margin: 30px auto 60px;
}

#article .btn.download a {
	background: #009cb2 url("../about/images/icon_download.gif") 20px center no-repeat;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}

@media (max-width: 667px) {
	#article h4 {
		width: auto;
		line-height: inherit;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#article .btn.download {
		width: auto;
		max-width: 90%;
	}

	#article .btn.download a {
		background: #009cb2 url("../about/images/icon_download.gif") 20px center no-repeat;
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
	}
}

.error404 #contents #main p {
	margin: 0 0 10px;
	line-height: 1.5;
}

#article iframe {
	max-width: 100% !important;
}

/*# sourceMappingURL=base.css.map */





.js-Accordion{
	margin-bottom : 15px;
}

.js-Accordion .Accordion-title{
	color: white;
	font-weight : bold;
	background : #009cb2;
	font-size: 16px;
	line-height : 1;
	padding : 10px 40px 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	position : relative;

}

.js-Accordion .Accordion-title.Accordion-show{
	background : #127482;
}

.js-Accordion .Accordion-content{
	padding : 10px 20px;
	display: none;
}

.js-Accordion h6{
	border-bottom : 1px dotted #dddddd;
	padding-bottom : 5px;
	font-size: 16px;
}

.js-Accordion .Accordion-icon{
	display: block;
	position : absolute;
	top : 0;
	bottom : 0;
	right : 10px;
	margin: auto;
	width : 18px;
	height : 18px;
	background : white;
	border-radius: 2px;
}

.js-Accordion .Accordion-icon:before,.js-Accordion .Accordion-icon:after{
	position : absolute;
	background : #009cb2;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	margin: auto;
	width : 2px;
	height : 12px;
	content : '';
	display: block;
}

.js-Accordion .Accordion-icon:after{
	width : 12px;
	height : 2px;
}

.js-Accordion .Accordion-show .Accordion-icon:before,.js-Accordion .Accordion-show .Accordion-icon:after{
	background : #127482;
}

.js-Accordion .Accordion-show .Accordion-icon:before{
	content : none;
}




@media all and (-ms-high-contrast:none) {
	.js-Accordion .Accordion-title{
		padding : 13px 40px 7px 20px;
	}

}