/*
 * iweb51
 *
 * Copyright 2015, TANK
 * 
 */


/* +gotop
*----------------------------------------------------------------------------*/
.wrapper #gotop {
	display: none;
	position: fixed;
	bottom: 2%;
	right: 20px;
	width: 43px;
	height: 43px;
	background: url(../../images/02/all/totop.png) no-repeat 0 0;
	text-indent: -100000px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	cursor: pointer;
	z-index: 200;
}

.wrapper #gotop:hover {
	background-position: -43px 0;
}


/* +line
*----------------------------------------------------------------------------*/
.wrapper .line {
	position: fixed;
	right: 20px;
	top: 50%;
	display: block;
	z-index: 100000;
}


/* +phoneWrap
*----------------------------------------------------------------------------*/
.phoneWrap {
	position: fixed;
	bottom: 20px;
	display: block;
	z-index: 999999999999999;
}

.phoneWrap ul {
	overflow: hidden;
}

.phoneWrap ul li {
	margin: 0 10px;
	float: left;
}

.phoneWrap ul li.line {
	position: inherit;
}

.phoneWrap ul li a {
	padding: 10px 15px 10px 30px;
	background: url(../../images/phone.png) #dd5842 8px 10px no-repeat;
	background-size: 20px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
}

.phoneWrap ul li.line a {
	background: url(../../images/lineicon.png) #00C300 -4px 0px no-repeat;
	background-size: 40px;
}


/**********適應性**********/
/************************/
@media only screen and (min-width: 320px) {
	.phoneWrap {
		left: 10%;
	}	
}

@media only screen and (min-width: 480px) {
	.phoneWrap {
		left: 25%;
	}	
}

@media only screen and (min-width: 640px) {
	.phoneWrap {
		left: 35%;
	}	
}

@media only screen and (min-width: 960px) {
	.wrapper .line ,
	.phoneWrap {
		display: none;
	}	
}