@charset "utf-8";
/* -----------------------------------------------------------------------

style.css

----------------------------------------------------------------------- */


/*-----------------------------------------------------------------

	common

-----------------------------------------------------------------*/

#wrap {
	min-width: 320px;
	position: relative;
	transition: all 0.5s ease;
	overflow: hidden;
}
.headline {
	margin-bottom: 30px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
.headline .eng{
	display:inline-block;
	margin-bottom: 8px;
	padding:0 100px;
	font-size: 2.0rem;
	line-height: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: 'Lato', sans-serif;
	position:relative;
}
.headline .eng::before {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	margin:auto 0;
	padding:0;
	background:#111111;
	position:absolute;
	top: 0;
	bottom: 0;
	left:0;
}
.headline .eng::after {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	margin:auto 0;
	padding:0;
	background:#111111;
	position:absolute;
	top: 0;
	bottom: 0;
	right:0;
}

.fukidashiL{
	width:90%;
	max-width:375px;
	margin:0 auto 30px;
	padding:15px 0;
	font-size:18px;
	line-height:1.5;
	text-align:center;
	color:#ffffff;
	background:#111111;
	display:block;
	position:relative;
}
.fukidashiL::after { 
	content: '';
	width: 0;
	height: 0;
	border-top: 14px solid #111111;
	border-right: 12px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 12px solid transparent;
	margin:0 auto;
	position:absolute;
	bottom:-28px;
	right:0;
	left:0;
}

.boxTTL {
	display:block;
	width:240px;
	margin:0 auto;
	font-size:1.8rem;
	line-height:40px;
	letter-spacing:0.05em;
	color:#ffffff;
	vertical-align:middle;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	background:#111111;
	position:relative;
}
.boxTTL::after {
	content: "";
	display: block;
	width: 12px;
	height: 7px;
	margin:0 auto;
	padding:0;
	border-top: 7px solid #111111;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position:absolute;
	bottom: -7px;
	left:0;
	right:0;
	box-sizing:border-box;
}

.btnBox {
	width:90%;
	max-width:720px;
	margin:0 auto;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.btnBox.c1 div{
	margin:0 auto;
	text-align:center;
}
.btnL {
	display:block;
	color:#ffffff;
	line-height:1.3;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
	background:#e60012;
	border:3px solid #f13342;
	border-radius:68px;
	position:relative;
	transition: all 0.5s ease;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.btnL:hover {
	background:#c81422;
}
.btnL::after {
	content: "";
	display: block;
	width:8px;
	height:12px;
	margin:auto 0;
	padding:0;
	border-left: 8px solid #ffffff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position:absolute;
	right: 5%;
	top:0;
	bottom:0;
	box-sizing:border-box;
	transition: all 0.5s ease;
}
.btnL:hover::after {
	right: 3%;
}

.btnM {
	display:inline-block;
	width:320px;
	height:48px;
	border:3px solid #f13342;
	font-size:1.5rem;
	line-height:42px;
	letter-spacing:-0.05em;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	background:#e60012;
	border-radius:48px;
	position:relative;
	transition: all 0.5s ease;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.btnM:hover {
	background:#c81422;
}
.btnM::after {
	content: "";
	display: block;
	width:8px;
	height:12px;
	margin:auto 0;
	padding:0;
	border-left: 8px solid #ffffff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position:absolute;
	right: 5%;
	top:0;
	bottom:0;
	box-sizing:border-box;
	transition: all 0.5s ease;
}
.btnM:hover::after {
	right: 3%;
}

.btnS {
	display:inline-block;
	width:180px;
	height:34px;
	border:2px solid #878787;
	font-size:1.4rem;
	line-height:30px;
	letter-spacing:0.05em;
	color:#111111;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	background:#ffffff;
	border-radius:30px;
	position:relative;
	transition: all 0.5s ease;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.btnS:hover {
	background:#878787;
	color:#ffffff;
}
.btnS::after {
	content: "";
	display: block;
	width:6px;
	height:8px;
	margin:auto 0;
	padding:0;
	border-left: 6px solid #ff7800;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	position:absolute;
	right: 5%;
	top:0;
	bottom:0;
	box-sizing:border-box;
	transition: all 0.5s ease;
}
.btnS:hover::after {
	right: 3%;
	border-left: 6px solid #ffffff;
}



/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	.headline {
		font-size: 4.2rem;
		line-height: 1.2em;
	}
	.headline .eng{
		padding:0 60px;
		font-size: 1.6rem;
		line-height: 1.2em;
	}
	.headline .eng::before,
	.headline .eng::after {
		width: 50px;
	}
	.fukidashiL{
		padding:12px 0;
		font-size:16px;
	}
	.fukidashiL::after { 
		content: '';
		width: 0;
		height: 0;
		border-top: 10px solid #111111;
		border-right: 8px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 8px solid transparent;
		margin:0 auto;
		position:absolute;
		bottom:-20px;
		right:0;
		left:0;
	}
	.btnBox {
		width:90%;
		max-width:720px;
		margin:0 auto;
		padding:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
	}
	.btnBox .btnL{
		width:280px;
		height:52px;
		margin:0 auto 10px;
		padding-top:4px;
		font-size:1.6rem;
	}
	.btnBox .btnL:last-child{
		margin-bottom:0;
	}
}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

	.headline {
		font-size: 5.4rem;
		line-height: 1.2em;
	}
	.headline .eng{
		padding:0 80px;
		font-size: 1.8rem;
		line-height: 1.2em;
	}
	.headline .eng::before,
	.headline .eng::after {
		width: 60px;
	}
	
	.btnBox {
		width:90%;
		max-width:520px;
		margin:0 auto;
		padding:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
	}
	.btnL {
		width:250px;
		height:58px;
		padding-top:6px;
		font-size:1.6rem;
	}
	
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

	.headline {
		font-size: 6.4rem;
		line-height: 1.2em;
	}
	.headline .eng{
		padding:0 100px;
		font-size: 2.0rem;
		line-height: 1.2em;
	}
	.headline .eng::before,
	.headline .eng::after {
		width: 80px;
	}
	
	.btnBox {
		max-width:720px;
	}
	.btnL {
		width:340px;
		height:68px;
		padding-top:8px;
		font-size:1.8rem;
	}

}




/*-----------------------------------------------------------------

	header

-----------------------------------------------------------------*/

/*----------------------------------------------------------
	Display：common
----------------------------------------------------------*/

header {
	background:#ffffff;
	text-align:center;
}
header #logo {
	width:60%;
	max-width:500px;
	margin: 0 auto;
}
header #logo img{
	width:100%;
	height:auto;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {
	header #logo {
		padding:10px 0;
	}
}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

	header #logo {
		padding:15px 0;
	}

}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

	header #logo {
		padding:20px 0;
	}

}



/*-----------------------------------------------------------------

	mainimg

-----------------------------------------------------------------*/
#mainimg {
	display:table;
	width:100%;
	text-align:center;
	background-image:url(../img/mainimg.jpg);
	background-repeat:none;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
}
#mainimg .in {
	display:table-cell;
	width:100%;
	padding-top:30px;
	text-align:center;
	vertical-align:middle;
	position:relative;
}
#mainimg h1{
	letter-spacing:0.1em;
	text-align:center;
	color:#ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow: 0px 0px 5px #000000,0px 0px 10px #000000,0px 0px 15px #000000,0px 0px 20px #000000;
}
#mainimg h1 em{
	display:inline-block;
	margin:15px 0;
	padding:5px 0.75em 10px;
	letter-spacing:0.05em;
	text-align:center;
	vertical-align:middle;
	font-family: 'Lato', sans-serif;
	background-color:#111111;
}
#mainimg .btnBox {
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	z-index:10;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	#mainimg {
		height:470px;
		margin:0 0 50px;
	}
	#mainimg .in {
		height:470px;
	}
	#mainimg h1{
		font-size:1.6rem;
		line-height:1.6em;
	}
	#mainimg h1 em{
		font-size:3.2rem;
		line-height:1em;
	}
	#mainimg .btnBox {
		bottom:-26px;
	}

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

	#mainimg {
		height:540px;
		margin:0 0 60px;
	}
	#mainimg .in {
		height:540px;
	}
	#mainimg h1{
		font-size:2.4rem;
		line-height:1.6em;
	}
	#mainimg h1 em{
		font-size:5.4rem;
		line-height:1em;
	}
	#mainimg .btnBox {
		bottom:-29px;
	}
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

	#mainimg {
		height:670px;
		margin:0 0 70px;
	}
	#mainimg .in {
		height:670px;
	}
	#mainimg h1{
		font-size:2.6rem;
		line-height:1.6em;
	}
	#mainimg h1 em{
		font-size:6.4rem;
		line-height:1em;
	}
	#mainimg .btnBox {
		bottom:-34px;
	}
}




/*-----------------------------------------------------------------

	campaign

-----------------------------------------------------------------*/

.campTxt {
	width:90%;
	max-width:800px;
	margin:60px auto 0;
	padding:30px 15px 15px;
	background:#75a2d3;
	background-color:rgba(255,255,255,0.85);
	font-size:1.8rem;
	line-height:1.8;
	letter-spacing:0.05em;
	text-align:center;
	color:#111111;
	font-family: 'Noto Sans JP', sans-serif;
	border-radius:5px;
	position:relative;
}
.campTxt .fukidashi{
	width:80%;
	max-width:280px;
	margin:0 auto 30px;
	padding:5px 0;
	font-size:18px;
	line-height:1.5;
	text-align:center;
	color:#ffffff;
	background:#fc7325;
	display:block;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
	font-family: 'Lato', sans-serif;
}
.campTxt .fukidashi::after { 
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid #fc7325;
	border-right: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 6px solid transparent;
	margin:0 auto;
	position:absolute;
	bottom:-16px;
	right:0;
	left:0;
}
#campaign {
	padding:120px 0 60px;
	background:#eaeceb;
	line-height:1.8;
}
#campaign .inner {
	width:90%;
	max-width:1000px;
	margin:0 auto;
}

#campaign .campaign_logo {
	width:100%;
	max-width:780px;
	margin:0 auto 20px;
}

#campaign .presentBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#campaign .presentBox .box{
	width:30%;
	margin:35px 0 0;
	text-align:center;
	position:relative;
}
#campaign .presentBox .box img{
	max-width:280px;
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
}
#campaign .presentBox .box:last-child img{
	width:370px;
	max-width:370px;
	margin:0 auto;
	box-shadow:none;
	position:absolute;
	top:45px;
	left:-35px;
}
#campaign .presentBox .box .fukidashi{
	width:164px;
	margin:0 auto 20px;
	font-size:14px;
	line-height:26px;
	color:#ffffff;
	background:#111111;
	display:block;
	position:relative;
}
#campaign .presentBox .box .fukidashi::after { 
	content: '';
	width: 0;
	height: 0;
	border-top: 7px solid #111111;
	border-right: 6px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 6px solid transparent;
	margin:0 auto;
	position:absolute;
	bottom:-14px;
	right:0;
	left:0;
}


/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {
	
	.campTxt {
		margin:40px auto 0;
		padding:25px 10px 10px;
		font-size:1.3rem;
		line-height:1.8;
	}
	.campTxt .fukidashi{
		max-width:200px;
		margin:0 auto 30px;
		padding:5px 0;
		font-size:14px;
		line-height:1.5;
		text-align:center;
		color:#ffffff;
		background:#fc7325;
		display:block;
		position:absolute;
		top:-15px;
		left:0;
		right:0;
		font-family: 'Lato', sans-serif;
	}
	.campTxt .fukidashi::after { 
		content: '';
		width: 0;
		height: 0;
		border-top: 8px solid #fc7325;
		border-right: 6px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 6px solid transparent;
		margin:0 auto;
		position:absolute;
		bottom:-16px;
		right:0;
		left:0;
	}
	
	#campaign {
		padding:80px 0 40px;
	}
	
	#campaign .presentBox .box{
		width:100%;
		margin:25px 0 0;
		text-align:center;
	}
	#campaign .presentBox .box:last-child img{
		width:100%;
		max-width:370px;
		margin:0 auto;
		box-shadow:none;
		position:relative;
		top:0;
		left:0;
		right:0;
	}
	
}




/*-----------------------------------------------------------------

	areaimg

-----------------------------------------------------------------*/
.areaimg {
	display:block;
	width:100%;
	margin:0 0 30px;
	text-align:center;
	background-repeat:none;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
}
.areaimg::after {
	content: "";
	display: block;
	width: 48px;
	height: 24px;
	margin:0 auto;
	padding:0;
	border-top: 24px solid #ffffff;
	border-right: 24px solid transparent;
	border-left: 24px solid transparent;
	position:absolute;
	top:0;
	left:0;
	right:0;
	box-sizing:border-box;
}
#kyoto .areaimg {
	background-image:url(../img/kyoto_mainimg.jpg);
}
#tochigi .areaimg {
	background-image:url(../img/tochigi_mainimg.jpg);
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	.areaimg {
		height:250px;
	}

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

	.areaimg {
		height:350px;
	}

}

/*----------------------------------------------------------
	Display：769px →（ pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

	.areaimg {
		height:450px;
	}

}



/*-----------------------------------------------------------------

	areamap

-----------------------------------------------------------------*/
.areamap {
	display:block;
	width:100%;
	margin:0 auto;
}
#kyoto .areamap {
	max-width:900px;
}
#tochigi .areamap {
	max-width:1000px;
}


/*-----------------------------------------------------------------

	carArea

-----------------------------------------------------------------*/
.carArea {
	margin-top:60px;
	padding:60px 0;
	background:#eaeceb;
	position:relative;
}
.carArea .boxTTL{
	position:absolute;
	left:0;
	right:0;
	top:-20px;
	z-index:10;
}
.carArea .carlist{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	padding:50px 0 30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.carArea .carlist .box{
	text-align:center;
}
.carArea .carlist .box figure {
	width:100%;
	margin:0 0 20px;
	padding:0 0 5px;
	text-align:center;
	border-bottom:1px solid #111111;
}
.carArea .carlist .box figure img {
	width:100%;
	max-width:275px;
}
.carArea .carlist .box .carName-eng {
	font-size:1.2rem;
	line-height:1.5em;
	lette-spacing:0.05em;
	font-family: 'Lato', sans-serif;
}
.carArea .carlist .box .carMaker {
	margin-top:5px;
	font-size:1.4rem;
	line-height:1.5em;
	font-weight:700;
	lette-spacing:0.1em;
	font-family: 'Noto Sans JP', sans-serif;
}
.carArea .carlist .box .carName {
	font-size:1.8rem;
	line-height:1.5em;
	font-weight:700;
	lette-spacing:0.1em;
	font-family: 'Noto Sans JP', sans-serif;
}
.carArea .carlist .box .station {
	width:96%;
	margin:0 auto;
	padding:15px;
	text-align:center;
	border:1px solid #111111;
	position:relative;
}
.carArea .carlist .box .station .midashi{
	width:150px;
	margin:0 auto;
	font-size:1.4rem;
	line-height:20px;
	text-align:center;
	background:#eaeceb;
	position:absolute;
	top:-10px;
	left:0;
	right:0;
}
.carArea .carlist .box .station ul li{
	display:block;
	text-align:center;
}
.carArea .carlist .box .station ul li a{
	display:inline-block;
	padding-left:15px;
	font-size:1.2rem;
	position:relative;
	transition: all 0.5s ease;
}
.carArea .carlist .box .station ul li a::before{
	content: "";
	display: block;
	width:6px;
	height:8px;
	margin:auto 0;
	padding:0;
	border-left: 6px solid #ff7800;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	position:absolute;
	left: 0%;
	top:0;
	bottom:0;
	box-sizing:border-box;
	transition: all 0.5s ease;
}
.carArea .carlist .box .station ul li a:hover{
	color:#666666;
}
.carArea .carlist .box .station ul li a:hover::before{
	left: 1.5%;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	.carArea .carlist{
		padding:0 0 20px;
	}
	.carArea .carlist .box{
		width:100%;
		margin-bottom:20px;
	}
	.carArea .carlist .box:last-child{
		margin-bottom:0;
	}

}

/*----------------------------------------------------------
	Display：560px →（ tablet + pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 560px) {

	.carArea .carlist{
		padding:0 0 10px;
	}
	.carArea .carlist .box{
		width:30%;
	}

}

/*----------------------------------------------------------
	Display：769px →（ pc）
----------------------------------------------------------*/

@media print, screen and (min-width: 769px) {

	.carArea .carlist{
		padding:0px 0 30px;
	}

}


/*-----------------------------------------------------------------

	footer

-----------------------------------------------------------------*/

.mrh-footer-company {
    clear: both;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
}
.mrh-footer-realty {
    display: table;
    clear: both;
    float: left;
    width: auto;
    padding: 15px 0;
}
.mrh-footer-realty__header {
    display: table-cell;
    width: 190px;
    height: 40px;
    vertical-align: middle;
}
.mrh-footer-realty__header img {
	width:100%;
	border:0;
}
.mrh-footer-realty__body {
    display: table-cell;
    vertical-align: middle;
}
.mrh-footer-realty__item {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #333;
    font-size:12px;
    line-height:1.2em;
    text-decoration: none;
}
.mrh-footer-realty__item.blank {
	padding-right:17px;
    background: url(/imgs/common/ico_blank.png) 100% 50% no-repeat;
    background-size:12px auto;
}
.mrh-footer-copyright {
    float: right;
    padding: 28px 0;
    color: #333;
    font-size: .75rem;
}


@media screen and (max-width: 768px) {

	.mrh-footer-company {
		clear: both;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.mrh-footer-realty {
		display: block;
		float: none;
		clear: both;
		width: auto;
		padding: 15px 10px;
	}
	.mrh-footer-realty__header {
		display:block;
		width:150px;
		margin:0 auto;
	}
	.mrh-footer-realty__body {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.mrh-footer-realty__item:first-child {
		margin-left: 0;
	}
	.mrh-footer-realty__item {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: baseline;
		align-items: baseline;
		margin: 0 10px 0 0;
		font-size: .75rem;
		text-decoration: none;
	}
	.mrh-footer-copyright {
    		float: none;
		width: 100%;
		padding: 15px 10px;
		border-top: 1px dotted #ccc;
		font-size: 8px;
		text-align: left;
		line-height: 1.3;
		color: #333;
	}

}





/*-----------------------------------------------------------------

	effect
	
-----------------------------------------------------------------*/

.effect-s {
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	transition: 0.6s;
}
.effect-s.is-animated {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1; 
}





/*-----------------------------------------------------------------

	pageloading
	
-----------------------------------------------------------------*/

#pageloading-wrap {
	background-color:rgba(255,255,255,1);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	display: table;
	z-index: 1000;
}
#pageloading-icon {
	display: table-cell;
	vertical-align: middle;
}
.loader {
	color: #111111;
	font-size: 8px;
	margin:auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
	0%,100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
	12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
	75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
	87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@keyframes load4 {
	0%,100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
	12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
	75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
	87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}





/*-----------------------------------------------------------------

	Display：print

-----------------------------------------------------------------*/

@media print{

	body {
		width: 1200px;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
	}
	.sp320 { display:none; }
	.sp { display:none; }
	.tablet { display:none; }
	
}


