@charset "UTF-8";
/*============================
	全体
============================*/
html, body{
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  background: #e5e5e5;
}

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;
}
.contentImage{
	float: left;
	width: 11.11111111111111%;
}
.contentImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.contentListWrap{
	float: left;
	width: 82.88888888888889%;
	padding: 2.5% 3%;
}
.contentList{
	list-style: none;
	margin: 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{
		float: none;
		width: 95%;
		margin: 0 auto;
		padding: 2.5% 0%;
	}
	.contentList li{
		text-indent: -2em;
		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;
	}
}
@media screen and (max-width: 640px) {
	.contentList li{
		margin-bottom: 5%;
	}
}
/*============================
	contentBlock
============================*/
.contentBlock{
	overflow: hidden;
	width: 88.88888888888889%;
	margin: 70px 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: 3% 0 6%;
}
.contentText--2{
	margin: 3% 0;
}
.contentImg{
	max-width: 600px;
	margin: 0 auto 7%;
}
.contentImg img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.contentSubttl{
	padding-left: .5em;
	font-size: 20px;
	font-size: 1.25rem;
	border-left: 5px solid #333f50;
	line-height: 1;
}
.contentSubttl_2{
	padding-left: .5em;
	font-size: 20px;
	font-size: 1.25rem;
	border-left: 5px solid #333f50;
	line-height: 1.4;
}
.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 #b0a88c;
		border-bottom: 1px solid #ececec;
		text-indent:0;
	}
	.contentSubttl,contentSubttl_2{
		padding-left: .5em;
		font-size: 20px;
		font-size: 1.25rem;
		border-left: 5px solid #333f50;
		line-height: 1.5;
	}
	.contentImg{
		width: 80%;
		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.2;
	}
}
@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: 77px 5% 5%;
	background: url(../images/bg_column.jpg) repeat-y left top;
	box-sizing: border-box;
	background-size: cover:
}
.usageColumn p{
	margin: 0 0 2%;
}
.usageTag{
	position: absolute;
	left:-1%;
	top:20px;
	background: #333f50;
	color: #FFF;
	padding: 5px 30px;
}
.usageTag img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.usageTag{
		position: absolute;
		left:-1%;
		top:20px;
	}
}
@media screen and (max-width: 640px) {
	.usageColumn{
		position: relative;
		width: 88.88888888888889%;
		margin:0 auto;
		padding: 71px 5% 5%;
		background: url(../images/bg_column.jpg) left top;
		box-sizing: border-box;
		background-size: cover:
	}
	.usageTag{
		left:-2%;
		top:20px;
	}
}
@media screen and (max-width: 500px) {
	.usageColumn{
		padding: 100px 5% 5%;
	}
	.usageTag{
		left:-2%;
		top:20px;
		width: 70%;
	}
}
/*============================
	content2colWrap
============================*/
.content2colWrap{
	width: 100%;
	margin:0 auto;
	padding-bottom: 0.5%;
}
.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;
}
.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;
	border: solid 1px #ececec;
	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%;
	}
}
/*============================
	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%;
    padding: 0 0 0 5% ;
}
@media (max-width: 767px)
{
    .usagebox .img
    {
        width: 100%;
        margin-top: 15px;
    	padding: 0 0 0 0;
    }
}
.usagebox .img img
{
    width: 100%;
    height: auto;
}
@media (max-width: 767px)
{
	.usagebox .img img
	{
		width: 100%;
		height: auto;
	}
}

.imgFix{
	text-align: center;
}
.imgFix img{
	width: 100%;
	max-width: 600px;
}
@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: 50%;
    margin: 0;
		padding: 3% 3%;
}
@media (max-width: 767px)
{
    .product_box .txt
    {
        font-size: 13px;
        line-height: 1.62;
				box-sizing: border-box;
				width: auto;
        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-u-pc {
	display: table;
	background: #333f50;
	height: 177px;
}
.c5-u-pc p{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.c5-u-ta {
	display: none;
}
.c5-u-sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.c5-u-pc {
		display: none;
	}
	.c5-u-ta {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	.c5-u-sp {
		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-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%;
}

/*============================
追加クラス
============================*/
.c5-list__title{
	background-color: #f3f3f3;
	padding: 5px 10px;
}

.c5-list__item{
	padding: 0 0 0 20px;
}

.c5-link__color:link,.c5-link__color:visited,.c5-link__color:hover,.c5-link__color:active {
	color: #5687f5;
}

.c5-contentImg--full{
	max-width 800px
	margin: 0 auto;
}

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

.c5-table {
    border-collapse: separate;
    border-spacing: 4px;
    width: 100%;
    margin: 1em 0;
}
.c5-table.c5--alignCenter * {
    text-align: center!important;
}
.c5-table thead > * {
    background: #c5daf1;
}
.c5-table th, .c5-table td {
    padding: 10px 20px;
}
.c5-table tbody tr:nth-child(odd) > * {
    background: #f1f1f1;
}
.c5-table tbody tr:nth-child(even) > * {
    background: #dddddd;
}
@media screen and (max-width: 640px) {
	.c5-table{
		font-size: 0.8em;
	}
	.c5-table th, .c5-table td {
			padding: 5px;
			min-width: 35px;
	}
}