.c5-pc {
	display: block;
}
.c5-pc img{
	width: 100%;
	height: auto;
}
.c5-sp {
	display: none;
}
@media screen and (max-width:640px) {
.c5-pc {
	display: none;
}
.c5-sp {
	display: block;
}
}

.c5-mainArea {
    padding: 20px 0 10px;
    position: relative;
}
.c5-icon {
	font-size: 3rem; display: table-cell; vertical-align: middle; width:2%;
}
.c5-cp_bk {
	background-color:#E4F6FF;
	padding: 2% 4% 4%;
}
.c5-cp_ttl {
    background: #00abdf;
    padding: 0.5em 1em;
    color: #FFFFFF;
}
.c5-product {
	background:#fff; padding: 2%;
}
.c5-product .s5-row img {

}
.c5-product .s5-row .c5-left {
    box-sizing: border-box;
    float: left;
    margin-top: 0;
    padding: 0 6px 0 0;
    width: 50%;
	position: relative;
}
.c5-product .s5-row .c5-right {
    box-sizing: border-box;
    float: right;
    padding: 0 0 0 6px;
    width: 50%;
}
.c5-product .s5-row .s5-row__col2 {
	padding: 0 1%;
}
.c5-product .s5-row .s5-row__col2:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.c5-product .s5-row .s5-row__col2 a:hover{
	text-decoration: none;
	color: #FFF;
}
.s5-row__col2 img {
	width: 100%;
}
.s5-row ul.c5-list-disc li {
	list-style: disc !important;
}
.c5-caption {
	border:#EF1D21 2px solid;
	padding: 2%;
	width: auto;
}
.s5-row .c5-flow {
	display: table-cell;
	width: 31%;
}
.s5-row .c5-attention {
	background: #FFE711 none repeat scroll 0 0;
	padding: 3% 5%;
	border:#FFF 1px solid;
}
.s5-row .c5-attention .c5-subttl {
	background:#000;
	padding: 1%;
	color:#00abdf;
}
.c5-icon-down {
	font-size: 4rem;
}
.c5-mail {
	border:#e3e3e3 2px solid;
	padding: 2%;
	background:#FFF;
	width: auto;
}
.c5-mail .c5-mail_icon{
	display:inline-block;
	vertical-align:middle;
}
.c5-mail .c5-mail_txt {
	display:inline-block;
	vertical-align:middle;
	font-size: 2em;
}
.c5-chirashi {
	border:#EF1D21 2px solid;
	padding: 2%;
	background:#FFF;
	width: auto;
}
.c5-chirashi img {
	width:100%;
	height:auto;
}
.c5--close2{
	cursor: pointer;
}
.s5-row .c5-touroku {
	display: table-cell;
	width: 46%;
}
.s5-row .c5-touroku span {
    background: #FFF;
    color: #00abdf;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    font-size: 100%;
    margin-bottom: 10px;
    padding: 5px 0;
}
.s5-row .c5-touroku img{
	width: 100%;
}
.s5-row .c5-oubo {
	display: table-cell;
	width: 46%;
}
.s5-row .c5-oubo span {
    background: #FFF;
    color: #00abdf;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    font-size: 100%;
    margin-bottom: 10px;
    padding: 5px 0;
}
.s5-row .c5-oubo img{
	width: 100%;
}
.s5-row .c5-touroku::before , .s5-row .c5-oubo::before{
    content: normal;
}
.c5-list{
	padding: 0 0 0 1rem;
}
li.c5-lino{
	list-style: none !important;
}
.c5-list li span.c5-at {
    color: #83838f;
    font-size: .8rem;
}
@media screen and (max-width:640px) {

}
.c5-vts_acdn {
	font-size: 1.5rem;
	height: auto;
	cursor: pointer;
    display: inline-block;
	margin-bottom: 10px;
    padding: 8px 18px;
	background: url(../images/close.png) right no-repeat rgba(81,81,81,0.75);
	color: #FFFFFF;
	padding: 10px 60px 10px 20px;
	border:rgba(255, 255, 255, 0.3) 4px solid;
	border-radius: 6px;
	box-shadow: rgba(255, 255, 255, 0.2) 0 0 30px inset;
	background-origin: border-box;
	text-shadow: 1px -1px 0 rgba(0,0,0,.5);
}
.close .c5-vts_acdn  {
	background: url(../images/open.png) right no-repeat rgba(81,81,81,0.75);
}
a:hover .c5-vts_acdn, .c5-vts_acdn:hover, a:focus .c5-vts_acdn, .c5-vts_acdn:focus {
    text-decoration: none;
}
#syncer-acdn-01 {
    border: 1px solid #3a5897;
    display: none;
	margin-top: -1px;
    padding: 20px 20px 10px;
    width: auto;
	background-color: #FFF;
}