@charset "UTF-8";
body{
	width:100%!important;
	position:relative;
	background:url(../images/bg.jpg) repeat-y top left;
	background-attachment: fixed;
}
@media (max-width:640px) {
	body{
		min-width:320px;
		width:100%!important;
		position:relative;
		background:url(../images/bg.jpg) repeat-y top left;
		background-attachment: fixed;
	}
}
/********************************
	header
********************************/
#header{
	min-width: 100%;
	width:100%;
	height:70px;
	background:#fffcf0;
	z-index:1000;
}
.headerIn{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
}
.headerInLeft{
	float:left;
	width:128px;
	margin:0;
}
.headerInRight{
	float:right;
	width:315px;
	margin:15px 0 0;
}
.headericon{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.headericon li{
	float:left;
	margin:0 5px 0 0;
}
.headericon li a{
	display: block;
	width:40px;
	height:40px;
}
.headericon li.fb a{
	background:url(../images/fb.png) no-repeat left top;
}
.headericon li.fb a:hover{
	background:url(../images/fb_on.png) no-repeat left top;
}
.headericon li.tw a{
	background:url(../images/twitter.png) no-repeat left top;
}
.headericon li.tw a:hover{
	background:url(../images/twitter_on.png) no-repeat left top;
}
.headericon li.gp a{
	background:url(../images/g.png) no-repeat left top;
}
.headericon li.gp a:hover{
	background:url(../images/g_on.png) no-repeat left top;
}
.headericon li.last{
	float:left;
	margin:0 0 0 10px;
}
@media (max-width:640px) {
	#header{
		width: auto;
		height:auto;
		background:#fffcf0;
	}
	.headerIn{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.headerInLeft{
		float:left;
		width:21%;
		margin:0 0 0 5%;
	}
	.headerInLeft img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headerInRight{
		float:right;
		width:auto;
		margin:5px 1% 0 0;
	}
	.headericon{
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
	}
	.headericon li{
		float:left;
		margin:0 5px 0 0;
	}
	.headericon li img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headericon li.last{
		display: none;
	}
}
@media (max-width:370px) {
	.headerInLeft{
		float:left;
		width:21%;
		margin:2.5% 0 0 5%;
	}
	.headerInRight{
		float:right;
		width:50%;
		margin:5px 0 0;
	}
	.headericon li{
		float:left;
		margin:0 2px 0 0;
	}
	.headericon li img{
		display:block;
		max-width:80%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************************
	content
********************************/
.content{
	width:100%;
	line-height: 1.8;
}


/* --------------------------------
 * main
 * -------------------------------- */
.mainwrap{
	width:100%;
	max-height: 500px;
	background: url(../images/main_bg.jpg) repeat-x center top;
}
.main{
	max-width:1200px;
	margin: 0 auto;
}
.main img{
	display:block;
	max-width:100%;
	width: auto;
	height:auto;
	margin: 0 auto;
}
.main__catch{
	margin:50px 0 15px;
	color: #14adcc;
	font-size: 42px;
	font-size: 2.5rem;
	font-weight: bold;
	line-height:1.5;
	text-align:center;
	text-shadow: 0px 3px 3px #a7e7f4;
}
.sub__catch{
	margin:0 0 30px;
	font-size: 20px;
	font-size: 1.2rem;
	text-align:center;
}
@media (max-width:640px) {
	.mainwrap{
		width:auto;
		max-height: 500px;
		background:none;
		background-size:cover;
	}
	.main{
		width:auto;
		margin: 0 auto;
	}
	.main__catch{
		margin:2% 5% 15px;
		color: #14adcc;
		font-size: 20px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.4;
		text-align:center;
		text-shadow:none;
		text-shadow: 0px 3px 3px #a7e7f4;
	}
	.sub__catch{
		margin:0 5% 30px;
		font-size: 20px;
		font-size: 1.2rem;
		line-height: 1.4;
		text-align:left;
	}
}

/* --------------------------------
 * moviewrap
 * -------------------------------- */
.block__movieBig{
	overflow: hidden;
	width:1060px;
	margin: 0 auto 100px;
	padding:0;
	background: url(../images/bg_movie_big.jpg) no-repeat center top;
}
.block__movieBigInner{
	width:960px;
	margin: 0 auto;
}
.block__moviewrap{
	overflow: hidden;
	width:1192px;
	margin: 0 auto;
	padding:70px 0 0;
	background: #fff;
}
.block__moviewrapInner{
	margin:0 auto 40px;
	background: url(../images/bg_movie.jpg) no-repeat center top;
}
.block__moviewrapInner iframe{
	display: block;
	margin:0 auto;
}
.ar_down{
	position: absolute;
	left:50%;
	bottom:-21px;
	width:32px;
	height:21px;
	margin-left:-16px;
	background: url(../images/ar_down.png) no-repeat center top;
}
.ar_down--small{
	position: absolute;
	left:50%;
	bottom:-12px;
	width:17px;
	height:12px;
	margin-left:-8.5px;
	background: url(../images/ar_down_small.png) no-repeat center top;
}
@media (max-width:1090px) {
	.block__movieBig{
		overflow: hidden;
		width:auto;
		margin: 0 auto 30px;
		padding:0;
		background: none;
		background-size: 88%;
	}
	.block__movieBigInner{
		position: relative;
		width: 100%;
		margin:0 10%;
		padding: 50% 0 0 0;
	}
	.block__movieBigInner iframe {
		position: absolute;
	  top: 0;
	  left: 0;
	  width: 80%;
	  height: 80%;
	}
	.block__moviewrap{
		overflow: hidden;
		width:auto;
		margin: 0 auto;
		padding:30px 0 0;
		background: #fff;
	}
	.block__moviewrapInner{
		position: relative;
		width: 100%;
		margin:0 10%;
		padding: 50% 0 0 0;
		background: none;
	}
	.block__moviewrapInner iframe{
		position: absolute;
	  top: 0;
	  left: 0;
	  width: 80%;
	  height: 80%;
	}
	.ar_down{
		position: absolute;
		left:50%;
		bottom:-10px;
		width:32px;
		height:21px;
		margin-left:-16px;
		background: url(../images/ar_down.png) no-repeat center top;
		z-index:5;
	}
	.ar_down--small{
		position: absolute;
		left:50%;
		bottom:-10px;
		width:17px;
		height:12px;
		margin-left:-8.5px;
		background: url(../images/ar_down_small.png) no-repeat center top;
	}
	@media (max-width:640px) {
		.block__movieBigInner{
			position: relative;
			width: 100%;
			margin:0 10%;
			padding: 50% 0 0 0;
		}
		.block__moviewrapInner{
			position: relative;
			width: 100%;
			margin:0 10%;
			padding: 50% 0 0 0;
			background: none;
		}
		.ar_down--small{
			display: none;
		}
	}
}

/* --------------------------------
 * block
 * -------------------------------- */
.block{
	position:relative;
	max-width:1192px;
	margin:0 auto 80px;
	padding:4px;
	background: #d4f4fa;
	line-height: 1;
}
.block--red{
	max-width:1192x;
	background: #ffd0cc;
	margin:0 auto 100px;
}
.block--bnrwrap{
	max-width:1200px;
	margin:0 auto 80px;
	padding:0;
	background:none;
}
.block__ttl{
	position:relative;
	top:-28px;
	max-width:820px;
	margin:0 auto 10px;
	padding:15px;
	background: #14adcc;
	color:#fff;
	font-size:28px;
	font-size:1.75rem;
	font-weight: normal;
	text-shadow: 3px 2px 2px #0f8eaa;
	text-align: center;
}
.block__ttl p{
	position: relative;
	margin: 0;
	text-align:center;
	text-shadow:none;
}
.block__ttl--short{
	width:460px;
	margin:0 auto;
	font-size:22px;
	font-size:1.35rem;
}
.block__ttl--middle{
	max-width:720px;
	margin:0 auto;
	padding:5px 30px;
}
.block__ttl--middle p{
	font-size:28px;
	font-size:1.75rem;
	text-shadow: 3px 2px 2px #0f8eaa;
}

.block__ttl--red{
	max-width:1060px;
	background: #f25749;
	color:#fff;
	text-shadow: 3px 2px 2px #ea3126;
}
.block__text{
	margin:0 0 40px;
	font-size:18px;
	font-size:1.1rem;
	text-align:center;
	line-height: 1.5;
}
@media (max-width:1090px) {
	.block__ttl{
		position:relative;
		top:-30px;
		width:auto;
		margin:0 auto 15px;
		padding:10px 4%;
		background: #14adcc;
		color:#fff;
		font-size: 20px;
		font-size: 1.4rem;
		font-weight: normal;
		line-height: 1.5;
		text-shadow: 3px 2px 2px #0f8eaa;
		text-align: center;
	}
	.block__ttl--red{
		max-width:1060px;
		background: #f25749;
		color:#fff;
		text-shadow: 3px 2px 2px #ea3126;
	}
	.block__text{
		margin:0 5% 20px;
		text-align:left;
		line-height: 1.5;
	}
}
@media (max-width:640px) {
	.block{
		position:relative;
		width:auto;
		margin:0 auto 30px;
		padding:0 0 5px;
		background: #d4f4fa;
		line-height: 1.2;
	}
	.block--red{
		margin:30px auto 0;
		background: #ffd0cc;
	}
	.block--bnrwrap{
		width:auto;
		margin:0 auto 20px;
		padding:0;
		background:none;
	}
	.block__ttl{
		position:relative;
		top:0;
		width:auto;
		margin:0 auto;
		padding:10px 4%;
		background: #14adcc;
		color:#fff;
		font-size: 20px;
		font-size: 1.4rem;
		font-weight: normal;
		line-height: 1.2;
		text-shadow: 3px 2px 2px #0f8eaa;
		text-align: center;
	}
	.block__ttl p{
		position: relative;
		margin: 0;
		text-align:center;
		text-shadow:none;
	}
	.block__ttl--short{
		max-width:90%;
		margin:0 5% 3%;
	}
	.block__ttl--middle{
		max-width:720px;
		margin:0 auto;
		padding:20px 30px;
		background: #fff;
	}
	.block__ttl--middle p{
		color:#14adcc;
		font-size:16px;
		font-size:1.15rem;
	}
	.block__ttl--red{
		max-width:1040px;
		padding:5px 0;
		background: #f25749;
		color:#fff;
		line-height: 1.3;
		text-shadow: 3px 2px 2px #ea3126;
	}
	.block__text{
		margin:20px 5%;
		text-align:left;
		line-height: 1.5;
	}
}

.block__imageswrap{
	overflow: hidden;
	max-width:1192px;
	margin: 0 auto 4px;
	padding:30px 0 0;
	background: #fff;
}
.block__feature{
	margin:0 0 10px;
	padding:0;
	text-align: center;
	font-size:24px;
	font-size:1.5rem;
	font-weight:normal;
}
.block__feature--b{
	color:#14adcc;
}
.block__feature--o{
	margin:0;
	padding:40px 0 0;
	color:#f05a23;
	font-size:27px;
	font-size:1.7rem;
	font-weight:bold;
}
.block__feature p{
	position:relative;
	margin: 0 auto;
}
.block__feature p span{
	display: inline-block;
	position:relative;
	top:-5px;
}
.block__feature p span.orange{
	display: inline-block;
	position:relative;
	top:-10px;
}
.block__feature p:before{
	padding:0 5px;
	content:url(../images/feature_line_left.png);
}
.block__feature p:after{
	padding:0 5px;
	content:url(../images/feature_line_right.png);
}
.block__feature--o p:before{
	padding:0 5px;
	content:url(../images/feature_line_left_orange.png);
}
.block__feature--o p:after{
	padding:0 5px;
	content:url(../images/feature_line_right_orange.png);
}
.block__feature--btm20{
	padding: 30px 0 20px;
}
.block__imageslist{
	display: table;
	margin:0 auto;
	padding-left:0;
	list-style:none;
}
.block__imageslist li{
	float:left;
	display: table-cell;
	margin:0;
	padding:10px;
	vertical-align: middle;
	box-sizing: border-box;
}
.block__imagesitem{
	max-width:340px;
}
.block__imagesitem--style1{
	max-width:300px;
}
.block__imagesitem--style2{
	max-width:420px;
}
.block__imagesitem img{
	display:block;
	max-width:100%;
	width: auto;
	height:auto;
	margin: 0 auto;
}
.block__imagesexp{
	margin:15px 0 40px;
	text-align:center;
	font-size: 14px;
	font-size: .9rem;
	line-height:1.7;
}
.block__imagesexp--mb0{
	margin:15px 0 0;
}
.comment{
	margin:15px 0 30px;
	color: #b2b2b2;
	font-size: 12px;
	font-size: .8rem;
	text-align: center;
}
@media (max-width:1090px) {
	.block__imageslist{
		display: block;
		margin:0 auto;
		padding-left:0;
		list-style:none;
	}
	.block__imageslist li{
		float:left;
		display: block;
		max-width:100%;
		width: 33.3%;
		margin:0 auto;
		padding:10px;
		vertical-align: middle;
		box-sizing: border-box;
	}
	.block__imageslist li img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imagesitem{
		max-width:100%;
	}
}
@media (max-width:640px) {
	.block__imageswrap{
		overflow: hidden;
		width:auto;
		margin: 0 2% 4px;
		padding:0;
		background: #fff;
	}
	.block__feature{
		margin:0;
		padding:20px 5% 5px;
		text-align: center;
		font-size:20px;
		font-size:1.2rem;
		font-weight:normal;
	}
	.block__feature img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__feature--imgttl{
		width:0 auto;
		margin:5% auto;
	}
	.block__feature--imgttl  img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__feature--b{
		color:#14adcc;
	}
	.block__feature--o{
		margin:0 5%;
		padding:3% 0 0;
		color:#f05a23;
		font-size:14px;
		font-size:1.1rem;
		font-weight:bold;
	}
	.block__feature p{
		position:relative;
		margin: 0 auto;
	}
	.block__feature p span{
		display: inline-block;
		position:relative;
		top:-5px;
	}
	.block__feature p span.orange{
		display: inline-block;
		position:relative;
		top:-10px;
	}
	.block__feature p:before{
		padding:0 5px;
		content:url(../images/feature_line_left.png);
	}
	.block__feature p:after{
		padding:0 5px;
		content:url(../images/feature_line_right.png);
	}
	.block__feature--o p:before{
		padding:0 5px;
		content:url(../images/feature_line_left_orange.png);
	}
	.block__feature--o p:after{
		padding:0 5px;
		content:url(../images/feature_line_right_orange.png);
	}
	.block__feature--btm20{
		padding: 30px 0 20px;
	}
	.block__imageslist{
		display: table;
		margin:0 auto;
		padding-left:0;
		list-style:none;
	}
	.block__imageslist li{
		overflow: hidden;
		float:none;
		display:block;
		width:100%;
		margin:0;
		padding:10px;
		vertical-align: middle;
		box-sizing: border-box;
	}
	.block__imagesitem{
		float:left;
		max-width:45%;
	}
	.block__imagesitem--style1{
		max-width:45%;
	}
	.block__imagesitem--style2{
		max-width:45%;
	}
	.block__imagesitem img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imagesexp{
		float:left;
		max-width:45%;
		margin:0 0 10px 15px;
		text-align:left;
		font-size: 14px;
		font-size: .9rem;
		line-height:1.7;
	}
	.comment{
		float:left;
		max-width:45%;
		margin:0 0 0 15px;
		color: #b2b2b2;
		font-size: 12px;
		font-size: .8rem;
		text-align: left;
	}
}
/* --------------------------------
 * productwrap
 * -------------------------------- */
.block__productwrap{
	overflow: hidden;
	max-width: 760px;
	margin:0 auto;
	padding:30px 0;
}
.block__productwrap--2{
	max-width: 780px;
}
.block__product--2col{
	overflow: hidden;
	max-width: 1120px;
	margin:0 auto;
}
.block__productwrap--2col{
	float:left;
	max-width: 580px;
	padding:40px 0;
}
.block__productwrap--2col:last-child{
	margin:0 0 0 20px;
}
.block__productwrap--short{
	max-width: 680px;
}
.block__productimg{
	float:left;
	max-width: 307px
}
.block__productimg--2{
	margin-left:15px;
}
.block__productimg--small{
	float:left;
	max-width: 216px;
	margin-right: 20px;
}

.block__productexp{
	float:right;
	max-width: 340px;
	margin:31px auto 0;
}
.block__productexp--1{
	float:right;
	max-width: 280px;
	margin:31px auto 0;
}
.block__productexp--2{
	float:right;
	max-width: 410px;
	margin:31px auto 0;
}

.block__productexp--withicon{
	margin:0 auto;
}

.block__producticon{
	margin:0 auto 10px;
}
.block__productname{
	margin:0 auto 10px;
	font-size: 26px;
	font-size: 1.6rem;
	font-weight:100;
	letter-spacing: -1px;
}
.block__productcode{
	margin:0 auto 5px;
	font-size: 20px;
	font-size: 1.1rem;
}
@media (max-width:1090px) {
	.block__productWrap{
		overflow: hidden;
		max-width: 100%;
		width:auto;
		margin:0 auto;
		padding:20px 0;
	}
	.block__productwrap--2col{
		float:none;
		max-width: 520px;
		padding:40px 0;
	}
	.block__productwrap--2col:last-child{
		margin:0 auto;
	}
	.block__productimg{
		float:left;
		max-width: 45%;
		margin: 0 auto;
	}
	.block__productimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productimg--small{
		float:left;
		max-width: 216px;
		margin: 0 auto;
	}
	.block__productexp{
		float:right;
		max-width: 50%;
		margin:31px auto 0;
	}
}
@media (max-width:640px) {
	.block__productWrap{
		overflow: hidden;
		max-width: 100%;
		width:auto;
		margin:0 auto;
		padding:20px 0;
	}
	.block__productwrap--2{
		max-width: 400px;
	}
	.block__product--2col{
		overflow: hidden;
		width:auto;
		margin:0 auto;
	}
	.block__productwrap--2col{
		float:none;
		width:auto;
		margin:0 auto 30px;
		padding:10px 0;
	}
	.block__productwrap--2col:last-child{
		margin:0 auto;
	}
	.block__productwrap--short{
		max-width: 580px;
	}
	.block__productimg{
		float:none;
		max-width: 80%;
		margin:0 auto;
	}
	.block__productimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productimg--small{
		float:none;
		max-width: 100%;
		margin-right: 0;
	}
	.block__productimg--small img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productexp{
		float:none;
		max-width: 410px;
		margin:31px 3% 0;
	}
	.block__productexp--withicon{
		margin:31px 5% 0;
	}

	.block__producticon{
		margin:0 5% 10px;
	}
	.block__producticon img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productname{
		margin:0 auto 5px;
		font-size: 18px;
		font-size: 1.2rem;
		font-weight:bold;
	}
	.block__productcode{
		margin:0 auto 15px;
		font-size: 20px;
		font-size: 1.1rem;
	}
}
/* --------------------------------
 * block__textCol
 * -------------------------------- */
.block__appswrap{
	max-width:1192px;
	margin:0 0 4px;
	background: #fff;
}
.block__appswrap:last-child{
	max-width:1192px;
	margin:0;
	background: #fff;
}
.block__appwrapInner{
	overflow: hidden;
	max-width:1060px;
	margin:0 auto;
	padding:0 0 20px;
}
.block__textCol{
	float:left;
	max-width: 650px
}
.block__description{
	margin:0 0 15px;
	color:#666;
	font-size: 16px;
	font-size: 1rem;
	line-height:1.5;
}
.block__aside{
	list-style:none;
	margin:0 0 30px;
	padding: 0;
	color:#b2b2b2;
	font-size: 12px;
	font-size: .7rem;
	line-height:1.5;
}
.block__aside li{
	padding-left:1em;
	text-indent:-1em;
}
.block__aside li a{
	color:#208ff6;
	text-decoration: underline;
}
.block__imgCol{
	float:right;
}
.block__imgCol--logo1{
	width: 360px;
}
.block__imgCol--logo2{
	width: 110px;
	margin:0 50px 0 0;
}
@media (max-width:1090px) {
	.block__appwrapInner{
		overflow: hidden;
		max-width:1060px;
		margin:0 auto 30px;
		padding:0;
	}
	.block__textCol{
		float:none;
		max-width: 650px;
		margin:0 auto;
	}
	.block__imgCol{
		float:none;
		margin:0 auto ;
	}
	.block__imgCol img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imgCol--logo1{
		width: 256px;
		margin: 0 auto;
	}
	.block__imgCol--logo1 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imgCol--logo2{
		width: 110px;
		margin: 0 auto;
	}
	.block__imgCol--logo2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__description{
		margin:0 5% 15px;
		color:#666;
		font-size: 16px;
		font-size: 1rem;
		line-height:1.5;
	}
}
@media (max-width:640px) {
	.block__appswrap{
		width:auto;
		margin:0 2% 4px;
		background: #fff;
	}
	.block__appswrap:last-child{
		width:auto;
		margin:0 2% 4px;
		background: #fff;
	}
	.block__appwrapInner{
		overflow: hidden;
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.block__textCol{
		float:none;
		max-width: 650px
	}
	.block__description{
		margin:2% 15px;
		color:#666;
		font-size: 16px;
		font-size: 1rem;
		line-height:1.5;
	}
	.block__aside{
		list-style:none;
		margin:0 5% 15px;
		padding: 0;
		color:#b2b2b2;
		font-size: 12px;
		font-size: .7rem;
		line-height:1.5;
	}
	.block__aside li{
		padding-left:1em;
		text-indent:-1em;
	}
	.block__imgCol{
		float:none;
		margin:0 0 5%;
	}
	
	.block__imgCol img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imgCol--logo1{
		width: auto
	}
	.block__imgCol--logo1 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__imgCol--logo2{
		width: auto
	}
	.block__imgCol--logo2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}

}
/* --------------------------------
 * block__productCol 
 * -------------------------------- */
.block__useCol{
	float:left;
	width: 540px;
}
.block__useColWrap{
	width:540px;
}
.block__useColdescWrap{
	overflow: hidden;
}
.block__useColImage{
	width:490px;
}
.block__productCol{
	float:right;
	width:490px;
	background:#d4f4fa;
}
.block__productColimg{
	width:268px;
	margin:0 auto;
	padding:27px 0;
}
.block__productWrap{
	margin:0 0 0 30px;
}
.block__productCol--use{
	
}
.block__useColdesctext{
	float:left;
	width:260px;
	margin:15px 0;
	text-align:center;
	font-size: 14px;
	font-size: .9rem;
	letter-spacing:-1px;
	line-height:1.5;
}
.block__useColdesctext--1col{
	width:auto;
	float:none;
}
.block__useColdesctext:last-child{
	margin:15px 0 15px 20px;
}
@media (max-width:1090px) {
	.block__productWrap{
    float: none;
    max-width: 500px;
    margin: 31px auto 0;
	}
	.block__useCol{
		float:none;
		width: auto;
		
	}
	.block__useColWrap{
		width: auto;
		margin:0 auto;
	}
	.block__useColdescWrap{
		overflow: hidden;
		max-width:540px;
		margin:0 auto ;
	}
	.block__useColImage{
		width: auto;
	}
	.block__useColImage img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productCol{
		float:none;
		width: auto;
		background:#d4f4fa;
	}

}
@media (max-width:640px) {
	.block__useCol{
		float:none;
		width:auto;
	}
	.block__useColWrap{
		width:auto;
	}
	.block__useColdescWrap{
		overflow: hidden;
		padding:0 0 10px;
	}
	.block__useColImage{
		width:auto;
		margin:0 5%;
		padding:0 0 2%;
	}
	.block__useColImage--1col{
		padding:0 0 5%;
	}
	.block__useColImage img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productCol{
		float:none;
		width:auto;
		margin:0;
		padding:0;
		background:#d4f4fa;
	}
	.block__productColimg{
		width:auto;
		margin:0 auto;
		padding:27px 0;
	}
	.block__productColimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__productWrap{
		margin:0 5%;
	}
	.block__productCol--use{
		
	}
	.block__useColdesctext{
		float:left;
		width:40%;
		margin:0 20px;
		text-align:left;
		font-size: 14px;
		font-size: .9rem;
		letter-spacing:-1px;
		line-height:1.5;
	}
	.block__useColdesctext:last-child{
		margin:0 0 5% 2%;
		text-align: center;
	}
	.tl{
		text-align: left;
	}
	.block__useColdesctext--1col{
		width:auto;
		float:none;
	}

}
/* --------------------------------
 * software
 * -------------------------------- */

.block__softWrap{
	background:#d4f4fa;
}
.block__softTtl{
	margin:0;
	padding:70px 0 20px; 
	color:#037C94;
	font-size:38px;
	font-size:2.4rem;
	text-align: center;
}
.block__softTtl span{
	display: inline-block;
	font-size:32px;
	font-size:2rem;
}
.block__softDescription{
	margin:0 0 25px;
	text-align: center;
	line-height:1.5;
}
.block__softImg{
	max-width:1061px;
	margin:0 auto;
}
.block__softImg img{
	display:block;
	max-width:100%;
	width: auto;
	height:auto;
	margin: 0 auto;
}
@media (max-width:1090px) {
	.block__softTtl{
		line-height:1.5;
	}
	.block__softImg{
		max-width:1061px;
		margin:0 5%;
	}
	.block__softDescription{
		margin:0 5% 25px;
		text-align: center;
		line-height:1.5;
	}
}
@media (max-width:640px) {
	.block__softWrap{
		background:#d4f4fa;
	}
	.block__softTtl{
		margin:0 5%;
		padding:20px 0 10px; 
		color:#14adcc;
		font-size:19px;
		font-size:1.4rem;
		line-height:1.5;
		text-align: center;
	}
	.block__softTtl span{
		font-size:19px;
		font-size:1.4rem;
	}
	.block__softDescription{
		margin:0 5% 25px;
		text-align: left;
		line-height:1.5;
	}
	.block__softImg{
		max-width:1061px;
		margin:0 5%;
	}
	.block__softImg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/* --------------------------------
 * bnr
 * -------------------------------- */
.block--bnr{
	margin:0 auto;
}
.block--bnr img{
	display:block;
	max-width:100%;
	width: auto;
	height:auto;
	margin: 0 auto;
}
@media (max-width:640px) {
	.block--bnr{
		margin:0 5%;
	}
	.block--bnr img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/* --------------------------------
 * block--shop
 * -------------------------------- */
.block--shop{
	max-width:1180px;
	background:#14adcc;
	padding:10px;
}
.block__shopTtl{
	margin:0 auto;
	padding:30px 0;
	color:#fff;
	font-size:36px;
	font-size:2.25rem;
	text-shadow: 3px 2px 2px #0f8eaa;
	text-align: center;
	line-height:1.3;
}
.block__shopInner{
	padding:0 0 20px;
	background:#fff;
}
.block__shopDesc{
	margin:0 auto;
	padding:10px 0 20px;
	text-align: center;
	line-height:1.5;
}
.block__shopImgWrap{
	overflow: hidden;
	max-width:1060px;
	margin:15px auto;
}
.block__shopImg{
	float:left;
}
.block__shopImg:last-child{
	margin-left:20px;
}
.block__shopImgText{
	color:#999;
	padding:0;
	text-align: center;
}
.block__shopListWrap{
	margin:2px 0 0;
	background:#fff;
}
.block__shopList{
	overflow: hidden;
	list-style:none;
	max-width:700px;
	margin:0 auto;
	padding:0;
}
.block__shopList li{
	position: relative;
	float:left;
	height:20px;
	margin:0;
	padding:30px 0 30px 40px;
}
.block__shopList li a{
	margin:0;
}
.block__shopList li a span{
	padding:2px 0 2px 25px ;

	background:url(../images/ar_maru.png) no-repeat left top;
}
@media (max-width:1090px) {
	.block__shopImg{
		float:none;
	}
	.block__shopImg:last-child{
		margin-left:0;
	}
	.block__shopImg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__shopList{
		overflow: hidden;
		list-style:none;
		max-width:100%;
		margin:0 auto;
		padding:0;
		background:#14adcc;
	}
	.block__shopList li{
		position: relative;
		float:none;
		height:auto;
		margin:2% 0;
		padding:0;
		background:#fff;
		text-align: center;
	}
	.block__shopList li a{
		display:block;
		margin:0;
		padding:5% 15%;
		font-size: 16px;
		font-weight: bold;
	}
	.block__shopList li a span{
		padding-left:25px;
		background:url(../images/ar_maru.png) no-repeat left top;
	}
}
@media (max-width:640px) {
	.block--shop{
		background:#14adcc;
		padding:2%;
	}
	.block__shopTtl{
		margin:0 auto;
		padding:10px 0;
		color:#fff;
		font-size:20px;
		font-size:1.1rem;
		text-shadow: 3px 2px 2px #0f8eaa;
		text-align: center;
		line-height:1.5;
	}
	.block__shopInner{
		padding:0 0 10px;
		background:#fff;
	}
	.block__shopDesc{
		margin:0 auto;
		padding:10px 5% 20px;
		text-align: left;
		line-height:1.5;
	}
	.block__shopImgWrap{
		overflow: hidden;
		max-width:1060px;
		margin:15px auto;
	}
	.block__shopImg{
		float:none;
		width:auto;
		margin:0 10% 5%;
	}
	.block__shopImg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.block__shopImg:last-child{
		margin-left:0;
		margin:0 10%;
	}
	.block__shopImgText{
		color:#999;
		padding:0;
		text-align: center;
	}
	.block__shopListWrap{
		margin:2px 0 0;
		background:#fff;
	}
	.block__shopList{
		overflow: hidden;
		list-style:none;
		max-width:100%;
		margin:0 auto;
		padding:0;
		background:#14adcc;
	}
	.block__shopList li{
		position: relative;
		float:none;
		height:auto;
		margin:2% 0;
		padding:0;
		background:#fff;
		text-align: center;
	}
	.block__shopList li a{
		display:block;
		margin:0;
		padding:5% 15%;
		font-size: 16px;
		font-weight: bold;
	}
	.block__shopList li a span{
		padding-left:25px;
		background:url(../images/ar_maru.png) no-repeat left top;
	}
}
/* --------------------------------
 * block--enq
 * -------------------------------- */

.block--enq{
	max-width:1192px;
	padding:60px 4px;
	background:#f6f3e7;
}
.block__enqTtl{
	margin:0 auto;
	padding:0;
	color:#f25749;
	font-size:36px;
	font-size:2.25rem;
	text-align: center;
	line-height:1.3;
}
.block__enqText{
	margin:0 auto;
	padding:20px 0 20px;
	font-size:20px;
	font-size:1.25rem;
	text-align: center;
	line-height:1.5;
}
.block__enqBtn{
	max-width:570px;
	height:100px;
	margin: 0 auto;
	padding:0;
	text-align: center;
}
.block__enqBtn a{
	display:block;
	margin:0 auto;
	padding:39px 35px;
	font-size:28px;
	font-size:1.75rem;
	background:#14adcc;
	color:#fff;
	text-shadow: 3px 2px 2px #0f8eaa;
	text-decoration: none;
}
.block__enqBtn a:hover{
	opacity: .8;
}
.block__enqBtn a span{
	padding:5px 0 5px 45px;
	background:url(../images/ar_enq.png) no-repeat left top;
}
@media (max-width:1090px) {
	.block--enq{
		margin:10% 0;
		padding:30px 0;
		background:#f6f3e7;
	}
	.block__enqTtl{
		margin:0 5%;
		padding:0;
		color:#f25749;
		font-size:24px;
		font-size:1.7rem;
		text-align: left;
		line-height:1.3;
	}
	.block__enqText{
		margin:0 5%;
		padding:20px 0 20px;
		font-size:20px;
		font-size:1.25rem;
		text-align: left;
		line-height:1.5;
	}
	.block__enqBtn{
		max-width:100%;
		width:auto;
		height:auto;
		margin: 0 5%;
		padding:0;
		text-align: center;
	}
	.block__enqBtn a{
		margin: 0 auto;
		padding:0;
	}
	.block__enqBtn img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}

/* --------------------------------
 * overwrite 
 * -------------------------------- */
.s5-buttonContainer {
	text-align: center;
}
.s5-button{
	padding: 8px 50px;
}
.s5-storeButton{
	padding: 8px 20px;
}
.s5-button--small{
	padding: 10px 18px;
}
.s5-listItem4__extra{

}
.s5-listItem4__extra a{
	font-size: 12px;
	font-size: .75rem;
}
.btn_inline{
	display: inline-block;
}

.s5-listItem4__buttonContainer{
	float:none;
	width:auto;
	margin-bottom: 5px;
}
@media (max-width:1090px) {
	.s5-listItem4__buttonContainer{
		float:none;
		width:auto;
	}
	.s5-listItem4__extra {
		margin:0;
	}
}
@media (max-width:640px) {
	.s5-listItem4__buttonContainer{
		float:none;
		width:auto;
	}
	.s5-buttonContainer {
		text-align: center;
		margin: 0 2%;
	}
	.s5-button{
		text-align: left;
		padding: 8px 50.5px;
	}
	.s5-button--small{
		padding: 10px 18px;
	}
	.s5-listItem4__extra {
		margin:0;
	}
	.s5-listItem4__extra a{
		font-size: 12px;
		font-size: .75rem;
	}
	.btn_inline{
		display: inline-block;
	}
	.s5-button{
		padding: 8px 80px 8px 20px;
	}
	.s5-storeButton{
		padding: 8px 27px 8px 20px
	}
}
/********************************
	footer
********************************/
#footer{
	width: 100%;
	height:70px;
	background:#fffcf0;
	border-top: solid 2px #ccc;
}
.copy{
	padding:15px 0 0;
	font-size:12px;
	text-align: center;
}
@media (max-width:640px) {
	#footer{
		width:auto;
		height:auto;
		background:#fffcf0;
	}
	.footerIn{
		display: table;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.copy{
		margin:0 auto 20px;
		color:#000;
		text-align:center;
		font-size:1em;
	}
}
.pc{
	display:block;
}
.lq{
	display:none;
}
@media (max-width:1090px) {
	.pc{
		display:none;
	}
	.lq{
		display:block;
	}
}
.sp{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.lq{
		display:none;
	}
}
br{
	display:block;
}
.br{
	display:none!important;
}
.br2{
	display:block!important;
}
@media (max-width:640px) {
	br {
			display:none;
	}
	.br{
		display:block!important;
	}
	.br2{
		display:block!important;
	}
}
a:hover .fadeImg {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: opacity .5s;
}

/********************************
	s5-icon-window
********************************/
.s5-icon-window {
  width: 11px;
  height: 9px;
  vertical-align: middle;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: -2px 3px 0 0;
  background: url(/share5/images/s5-icon/sprite_01.png) no-repeat; }
  .s5-icon-window.s5-icon-window--light {
    background-position: 0 -24px; }
  .s5-icon-window.s5-icon-window--lightDark {
    background-position: 0 -24px; }
    
  @media screen and (max-width: 639px) {
    .s5-icon-window {
    /*
    width: 14px;
    height: 12px;
    background-position: -6px 0;
    background-size: 20px 24px;

  &.s5-icon-window--light{
    background-position: -6px -12px;
  }
  &.s5-icon-window--lightDark{
    background-position: -6px 0px;
  }
  */ } }