@charset "UTF-8";

/*============================
	全体
============================*/
html,
body {
	width: 100%;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8;
	background: #e5e5e5;
	word-wrap: break-word;
}

h1 {
	margin: 0;
}

/*============================
	ヘッダー
============================*/
.c5-header {
	background: #fff;
}

.c5-logo {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}

.c5-logo .c5-logo__sony {
	float: left;
}

.c5-logo .c5-logo__sony img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.c5-logo .c5-logo__category {
	float: right;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding-top: 10px;
}

@media screen and (max-width: 1200px) {
	.c5-logo {
		overflow: hidden;
		max-width: 1200px;
		margin: 0 5%;
	}
}

@media screen and (max-width: 640px) {
	.c5-logo {
		overflow: hidden;
		max-width: 100%;
		margin: 0 auto;
	}

	.c5-logo .c5-logo__sony {
		display: block;
		float: none;
	}

	.c5-logo .c5-logo__sony img {
		display: block;
		float: left;
		max-width: 100%;
		width: 20%;
		height: auto;
		margin: 0 5%;
	}

	.c5-logo .c5-logo__category {
		display: block;
		float: none;
		text-align: right;
		font-size: 60%;
		padding-right: 10px;
	}
}

/*============================
	フッター
============================*/
.c5-footer {
	max-width: 1295px;
	margin: 0 auto;
	background: #000;
}

.c5-footer .c5-footer__copy {
	text-align: center;
	margin: 0;
	padding: 1% 0;
	color: #fff;
	font-size: 13px;
	font-size: 1rem;
}

/*============================
	メインビジュアル
============================*/
.mainVisual {
	max-width: 1295px;
	margin: 0 auto;
}

.mainVisual img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}


/*============================
	wrap
============================*/

.wrap {
	position: relative;
	overflow: hidden;
	max-width: 1295px;
	margin: 0 auto;
	background: #f8f8f8;
}

/*============================
	main
============================*/
.main {
	float: left;
	max-width: 900px;
	width: 69.4980694980695%;
	margin: 0 auto;
	background: #fff;
}

.introText {
	margin: 0;
	padding: 2% 5%;
}

.contentWrap {
	overflow: hidden;
	border-top: solid 1px #ececec;
	border-bottom: solid 1px #ececec;
	margin-top: 20px;
}

.contentImage {
	width: 11.11111111111111%;
}

.contentImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.contentListWrap {
	width: 82.88888888888889%;
	padding: 2.5% 3%;
	background: #fff;
}

.contentList {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.contentList li a {
	color: #000;
	line-height: 2.1;
	padding-bottom: 2px;
	text-decoration: none;
}

.contentList li a:hover {
	color: #000;
	line-height: 2.1;
	border-bottom: solid 1px #000;
	padding-bottom: 2px;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.main {
		float: none;
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}
}

@media screen and (max-width: 768px) {
	.contentImage {
		float: none;
		width: 100%;
		padding: 2% 0;
		background: #333f50;
	}

	.contentImage p {
		width: 100%;
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: bold;
		text-align: center;
	}

	.contentListWrap {
		width: 100%;
		margin: 0 auto;
		padding: 2.5%;
		box-sizing: border-box;
	}

	.contentList li {
		text-indent: -1.3em;
		padding-left: 2em;
	}

	.contentList li a {
		color: #000;
		line-height: 1.5;
	}

	.contentList li a:hover {
		color: #000;
		line-height: 1.5;
		border-bottom: solid 1px #000;
		padding-bottom: 2px;
		text-decoration: none;
	}
}

/*============================
	contentBlock
============================*/
.contentBlock {
	overflow: hidden;
	width: 88.88888888888889%;
	margin: 90px auto 5%;
}

.contentTtl {
	margin: 0;
	padding: 1.5% 0 1.5% 1em;
	font-size: 28px;
	font-size: 1.75rem;
	border-top: 5px solid #333f50;
	border-bottom: 1px solid #ececec;
	text-indent: -1em;
}

.contentText {
	margin: 0% 0 3%;
}

.contentText--2 {
	margin: 3% 0;
}

.contentImg {
	max-width: 600px;
	margin: 0 auto 7%;
}

.contentImg img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.contentSubttl,
.contentSubttl_2 {
	padding-left: .5em;
	font-size: 20px;
	font-size: 1.25rem;
	border-left: 5px solid #333f50;
	line-height: 1.5;
}

.contentSubttl--mbLarge {
	margin-bottom: 5%;
}

@media screen and (max-width: 768px) {
	.contentTtl {
		margin: 0;
		padding: 1.5% 0;
		font-size: 24px;
		font-size: 1.5rem;
		border-top: 5px solid #333f50;
		border-bottom: 1px solid #ececec;
		text-indent: 0;
	}

	.contentImg {
		width: 100%;
		margin: 0 auto 7%;
	}
}

@media screen and (max-width: 640px) {
	.contentTtl {
		margin: 0;
		padding: 1.5% 0;
		font-size: 22px;
		font-size: 1.4rem;
		border-top: 5px solid #333f50;
		border-bottom: 1px solid #ececec;
		text-indent: 0;
		line-height: 1.5;
	}

}

@media screen and (max-width: 480px) {
	.c5-footer .c5-footer__copy {
		text-align: center;
		margin: 0;
		padding: 1% 0;
		color: #fff;
		font-size: 11px;
		font-size: .7rem;
	}
}

/*============================
	usageWrap
============================*/
.usageWrap {
	overflow: hidden;
	max-width: 797px;
	margin-bottom: 2.5%;
}

.usageBox {
	float: left;
	width: 31.618569636135508%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
	box-sizing: border-box;
	border: solid 1px #ececec;
}

.usageBox:nth-child(1),
.usageBox:nth-child(4),
.usageBox:nth-child(7) {
	float: left;
	width: 31.618569636135508%;
	margin-left: 0;
}

.usageTtl {
	text-align: center;
	font-weight: bold;
}

.usageImage {
	width: 100%;
}

.usageImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.usageText {
	padding: 0 8%;
	line-height: 1.5;
}

.usageComment {
	font-size: 13px;
	font-size: .8rem;
}

.usageComment--m0 {
	margin: 0;
}

.usageComment--mb2 {
	margin: 0 0 7%;
}

@media screen and (max-width: 768px) {
	.usageWrap {
		overflow: hidden;
		max-width: 797px;
		width: 90%;
		margin: 0 auto 2.5%;
	}

	.usageBox {
		float: left;
		width: 48%;
		margin-left: 2.5%;
		margin-bottom: 2.5%;
		box-sizing: border-box;
		border: solid 1px #ececec;
	}

	.usageBox:nth-child(even) {
		float: left;
		width: 48%;
		margin-left: 2.5%;
		margin-bottom: 2.5%;
	}

	.usageBox:nth-child(odd) {
		float: left;
		width: 48%;
		margin-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.usageTtl {
		font-size: 13px;
		font-size: .85rem;
	}

	.usageText {
		padding: 0 8%;
		font-size: 13px;
		font-size: .8rem;
		line-height: 1.5;
	}
}

/*============================
	usageColumn
============================*/
.usageColumn {
	position: relative;
	width: 88.88888888888889%;
	margin: 0 auto;
	padding: 5% 5% 10px;
	background: url(../images/bg_column.jpg) repeat-y left top;
	box-sizing: border-box;
	background-size: cover:
}

.usageColumn p {
	margin: 20px 0 5%;
}

.usageTag {
	position: relative;
	left: -8%;
	top: -10px;
	background: #333f50;
	color: #FFF;
	padding: 5px 30px;
}

.usageTag img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	.usageTag {
		top: 0;
	}

	.usageColumn p {
		margin: 5% 0 5%;
	}

}

/*============================
	content2colWrap
============================*/
.content2colWrap {
	width: 100%;
	margin: 0 auto;
}

.content2colWrapInner {}

.content2colWrapInner:after {
	content: '';
	clear: both;
	display: table;
	width: 100%;
	margin-bottom: 0;
}

.content2col {
	float: left;
}

.content2col:nth-child(odd) {
	width: 52.75%;
	margin-right: 3.2%;
}

.content2col:nth-child(even) {
	width: 44%;
}

.content2col--50 {
	float: left;
	width: 48.625%;
	margin-right: 2%;
}

.content2col--50:last-child {
	float: left;
	width: 48.625%;
	margin-right: 0;
}

.content2col--66 {
	float: left;
	width: 66%;
	margin-right: 2%;
}

.content2col--66:last-child {
	float: left;
	width: 32%;
	margin-right: 0;
}

.content2col--66_R {
	float: right;
	width: 66%;
}

.content2col--66_R:last-child {
	float: right;
	width: 32%;
	margin-right: 0;
}


.content2colTtl {
	margin: 0 0 2%;
}

.content2colTtl--20 {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 5%;
}

.content2col img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.content2colImage {
	position: relative;
	margin-bottom: 2%;
}

.content2colImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.othertime {
	position: absolute;
	left: 0;
	top: -13%;
}

.content2coltext {
	margin: 0 auto;
}

.setlink {
	margin: 3% auto 5%;
	text-align: right;
}

.setlink span {
	display: inline-block;
	padding-left: 1em;
	background: url(../images/arrow.jpg) no-repeat left 50%;
}

.setlink a {
	color: #5687f5;
}

.setlink a:hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.content2colImage {
		width: 80%;
		margin: 0 auto 2%;
	}

	.content2colTtl--center {
		text-align: center;
	}

	.content2col {
		float: none;
	}

	.content2col:nth-child(odd) {
		width: 100%;
		margin: 0 auto 15%;
	}

	.content2col:nth-child(even) {
		width: 100%;
		margin: 0 auto 10%;
	}

	.content2col--50 {
		float: none;
		width: 100%;
		margin: 0 auto 5%;
	}

	.content2col--50:last-child {
		float: none;
		width: 100%;
		margin: 0 auto 10%;
	}

	.content2col--66 {
		float: none;
		width: 100%;
		margin: 0 auto 5%;
	}

	.content2col--66:last-child {
		float: none;
		width: 100%;
		margin: 0 auto 10%;
	}

	.content2col--66_R {
		float: none;
		width: 100%;
		margin: 0 auto 5%;
	}

	.content2col--66_R:last-child {
		float: none;
		width: 100%;
		margin: 0 auto 10%;
	}
}

/*============================
	funcWrap
============================*/
.funcWrap {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 7%;
}

.funcBox01 {
	float: left;
	width: 35.25%;
	margin-right: 3%;
}

.funcBox02 {
	float: left;
	width: 6.25%;
	margin-right: 3%;
}

.funcBox03 {
	float: right;
	width: 52.5%;
}

.funcBox04 {
	float: left;
	width: 31.75%;
	margin-right: 2.3%;
}

.funcBox04:last-child {
	float: left;
	width: 31.75%;
	margin-right: 0;
}

.funcBox04 img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.funcText {
	margin: 2% 0 0;
}

.funcImage {
	width: 100%;
	margin: 0 auto;
}

.funcImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.funcImage {
		width: 80%;
		margin: 0 auto;
	}

	.funcBox01 {
		float: none;
		width: 100%;
		margin: 5% auto;
	}

	.funcBox02 {
		float: none;
		width: 100%;
		margin-right: 0;
		margin: 5% auto;
	}

	.funcBox03 {
		float: none;
		width: 100%;
		margin: 5% auto;
	}

	.funcBox04 {
		float: none;
		width: 80%;
		margin: 5% auto;
	}

	.funcBox04:last-child {
		float: none;
		width: 100%;
		margin: 5% auto;
	}
}

/*============================
	support
============================*/
.support {
	overflow: hidden;
	width: 88.88888888888889%;
	margin: 70px auto;
	background: #f8f8f8;
}

.support .s5-button {
	width: 100%;
	text-align: center;
}

.supportText {
	float: left;
	width: 48%;
	margin: 0;
	padding: 3% 5%;
}

.supportBtn {
	float: left;
	width: 36.125%;
	padding: 4% 2% 3%;
	font-size: 16px;
	font-size: 1rem;
}

@media screen and (max-width: 768px) {
	.support {
		overflow: hidden;
		width: 80%;
		margin: 8% auto;
		background: #f8f8f8;
	}

	.supportText {
		float: none;
		margin: 0;
		padding: 3% 5% 0;
	}

	.supportBtn {
		float: none;
		width: 50%;
		margin: 0 auto;
		padding: 3% 2%;
		font-size: 16px;
		font-size: 1rem;
	}
}

@media screen and (max-width: 640px) {
	.support {
		overflow: hidden;
		width: 95%;
		margin: 8% auto;
		background: #f8f8f8;
	}

	.supportText {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 3% 5% 0;
		box-sizing: border-box;
	}

	.supportBtn {
		float: none;
		width: 90%;
		margin: 0 auto;
		padding: 3% 2%;
		font-size: 16px;
		font-size: 1rem;
		text-align: center;
	}
}

/*============================
	c5-enqWrap
============================*/
.c5-enqWrap {
	max-width: 843px;
	width: auto;
	margin: 0 auto;
	padding: 0 7% 5%;
	background: url(../images/enq_bg.png) no-repeat center top;
	background-size: contain;
	box-sizing: border-box;
}

.c5-enq {
	margin: 0 auto;
	padding: 15% 0 3%;
}

.c5-enq img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.c5-enq__subttl {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 1%;
	padding: 24% 0 0;
}

.c5-enq__text {
	max-width: 900px;
	margin: 0 0 3%;
	padding: 0 6%;
}

.c5-store__btn {
	margin: 0 auto;
	text-align: center;
}

.c5-store__btn--enq {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.c5-enq__btn img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.c5-u-btn--red--short {
	width: 50%;
}

@media screen and (max-width:768px) {
	.c5-enqWrap {
		max-width: 843px;
		width: auto;
		margin: 0 auto;
		padding: 0 7% 5%;
		background: url(../images/enq_bg.png) no-repeat center top;
		background-size: contain;
		box-sizing: border-box;
	}

	.c5-enq__subttl {
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: bold;
		text-align: center;
		margin: 0 0 1%;
		padding: 25% 0 0;
	}

	.c5-u-btn--red--short {
		width: 80%;
	}
}

@media screen and (max-width:640px) {
	.c5-store__btn--enq {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.c5-enq__text {
		width: 90%;
		margin: 0 auto 3%;
		padding: 0;
		font-size: .8rem;
	}

	.c5-enqWrap {
		max-width: 843px;
		width: auto;
		margin: 0 auto 0px;
		padding: 0 7% 5%;
		background: url(../images/enq_bg_sp.png) no-repeat center top;
		background-size: cover;
		box-sizing: border-box;
	}

	.c5-enq__subttl {
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: bold;
		text-align: center;
		margin: 0 0 1%;
		padding: 35% 0 0;
	}

	.c5-u-btn--red--short {
		width: 80%;
	}
}

/*============================
	side
============================*/
.sideWrap {
	position: absolute;
	right: 0;
	width: 28.185328185328185%;
	margin: 2.5% auto 0;
	padding: 0;
	background: #f8f8f8;
	box-sizing: border-box;
}

.side {}

.sideCont {
	width: 86.3013698630137%;
	border-top: solid 5px #333f50;
}

.sideCont a {
	color: #5687f5;
}

.sideCont a:hover {
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	.sideWrap {
		position: inherit !important;
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.side {
		position: inherit !important;
		right: 0;
		width: 95%;
		margin: 0 auto;
		padding: 2.5% 0;
		background: #f8f8f8;
	}

	.sideCont {
		width: 100%;
		border-top: solid 5px #333f50;
	}
}

@media screen and (max-width: 640px) {
	.sideCont--pc {
		display: none;
	}
}

.sideContTtl {
	margin: 3% 0;
	font-size: 16px;
	font-size: 1.1rem;
}

.sideContImg {}

.sideContImg img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.sideContText {
	margin: 3% 0 20%;
}

.ownerbox {
	width: 86.3013698630137%;
	padding: 5%;
	background: #333f50;
	box-sizing: border-box;
}

.ownerTtl {
	margin: 0 0 8%;
	color: #fff;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.2;
}

.ownerText {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
}

.ownerBtn {
	margin: 5% auto;
}

.ownerBtn img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.ownerbox {
		width: 100%;
		padding: 5%;
		background: #333;
		box-sizing: border-box;
	}
}


/*============================
	usagebox
============================*/
.usagebox {
	padding-bottom: 25px;
}

.usagebox:after {
	display: table;
	clear: both;
	content: '';
}

.usagebox .txt,
.usagebox .img {
	float: left;
}

@media (max-width: 767px) {

	.usagebox .txt,
	.usagebox .img {
		float: none;
	}
}

.usagebox .txt {
	width: 50%;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.usagebox .txt {
		width: 100%;
		margin-right: 0;
	}
}

.usagebox .img {
	width: 45%;
}

@media (max-width: 767px) {
	.usagebox .img {
		width: 100%;
		margin-top: 15px;
		padding: 0 0 0 0;
	}
}

.usagebox .img img {
	max-width: 100%;
	height: auto;
}

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

.imgFix {
	text-align: center;
}

@media (max-width: 767px) {
	.imgFix img {
		width: 100%;
	}
}

/*============================
	クロスセル
============================*/
.product_box {
	color: #2f353d;
	background: #f2f2f2;
	width: 100%;
	margin: 10px auto 20px;
}

.product_box:after {
	display: table;
	clear: both;
	content: '';
}

.product_box .ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 17px;
}

@media (max-width: 767px) {
	.product_box .ttl {
		font-size: 16px;
		line-height: 1.5;
		padding-bottom: 12px;
		letter-spacing: 0;
	}
}

.product_box .txt,
.product_box .img {
	float: left;
}

@media (max-width: 767px) {

	.product_box .txt,
	.product_box .img {
		float: none;
	}
}

.product_box .txt {
	width: 48%;
	margin: 0;
	padding: 3% 5%;
}

@media (max-width: 767px) {
	.product_box .txt {
		font-size: 13px;
		line-height: 1.62;

		width: 100%;
		margin-right: 0;
	}
}

.product_box .name {
	line-height: 1.43;
}

@media (max-width: 767px) {
	.product_box .name {
		line-height: 1.54;
	}
}

.product_box .img {
	width: 36.125%;
	padding: 4% 2% 3%;
}

@media (max-width: 767px) {
	.product_box .img {
		width: 100%;
		margin-top: 15px;
	}
}

.product_box .img img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.product_box .img img {
		width: 95%;
		height: auto;
	}
}

/*============================
	次回予告、バックナンバー
============================*/
.vol_box {
	text-align: center;
}

.vol_box .next,
.vol_box .backnumber {
	margin-bottom: 30px;
}

.vol_box .pc {
	display: block;
	width: 88.88888888888889%;
	max-width: 808px;
	margin: 0 auto;
}

.vol_box .sp {
	display: none;
}

.vol_box a img {
	transition: opacity .2s;
}

.vol_box a img {
	transition: opacity .2s;
}

.vol_box a:hover img {
	transition: opacity 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

@media (max-width: 767px) {
	.vol_box .pc {
		display: none;
	}

	.vol_box .sp {
		display: block;
	}

	.vol_box .sp img {
		width: 85%;
	}
}

/*============================
	ユーティリティ
============================*/
.c5-index {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #333f50;
}

.c5-index p {
	vertical-align: middle;
	color: #fff;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	position: relative;
}

@media screen and (max-width: 768px) {
	.c5-index {
		display: block;
	}
}

.c5-u-mb0 {
	margin-bottom: 0;
}

.c5-u-mb--xxsmall {
	margin-bottom: 1%;
}

.c5-u-mb--xsmall {
	margin-bottom: 2%;
}

.c5-u-mb--small {
	margin-bottom: 3%;
}

.c5-u-mb {
	margin-bottom: 5%;
}

.c5-u-mb--large {
	margin-bottom: 7%;
}

.c5-u-mb--xlarge {
	margin-bottom: 10%;
}

.c5-u-mt0 {
	margin-top: 0;
}

.c5-u-mt--xxsmall {
	margin-top: 1%;
}

.c5-u-mt--xsmall {
	margin-top: 2%;
}

.c5-u-mt--small {
	margin-top: 3%;
}

.c5-u-mt {
	margin-top: 5%;
}

.c5-u-mt--large {
	margin-top: 7%;
}

.c5-u-mt--xlarge {
	margin-top: 10%;
}

.c5-u-mt--30 {
	margin-top: 30px;
}

.c5-u-mt--50 {
	margin-top: 50px;
}

.c5-u-mt--80 {
	margin-top: 80px;
}

.c5-u-ml0 {
	margin-left: 0;
}

.c5-u-ml0 img {
	margin: 0;
}

.s5-button--none:before {
	content: none;
}

.c5-u-fontSize--s {
	font-size: 13px;
}

.c5-u-fontSize--m {
	font-size: 70%;
}

/*20180305*/
@media screen and (min-width: 768px) {
	.c5-contentImg-2col {
		width: 300px;
	}

	.f-l {
		float: left;
	}

	.margin-r {
		margin-right: 20px;
	}

	.c5-clearfix::after {
		content: '';
		display: block;
		clear: both;
	}

	.c5-clearfix {
		width: 100%;
		max-width: 620px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.c5-contentImg-2col {
		width: 300px;
		margin-bottom: 30px;
		margin: 0 auto;
	}

	.f-l {
		float: none
	}

	.c5-margin {
		margin: 0 10%;
	}

	.c5-clearfix::after {
		content: '';
		display: block;
		clear: both;
	}

	.c5-marginbottom {
		margin-bottom: 10px;
	}
}


.c5-heading1 {
	background: #333f50;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	margin-top: 90px;
}

.c5-uicontrol img{
	max-height: 1.2em;
	vertical-align: middle;
}