@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {
*font-size:small;*font:x-small;
	background-color:#000;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	color: #FFF;
}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	height: 100%;
	width: 100%;
	text-align:center;
	margin: 0px;
	padding:0px;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
}
#contactForm,
#privacypolicy{
  background: #fff;
  color: #000;
}

#wrap{
	height: 100%;
	text-align:left;
	position:relative;
	overflow:hidden;
}
h1,h2,h3,h4,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	word-break: break-all;
}
img{
	vertical-align: bottom;
	border: 0;
}
li{
	list-style-type: none;
}
a{
	cursor: pointer;
	color:#FFF;
	text-decoration:none;
}
#contactForm a,
#privacypolicy a{
  color: #000;
}

#blackCover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:1000;
}

#pageTtl{
	position:absolute;
	top:50%;
	left:50%;
	z-index:101;
}
#pageTtl h1,
#pageTtl a{
	display:block;
	width:349px;
	height:87px;
	background-image:url(/images/logo_line.png);
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}
#pageTtl h1 span{
	display:block;
	float:left;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	text-indent:-99999px;
	-webkit-transform:perspective(500px) rotateY(90deg);
	-moz-transform:perspective(500px) rotateY(90deg);
	-o-transform:perspective(500px) rotateY(90deg);
	-ms-transform:perspective(500px) rotateY(90deg);
	transform:perspective(500px) rotateY(90deg);
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
#pageTtl h1 span:first-child{
	width:46px;
	background-image:url(/images/logo_e.png);
	margin-right:12px;
}
#pageTtl h1 span:nth-child(2){
	width:58px;
	background-image:url(/images/logo_x.png);
	margin-right:10px;
}
#pageTtl h1 span:nth-child(3){
	width:49px;
	background-image:url(/images/logo_c.png);
	margin-right:53px;
}
#pageTtl h1 span:nth-child(4){
	width:47px;
	background-image:url(/images/logo_3.png);
	margin-right:20px;
	-webkit-transform:perspective(500px) rotateY(-90deg);
	-moz-transform:perspective(500px) rotateY(-90deg);
	-o-transform:perspective(500px) rotateY(-90deg);
	-ms-transform:perspective(500px) rotateY(-90deg);
	transform:perspective(500px) rotateY(-90deg);
}
#pageTtl h1 span:nth-child(5){
	width:54px;
	background-image:url(/images/logo_d.png);
	-webkit-transform:perspective(500px) rotateY(-90deg);
	-moz-transform:perspective(500px) rotateY(-90deg);
	-o-transform:perspective(500px) rotateY(-90deg);
	-ms-transform:perspective(500px) rotateY(-90deg);
	transform:perspective(500px) rotateY(-90deg);
}
#pageTtl h1 span.active{
	-webkit-transform:perspective(500px) rotateY(0deg);
	-moz-transform:perspective(500px) rotateY(0deg);
	-o-transform:perspective(500px) rotateY(0deg);
	-ms-transform:perspective(500px) rotateY(0deg);
	transform:perspective(500px) rotateY(0deg);
}
#pageTtl.active{
	top:20px;
	margin-top:0px !important;
}
#pageTtl.active h1,
#contactForm #pageTtl a,
#privacypolicy #pageTtl a{
	width:146px;
	height:36px;
	background-image:url(/images/logo.png);
	text-indent:-99999px;
}
#contactForm #pageTtl a,
#privacypolicy #pageTtl a{
	background-image:url(/images/logo_b.png);
}
#pageTtl.active h1 span{
	display:inline;
	float:none;
	background-image:none;
	width:auto;
}
#pageTtl .cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	background-image:url(/images/bg_cover.png);
}

#header{
	overflow:hidden;
	padding:40px;
	position:relative;
	z-index:100;
	display:none;
	opacity:0;
}
#header #leftNavi{
	float:left;
	font-size:0;
}
#header #leftNavi li{
	display:inline-block;
	font-size:10px;
	line-height:1em;
	font-family: 'Aldrich', sans-serif;
	margin-left:40px;
}
#header #leftNavi li:first-child{
	margin-left:0px;
}
#header #leftNavi li a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#header #leftNavi li a:hover{
	color:#CCC;
}
#header #rightNavi{
	float:right;
	font-size:0;
}
#header #rightNavi a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#header #rightNavi #contact{
	display:inline-block;
	font-size:10px;
	line-height:1em;
	font-family: 'Aldrich', sans-serif;
	vertical-align:top;
}
#header #rightNavi #contact a:hover{
	color:#CCC;
}
#header #rightNavi #sns{
	display:inline-block;
	vertical-align:top;
	margin-top:-3px;
	margin-left:40px;
	font-size:0;
}
#header #rightNavi #sns li{
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}
#header #rightNavi #sns li:first-child{
	margin-left:0px;
}
#header #rightNavi #sns li a:hover{
	opacity:0.7;
}

#scene{
	left: 0px;
	top: 0px;
	position: absolute;	/*position: absolute;	/*position: fixed;*/
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:0;
}
#scene canvas{
	width:100% !important;
	height:100% !important;
}

#loader{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
}
#loader.active{
	opacity:1;
}
#loader > p{
	font-size:17px;
	margin-bottom:15px;
}
#loader #loadCor{
	width:243px;
	height:68px;
	margin:0px auto;
	position:relative;
}
#loader #loadCor .canvasMask{
	position:relative;
	width:0px;
	height:68px;
	overflow:hidden;
	float:right;
}
#loader #loadCor #canvasMask1{
	z-index:1;
}
#loader #loadCor #canvasMask2,
#loader #loadCor #canvasMask3{
	margin-top:-68px;
	z-index:0;
}
#loader #loadCor .progressBar{
	position:relative;
	background-color:transparent;
	left:-243px;
}
#loader #loadCor .canvasMask img{
	display:none;
}
#loader #reasonBox{
	width:419px;
	height:158px;
}
#loader #reason{
	width:100%;
	height:100%;
	margin:0px auto;
	position:relative;
	transform-style: preserve-3d;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;
	z-index:0;
}
#loader #reason li{
	display:table;
	width:100%;
	height:100%;
	position: absolute;
	z-index:1;
	background-color:#000;
}
/* front */
#loader #reason li:nth-child(1){
	top: 0px;
	left: 0px;
}
/* bottom */
#loader #reason li:nth-child(2){
	left: 0px;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
/* back */
#loader #reason li:nth-child(3){
	top: 0px;
	left: 0px;
}
/* top */
#loader #reason li:nth-child(4){
	top: -50px;
	left: 0px;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
#loader #reason li p{
	vertical-align:middle;
	text-align:center;
	border:solid 1px #FFF;
	padding:30px;
	display:table-cell;
	font-size:12px;
	line-height:1.7em;
	font-weight:bold;
}
#loader #reason li strong{
	display:block;
	font-size:24px;
	margin-bottom:15px;
}

.section{
	display:none;
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	top:100%;
	left:0px;
	z-index:0;
}
.detail{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.detail h2{
	font-size:33px;
	line-height:1.2em;
	color:#DEB80B;
}

#leadBox{
	top:0px;
}
#lead{
	display:table;
	width:100%;
	height:100%;
}
#lead .inner{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#lead .box{
	padding:40px 50px 50px;
	display:inline-block;
	position:relative;
}
#lead p.copy{
	font-size:26px;
	line-height:7em;
	font-weight:bold;
	position:relative;
	-webkit-transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	-ms-transition:0.5s ease-out;
	transition:0.5s ease-out;
}
#lead p.copy.active{
	line-height:1.5em;
}
#lead p rb{
	display:inline-table;
	line-height:1.5 !important;
}
#lead p rt{
	font-size:11px;
	padding-bottom:5px;
}
#lead h2{
	display:block;
	width:349px;
	height:0px;
	background-image:url(/images/logo_line.png);
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	position:relative;
	opacity:0;
	-webkit-transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	-ms-transition:0.5s ease-out;
	transition:0.5s ease-out;
}
#lead h2.active{
	height:87px;
	margin:15px auto 10px;
}
#lead h2 span{
	display:block;
	float:left;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	text-indent:-99999px;
	-webkit-transform:perspective(500px) rotateY(90deg);
	-moz-transform:perspective(500px) rotateY(90deg);
	-o-transform:perspective(500px) rotateY(90deg);
	-ms-transform:perspective(500px) rotateY(90deg);
	transform:perspective(500px) rotateY(90deg);
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
#lead h2 span:first-child{
	width:46px;
	background-image:url(/images/logo_e.png);
	margin-right:12px;
}
#lead h2 span:nth-child(2){
	width:58px;
	background-image:url(/images/logo_x.png);
	margin-right:10px;
}
#lead h2 span:nth-child(3){
	width:49px;
	background-image:url(/images/logo_c.png);
	margin-right:53px;
}
#lead h2 span:nth-child(4){
	width:47px;
	background-image:url(/images/logo_3.png);
	margin-right:20px;
	-webkit-transform:perspective(500px) rotateY(-90deg);
	-moz-transform:perspective(500px) rotateY(-90deg);
	-o-transform:perspective(500px) rotateY(-90deg);
	-ms-transform:perspective(500px) rotateY(-90deg);
	transform:perspective(500px) rotateY(-90deg);
}
#lead h2 span:nth-child(5){
	width:54px;
	background-image:url(/images/logo_d.png);
	-webkit-transform:perspective(500px) rotateY(-90deg);
	-moz-transform:perspective(500px) rotateY(-90deg);
	-o-transform:perspective(500px) rotateY(-90deg);
	-ms-transform:perspective(500px) rotateY(-90deg);
	transform:perspective(500px) rotateY(-90deg);
}
#lead h2 span.active{
	-webkit-transform:perspective(500px) rotateY(0deg);
	-moz-transform:perspective(500px) rotateY(0deg);
	-o-transform:perspective(500px) rotateY(0deg);
	-ms-transform:perspective(500px) rotateY(0deg);
	transform:perspective(500px) rotateY(0deg);
}
#lead p.ruby{
	display:inline-block;
	margin:0px auto;
	overflow:hidden;
	height:0px;
	font-size:18px;
	line-height:1.2em;
	position:relative;
	letter-spacing:0.42em;
	padding-left:6px;
	opacity:0;
	-webkit-transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	-ms-transition:0.5s ease-out;
	transition:0.5s ease-out;
}
#lead p.ruby.active{
	height:auto;
}
#lead .border{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:0;
	border:solid 1px #FFF;
	background-color:rgba(0,0,0,0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	opacity:0;
}

#style h2{
	margin-bottom:10px;
}
#style h2 + p{
	font-size:12px;
	line-height:1.8em;
	font-weight:bold;
	margin-bottom:50px;
}
#style ul{
	width:820px;
	margin:0px auto;
	overflow:hidden;
}
#style ul li{
	display:block;
	width:238px;
	height:238px;
	text-align:center;
	float:left;
	margin-left:50px;
	font-size:12px;
	line-height:2em;
	border:solid 1px #666;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius:50%;
	background-image:url(/images/bg_black_50.png);
}
#style ul li:nth-child(3n+1){
	margin-left:0px;
}
#style ul li:nth-child(-n+3){
	margin-bottom:50px;
}
#style ul li .inner{
	display:table;
	width:100%;
	height:100%;
}
#style ul li .txt{
	display:table-cell;
	vertical-align:middle;
}
#style ul li h3{
	font-size:24px;
	line-height:1.2em;
	margin-bottom:5px;
	font-weight:normal;
}
#style ul li p{
	font-size:10px;
	line-height:1.2em;
	font-family: 'Aldrich', sans-serif;
	margin-bottom:20px;
	color:#DEB80B;
}

#demo h2{
	margin-bottom:10px;
}
#demo h2 + p{
	font-size:12px;
	line-height:1.8em;
	font-weight:bold;
	margin-bottom:90px;
}
#demo ul{
	width:1001px;
	margin:0px auto;
	overflow:hidden;
}
#demo ul li{
	display:block;
	width:287px;
	float:left;
	margin-left:70px;
}
#demo ul li:first-child{
	margin-left:0px;
}
#demo ul li h3{
	font-size:24px;
	line-height:1.2em;
	margin-bottom:5px;
	font-weight:normal;
}
#demo ul li p{
	font-size:10px;
	line-height:1.2em;
	font-family: 'Aldrich', sans-serif;
	margin-bottom:20px;
	color:#DEB80B;
}
#demo ul li .btn{
	width:275px;
	height:275px;
	overflow:hidden;
	border:solid 6px #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius:50%;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:287px 287px;
}
#demo ul li:first-child .btn{
	background-image:url(/images/img_demo_viewer.png);
}
#demo ul li:nth-child(2) .btn{
	background-image:url(/images/img_demo_drive.png);
}
#demo ul li:nth-child(3) .btn{
	background-image:url(/images/img_demo_city.png);
}
#demo ul li .btn a{
	display:block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius:50%;
	width:275px;
	height:275px;
	background-image:url(/images/icon_demo_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:287px 287px;
}
#demo ul li .btn a:hover{
	opacity:0.7;
}

#nine h2{
	margin-bottom:80px;
}
#nine ul{
	width:950px;
	margin:0px auto;
	overflow:hidden;
}
#nine ul li{
	display:block;
	width:185px;
	float:left;
	padding-left:65px;
	padding-top:20px;
	margin-left:100px;
	margin-top:70px;
	text-align:left;
	background-repeat:no-repeat;
	background-size:55px 58px;
}
#nine ul li:nth-child(3n+1){
	margin-left:0px;
}
#nine ul li:nth-child(-n+3){
	margin-top:0px;
}
#nine ul li:nth-child(1){
	background-image:url(/images/icon_nine_01.png);
}
#nine ul li:nth-child(2){
	background-image:url(/images/icon_nine_02.png);
}
#nine ul li:nth-child(3){
	background-image:url(/images/icon_nine_03.png);
}
#nine ul li:nth-child(4){
	background-image:url(/images/icon_nine_04.png);
}
#nine ul li:nth-child(5){
	background-image:url(/images/icon_nine_05.png);
}
#nine ul li:nth-child(6){
	background-image:url(/images/icon_nine_06.png);
}
#nine ul li:nth-child(7){
	background-image:url(/images/icon_nine_07.png);
}
#nine ul li:nth-child(8){
	background-image:url(/images/icon_nine_08.png);
}
#nine ul li:nth-child(9){
	background-image:url(/images/icon_nine_09.png);
}
#nine ul li h3{
	font-size:20px;
	line-height:1.2em;
	margin-bottom:0.5em;
}
#nine ul li p{
	font-size:12px;
	line-height:1.7em;
}

#flow h2{
	margin-bottom:45px;
}
#flow .innerTable{
	display:table;
	width:984px;
	margin:0 auto;
	table-layout: fixed;
	border-spacing: 5px 0px;
	margin-top:5px;
}
#flow .innerTable .txt{
	display:table-cell;
	vertical-align:middle;
	border:solid 1px #666;
	background-image:url(/images/bg_black_50.png);
	padding:30px;
}
#flow .innerTop .txt{
	text-align:left;
}
#flow .innerBottom .txt{
	height:160px;
}
#flow .innerTable .txt h3{
	font-size:21px;
	line-height:1.2em;
	font-weight:normal;
}
#flow .innerTop .txt h3{
	line-height:1.5em;
}
#flow .innerBottom .txt h3{
	font-size:24px;
}
#flow .innerTable .txt p{
	margin-top:10px;
	font-size:12px;
	line-height:1.8em;
}
#flow .innerTable .txt .arrow{
	margin:20px auto 0px;
	width:23px;
	height:25px;
	background-image:url(/images/icon_flow_arrow.png);
	background-repeat:no-repeat;
	background-size:cover;
}

#type h2{
	margin-bottom:40px;
}
#type ul{
	width:100%;
	text-align:center;
	font-size:0;
}
#type ul li{
	width:90px;
	display:inline-block;
	margin:0px 40px;
	font-size:12px;
	line-height:1.2em;
	vertical-align:top;
}
#type ul#browser{
	margin-bottom:160px;
}
#type ul#browser li .icon{
	width:100%;
	height:68px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-position:center center;
}
#type ul#browser li:nth-child(1) .icon{
	background-image:url(/images/icon_safari.png);
	background-size:66px 66px;
}
#type ul#browser li:nth-child(2) .icon{
	background-image:url(/images/icon_firefox.png);
	background-size:69px 67px;
}
#type ul#browser li:nth-child(3) .icon{
	background-image:url(/images/icon_chrome.png);
	background-size:66px 66px;
}
#type ul#browser li:nth-child(4) .icon{
	background-image:url(/images/icon_ie.png);
	background-size:67px 67px;
}
#type ul#browser li:nth-child(5) .icon{
	background-image:url(/images/icon_edge.png);
	background-size:61px 66px;
}
#type ul#terminal li .icon{
	width:100%;
	height:52px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
#type ul#terminal li:nth-child(1) .icon{
	background-image:url(/images/icon_iphone.png);
	background-size:15px 32px;
}
#type ul#terminal li:nth-child(2) .icon{
	background-image:url(/images/icon_ipad.png);
	background-size:35px 46px;
}
#type ul#terminal li:nth-child(3) .icon{
	background-image:url(/images/icon_android.png);
	background-size:15px 32px;
}
#type ul#terminal li:nth-child(4) .icon{
	background-image:url(/images/icon_tablet.png);
	background-size:35px 46px;
}
#type ul#terminal li:nth-child(5) .icon{
	background-image:url(/images/icon_pc.png);
	background-size:88px 51px;
}

#aboutUs .inner{
	width:400px;
	margin:0px auto;
	text-align:left;
}
#aboutUs h2{
	font-size:26px;
	line-height:1.2em;
	color:#FFF;
	font-family: 'Aldrich', sans-serif;
	padding-bottom:15px;
	border-bottom:solid 1px #FFF;
	margin:0px auto 15px !important;
	text-align:center;
	letter-spacing: 0.2em;
}
#aboutUs h2 + p{
	font-size:14px;
	line-height:1.8em;
	margin-bottom:30px;
}
#aboutUs h3{
	font-size:14px;
	line-height:1.8em;
}
#aboutUs h3 + p{
	font-size:12px;
	line-height:2em;
	margin-bottom:15px;
}
#aboutUs h3 + p a:hover{
	text-decoration:underline;
}
#aboutUs .infoBox{
	border-top:solid 1px #FFF;
	padding-top:20px;
	overflow:hidden;
}
#aboutUs .link{
	float:left;
	width:130px;
}
#aboutUs .snsBox{
	float:right;
	overflow:hidden;
	width:151px;
}
#aboutUs .snsBox li{
	display:block;
	float:left;
	margin-left:20px;
}
#aboutUs .snsBox li:first-child{
	margin-left:0px;
}
#aboutUs .infoBox a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#aboutUs .infoBox a:hover{
	opacity:0.7;
}

#contactBg{
	display:none;
	opacity:0;
	position:fixed;
	width:100%;
	height:100%;
	z-index:0;
	background-color:#000;
}

#scrollBtn{
	display:none;
	position:fixed;
	bottom:20px;
	left:50%;
	z-index:100;
	margin-left:-33.5px;
	width:67px;
	height:40px;
	opacity:0;
}
#scrollBtn a{
	display:block;
	width:67px;
	height:40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image:url(/images/icon_scroll_arrow.png);
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}
#scrollBtn a:hover{
	opacity:0.7;
}
#scrollBtn .cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	background-image:url(/images/bg_cover.png);
}

#pager{
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
	opacity:0;
}
#pager li{
	display:block;
	margin-top:10px;
	border:solid 2px #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;	
	border-radius:100%;
	width:15px;
	height:15px;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#pager li:first-child{
	margin-top:0px;
}
#pager li.active,
#pager li:hover{
	background-color:#FFF;
}
#pager .cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	background-image:url(/images/bg_cover.png);
}

#colorBtn{
	display:none;
	position:absolute;
	left:20px;
	bottom:20px;
	z-index:101;
	overflow:hidden;
	opacity:0;
	font-size:0;
	/*border:solid 1px #A4A5A6;*/
	/*padding:7px 5px 7px 15px;*/
}
#colorBtn p{
	display:inline-block;
	color:#A4A5A6;
	vertical-align:middle;
	font-size:10px;
	line-height:1em;
}
#colorBtn button{
	display:inline-block;
	border:none;
	text-indent:-99999px;
	overflow:hidden;
	width:14px;
	height:32px;
	padding:0px;
	margin-left:4px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor:pointer;
}
#colorBtn button#button1{
	margin-left:15px;
	background-color:#BA0000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BA0000), color-stop(0.51, #BA0000), color-stop(0.50, #CD4E50), color-stop(0.00, #CD4E50));
	background: -webkit-linear-gradient(top, #CD4E50 0%, #CD4E50 50%, #BA0000 51%, #BA0000 100%);
	background: -moz-linear-gradient(top, #CD4E50 0%, #CD4E50 50%, #BA0000 51%, #BA0000 100%);
	background: -o-linear-gradient(top, #CD4E50 0%, #CD4E50 50%, #BA0000 51%, #BA0000 100%);
	background: -ms-linear-gradient(top, #CD4E50 0%, #CD4E50 50%, #BA0000 51%, #BA0000 100%);
	background: linear-gradient(to bottom, #CD4E50 0%, #CD4E50 50%, #BA0000 51%, #BA0000 100%);
}
#colorBtn button#button2{
	background-color:#C8C8C8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #C8C8C8), color-stop(0.51, #C8C8C8), color-stop(0.50, #D9D9D9), color-stop(0.00, #D9D9D9));
	background: -webkit-linear-gradient(top, #D9D9D9 0%, #D9D9D9 50%, #C8C8C8 51%, #C8C8C8 100%);
	background: -moz-linear-gradient(top, #D9D9D9 0%, #D9D9D9 50%, #C8C8C8 51%, #C8C8C8 100%);
	background: -o-linear-gradient(top, #D9D9D9 0%, #D9D9D9 50%, #C8C8C8 51%, #C8C8C8 100%);
	background: -ms-linear-gradient(top, #D9D9D9 0%, #D9D9D9 50%, #C8C8C8 51%, #C8C8C8 100%);
	background: linear-gradient(to bottom, #D9D9D9 0%, #D9D9D9 50%, #C8C8C8 51%, #C8C8C8 100%);
}
#colorBtn button#button3{
	background-color:#FFBC22;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFBC22), color-stop(0.51, #FFBC22), color-stop(0.50, #FECF6D), color-stop(0.00, #FECF6D));
	background: -webkit-linear-gradient(top, #FECF6D 0%, #FECF6D 50%, #FFBC22 51%, #FFBC22 100%);
	background: -moz-linear-gradient(top, #FECF6D 0%, #FECF6D 50%, #FFBC22 51%, #FFBC22 100%);
	background: -o-linear-gradient(top, #FECF6D 0%, #FECF6D 50%, #FFBC22 51%, #FFBC22 100%);
	background: -ms-linear-gradient(top, #FECF6D 0%, #FECF6D 50%, #FFBC22 51%, #FFBC22 100%);
	background: linear-gradient(to bottom, #FECF6D 0%, #FECF6D 50%, #FFBC22 51%, #FFBC22 100%);
}
#colorBtn button#button4{
	background-color:#0044AA;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0044AA), color-stop(0.51, #0044AA), color-stop(0.50, #4F7EC2), color-stop(0.00, #4F7EC2));
	background: -webkit-linear-gradient(top, #4F7EC2 0%, #4F7EC2 50%, #0044AA 51%, #0044AA 100%);
	background: -moz-linear-gradient(top, #4F7EC2 0%, #4F7EC2 50%, #0044AA 51%, #0044AA 100%);
	background: -o-linear-gradient(top, #4F7EC2 0%, #4F7EC2 50%, #0044AA 51%, #0044AA 100%);
	background: -ms-linear-gradient(top, #4F7EC2 0%, #4F7EC2 50%, #0044AA 51%, #0044AA 100%);
	background: linear-gradient(to bottom, #4F7EC2 0%, #4F7EC2 50%, #0044AA 51%, #0044AA 100%);
}
#colorBtn button#button5{
	background-color:#117766;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #117766), color-stop(0.51, #117766), color-stop(0.50, #5CA094), color-stop(0.00, #5CA094));
	background: -webkit-linear-gradient(top, #5CA094 0%, #5CA094 50%, #117766 51%, #117766 100%);
	background: -moz-linear-gradient(top, #5CA094 0%, #5CA094 50%, #117766 51%, #117766 100%);
	background: -o-linear-gradient(top, #5CA094 0%, #5CA094 50%, #117766 51%, #117766 100%);
	background: -ms-linear-gradient(top, #5CA094 0%, #5CA094 50%, #117766 51%, #117766 100%);
	background: linear-gradient(to bottom, #5CA094 0%, #5CA094 50%, #117766 51%, #117766 100%);
}
#colorBtn button#button6{
	background-color:#272727;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #272727), color-stop(0.51, #272727), color-stop(0.50, #686868), color-stop(0.00, #686868));
	background: -webkit-linear-gradient(top, #686868 0%, #686868 50%, #272727 51%, #272727 100%);
	background: -moz-linear-gradient(top, #686868 0%, #686868 50%, #272727 51%, #272727 100%);
	background: -o-linear-gradient(top, #686868 0%, #686868 50%, #272727 51%, #272727 100%);
	background: -ms-linear-gradient(top, #686868 0%, #686868 50%, #272727 51%, #272727 100%);
	background: linear-gradient(to bottom, #686868 0%, #686868 50%, #272727 51%, #272727 100%);
}
#colorBtn button#button7{
	background-color:#9F9F9F;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9F9F9F), color-stop(0.51, #9F9F9F), color-stop(0.50, #BCBCBC), color-stop(0.00, #BCBCBC));
	background: -webkit-linear-gradient(top, #BCBCBC 0%, #BCBCBC 50%, #9F9F9F 51%, #9F9F9F 100%);
	background: -moz-linear-gradient(top, #BCBCBC 0%, #BCBCBC 50%, #9F9F9F 51%, #9F9F9F 100%);
	background: -o-linear-gradient(top, #BCBCBC 0%, #BCBCBC 50%, #9F9F9F 51%, #9F9F9F 100%);
	background: -ms-linear-gradient(top, #BCBCBC 0%, #BCBCBC 50%, #9F9F9F 51%, #9F9F9F 100%);
	background: linear-gradient(to bottom, #BCBCBC 0%, #BCBCBC 50%, #9F9F9F 51%, #9F9F9F 100%);
}
#colorBtn button:hover{
	opacity:0.7;
}


/* contact / privacypolicy */
#contactForm #wrap,
#privacypolicy #wrap{
	overflow:visible;
	height:auto;
	padding-bottom:40px;
}
#contactForm #pageTtl,
#privacypolicy #pageTtl{
	top:20px;
	left:50%;
	width:146px;
	height:36px;
	margin-left:-73px;
}
#contactForm #header,
#privacypolicy #header{
	display:block;
	opacity:1;
}
#contactForm #contents,
#privacypolicy #contents{
	width:710px;
	margin:0px auto;
}
#contactForm h1,
#privacypolicy h1{
	font-size:26px;
	line-height:1.2em;
	margin-bottom:40px;
}
#privacypolicy #contents h2{
  font-size: 18px;
	line-height:1.2;
  margin-top: 30px;
}
#privacypolicy #contents p{
  margin-top: 10px;
  font-size: 14px;
  line-height: 2;
}
#privacypolicy #contents h1 + p{
  margin-top: 0;
}
#privacypolicy #contents p a:hover{
  text-decoration: underline;
}
#privacypolicy #contents ul li{
  font-size: 14px;
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
}
#privacypolicy #contents ul li::before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
#contactForm table{
	width:100%;
	text-align:left;
}
#contactForm table th{
	width:130px;
	padding-right:10px;
}
#contactForm table td{
	width:570px;
	padding-bottom:30px;
}
#contactForm input,
#contactForm textarea{
	background:transparent;
	border:0;
	border-bottom:solid 1px #A1A1A1;
}
#contactForm table#info{
	margin-bottom:10px;
}
#contactForm table#info th{
	padding-top:40px;
	padding-bottom:40px;
	font-size:16px;
  line-height: 2;
	border-top:dotted 1px #666;
} 
#contactForm table#info td{
	padding-top:40px;
	margin-bottom:40px;
	font-size:12px;
  line-height: 2;
	border-top:dotted 1px #666;
}
#contactForm table#info td a{
	font-size:16px;
	font-weight:bold;
}
#contactForm table#info tr:last-child th,
#contactForm table#info tr:last-child td{
	padding-bottom:20px;
}
#contactForm table#info tr:first-child th{
	vertical-align:middle;
}
#contactForm table#info tr:first-child td{
	font-size:32px;
	vertical-align:middle;
	font-weight:bold;
	font-family: 'Oswald', arial, serif;
}
#contactForm table#info tr:first-child td a{
	font-size:38px;
}
#contactForm table#info a{
	word-break: break-all;
  text-decoration: underline;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#contactForm table#info a:hover{
  opacity: 0.7;
}
#contactForm span.confirm,
#contactForm span.error{
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#contactForm table#agform th{
	padding-top:4px;
	font-size:108%;
	vertical-align:top;
}
#contactForm table#confirm th{
	font-size:108%;
}
#contactForm table#agform .input1{
	width:285px;
	float:left;
}
#contactForm table#agform .input2{
	width:285px;
	float:left;
}
#contactForm table#agform .input3,
#contactForm table#agform .input4{
	width:570px;
}
#contactForm table#agform input{
	width:564px;
	padding:3px;
	height:32px;
	background-image:url(/images/input_bg2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
  background-size: 570px 28px;
	color:#000;
}
#contactForm table#agform input.order_form1{
	width:279px;
	background-image:url(/images/input_bg1.png);
	background-repeat:no-repeat;
	background-position:0px bottom;
  background-size: 285px 28px;
}
#contactForm table#agform input.order_form2{
	width:279px;
}
#contactForm table#agform textarea{
	width:564px;
	padding:3px;
	height:100px;
	background-image:url(/images/textarea_bg.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	margin:0px;
	display:block;
	color:#000;
}
#contactForm #order_btn{
	overflow:hidden;
	min-height:35px;
	text-align:center;
}
#contactForm #order_btn button{
	width:238px;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	padding:10px 40px 10px 20px;
	background-color:#fff;
	background-image:url(/images/btn_arrow2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	border:solid 1px #000;
	text-align:left;
}
#contactForm #order_btn a{
	display:block;
	width:238px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
  border: solid 1px #000;
	padding:10px 40px 10px 20px;
	background-color:#FFF;
	background-image:url(/images/btn_arrow2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#000;
	text-decoration:none;
	text-align:left;
}
#contactForm #order_btn button:hover,
#contactForm #order_btn a:hover{
	background-color:#E8CD54;
}
#contactForm #order_btn #check_btn{
	margin-left:320px;
	width:238px;
}
#contactForm #check_btn2 button{
	margin-right:5px;
}

#contactForm #order_box h2,
#contactForm #order_box h3,
#contactForm #order_box h4{
	margin-bottom:10px;
}
#contactForm #order_box h3{
	font-size:123.1%;
}
#contactForm #order_box p{
	font-weight: normal;
}
#contactForm #order_box h4 + p{
	margin-bottom:60px;
  line-height: 2;
}
p.wtn_copyright{
	display:none;
}
#contactForm #check_box{
	width:auto;
}
#contactForm #check_box table{
	margin-bottom:20px;
	width:100%;
	border-top:dotted 1px #A1A1A1;
}
#contactForm #check_box table th{
	display:table-cell;
	width:130px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #A1A1A1;
}
#contactForm #check_box table td{
	display:table-cell;
	width:auto;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #A1A1A1;
}
#contactForm #address{
  margin-top: 50px;
  border-top: solid 1px #A1A1A1;
  padding-top: 70px;
}
#contactForm #address p{
  font-size: 14px;
  line-height: 1.75;
}

@media screen and (max-height: 840px), (max-width: 1060px){
#style h2 + p{
	margin-bottom:30px;
}
#style ul{
	width:660px;
}
#style ul li{
	width:198px;
	height:198px;
	margin-left:30px;
}
#style ul li:nth-child(-n+3){
	margin-bottom:30px;
}

#demo h2 + p{
	margin-bottom:50px;
}
#demo ul{
	width:820px;
}
#demo ul li{
	width:240px;
	margin-left:50px;
}
#demo ul li .btn{
	width:228px;
	height:228px;
	background-size:240px 240px;
}
#demo ul li .btn a{
	width:228px;
	height:228px;
	background-size:240px 240px;
}

#nine h2{
	margin-bottom:50px;
}
#nine ul{
	width:830px;
}
#nine ul li{
	margin-left:40px;
	margin-top:40px;
}

#flow h2{
	margin-bottom:30px;
}
#flow .innerTable{
	width:840px;
}
#flow .innerTable .txt{
	padding:20px;
}
#flow .innerBottom .txt{
	height:120px;
}
}

@media screen and (max-height: 740px), (max-width: 920px){
.detail h2{
	font-size:26px;
}

#style h2 + p{
	font-size:11px;
	margin-bottom:20px;
}
#style ul{
	width:550px;
}
#style ul li{
	width:148px;
	height:148px;
	margin-left:20px;
	padding:10px;
	font-size:11px;
}
#style ul li:nth-child(-n+3){
	margin-bottom:20px;
}
#style ul li h3{
	font-size:20px;
}
#style ul li p{
	margin-bottom:10px;
}
#style ul li br{
	display:none;
}

#demo h2 + p{
	font-size:11px;
	margin-bottom:30px;
}
#demo ul{
	width:660px;
}
#demo ul li{
	width:200px;
	margin-left:30px;
}
#demo ul li h3{
	font-size:20px;
}
#demo ul li .btn{
	width:192px;
	height:192px;
	border:solid 4px #FFF;
	background-size:200px 200px;
}
#demo ul li .btn a{
	width:192px;
	height:192px;
	background-size:200px 200px;
}

#nine h2{
	margin-bottom:30px;
}
#nine ul{
	width:660px;
	font-size:0;
}
#nine ul li{
	float:none;
	display:inline-block;
	vertical-align:top;
	width:150px;
	padding-left:50px;
	padding-top:10px;
	background-size:40px 42px;
	margin-left:30px;
	margin-top:30px;
}
#nine ul li h3{
	font-size:16px;
}
#nine ul li p{
	font-size:11px;
}
#nine ul li p br{
	display:none;
}

#flow h2{
	margin-bottom:20px;
}
#flow .innerTable{
	width:670px;
}
#flow .innerTable .txt{
	padding:15px;
}
#flow .innerBottom .txt{
	height:90px;
}
#flow .innerTable .txt h3{
	font-size:16px;
}
#flow .innerBottom .txt h3{
	font-size:20px;
}
#flow .innerTable .txt p{
	font-size:11px;
}
#flow .innerTable .txt .arrow{
	margin:10px auto 0px;
	width:20px;
	height:22px;
}

#type h2{
	margin-bottom:25px;
}
#type ul#browser{
	margin-bottom:100px;
}
#type ul li{
	width:72px;
	margin:0px 25px;
	font-size:11px;
}
#type ul#browser li .icon{
	height:55px;
	margin-bottom:10px;
}
#type ul#browser li:nth-child(1) .icon{
	background-size:53px 53px;
}
#type ul#browser li:nth-child(2) .icon{
	background-size:56px 54px;
}
#type ul#browser li:nth-child(3) .icon{
	background-size:53px 53px;
}
#type ul#browser li:nth-child(4) .icon{
	background-size:54px 54px;
}
#type ul#browser li:nth-child(5) .icon{
	background-size:49px 53px;
}
#type ul#terminal li .icon{
	margin-bottom:10px;
	height:42px;
}
#type ul#terminal li:nth-child(1) .icon,
#type ul#terminal li:nth-child(3) .icon{
	background-size:12px 26px;
}
#type ul#terminal li:nth-child(2) .icon,
#type ul#terminal li:nth-child(4) .icon{
	background-size:28px 37px;
}
#type ul#terminal li:nth-child(5) .icon{
	background-size:70px 41px;
}

#contactForm h1,
#privacypolicy h1{
	font-size:20px;
	margin-bottom:30px;
}
#privacypolicy #contents h2{
  font-size: 16px;
}
#contactForm table#info th{
	font-size:14px;
	padding-top:30px;
	padding-bottom:30px;
}
#contactForm table#info td{
	padding-top:30px;
	padding-bottom:30px;
}
#contactForm table#info tr:first-child td{
	font-size:32px;
}
#contactForm table#info td a{
	font-size:16px;
}
#contactForm table#agform th{
	font-size:14px;
}
}

@media screen and (max-height: 640px), (max-width: 750px){
#pageTtl.active{
	top:10px;
}
#header{
	padding:28px;
}

.detail h2{
	font-size:22px;
}

#style h2 + p{
	margin-bottom:15px;
}
#style ul{
	width:480px;
}
#style ul li{
	width:120px;
	height:120px;
	padding:14px;
	margin-left:15px;
	line-height:1.5em;
}
#style ul li:nth-child(-n+3){
	margin-bottom:15px;
}
#style ul li h3{
	font-size:16px;
}

#demo h2 + p{
	margin-bottom:20px;
}
#demo ul{
	width:520px;
}
#demo ul li{
	width:160px;
	margin-left:20px;
}
#demo ul li h3{
	font-size:16px;
}
#demo ul li .btn{
	width:152px;
	height:152px;
	background-size:160px 160px;
}
#demo ul li .btn a{
	width:152px;
	height:152px;
	background-size:160px 160px;
}

#nine h2{
	margin-bottom:20px;
}
#nine ul{
	width:525px;
}
#nine ul li{
	width:125px;
	padding-left:40px;
	padding-top:8px;
	margin-left:15px;
	margin-top:15px;
	background-size:30px 32px;
	font-size:11px;
}
#nine ul li h3{
	font-size:14px;
}

#flow h2{
	margin-bottom:15px;
}
#flow .innerTable{
	width:520px;
}
#flow .innerTable .txt{
	padding:10px;
}
#flow .innerBottom .txt{
	height:70px;
}
#flow .innerTable .txt h3{
	font-size:15px;
}
#flow .innerTable .txt h3 br{
	display:none;
}
#flow .innerTable .txt p{
	font-size:10px;
	padding-top:5px;
}
#flow .innerTable .txt .arrow{
	width:18px;
	height:20px;
}

#type ul li{
	margin:0px 15px;
}

#contactForm #pageTtl,
#privacypolicy #pageTtl{
	top:10px;
}
#contactForm #header,
#privacypolicy #header{
	padding-bottom:24px;
}
#contactForm #contents,
#privacypolicy #contents{
	width:auto;
	margin:0px 40px;
}
#contactForm h1,
#privacypolicy h1{
	font-size:18px;
	margin-bottom:20px;
}
#privacypolicy #contents h2{
  font-size: 14px;
  margin-top: 20px;
}
#privacypolicy #contents p{
  font-size: 12px;
}
#privacypolicy #contents ul li{
  font-size: 12px;
}
#contactForm table th{
	display:block;
	width:auto;
	padding-right:0px;
}
#contactForm table td{
	display:block;
	width:100%;
	padding-bottom:30px;
	overflow:hidden;
}
#contactForm table#info th{
	padding-top:20px;
	padding-bottom:10px;
} 
#contactForm table#info td{
	border-top:none;
	padding-top:0px;
	padding-bottom:20px;
	margin-bottom:0px;
}
#contactForm table#info td a{
	font-size:14px;
}
#contactForm table#info tr:last-child th,
#contactForm table#info tr:last-child td{
	padding-bottom:10px;
}
#contactForm table#info tr:first-child td{
	font-size:28px;
}
#contactForm table#info tr:first-child td a{
	font-size:28px;
}
#contactForm span.confirm,
#contactForm span.error{
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#contactForm table#agform th{
	font-size:14px;
}
#contactForm table#confirm th{
	font-size:14px;
}
#contactForm table#agform .input1{
	width:50%;
	background-image:url(/contact/img/sp_input_bg1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
  background-size: 355px 28px;
}
#contactForm table#agform .input2{
	width:50%;
}
#contactForm table#agform .input3{
	width:100%;
	background-image:url(/contact/img/sp_input_bg2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
  background-size: 710px 28px;
}
#contactForm table#agform .input4{
	width:100%;
	background-image:url(/contact/img/sp_textarea_bg.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding:0px;
}
#contactForm table#agform input{
	background-image:url(/contact/img/sp_input_bg2.png);
  background-size: 710px 28px;
	width:100%;
	background-position:right 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contactForm table#agform input.order_form1{
	background-image:url(/contact/img/sp_input_bg1.png);
	background-position:right bottom;
  background-size: 355px 28px;
	width:100%;
	padding:3px 1.5%;
}
#contactForm table#agform input.order_form2{
	background-image:url(/contact/img/sp_input_bg2.png);
	background-position:right bottom;
	width:100%;
	padding:3px 1.5%;
}
#contactForm table#agform textarea{
	background-image:url(/contact/img/sp_textarea_bg.png);
	width:100%;
	background-position:right 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contactForm #order_btn button{
	font-size:12px;
	padding:8px 40px 8px 15px;
	background-size:23px 15px;
}
#contactForm #order_btn a{
	font-size:12px;
	padding:8px 40px 8px 15px;
	background-size:23px 15px;
}
#contactForm #order_btn #check_btn{
	margin-left:auto;
	margin-right:auto;
}
#contactForm #check_btn2 button{
	margin-bottom:5px;
}

#contactForm #order_box h3{
	margin-bottom:20px;
}
#contactForm #check_box table th{
	display:table-cell;
	width:125px;
}
#contactForm #address{
  margin-top: 30px;
  padding-top: 50px;
}
#contactForm #address p{
  font-size: 12px;
}
}

@media screen and (max-height: 560px), (max-width: 650px){
#pageTtl h1{
	width:282px;
	height:70px;
}
#pageTtl h1 span:first-child{
	width:38px;
	margin-right:9px;
}
#pageTtl h1 span:nth-child(2){
	width:47px;
	margin-right:8px;
}
#pageTtl h1 span:nth-child(3){
	width:38px;
	margin-right:42px;
}
#pageTtl h1 span:nth-child(4){
	width:38px;
	margin-right:16px;
}
#pageTtl h1 span:nth-child(5){
	width:44px;
}

#header{
	padding:28px 15px;
}
#header #leftNavi{
	display:none;
}

.detail h2{
	font-size:18px;
}

#lead .box{
	padding:15px 20px 20px;
}
#lead p.copy{
	font-size:20px;
}
#lead p rt{
	font-size:10px;
}
#lead h2{
	width:282px;
}
#lead h2.active{
	height:70px;
}
#lead h2 span:first-child{
	width:38px;
	margin-right:9px;
}
#lead h2 span:nth-child(2){
	width:47px;
	margin-right:8px;
}
#lead h2 span:nth-child(3){
	width:38px;
	margin-right:42px;
}
#lead h2 span:nth-child(4){
	width:38px;
	margin-right:16px;
}
#lead h2 span:nth-child(5){
	width:44px;
}
#lead p.ruby{
	font-size:15px;
	letter-spacing:0.38em;
}

#style h2{
	margin-bottom:5px;
}
#style h2 + p{
	margin:0px 40px 15px;
}
#style h2 + p br{
	display:none;
}
#style ul{
	width:auto;
	text-align:center;
	font-size:0;
	margin:0px 40px;
}
#style ul li{
	float:none;
	display:inline-block;
	width:90px;
	height:90px;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:10px;
	margin:2px !important;
}
#style ul li h3{
	font-size:13px;
}
#style ul li span{
	display:none;
}

#demo h2{
	margin-bottom:5px;
}
#demo h2 + p{
	margin:0px 40px 10px;
}
#demo h2 + p br{
	display:none;
}
#demo ul{
	width:auto;
	text-align:center;
	font-size:0;
	margin:0px 40px;
}
#demo ul li{
	float:none;
	display:inline-block;
	width:130px;
	margin:5px !important;
}
#demo ul li h3{
	font-size:13px;
}
#demo ul li p{
	margin-bottom:10px;
}
#demo ul li .btn{
	width:126px;
	height:126px;
	border:solid 2px #FFF;
	background-size:130px 130px;
}
#demo ul li .btn a{
	width:126px;
	height:126px;
	background-size:130px 130px;
}

#nine h2{
	margin-bottom:10px;
}
#nine ul{
	width:auto;
	margin:0px 40px;
	text-align:left;
}
#nine ul li{
	width:30%;
	min-height:22px;
	padding-left:35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:5%;
	background-size:28px 30px;
}
#nine ul li h3{
	font-size:13px;
}
#nine ul li p{
	display:none;
}

#flow h2{
	margin-bottom:10px;
}
#flow .innerTable{
	width:80%;
}
#flow .innerBottom .txt{
	height:auto;
}
#flow .innerTable .txt h3{
	font-size:13px;
}
#flow .innerBottom .txt h3{
	font-size:15px;
}
#flow .innerTable .txt p{
	display:none;
}
#flow .innerTable .txt .arrow{
	width:15px;
	height:16px;
}

#type h2{
	margin-bottom:5px;
}
#type ul{
	width:auto;
	margin:0px 40px;
}
#type ul#browser{
	margin-bottom:20px;
}
#type ul li{
	width:65px;
	margin:5px 10px;
}
#type ul#browser li:nth-child(1) .icon{
	background-size:48px 48px;
}
#type ul#browser li:nth-child(2) .icon{
	background-size:50px 49px;
}
#type ul#browser li:nth-child(3) .icon{
	background-size:48px 48px;
}
#type ul#browser li:nth-child(4) .icon{
	background-size:48px 48px;
}
#type ul#browser li:nth-child(5) .icon{
	background-size:44px 48px;
}
#type ul#terminal li:nth-child(1) .icon,
#type ul#terminal li:nth-child(3) .icon{
	background-size:11px 23px;
}
#type ul#terminal li:nth-child(2) .icon,
#type ul#terminal li:nth-child(4) .icon{
	background-size:25px 33px;
}
#type ul#terminal li:nth-child(5) .icon{
	background-size:63px 37px;
}

#aboutUs .inner{
	width:auto;
	margin:0px 40px;
}
#aboutUs h2{
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:5px !important;
}
#aboutUs h2 + p{
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
}
#aboutUs h3{
	line-height:1.5em;
	font-size:12px;
}
#aboutUs h3 + p{
	font-size:11px;
	line-height:1.7em;
	margin-bottom:7px;
}
#aboutUs .infoBox{
	padding-top:10px;
}
#aboutUs .link{
	width:88px;
}
#aboutUs .link img{
	width:100%;
	height:auto;
}
#aboutUs .snsBox{
	width:95px;
}
#aboutUs .snsBox li{
	width:25px;
	height:25px;
	margin-left:10px;
}
#aboutUs .snsBox li img{
	width:100%;
	height:auto;
}

#scrollBtn{
	bottom:15px;
	width:50px;
	height:30px;
	margin-left:-25px;
}
#scrollBtn a{
	width:50px;
	height:30px;
}

#pager{
	bottom:15px;
	right:15px;
}
#pager li{
	width:12px;
	height:12px;
	margin-top:8px;
}

#colorBtn{
	bottom:15px;
	left:15px;
}
#colorBtn p{
	display:none;
}
#colorBtn button{
	width:10px;
	height:26px;
	margin-left:5px;
}
#colorBtn button#button1{
	margin-left:0px;
}
}

@media screen and (max-width: 560px){
#pageTtl.active h1{
	width:122px;
	height:30px;
}
#header{
	padding:20px 15px 0px;
}
#header #rightNavi{
	float:none;
	position:relative;
}
#header #rightNavi #contact{
	display:block;
	padding-top:4px;
}
#header #rightNavi #sns{
	position:absolute;
	top:0px;
	right:0px;
	margin-left:0px;
}
#header #rightNavi #sns li{
	margin-left:10px;
}

.detail h2{
	margin-left:30px;
	margin-right:30px;
}

#style h2 + p br{
	display:inherit;
}

#demo h2 + p br{
	display:inherit;
}
#demo ul{
	margin:0px 15px;
}
#demo ul li{
	width:110px;
	margin:5px 0px !important;
}
#demo ul li h3{
	font-size:12px;
}
#demo ul li .btn{
	width:96px;
	height:96px;
	background-size:100px 100px;
	margin:0px auto;
}
#demo ul li .btn a{
	width:96px;
	height:96px;
	background-size:100px 100px;
}

#nine ul{
	margin:0px 30px;
}
#nine ul li{
	width:47%;
	margin-left:6% !important;
	margin-top:10px !important;
}
#nine ul li:nth-child(-n+2){
	margin-top:0px !important;
}
#nine ul li:nth-child(2n+1){
	margin-left:0px !important;
}

#type ul{
	margin:0px 30px;
}
#type ul li{
	width:50px;
	margin:5px;
}
#type ul#browser li:nth-child(1) .icon{
	background-size:36px 36px;
}
#type ul#browser li:nth-child(2) .icon{
	background-size:37px 36px;
}
#type ul#browser li:nth-child(3) .icon{
	background-size:36px 36px;
}
#type ul#browser li:nth-child(4) .icon{
	background-size:36px 36px;
}
#type ul#browser li:nth-child(5) .icon{
	background-size:33px 36px;
}
#type ul#terminal li:nth-child(1) .icon{
	background-size:8px 17px;
}
#type ul#terminal li:nth-child(2) .icon{
	background-size:19px 25px;
}
#type ul#terminal li:nth-child(3) .icon{
	background-size:8px 17px;
}
#type ul#terminal li:nth-child(4) .icon{
	background-size:19px 25px;
}
#type ul#terminal li:nth-child(5) .icon{
	background-size:48px 28px;
}
}