@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

	L-style
	http://www./

*/

/*
@import url('css/entypo/font/entypo.css' );
@import url('css/fontawesome/css/all.css' );
*/

*{margin:0;padding:0;}

html{
	font-size:62.55%;
	word-break:break-all;
	word-wrap:break-word;
	background:#fff;
}

/* IE用(CSSハック)［IE8～11］https://spyweb.media/2017/12/04/ie-edge-css-hacks/ */
@media screen\0 {
	html{font-size:10px;}
}

body{
	/*font-family:'メイリオ','Meiryo',arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'MS Pゴシック','MS PGothic',Sans-Serif;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica", "Arial", sans-serif;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
	line-height:1.66;
	color:#000;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.5;
	}
}

a{
	color:#0073ae;
	text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover{
	opacity:0.6;
}
a:active, a:focus {outline: 0;}

.clear{clear:both;}
p{margin-bottom:1.2em;}
.center{text-align:center;}
.right{text-align:right;}

img{
	border:0;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	/* chrome用｜画像レンダリングぼけを回避 */
	image-rendering:-webkit-optimize-contrast;
}

i{font-style:normal;}
em{font-style:normal;}
ul{list-style:none;}
ul li{list-style:none;}
address{font-style:normal;}

hr{
	border:none;
	border-top:1px solid #e5e5e5;
	height:1px;
	margin:4.2em 0;
	width:100%;
}

i.fas,i.far{
	margin-right:0.4em;
}

/* object-fit-images */
.ofi{
	object-fit:cover; /* 他のブラウザ用(＝通常の指定) */
	object-position:50% 50%; /* 他のブラウザ用(＝通常の指定) */
	font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}

/* id-link-anchor */

.id-link-anchor#aaaaaaaaaaaaaaa,
.id-link-anchor#aaaaaaaaaaaaaaa{
	padding-top:100px;
	margin-top:-100px;
}

/*******************************
responsive
*******************************/
.pc-view,
.sp-view{display: none;}

@media screen and (max-width: 767px){
/* mobile */
	.sp-view{display: block;}
	img{
		border:0;
		max-width:100%;
		height: auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1050px){
/* ipad */
	.pc-view{display: block;}
	body{
		min-width:1220px;
	}
}
@media screen and (min-width: 1051px){
/* pc */
	.pc-view{display: block;}
}

/*******************************
box-sizing
*******************************/
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*************************
/* flex-box
*************************/
.flex-box{
    display:-webkit-flex;
    display:flex;
}
.flex-box-nowrap{
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
}
.flex-box-wrap{
     -webkit-flex-wrap:wrap;
     flex-wrap:wrap;
}
.flex-box-row-rever{
     -webkit-flex-direction:row-reverse;
     flex-direction:row-reverse;
}
.flex-box-column{
     -webkit-flex-direction:column;
     flex-direction:column;
}
.flex-box-column-r{
     -webkit-flex-direction:column-reverse;
     flex-direction:column-reverse;
}
.flex-box-space-b{
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.flex-box-space-a{
     -webkit-justify-content:space-around;
     justify-content:space-around;
}
.flex-box-space-c{
     -webkit-justify-content:center;
     justify-content:center;
}
.flex-box-space-e{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-box-item-c{
     -webkit-align-items:center;
     align-items:center;
}
.flex-box-item-e{
     -webkit-align-items:flex-end;
     align-items:flex-end;
}

/*******************************
/* 
*******************************/

.inner{
	width:1100px;
	margin:0 auto;
}

#container{
	min-height:800px;
	position:relative;
	background:#fff;
	z-index:1;
}

#main{}
#sidebar{}

/*******************************
/* archive
*******************************/

/*******************************
/* post-page
*******************************/

div.area-single-post{
	padding-bottom:200px;
	margin-top:120px;
}
div.area-single-post > div.post-title{
	margin-bottom:2.8em;
}
div.area-single-post > div.post-body{
	width:88%;
	line-height:1.8em;
	min-height:22vh;
	margin:0 auto 60px auto;
}
div.area-single-post > div.post-body a{
	display:inline-block;
}
div.area-single-post > div.post-body p{
	line-height:1.8em;
	margin:10px 0;
}
div.area-single-post > div.post-body div.acf-fields-area-setumei{
	margin-bottom:2.8em;
}
div.area-single-post > div.post-body div.acf-fields-area-no{}
div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box{}
div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box > div{
	-webkit-flex:0 0 32%;
	flex:0 0 32%;
	max-width:32%;
	margin-right:2%;
	margin-bottom:1.8em;
}
div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box > div:nth-child(3n){
	margin-right:0;
}
div.area-single-post > div.post-body div.acf-fields-area-no h4{
	color:#51576a;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom:0.4em;
}
div.area-single-post > div.post-body div.acf-fields-area-no p{}
div.area-single-post > div.post-body div.acf-fields-area-dd2{}
div.area-single-post > div.post-body table{
	width:680px;
	margin:40px auto 0 auto;
}
div.area-single-post > div.post-body table img.wp-image-229,
div.area-single-post > div.post-body table img.wp-image-229{
	width:285px;
	height:10px;
}
div.area-single-post > div.post-date{
	background:#f6f7fa;
	text-align:right;
	border-radius:8px;
	padding:0.8em 2.2em;
}
div.area-single-post > div.post-date p{
	font-size:13px;
	font-size:1.3rem;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.area-single-post{
		padding-bottom:100px;
		margin-top:80px;
	}
	div.area-single-post > div.post-title h3{
		font-size:16px;
		font-size:1.6rem;
	}
	div.area-single-post > div.post-body{
		width:100%;
		}
	div.area-single-post > div.post-body div.acf-fields-area-setumei{
		margin-bottom:2.8em;
	}
	div.area-single-post > div.post-body div.acf-fields-area-no{}
	div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box{}
	div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box > div{
		-webkit-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
		margin-right:0;
		margin-bottom:1.2em;
	}
	div.area-single-post > div.post-body div.acf-fields-area-no div.block.flex-box > div:nth-child(3n){
		margin-right:0;
	}
	div.area-single-post > div.post-body div.acf-fields-area-no h4{
		color:#51576a;
		font-size:16px;
		font-size:1.6rem;
		font-weight:bold;
		margin-bottom:0.4em;
	}
	div.area-single-post > div.post-body div.acf-fields-area-no p{
		font-size:15px;
		font-size:1.5rem;
	}
	div.area-single-post > div.post-body div.acf-fields-area-dd2{}
	div.area-single-post > div.post-body table{
		width:100%;
		text-align:center;
	}
	div.area-single-post > div.post-body table img.wp-image-229,
	div.area-single-post > div.post-body table img.wp-image-229{
		width:100%;
		height:10px;
	}
	div.area-single-post > div.post-body table img.alignleft,
	div.area-single-post > div.post-body table img.alignright{
		float:none;
		display:block;
		margin:5px auto;
	}
}

/*******************************
/* header
*******************************/

header{}
#header{}

/*******************************
/* nav
*******************************/

nav{}

/*******************************
/* slider
*******************************/

#slider{}

/*******************************
/* page
*******************************/

/*******************************
/* sidebar
*******************************/

#sidebar{}

/*******************************
/* home
*******************************/

/*******************************
/* module
*******************************/

/*******************************
/* include-parts-works-list
*******************************/

div.include-parts-works-list{}
body.archive.category.category-construction-example div.include-parts-works-list{
	margin-top:4.4em;
}
div.include-parts-works-list > div.block{}
div.include-parts-works-list > div.block.flex-box{}
div.include-parts-works-list > div.block.flex-box > div.box{
	-webkit-flex:0 0 32%;
	flex:0 0 32%;
	max-width:32%;
	margin-right:2%;
	margin-bottom:2.2em;
}
div.include-parts-works-list > div.block.flex-box > div.box:nth-child(3n){
	margin-right:0;
}
div.include-parts-works-list div.box{}
div.include-parts-works-list div.box > div.image{}
div.include-parts-works-list div.box > div.image > a{
	position:relative;
	display:block;
}
div.include-parts-works-list div.box > div.image span{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	background:#000;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	line-height:1;
	padding:0.6em 1.8em;
}
div.include-parts-works-list div.box > div.image img{
	object-fit:cover;
	width:100%;
	height:338px;
}
div.include-parts-works-list div.box > div.body{}
div.include-parts-works-list div.box > div.body p.title{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	padding:0.8em 0;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.include-parts-works-list{}
	body.archive.category.category-construction-example div.include-parts-works-list{}
	div.include-parts-works-list > div.block{}
	div.include-parts-works-list > div.block.flex-box{}
	div.include-parts-works-list > div.block.flex-box > div.box{
		-webkit-flex:0 0 49%;
		flex:0 0 49%;
		max-width:49%;
		margin-right:1%;
		margin-bottom:2.2em;
	}
	div.include-parts-works-list > div.block.flex-box > div.box:nth-child(3n){
		margin-right:1%;
	}
	div.include-parts-works-list > div.block.flex-box > div.box:nth-child(even){
		margin-right:0;
	}
	body.home div.include-parts-works-list > div.block.flex-box > div.box{
		-webkit-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
		margin-right:0;
	}
	body.home div.include-parts-works-list > div.block.flex-box > div.box:nth-child(3n){
		margin-right:0;
	}
	body.home div.include-parts-works-list > div.block.flex-box > div.box:nth-child(even){
		margin-right:0;
	}
	div.include-parts-works-list div.box{}
	div.include-parts-works-list div.box > div.image{}
	div.include-parts-works-list div.box > div.image > a{}
	div.include-parts-works-list div.box > div.image span{
		font-size:10px;
		font-size:1.0rem;
	}
	div.include-parts-works-list div.box > div.image img{
		object-fit:cover;
		width:100%;
		height:40vw;
	}
	body.home div.include-parts-works-list div.box > div.image img{
		height:60vw;
	}
	div.include-parts-works-list div.box > div.body{}
	div.include-parts-works-list div.box > div.body p.title{
		font-size:14px;
		font-size:1.4rem;
	}
}





/*******************************
/* box
*******************************/
img.aligncenter {
	display:block;
	margin:0 auto;
}
img.alignright{
	padding:4px;
	margin:10px;
	display:inline-block;
}
img.alignleft{
	padding:4px;
	margin:10px;
	display:inline-block;
}
.alignright{float:right;}
.alignleft{float:left;}


/*******************************
/* 見出し
 * type-01
*******************************/

/* 明朝セット
font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
*/

#container h2{}
#container h3{}

h2.type-01{}


/*******************************
/* footer
*******************************/

footer{}
#footer{}

address{}


/*************************
/* ul
*************************/

ul.decimal-01,
ul.disc-01,
ul.upper-roman-01,
ul.upper-alpha-01{
	padding-left:2em;
}
ul.decimal-01 > li +li,
ul.disc-01 > li +li,
ul.upper-roman-01 > li +li,
ul.upper-alpha-01 > li +li{
	margin-top:0.8em;
}
/* 数字(1,2,3,4...) */
ul.decimal-01 > li{
	list-style:decimal;
}
/* 黒丸ポチ */
ul.disc-01 > li{
	list-style:disc;
}
/* ローマ数字(大文字) */
ul.upper-roman-01 > li{
	list-style-type:upper-roman;
}
/* アルファベット(大文字) */
ul.upper-alpha-01 > li{
	list-style-type:upper-alpha;
}
/* ※ */
ul.asterisk-01{
	margin-left:1.2em;
}
ul.asterisk-01 > li{
	list-style-type:none;
}
ul.asterisk-01 > li + li{
	margin-top:0.6em;
}
ul.asterisk-01 > li:before{
	display:inline-block;
	content:"※";
	width:1.2em;
	margin-left:-1.2em;
}

/*******************************
/* mw-wp-mail
*******************************/

div.mw-wp-mail-box{}
div.mw-wp-mail-box div.mw-wp-mail-message{
	text-align:center;
}
div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_input,
div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_confirm{display:none;}
div.mw_wp_form.mw_wp_form_input div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_input{display:block;}
div.mw_wp_form.mw_wp_form_confirm div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_confirm{display:block;}
div.mw-wp-mail-box .margin-bottom{
	margin-bottom:0.6em;
}
div.mw-wp-mail-box span.mwform-zip-field{
	display:block;
	width:100%;
	margin-bottom:0.6em;
}
div.mw-wp-mail-box span.mwform-radio-field.vertical-item{
	display:block;
	width:100%;
}
div.mw-wp-mail-box span.mwform-radio-field.horizontal-item + .horizontal-item{
	margin-left:1.8em;
}
div.mw-wp-mail-box p.example{
	display:block;
	width:100%;
	color:#999;
	font-size:14px;
	font-size:1.4rem;
	padding-top:0.6em;
	margin-bottom:0;
}
div.mw-wp-mail-box p.example span{
	display:block;
	width:100%;
}
div.mw-wp-mail-box i.required{
	display:inline-block;
	background:#a71f1f;
	color:#fff;
	font-size:11px;
	font-size:1.1rem;
	border-radius:4px;
	padding:0.1em 0.6em;
	margin-left:0.6em;
}
div.mw-wp-mail-box div.submit-button{
	text-align:center;
	padding:2.2em 0;
}
div.mw-wp-mail-box div.submit-button input[type=submit]{
	padding:0.8em 4.8em;
	margin-bottom:4.2em;
}
div.mw-wp-mail-box div.submit-button p{}
div.mw-wp-mail-box div.submit-button p span{
	display:block;
}
div.mw-wp-mail-box select,
div.mw-wp-mail-box textarea,
div.mw-wp-mail-box input[type=text],
div.mw-wp-mail-box input[type=email]{
	font-family: Arial, sans-serif;
	width:80%;
	height:3.2em;
	border-radius:4px;
	border:1px solid #ddd;
	padding:0.8em 0.8em;
}
div.mw-wp-mail-box select{}
div.mw-wp-mail-box input.size-ss[type=text]{
	width:18%;
	margin-right:0.6em;
}
div.mw-wp-mail-box input.type-zip[type=text]{
	width:18%;
}
div.mw-wp-mail-box textarea{
	width:88%;
	height:9.4em;
}
div.mw-wp-mail-box textarea.type-address{
	width:88%;
	height:4.8em;
}
div.mw-wp-mail-box select:focus,
div.mw-wp-mail-box textarea:focus,
div.mw-wp-mail-box input[type=text]:focus,
div.mw-wp-mail-box input[type=email]:focus{
	border-color:rgba(0,0,0,0.1);;
	outline: 0;
	box-shadow:0 0 0 0.14em rgba(0,0,0,0.06);
}
div.mw-wp-mail-box span.error{
	padding:0.4em 0.4em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.mw-wp-mail-box{}
	div.mw-wp-mail-box span.mwform-zip-field{
		display:block;
		width:100%;
		margin-bottom:0.6em;
	}
	div.mw-wp-mail-box span.mwform-radio-field.vertical-item{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box span.mwform-radio-field.horizontal-item{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box span.mwform-radio-field.horizontal-item + .horizontal-item{
		margin-left:0;
	}
	div.mw-wp-mail-box p.example{
		display:block;
		width:100%;
		color:#999;
		font-size:12px;
		font-size:1.2rem;
		padding-top:0.6em;
		margin-bottom:0;
	}
	div.mw-wp-mail-box p.example span{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box i.required{
		display:inline-block;
		background:#a71f1f;
		color:#fff;
		font-size:11px;
		font-size:1.1rem;
		border-radius:4px;
		padding:0.1em 0.6em;
		margin-left:0.6em;
	}
	div.mw-wp-mail-box div.submit-button{
		text-align:center;
		padding:2.2em 0;
	}
	div.mw-wp-mail-box div.submit-button input[type=submit]{
		padding:0.8em 4.8em;
		margin-bottom:4.2em;
	}
	div.mw-wp-mail-box div.submit-button p{}
	div.mw-wp-mail-box div.submit-button p span{
		display:inline-block;
	}
	div.mw-wp-mail-box select,
	div.mw-wp-mail-box textarea,
	div.mw-wp-mail-box input[type=text],
	div.mw-wp-mail-box input[type=email]{
		width:100%;
		height:3.4em;
		font-size:16px;
		border-radius:4px;
		border:1px solid #ddd;
		padding:0.8em 0.8em;
	}
	div.mw-wp-mail-box select:focus,
	div.mw-wp-mail-box textarea:focus,
	div.mw-wp-mail-box input[type=text]:focus,
	div.mw-wp-mail-box input[type=email]:focus{
		border-color:rgba(255,198,0,0.8);;
		outline: 0;
		box-shadow:0 0 0 0.2em rgba(255,198,0,0.4);
	}
	div.mw-wp-mail-box select{
		font-size:16px;
		font-size:1.6rem;
	}
	div.mw-wp-mail-box input.type-zip[type=text]{
		width:40%;
	}
	div.mw-wp-mail-box textarea{
		width:100%;
		height:6.2em;
	}
	div.mw-wp-mail-box textarea.type-address{
		width:100%;
		height:6.2em;
	}
}

/* dl.mw-wp-mail-dl-list */

div.mw-wp-mail-box dl.mw-wp-mail-dl-list{}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box{
	border-top:solid 1px #ddd;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt,
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:solid 1px #ddd;
	padding:1.4em 1.4em;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt{
	-webkit-flex: 0 0 38%;
	flex: 0 0 38%;
	max-width: 38%;
	-webkit-justify-content:center;
	justify-content:center;
	background:#f3f3f3;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
	-webkit-flex: 0 0 62%;
	flex: 0 0 62%;
	max-width: 62%;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd span.vertical-item{
	display:block;
	width:100%;
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list{}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box{
		border-top:solid 1px #ddd;
		border-left:solid 1px #ddd;
		border-right:solid 1px #ddd;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt,
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		border-bottom:solid 1px #ddd;
		padding:0.6em 1.2em;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-justify-content:center;
		justify-content:center;
		background:#f3f3f3;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd span.vertical-item{
		display:block;
		width:100%;
	}
}

/*******************************
/* wp-pagenavi (wp-pagenavi 使用時)
*******************************/

.wp-pagenavi{
	clear:both;
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
	padding-top:6.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	background:#f5f5f5;
	color:#000;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 3px;
	padding:0.4em 1.2em;
	margin:0 0.2em 0.8em 0.2em;
}
.wp-pagenavi a:hover{
	color:#fff;
	background:#000;
}
.wp-pagenavi span.current{
	color:#fff;
	background:#000;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.wp-pagenavi{
		clear:both;
		text-align:center;
		font-size:13px;
		font-size:1.3rem;
		padding-top:2.2em;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		display:inline-block;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		border-radius: 3px;
		padding:0.4em 1.2em;
		margin:0 0.2em 0.8em 0.2em;
	}
	.wp-pagenavi a:hover{}
	.wp-pagenavi span.current{}
}

/*******************************
/* scrollTop (scrollTop 使用時)
*******************************/

.scrollTop{
	position:fixed;
	right:28px;
	bottom:38px;
	opacity:0;
	visibility:hidden;
	transition: all 0.4s ease-in-out 0s;
	z-index:99999;
}
.scrollTop a{
	display:block;
	width:38px;
	height:38px;
	background:#607d8b;
	border-radius:50%;
}
.scrollTop a:after{
	position: absolute;
	display:block;
	content:"";
	margin-left:13px;
	margin-top:15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.scrollTop a:hover{
	opacity:0.6;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.scrollTop{
		right:0.8em;
		bottom:0.8em;
	}
	.scrollTop a{
		width:34px;
		height:34px;
		border-radius:0;
	}
	.scrollTop a:after{
		margin-left:12px;
		margin-top:16px;
		width:8px;
		height:8px;
	}
}