/*
Theme Name: アイテック
Theme URI: ---
Description: アイテック Themes
Author: admin
Author URI: ---
Version: 1.0
*/


/* Reset
-------------------------------------------------------------------- */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,main{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{line-height:1;font-size:15px;*font-size:small;*font:x-small;}
article,aside,dialog,figure,footer,header,hgroup,main,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 auto;padding:0;}
input,select{vertical-align:middle;}


body{line-height:2.0;}


/* Default
-------------------------------------------------------------------- */


body{width:100%; height:100%; margin:0 auto; line-height:1.0;
font-family:"HelveticaNeue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}


img{max-width:100%; width /***/:auto; height:auto;}
a{color:inherit;text-decoration:none; cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
form *{margin:0;padding:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
label,select,input[type="submit"],input[type="button"],input[type="file"],button{cursor:pointer;}
input,textarea{
font-family:inherit;
-webkit-appearance:none;
border-radius:0;}
button{border:none; outline:none;
-webkit-appearance:none;
border-radius:0;}
::selection{background-color:#7DBBB5; color:#FFF;}
::-moz-selection{background-color:#7DBBB5; color:#FFF;}

@media screen and (max-width: 768px){
	img{max-width:100%; width /***/:auto; height:auto;}
}

/* ------------------------- font
@font-face{
font-family:"FontAwesome";
src:url('/web/20200609051759im_/https://www.i-tech-corp.co.jp/wordpress/wp-content/themes/itc/font/fontawesome-webfont.eot');
src:url('/web/20200609051759im_/https://www.i-tech-corp.co.jp/wordpress/wp-content/themes/itc/font/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
	url('/web/20200609051759im_/https://www.i-tech-corp.co.jp/wordpress/wp-content/themes/itc/font/fontawesome-webfont.woff') format('woff'),
	url('/web/20200609051759im_/https://www.i-tech-corp.co.jp/wordpress/wp-content/themes/itc/font/fontawesome-webfont.ttf') format('truetype'),
	url('/web/20200609051759im_/https://www.i-tech-corp.co.jp/wordpress/wp-content/themes/itc/font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight:normal; font-style:normal;}
i{font-weight:normal; font-style:normal; font-family:"FontAwesome";}
*/


/* Class
-------------------------------------------------------------------- */


.clearfix:before, .clearfix:after{content:" "; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.clear{clear:both;}

::Class{
opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";

border-radius:5px;

text-shadow:1px 1px 2px rgba(0,0,0,0.3);

-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
box-shadow:0 0 5px 0 rgba(0,0,0,0.3);

-webkit-transition:property ease 0.2s;
-moz-transition:property ease 0.2s;
-ms-transition:property ease 0.2s;
-o-transition:property ease 0.2s;

-webkit-transform:translate3d(0px, 0px, 1px);

border:10px solid transparent;
border-bottom:10px solid #000;
border-left:10px solid #000;
}


/* Frame
-------------------------------------------------------------------- */


#container{position:relative; background-color:#FFF;}
.inside{max-width:1000px; margin:0 auto; position:relative;}

@media screen and (max-width: 1006px){



	.inside{padding:0 5px;}
}

/* ------------------------- header */
header{position:relative;
z-index:10;}
header:after{content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000;
opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)";
z-index:-1;}
header #parasol{padding:10px 0; text-align:right; border-bottom:1px solid #FFF;
font-size:12px;}
header #parasol a{padding:0 5px; color:#FFF;}
header #parasol a:hover{text-decoration:underline}
header h1{position:absolute; top:-5px;}
header h1 + div{margin:0 0 0 153px;}
/* ここから */
header .logo{position:absolute; top:-8px;}
header .logo + div{margin:0 0 0 153px;}
/* ここまで追加変更 */
#headerInfo{text-align:right; border-bottom:1px solid #434343;}
#headerInfo h2{padding:25px 0 0; float:left;}
#headerInfo > img, #headerInfo a > img, #privacyImage{margin:10px 0 10px 10px;}

/* ------------------------- nav */
.globalnavi{color:#FFF;}
.globalnavi ul{width:100%; display:table;}
.globalnavi ul:after{content:""; display:block; clear:both;}
.globalnavi li{width:14.2%; display:table-cell; position:relative;}
.globalnavi li:before{content:url(../images/navi_arrow.png); margin:9px 0 0; display:block; float:left;}
.globalnavi li a{margin:0 0 0 15px; padding:10px 0; display:block;
-webkit-transition:opacity ease-in-out 0.2s;
-moz-transition:opacity ease-in-out 0.2s;
-ms-transition:opacity ease-in-out 0.2s;
-o-transition:opacity ease-in-out 0.2s;}
.globalnavi li a:hover{
opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
.globalnavi li span{margin:3px 0 0 1px; display:block; color:#5BD32C;
font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.globalnavi li img{display:block; margin:0 auto;}

/* ------------------------- view */
#view{position:relative; top:0; right:0; left:0; text-align:center; clear:both;}
#view + #content{margin-top:-17.5%;/* 初期値-18% */
display:none;}
#view ul{margin:-13% auto 0; position:relative;}
#view li{position:absolute; top:0; right:0; left:0;
display:none;}
#view li.show{position:static;}
#view li img{margin:0 auto; display:block;}
#viewController{max-width:1200px; margin:0 auto; position:relative;}
#viewController i{margin:35% 0 0; position:absolute; text-align:center; cursor:pointer;
z-index:10;
font-size:24px;
opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";
-webkit-transition:opacity ease-in-out 0.2s;
-moz-transition:opacity ease-in-out 0.2s;
-ms-transition:opacity ease-in-out 0.2s;
-o-transition:opacity ease-in-out 0.2s;}
#viewController i:hover{
opacity:0.7; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
#viewController i.right{right:30px;}
#viewController i.left{left:30px;}
#viewController i img{padding:0 5px; display:block;}

/* ------------------------- content */
#content{padding:20px 0 10px; position:relative;
z-index:10;}
#content:after{content:""; display:block; clear:both;}

/* ------------------------- main */
main{margin:0 280px 30px 0; padding:0 5px;}
main > h1{margin:0 auto 20px; text-align:center;}

/* ------------------------- aside */
.sidebar{width:260px; float:right; position:relative;}
.sidebar li{margin:0 auto 5px;}
.sidebar li a{display:block;
-webkit-transition:opacity ease-in-out 0.2s;
-moz-transition:opacity ease-in-out 0.2s;
-ms-transition:opacity ease-in-out 0.2s;
-o-transition:opacity ease-in-out 0.2s;}
.sidebar li a:hover{
opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

/* ------------------------- footer */
footer{position:relative; background-color:#242424; color:#FFF;
z-index:10;}
footer .inside:after{content:""; display:block; clear:both;}
#footerUpper{padding:20px 10px; text-align:center; background-color:#33B700;}
#footerUpper li{margin:3px 0; display:inline-block; border-right:1px solid #CDEDC0;
font-size:13px;}
#footerUpper li:first-child{border-left:1px solid #CDEDC0;}
#footerUpper a{padding:2px 10px; display:block;}
#footerUpper a:hover{text-decoration:underline;}
#footerInner{padding:30px 0;}
#footerInner nav{display:table; float:left; border-left:1px solid #585858; border-right:1px solid #585858;}
#footerInner nav:after{content:""; display:block; clear:both;}
#footerInner a:hover{text-decoration:underline;}
#footerInner ul.parent{width:250px; height:100%; padding:0 10px; float:left;}
#footerInner ul.parent:first-child{width:180px; border-right:1px solid #585858;}
#footerInner ul.parent > li{padding:5px 3px;
font-size:13px;}
#footerInner ul.parent > li:before{content:"\f04d"; margin:0 7px 0 0;
font-family:"FontAwesome";}
#footerInner ul.parent > li > a{}
#footerInner ul.parent ul{margin:5px 0 0 23px;}
#footerInner ul.parent ul li{padding:4px 0; line-height:1.3;
font-size:11px;}
#footerInfo{padding:0 10px; float:right;}


/* Frame Responsive
-------------------------------------------------------------------- */


.pc{display:block;}
.mb{display:none;}


@media screen and (max-width: 968px){
	header h1{top:15px; left:10px;}
	header h1 + div{margin:0 0 0 153px;}
	header .logo{top:15px; left:10px;}
	header .logo + div{margin:0 0 0 153px;}
	.globalnavi li{width:25%; display:block; float:left;}

	#viewController i{margin:30% 0 0;}

	#footerInner nav{max-width:600px; display:block; float:none;}
	#footerInfo{float:none; text-align:center;}
	#footerInner nav{margin:0 auto 20px; padding:0 20px;}
	#footerInner ul.parent{width:50%; padding:0;}
	#footerInner ul.parent:first-child{width:100%; margin:0 auto 20px; float:none; border-right:none;}
	#footerInner ul.parent:first-child:after{content:""; display:block; clear:both;}
	#footerInner ul.parent:first-child li{width:50%; float:left;}
}

@media screen and (max-width: 768px){
	.pc{display:none;}
	.mb{display:block;}

	header .inside{max-width:410px; padding:0 0 15px;}
	header #parasol .inside{padding:0;}
	header h1{top:5px;}
	header .logo{top:5px;}
	#headerInfo{text-align:center; border-bottom:none;}
	#headerInfo h2{padding:25px 0 10px; float:none;}

	#slidemenuController{padding:10px 20px; position:relative; color:#FFF;
	z-index:10;}
	#slidemenuController:before{content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#555;
	opacity:0.5; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)";
	z-index:-1;}
	#slidemenuController:after{content:""; display:block; clear:both;}
	#slidemenuController .right{width:50%; float:right; text-align:right;}
	#slidemenuController .left{width:50%; float:left;}
	#slidemenuController a{
	font-size:28px;}
	#slidemenuController a:hover{color:#33B700;}

	#viewController i img{width:32px;}

	main{margin:0 auto;}

	#footerInner ul.parent{width:50%; margin:0 auto 10px;}

	/* ------------------------- slidMenu */
	body{overflow-x:hidden;}
	.slideNaviOpen,
	.slideSideOpen{overflow-y:scroll;}

	#container{width:100%; left:0; position:relative;
	z-index:2;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	-webkit-transition:left ease 0.3s;
	-moz-transition:left ease 0.3s;
	-ms-transition:left ease 0.3s;
	-o-transition:left ease 0.3s;
	transition:left ease 0.3s;}

	.globalnavi{width:200px; float:left; position:absolute; top:0; left:0; visibility:hidden;
	z-index:1;
	-webkit-transition:visibility ease 0s 0.3s;
	-moz-transition:visibility ease 0s 0.3s;
	-ms-transition:visibility ease 0s 0.3s;
	-o-transition:visibility ease 0s 0.3s;
	transition:visibility ease 0s 0.3s;}
	.globalnavi li{width:100%; margin:10px 0; padding:0 20px 10px; float:none; border-bottom:1px dashed #DDD; color:#181818;}

	.sidebar{width:230px; padding:20px 5px 20px 20px; float:right; position:absolute; top:0; right:0; visibility:hidden; text-align:center;
	z-index:1;
	-webkit-transition:visibility ease 0s 0.3s;
	-moz-transition:visibility ease 0s 0.3s;
	-ms-transition:visibility ease 0s 0.3s;
	-o-transition:visibility ease 0s 0.3s;
	transition:visibility ease 0s 0.3s;}

	.slideNaviOpen, .slideSideOpen{overflow-y:scroll;}
	.slideNaviOpen #container{position:fixed; top:0; left:200px;}
	.slideSideOpen #container{position:fixed; top:0; left:-230px;}

	.slideNaviOpen .globalnavi{position:relative; visibility:visible;
	-webkit-transition:visibility ease 0s;
	-moz-transition:visibility ease 0s;
	-ms-transition:visibility ease 0s;
	-o-transition:visibility ease 0s;
	transition:visibility ease 0s;}
	.slideSideOpen .sidebar{position:relative; visibility:visible;
	-webkit-transition:visibility ease 0s;
	-moz-transition:visibility ease 0s;
	-ms-transition:visibility ease 0s;
	-o-transition:visibility ease 0s;
	transition:visibility ease 0s;}
}

@media screen and (max-width: 668px){
	#footerInner ul.parent ul{margin:5px 10px 0 0;}
}

@media screen and (max-width: 480px){
	header h1{padding:10px 0 0; position:static; text-align:center;}
	header h1 img{width:100px;}
	header h1 + div{margin:auto;}
	header .logo{padding:10px 0 0; position:static; text-align:center;}
	header .logo img{width:100px;}
	header .logo + div{margin:auto;}
	#headerInfo h2{padding:15px 0 10px;}

	#viewController i.right{right:10px;}
	#viewController i.left{left:10px;}

}

@media screen and (max-width: 480px){
	#footerUpper li{display:block; text-align:left; border-right:none; border-left:1px solid #CDEDC0;}
}

@media screen and (max-width: 400px){
	#footerInner ul.parent{width:100%; float:none;}
}


/* Module
-------------------------------------------------------------------- */


/* ------------------------- paging */
#paging{margin:40px auto 0; padding:0 3px 40px; text-align:center;}
#paging li{display:inline;}
#paging a, #paging span{margin:10px 2px; padding:5px 10px 4px; display:inline; text-align:center; border:1px solid #33B700;
border-radius:1px;}
#paging a{text-decoration:none; background-color:#FFF; color:#33B700;}
#paging a:hover{background-color:#30906B; color:#FFF;}
#paging span{background-color:#33B700; color:#FFF;}

#numPaging a#nextArrow, #numPaging a#prevArrow{padding:5px 18px 4px;}
#numPaging a#nextArrow{margin:10px 2px 10px 16px;}
#numPaging a#prevArrow{margin:10px 16px 10px 2px;}

/* ------------------------- nearlink */
#nearlink{}
#nearlink .next{}
#nearlink .prev{}

/* ------------------------- editorArea */
.editorArea{padding:30px 30px 10px; clear:left; line-height:2.2; letter-spacing:0.1em; overflow:hidden;}
.editorArea .alignleft{float:left; margin:0 10px 0 0;}
.editorArea .alignright{float:right; margin:0 0 0 10px;}
.editorArea .aligncenter{margin:0 auto; display:block;}

.editorArea .thumbnail{margin:30px 0 10px;}

.editorArea a{color:#33B700;}
.editorArea a:hover{text-decoration:underline; color:#53D720;}

.editorArea h1{margin:0 auto 15px; padding:0 0 0 14px; position:relative; line-height:1.3;
font-size:24px; font-weight:bold;}
.editorArea h1:before{content:""; height:100%; display:block; position:absolute; top:0; left:0; border-left:4px solid #33B700;}
.editorArea h2{margin:0 auto 15px; line-height:1.3;
font-size:24px; font-weight:bold;}
.editorArea h3{margin:0 auto 10px; line-height:1.3;
font-size:20px; font-weight:bold;}
.editorArea h4{margin:0 auto 15px; padding:0 0 10px; position:relative; line-height:1.3; border-bottom:3px solid #33B700; color:#33B700;
font-size:20px; font-weight:bold;}
.editorArea h4:before{content:""; width:120px; display:block; position:absolute; bottom:-3px; left:0; border-bottom:3px solid #209100;}

.editorArea table{width:100%; text-align:left; line-height:1.5;}
.editorArea table th{padding:20px 10px; word-wrap:break-word; border:1px solid #242424; background-color:#E5F2E0; color:#299714;}
.editorArea table td{padding:20px 10px; word-wrap:break-word; border:1px solid #242424;}
.editorArea table td + td{
white-space:normal;}
.editorArea table .responsiveTh{display:none;}

.editorArea blockquote{margin:10px auto; padding:15px; background-color:#E9E6DA;}

.editorArea .video{width:100%; height:100%; position:relative; padding:30px 0 56.25%; overflow:hidden;}
.editorArea .video iframe{width:100%; height:100%; position:absolute; top:0; left:0;}

.editorArea .arrowList{margin:0 0 0 20px;}
.editorArea .arrowList li:before{content:"\f0da"; margin:0 10px 0 0; color:#33B700;
font-size:14px; font-weight:normal; font-family:"FontAwesome";}

.editorArea .itecList{width:100%; display:table; border:1px solid #33B700;}
.editorArea .itecList h5{width:150px; height:100%; display:table-cell; text-align:center; line-height:1.3; vertical-align:middle; background-color:#33B700; color:#FFF;}
.editorArea .itecList ul{padding:15px 10px 0 20px; display:table-cell;}
.editorArea .itecList li{padding:0 0 15px; line-height:1.5;
font-size:13px;}
.editorArea .itecList li:before{content:"\f06a"; margin:0 8px 0 0; line-height:0; vertical-align:middle; color:#33B700;
font-size:20px; font-weight:normal; font-family:"FontAwesome";}

.editorArea .itec li{padding:0 0 15px; line-height:1.5;
font-size:13px;}
.editorArea .itec li:before{content:"\f06a"; margin:0 8px 0 0; line-height:0; vertical-align:middle; color:#33B700;
font-size:20px; font-weight:normal; font-family:"FontAwesome";}

.editorArea .button1,
.editorArea .button2,
.editorArea .button3,
.editorArea .button4{
margin:10px; padding:20px 60px; display:inline-block; text-align:center; line-height:1.2; border:1px solid #FFF; color:#FFF;
font-weight:bold;
text-shadow:-1px -1px 0 #666;
border-radius:3px;
box-shadow:1px 1px 2px 1px #CCC;
-webkit-box-shadow:1px 1px 2px 1px #CCC;}
.editorArea .button1:hover,
.editorArea .button2:hover,
.editorArea .button3:hover,
.editorArea .button4:hover{
opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
.editorArea .button1:before,
.editorArea .button2:before,
.editorArea .button3:before,
.editorArea .button4:before{
content:"\f144";
margin:0 40px 0 -40px;
font-size:14px; font-weight:normal; font-family:"FontAwesome";}

.editorArea .button1{background-color:#33B700;}
.editorArea .button2{background-color:#242424;}
.editorArea .button3{background-color:#EF2A59;}
.editorArea .button4{background-color:#DEB915;}

.editorArea .category{margin:0 0 10px 20px; display:table; float:right;
font-size:11px;}
.editorArea .category p{padding:2px 5px; display:table-cell; background-color:#0B0A0A; color:#FFF;}
.editorArea .category ul{padding:2px 8px; display:table-cell; background-color:#E9E6DA;}
.editorArea .category ul:hover{background-color:#33B700; color:#FFF;}
.editorArea .category ul:hover a{color:#FFF;}
.editorArea .category a:hover{text-decoration:underline;}


@media screen and (max-width: 900px){
	#viewController i{margin:250px 0 0;}
}

@media screen and (max-width: 768px){
	#viewController i img{width:32px;}
}

@media screen and (max-width: 668px){
	#viewController i{margin:200px 0 0;}
}

@media screen and (max-width: 600px){
	.editorArea{padding:30px 10px 10px;}
}

@media screen and (max-width: 500px){
	.editorArea table{border-bottom:1px solid #242424;}
	.editorArea table thead{display:none;}
	.editorArea table tr{border-top:1px solid #242424;}
	.editorArea table th{width:100%; display:block; border:none; border-right:1px solid #242424; border-left:1px solid #242424;}
	.editorArea table td{width:100%; padding:10px 10px 5px; display:block; position:relative; text-align:left; border:none; border-right:1px solid #242424; border-left:1px solid #242424;}
	.editorArea table td:after{content:""; display:block; clear:both;}
	.editorArea table .responsiveTh{width:50%; padding:0 20px 5px 0; display:block; float:left; text-align:left; color:#33B700;
	font-weight:bold;}

	#viewController i{margin:150px 0 0;}
}

@media screen and (max-width: 480px){
	.editorArea .itecList{display:block;}
	.editorArea .itecList h5{width:100%; padding:20px 0; display:block;
	font-size:20px;}
	.editorArea .itecList ul{padding:15px 20px 0 15%; display:block;}
}

@media screen and (max-width: 400px){
	#viewController i{margin:100px 0 0;}
}


/* Front
-------------------------------------------------------------------- */


.front{}
#recentTopics{margin:0 auto 50px;}
#recentTopics:after{content:""; display:block; clear:left;}
#recentTopics h1{width:47px; float:left;}
#recentTopics h3{width:47px; float:left;}/* 追加 */
#recentTopics ul{margin:0 0 0 47px; padding:0 0 0 20px; border-left:2px solid #242424;}
#recentTopics li{padding:10px 0; line-height:1.5; letter-spacing:0.1em; border-top:1px dotted #ABABAB;
font-size:13px;}
#recentTopics li:first-child{border-top:none;}
#recentTopics li:before{content:"\f0da"; margin:0 10px 0 0; color:#33B700;
font-family:"FontAwesome";}
#recentTopics li time{padding:0 15px 0 0;}
#recentTopics li a:hover{text-decoration:underline;}

#specialGlance{margin:0 auto 50px; line-height:1.3; color:#6DAD3F;
font-size:19px; font-weight:bold;}
#specialGlance h1{margin:0 auto 30px;}
#specialGlance h1 + div{max-width:575px; margin:0 auto; text-align:center;}
#specialGlance h3{margin:0 auto 30px;}/* 追加 */
#specialGlance h3 + div{max-width:575px; margin:0 auto; text-align:center;}/* 追加 */
#specialGlance a:hover{
opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
#smart_pay{margin:10px 4px 15px; padding:10px 5px;
font-size:0;
background:-webkit-linear-gradient(top, #FEFEFE, #E6E6E6);
background:linear-gradient(to bottom, #FEFEFE, #E6E6E6);
-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.2);
box-shadow:0 0 6px 0 rgba(0,0,0,0.2);
border-radius:2px;}
#smart_pay #smart_payHead{width:50%; display:inline-block; vertical-align:middle;
font-size:17px;}
#smart_pay #smart_payLinks{width:50%; display:inline-block; vertical-align:middle;}
#smart_pay #pdf{max-width:230px; margin:0 auto 10px; padding:5px; display:block; border:1px solid #AACFE9; color:#575757;
font-size:12px;
border-radius:2px;
background:-webkit-linear-gradient(top, #FCFDFF, #CEE8F7);
background:linear-gradient(to bottom, #FCFDFF, #CEE8F7);
-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);
box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);}
#smart_pay #pdf img{margin:0 20px 0 0; vertical-align:middle;}
#smart_pay #google_play{margin:0 8px 0 0; border:1px solid #FFF;
border-radius:5px;
-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);
box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);}
#smart_pay #app_store{border:1px solid #FFF;
border-radius:5px;
-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);
box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);}

.serviceGlance{margin:0 auto 30px;}
.serviceGlance:after{content:""; display:block; clear:both;}
.serviceGlance h1{margin:0 auto 30px;}
.serviceGlance h3{margin:0 auto 30px;}/* 追加 */
.serviceGlance h2{margin:0 auto 15px;}
.serviceGlance h4{margin:0 auto 15px;}/* 追加 */
.serviceGlance li{width:50%; margin:0 0 10px; float:left;}
.serviceGlance li:after{content:""; display:block; clear:left;}
.serviceGlance li a{width:84px; height:84px; margin:0 10px 0 0; display:block; float:left;}
.serviceGlance li > img{margin:15px auto 0;}

#serviceGlance_1{
background:url(../images/top.service_1.png);}
#serviceGlance_1:hover{
background:url(../images/top.service_1-on.png);}
#serviceGlance_2{
background:url(../images/top.service_2.png);}
#serviceGlance_2:hover{
background:url(../images/top.service_2-on.png);}
#serviceGlance_3{
background:url(../images/top.service_3.png);}
#serviceGlance_3:hover{
background:url(../images/top.service_3-on.png);}
#serviceGlance_4{
background:url(../images/top.service_4.png);}
#serviceGlance_4:hover{
background:url(../images/top.service_4-on.png);}
#serviceGlance_5{
background:url(../images/top.service_5.png);}
#serviceGlance_5:hover{
background:url(../images/top.service_5-on.png);}
#serviceGlance_6{
background:url(../images/top.service_6.png);}
#serviceGlance_6:hover{
background:url(../images/top.service_6-on.png);}
#serviceGlance_7{
background:url(../images/top.service_7.png);}
#serviceGlance_7:hover{
background:url(../images/top.service_7-on.png);}
#serviceGlance_8{
background:url(../images/top.service_8.png);}
#serviceGlance_8:hover{
background:url(../images/top.service_8-on.png);}
#serviceGlance_9{
background:url(../images/top.service_9.png);}
#serviceGlance_9:hover{
background:url(../images/top.service_9-on.png);}
#serviceGlance_10{
background:url(../images/top.service_10.png);}
#serviceGlance_10:hover{
background:url(../images/top.service_10-on.png);}

@media screen and (max-width: 868px) and (min-width: 768px){
	#smart_pay #smart_payHead, #smart_pay #smart_payLinks{width:auto; margin:0 auto 10px; display:block;}
}

@media screen and (max-width: 600px){
	#smart_pay{max-width:280px; margin:10px auto 15px;}
	#smart_pay #smart_payHead, #smart_pay #smart_payLinks{width:auto; margin:0 auto 10px; display:block;}
}

@media screen and (max-width: 500px){
	#productsGlance li{width:100%; float:none;}
}


/* Lower
-------------------------------------------------------------------- */


.lower{}
#lowHeading{width:100%; height:200px; position:relative; overflow:hidden;
z-index:2;
background:url(../images/view_low.png) no-repeat center;}
#lowHeading:before{content:""; width:20px; height:20px; position:absolute; top:30px; background-color:#33B700;}
#lowHeading h1{position:absolute; top:46%; left:20px; line-height:1.3; letter-spacing:0.1em; color:#FFF;
font-size:28px;
text-shadow:2px 2px 1px #000;}
#lowHeading img{width:100%; min-width:600px;}
#breadcrumb{height:30px; padding:0 10px; text-align:right; background-color:#242424; color:#FFF;}
#breadcrumb li{padding:10px 5px; display:inline-block;
font-size:11px;}
#breadcrumb li:not(:first-child):before{content:"\f105"; margin:0 8px 0 0;
font-family:"FontAwesome";}
#breadcrumb a:hover{text-decoration:underline;}
#lowerHeader:after{content:""; display:block; clear:both;}
#lowerHeader h1{padding:10px 0;}


@media screen and (max-width: 768px){
}

@media screen and (max-width: 500px){
}


/* Page
-------------------------------------------------------------------- */


.page{}



/* Service
-------------------------------------------------------------------- */


#service{max-width:646px; margin:0 auto; line-height:1.5;}
#service:after{content:""; display:block; clear:left;}
#serviceHead{text-align:center; border-left:1px solid #358100;
font-size:0;}
#serviceHead:after{content:""; display:block; clear:both;}
#serviceHead li{width:20%; float:left; border-top:1px solid #358100; border-bottom:1px solid #358100; border-right:1px solid #CCC;
font-size:0;}
#serviceHead li:first-child{}
#serviceHead a{display:block;
-webkit-transition:opacity ease-in-out 0.2s;
-moz-transition:opacity ease-in-out 0.2s;
-ms-transition:opacity ease-in-out 0.2s;
-o-transition:opacity ease-in-out 0.2s;}
#serviceHead a:hover{
opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
#serviceHead img{display:block;}

#serviceContent{text-align:left;}
#serviceContent > div{padding:5px 0; border:1px solid #A5A5A5; border-top:none;
font-size:0;}
#serviceContent > div:after{content:""; display:block; clear:left;}
#serviceContent h5{margin:0 1.2% 5px;}
#serviceProducts{background-color:#FFF;}
#serviceService{background-color:#E2F7DB;}

#service .redLink{width:120px; min-height:30px; margin:0 0.8% 10px 1.2%; padding:10px 0 10px 0; display:table; position:relative; text-align:center; vertical-align:middle; line-height:1.2; letter-spacing:-1px; background-color:#C00000; color:#FFF;
font-size:10px; font-weight:bold;
border-radius:5px;
box-shadow:1px 1px 3px 0 #999;
-webkit-box-shadow:1px 1px 3px 0 #999;}
#service .redLink:before{content:""; width:16px; height:100%; display:block; position:absolute; top:0; bottom:0; left:0;
background:url(../images/service_link_arrow.png) no-repeat center #870000;
border-radius:5px 0 0 5px;}
#service .redLink:hover{text-decoration:none; background-color:#D20202;}
#service .redLink span{padding:0 5px 0 16px; display:table-cell; vertical-align:middle;}

#service .redLink#networkLink{width:58%;}
#service .redLink#numberLink,
#service .redLink#gateLink,
#service .redLink#bikeLink,
#service .redLink#rockLink,
#service .redLink#cameraLink{width:18%; float:left;}

#service .redLink#qtnetLink{width:76%; letter-spacing:1px;
font-size:13px;}
#service .redLink#smartpayLink{width:56%; letter-spacing:1px;
font-size:13px;}
#service .redLink#supportLink{width:76%; letter-spacing:1px;
font-size:13px;}

#serviceLinks{margin:20px auto 0;}
#serviceLinks a{padding:5px 0; display:block;}

@media screen and (max-width: 1000px){
	#serviceHead{border-left:1px solid #CCC;}
	#serviceHead li{border-bottom:none;}
}

@media screen and (max-width: 320px){
	#serviceHead{max-width:256px; margin:0 auto;}
	#serviceHead li{width:50%; border-bottom:none;}
	#serviceContent{margin:0 auto; display:none;}
}


/* LP
-------------------------------------------------------------------- */


#lp{text-align:center; overflow:hidden;}
#lp img{margin:0 auto; display:block;}
#lp main{margin:0 auto; padding:0;}
#lp section{position:relative;}
#lp .toContact{padding:0 20px;}
#lp .toContact a{max-width:500px; margin:30px auto; padding:10px 10px; display:block; line-height:1.5; letter-spacing:0.05em; background-color:#DF4F5F; color:#FFF;
font-size:28px; font-weight:bold;
border-radius:100px;
box-shadow:1px 1px 2px 1px #666;
-webkit-box-shadow:1px 1px 2px 1px #666;
-webkit-transition:background-color ease-in-out 0.2s;
-moz-transition:background-color ease-in-out 0.2s;
-ms-transition:background-color ease-in-out 0.2s;
-o-transition:background-color ease-in-out 0.2s;}
#lp .toContact a i{font-size: 20px; margin-right: 5px; display: block; float: left;}
#lp .toContact a:hover{background-color:#33B700;}
#lp .toContact span{
font-size:20px;}

@media screen and (max-width: 500px){
	#lp .toContact{padding:0 10px;}
	#lp .toContact a{
	font-size:16px;}
	#lp .toContact a:before{
	font-size:20px;}
	#lp .toContact span{
	font-size:13px;}
}

#lpSection_1{padding:0 10px;
background:url(../images/lp_1_bg.png) no-repeat top center;
background-size:contain;}

@media screen and (min-width: 769px){
	#lpSection_1{
	background:url(../images/lp_1_bg.png) no-repeat top center;
	background-size:contain;}
}

@media screen and (max-width: 1024px){
	#lpSection_1{
	background-size:1024px;}
}

@media screen and (max-width: 768px){
	#lpSection_1{
	background-size:968px;}
}

@media screen and (max-width: 480px){
	#lpSection_1{
	background-size:868px;}
}

#lpSection_1 .inner{max-width:1100px; margin:0 auto 30px; }
#lpSection_1 h1{margin:15px auto 10px 120px; float:left;}
#lpSection_1 h1 img{
-webkit-transition:opacity ease-in-out 0.2s;
-moz-transition:opacity ease-in-out 0.2s;
-ms-transition:opacity ease-in-out 0.2s;
-o-transition:opacity ease-in-out 0.2s;}
#lpSection_1 h1 img:hover{
opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)";}
#lpSection_1 .toContact a{width:220px; margin:15px 120px 15px auto; padding: 10px 15px; float:right;
font-size:14px; font-weight:normal;}
#lpSection_1 .toContact a:before{
font-size:16px;}
#lpSection_1 .toContact span{
font-size:12px;}
#lpSection_1 h2{clear:both;}
#lpSection_1 #lp_1_arrow{margin:15px auto 10px;}
#lpSection_1-1{padding:110px 0 0; position:relative;}
#lpSection_1-1 #lp_1_carimage{position:absolute; top:-160px; right:20px;}

@media screen and (max-width: 1124px){
	#lpSection_1-1{padding:10px 0 0;}
	#lpSection_1-1 #lp_1_carimage{margin:0 auto 20px; position:static;}
}

@media screen and (max-width: 668px){
	#lpSection_1 h1{margin:0 auto; padding:15px 0; float:none;}
	#lpSection_1 h1 img{width:86px;}
	#lpSection_1 h3{width:80%; margin:0 auto;}
	#lpSection_1 .toContact a{margin:0 auto 20px; float:none;}
}

#lpSection_2{margin:0 auto 30px;}
#lpSection_2 h1{margin:0 auto 30px; padding:0 10px;}
#lpSection_2 table{width:100%; max-width:960px; margin:0 auto;}
#lpSection_2 table td{width:33.3%; vertical-align:top; border:1px solid #D9D9D9;}
#lpSection_2 table td div{height:500px; padding:15px 20px 120px; position:relative;}
#lpSection_2 table p{margin:20px auto 0; text-align:left; line-height:1.5;
font-size:15px;}
#lpSection_2 table #icon{margin-left:-85px; position:absolute; bottom:10px; left:50%;}

#lpSection_2 table img:not(#icon){width:100%; max-width:265px;}

@media screen and (max-width: 768px){
	#lpSection_2 h1{width:140%; margin-left:-20%;}
}

@media screen and (max-width: 668px) and (min-width: 480px){
	#lpSection_2 table{margin:0 10px;}
	#lpSection_2 table td{width:100%; display:block;}
	#lpSection_2 table td:after{content:""; display:block; clear:both;}
	#lpSection_2 table td div{height:auto; padding:15px 20px 10px;}
	#lpSection_2 table td img{width:200px; padding:0 20px 0 0; float:left;}
	#lpSection_2 table td p{margin:10px 0 0 220px;}
	#lpSection_2 table #icon{margin:0 0 10px; float:right; position:static;}
}

@media screen and (max-width: 480px){
	#lpSection_2 h1{width:180%; margin-left:-40%;}
	#lpSection_2 table td{width:100%; display:block;}
	#lpSection_2 table td div{height:auto; padding:15px 20px 10px;}
	#lpSection_2 table td img:first-child{width:220px;}
	#lpSection_2 table #icon{width:150px; margin:0 auto; position:static;}
}

#lpSection_3{margin:0 auto 30px; padding:30px 20px 1px; background-color:#EDEDF0;}
#lpSection_3 h1{margin:20px auto 20px;}
#lpSection_3 .description{max-width:650px; margin:20px auto; text-align:left;}
#lpSection_3 .description:after{content:""; display:block; clear:both;}
#lpSection_3 .description img{width:107px; float:left;}
#lpSection_3 .description .text{margin:0 auto 0 120px; padding:20px 25px; line-height:1.8; background-color:#FFF;
font-size:14px;
border-radius:5px;}
#lpSection_3 #lp_3_2_image{margin:15px auto;}
#lpSection_3 #lp_3_2_image-2{margin:15px auto 30px;}
#lpSection_3 #appealTable{max-width:680px; margin:0 auto; line-height:1.5; background-color:#FFF;
font-size:14px;}
#lpSection_3 #appealTable:after{content:""; display:block; clear:both;}
#lpSection_3 #appealTable p{float:left; text-align:left;}
#lpSection_3 #appealTable p.headItem{width:250px; padding:10px 20px; position:relative; background-color:#33B700; color:#FFF;}
#lpSection_3 #appealTable p.headItem:after{content:""; width:100%; height:100%; display:block; position:absolute; top:0; right:0;
background:url(../images/lp_3_3_row_arrow.png) no-repeat right;
background-size:contain;}
#lpSection_3 #appealTable p.lockingPlate{width:50%; text-align:center;}
#lpSection_3 #appealTable p.lockingLess{width:50%; text-align:center; color:#33B700;}
#lpSection_3 #appealTable #tableInner{padding:20px 20px 10px;}
#lpSection_3 #appealTable #tableHead{padding:0 0 5px 250px; border-bottom:1px solid #E6E6E6;}
#lpSection_3 #appealTable #tableHead:after{content:""; display:block; clear:both;}
#lpSection_3 #appealTable .row{clear:both; border-bottom:1px solid #E6E6E6;}
#lpSection_3 #appealTable .row:after{content:""; display:block; clear:both;}
#lpSection_3 #appealTable .rowPoint{margin:0 0 0 250px; padding:5px 0;}
#lpSection_3 #appealTable .rowPoint p span{margin:0 10px; padding:5px; display:block;}
#lpSection_3 #appealTable .rowPoint p.lockingPlate span{background-color:#D9D9D9;}
#lpSection_3 #appealTable .rowPoint p.lockingLess span{background-color:#EAF8E5;}
#lpSection_3 #appealTable #caution{margin-top:10px; float:none; text-align:right;}

@media screen and (max-width: 568px){
	#lpSection_3 #appealTable #tableHead{padding:0 0 5px;}
	#lpSection_3 #appealTable .row{padding:0 0 15px;}
	#lpSection_3 #appealTable p{margin:0 auto;}
	#lpSection_3 #appealTable p.headItem{width:100%; float:none; text-align:center;}
	#lpSection_3 #appealTable p.headItem:after{display:none;}
	#lpSection_3 #appealTable .rowPoint{margin:0 auto;}
	#lpSection_3 .toContact{padding:0;}
}

@media screen and (max-width: 480px){
	#lpSection_3 .description img{width:auto; padding:0 10px 0 0; float:none;}
	#lpSection_3 .description .text{margin:-10px auto 25px;}
}

@media screen and (max-width: 400px){
	#lpSection_3 .description img{width:80px; margin:0 auto 15px; float:none;}
	#lpSection_3 .description p{margin:0 auto;}
}

#lpSection_4{margin:0 auto 30px; padding:0 20px;}
#lpSection_4 .description{padding:20px 25px; text-align:left; line-height:1.8; background-color:#EDEDEF;
font-size:14px;
border-radius:5px;}
#lpSection_4 .description.one{max-width:530px; margin:0 auto;}
#lpSection_4 .description.tow{max-width:464px; margin:0 auto;}
#lpSection_4 #lp_4_heading{margin:10px auto;}
#lpSection_4 #lp_4_arrow{margin:10px auto;}
#lpSection_4 #lp_4_graph{margin:0 auto 20px;}
#lpSection_4 #lp_4_image{margin:20px auto;}

@media screen and (max-width: 480px){
	#lpSection_4 .description{padding:15px;}
}

#lpSection_5{margin:0 auto; padding:20px;
background:url(../images/lp_5_bg.png) no-repeat center;
background-size:cover;}
#lpSection_5 .inner{max-width:960px; margin:0 auto; padding:30px 20px 15px; position:relative;
z-index:2;}
#lpSection_5 .inner:before{content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF;
z-index:-1;
opacity:0.5; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
#lpSection_5 .inner p{max-width:600px; margin:0 auto; text-align:left; line-height:1.8;
font-size:15px;}
#lpSection_5 #lp_5_icon{position:absolute; left:-120px; bottom:40px;}

@media screen and (max-width: 968px){
	#lpSection_5 #lp_5_icon{margin:20px auto 10px; position:static;}
}

@media screen and (max-width: 480px){
	#lpSection_5{padding:10px;}
}

#lpSection_6{margin:0 auto; padding:30px 10px 1px; background-color:#EAF8E5;}
#lpSection_6 #q_and_a{max-width:970px; margin:0 auto;}
#lpSection_6 #q_and_a p{padding:20px 0; text-align:left; line-height:1.3;
font-size:26px;}
#lpSection_6 #q_and_a p:after{content:""; display:block; clear:both;}
#lpSection_6 #q_and_a p:first-child{border-bottom:2px solid #33B700;}
#lpSection_6 #q_and_a span{margin:40px auto 0 70px; display:block;}
#lpSection_6 #q_and_a img{margin:10px 10px 10px 0; float:left;}
#lpSection_6 #q_and_a_message{max-width:800px; margin:20px auto 0; padding:10px 20px; position:relative; line-height:1.3;
font-size:24px;}
#lpSection_6 #q_and_a_message:before{content:"“"; position:absolute; top:20px; left:0; line-height:0; color:#C4EAB5;
font-size:90px; font-family:"ＭＳ Ｐゴシック",sans-serif;}
#lpSection_6 #q_and_a_message:after{content:"”"; position:absolute; bottom:-20px; right:0; line-height:0; color:#C4EAB5;
font-size:90px; font-family:"ＭＳ Ｐゴシック",sans-serif;}

@media screen and (max-width: 600px){
	#lpSection_6 #q_and_a p{
	font-size:20px;}
	#lpSection_6 #q_and_a span{margin:20px auto 0 70px;}
}

@media screen and (max-width: 480px){
	#lpSection_6{padding:0 10px 1px;}
	#lpSection_6 #q_and_a p{padding:10px 0;}
	#lpSection_6 #q_and_a_message{padding:10px 5px;}
	#lpSection_6 .toContact{padding:0;}
}


@media screen and (max-width: 380px){
	#lpSection_6 #q_and_a p{
	font-size:16px;}
	#lpSection_6 #q_and_a img{width:50px; margin:10px auto; float:none;}
	#lpSection_6 #q_and_a span{margin:15px auto; text-align:center;}
}

#lpSection_7{margin:0 auto; padding:30px 10px; overflow:hidden;
background:url(../images/lp_7_bg.png) no-repeat center;
background-size:cover;}
#lpSection_7 .description{max-width:400px; margin:0 auto; padding:20px 25px; line-height:1.8; background-color:#EDEDEF;
font-size:14px;
border-radius:5px;}
#lpSection_7 #lp_7_image-1{max-width:740px; margin:30px auto; position:relative;}
#lpSection_7 .description.one{width:230px; height:230px; padding:65px 20px; position:absolute; bottom:-20px; right:-80px; text-align:left;
border-radius:100%;}
#lpSection_7 #lp_7_image-2{max-width:740px; margin:30px auto; position:relative;}
#lpSection_7 #lp_7_image-2_icon{position:absolute; top:-70px; right:-70px;}
#lpSection_7 .description.three{width:230px; height:230px; padding:65px 20px; position:absolute; bottom:-20px; right:-80px; text-align:left;
border-radius:100%;}

@media screen and (max-width: 900px){
	#lpSection_7 .description.one{bottom:-10px; right:-10px;}
	#lpSection_7 .description.three{bottom:-10px; right:-10px;}
	#lpSection_7 #lp_7_image-2_icon{top:-20px; right:-20px;}
}

@media screen and (max-width: 568px){
	#lpSection_7 .description.one, #lpSection_7 .description.three{margin:15px auto 0; position:static;}
}

#lpSection_8{margin:0 auto; padding:20px 10px;
font-size:0;
background:url(../images/lp_8_bg.png) no-repeat center;
background-size:cover;}
#lpSection_8 img{margin:0 auto; display:block;}

#lpSection_9{max-width:960px; margin:0 auto 60px; padding:0 40px; text-align:left;}
#lpSection_9 h1{margin:40px auto 20px; padding:15px 10px; text-align:center; background-color:#DF4F5F; color:#FFF;
font-size:32px;}
#lpSection_9 h1 span{
font-size:26px;}
#lpSection_9 h1 #lp_9_icon{position:absolute; top:-70px; right:-20px;}
#lpSection_9 .inner{padding:0 20px;}
#lpSection_9 p{line-height:1.3;
font-size:14px;}
#lpSection_9 form{margin:30px auto; border-top:1px solid #F1F1F3;}
#lpSection_9 form .formRow{padding:10px 15px; border-bottom:1px solid #F1F1F3;}
#lpSection_9 form .formRow:after{content:""; display:block; clear:both;}
#lpSection_9 form .formRow input, #lpSection_9 form .formRow textarea{width:100%; padding:5px; border:1px solid #E77A87; outline:none;}
#lpSection_9 form label{width:170px; padding:10px 0 0; float:left; color:#DF4F5F;
font-size:15px;}
#lpSection_9 form .formItem{margin:0 0 0 170px;}
#lpSection_9 form #submit input{margin:20px auto; padding:5px 60px; border:none; outline:none; background-color:#DF4F5F; color:#FFF;
font-size:24px; font-weight:bold;
border-radius:100px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);
-webkit-transition:background-color ease-in-out 0.2s;
-moz-transition:background-color ease-in-out 0.2s;
-ms-transition:background-color ease-in-out 0.2s;
-o-transition:background-color ease-in-out 0.2s;}
#lpSection_9 form #submit input:hover{background-color:#33B700;}
#lpSection_9 form span{line-height:2;
font-size:11px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#lpSection_9 form .wpcf7-response-output{padding:20px 10px; text-align:center; line-height:1.3;}

@media screen and (max-width: 768px){
	#lpSection_9 h1{padding:10px;}
	#lpSection_9 h1 #lp_9_icon{margin:10px auto 0; position:static;}
}

@media screen and (max-width: 668px){
	#lpSection_9{padding:0 10px;}
	#lpSection_9 h1{
	font-size:26px;}
	#lpSection_9 h1 span{
	font-size:18px;}
}

@media screen and (max-width: 500px){
	#lpSection_9 .inner{padding:0 10px;}
	#lpSection_9 form .formRow{padding:10px 0;}
}

@media screen and (max-width: 450px){
	#lpSection_9 form label{padding:5px 0 10px; float:none;}
	#lpSection_9 form .formItem{margin:0 auto;}
	#lpSection_9 h1{
	font-size:18px;}
	#lpSection_9 h1 span{
	font-size:14px;}
}

#lp #cr{padding:15px; background-color:#33B700; color:#FFF;
font-size:13px;}


/* Archive
-------------------------------------------------------------------- */


.archive{}
#categories{margin:0 auto 10px;
font-size:10px;}
#categories h5{padding:6px 8px; display:inline-block; background-color:#888; color:#FFF;}
#categories ul{display:inline-block;}
#categories li{display:inline-block; background-color:#EAEAEA; color:#888;}
#categories li a{padding:6px 8px; display:inline-block;}
#categories li a:before{content:"◇"; padding:0 2px 0 0;}
#categories li a:hover{background-color:#33B700; color:#FFF;}
#categories li a:before{content:"◇"; padding:0 2px 0 0;}
#archivePosts{padding:0 30px 0;}
#archivePosts li{margin:30px 0; padding:0 0 20px; text-align:left; text-decoration:none; vertical-align:middle; border-bottom:1px solid #41272C;
font-size:12px;}
#archivePosts li:before{content:"\f046"; margin:0 5px 0 0; vertical-align:middle;
font-family:"FontAwesome";}
#archivePosts li:after{content:""; display:block; clear:left;}
#archivePosts li h1{margin:10px 0; padding:0 0 0 20px; line-height:1.3; letter-spacing:0.1em; color:#41272C;
font-size:18px;}
#archivePosts li h1 a{text-decoration:none; color:#41272C;}
#archivePosts li h1 a:hover{text-decoration:underline;}
#archivePosts li time{margin:0 10px 0 0; color:#000; letter-spacing:-0.5px;}
#archivePosts li .thumbnail{margin:0 20px 0 0; float:left;}
#archivePosts li .postBody{padding:0 0 0 20px; line-height:1.7; letter-spacing:0.1em;
font-size:13px;}
#archivePosts li .more{width:100px; margin:20px 0 0 auto; padding:5px; display:block; text-align:center; background-color:#2D2D2D; color:#FFF;
border-radius:2px;}
#archivePosts li .more:before{content:"\f101"; margin:0 5px 0 0;
font-family:"FontAwesome";}
#archivePosts li .more:hover{background-color:#33B700;}

@media screen and (max-width: 500px){
	#archivePosts{padding:0 10px;}
}


/* Single
-------------------------------------------------------------------- */


.single{}
#singlePost{padding:0 0 30px;}



/* 404
-------------------------------------------------------------------- */


.notfound{}


/* End
-------------------------------------------------------------------- */


/*
     FILE ARCHIVED ON 05:17:59 Jun 09, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:05:50 May 19, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 190.924
  exclusion.robots: 0.175
  exclusion.robots.policy: 0.167
  RedisCDXSource: 3.986
  esindex: 0.007
  LoadShardBlock: 161.82 (3)
  PetaboxLoader3.resolve: 192.28 (4)
  PetaboxLoader3.datanode: 158.815 (5)
  CDXLines.iter: 21.728 (3)
  load_resource: 221.322 (2)
*/
