@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	line-height: 1;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.sec-header h3,
.sec-header h3 span,
#gheader #gnav a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
}
#online-live #point li figure span,
#sp-nav a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.btn-link a,
#gfooter ul li a{
	font-weight: 700;
}	

a{
	color: #fff;
	text-decoration: none;
}
li{
	list-style-type: none;
}
img{
	vertical-align: bottom;
}

.cf:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}


.no-scroll{
	overflow: hidden;
}




@keyframes ticker {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes btnplay {
  0% {
    transform:rotate(0);
  }
  100% {
    transform:rotate(360deg);
  }
}
@keyframes bgMotion {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollV {
  0% {
	transform: scaleX(-1);
  }
  100% {
	transform: scaleX(1);
  }
}



#wrap{
	width: 100%;
	overflow: hidden;
}

.contents{
	position: relative;
	z-index: 10;
}
body {
	background: #000;
}


/* motion
------------------------------------------------------------------------*/


.motion-up{
	opacity: 0;
	transform:  translateY(50px);
	-webkit-transition: transform ease 600ms,opacity ease 1200ms;
	-o-transition: transform ease 600ms,opacity ease 1200ms;
	transition: transform ease 600ms,opacity ease 1200ms;
}

.motion-up.on{
	opacity: 1;
	transform:  translateY(0);
}


.motion-3d{
	perspective: 700px;	
}

.motion-3dV{
	opacity: 0;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;

	transform:  rotateX(40deg) rotateY(0) translate3d(0,60px,0);
	-webkit-transition: transform ease 600ms,opacity ease 1200ms;
	-o-transition: transform ease 600ms,opacity ease 1200ms;
	transition: transform ease 600ms,opacity ease 1200ms;
}

.motion-3dV.on{
	opacity: 1;
	transform:  rotateX(0) rotateY(0) translateZ(0);
}

.motion-3dL{
	opacity: 0;

	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

	transform:  rotateX(10deg) rotateY(40deg) rotate(5deg) translate3d(0,20px,0);
	-webkit-transition: transform ease 600ms,opacity ease 1200ms;
	-o-transition: transform ease 600ms,opacity ease 1200ms;
	transition: transform ease 600ms,opacity ease 1200ms;
}

.motion-3dL.on{
	opacity: 1;
	transform:  rotateX(0) rotateY(0) rotate(0) translateZ(0);
}



.motion-3dR{
	opacity: 0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

	transform:  rotateX(10deg) rotateY(-40deg) rotate(5deg) translate3d(0,20px,0);
	-webkit-transition: transform ease 600ms,opacity ease 1200ms;
	-o-transition: transform ease 600ms,opacity ease 1200ms;
	transition: transform ease 600ms,opacity ease 1200ms;
}

.motion-3dR.on{
	opacity: 1;
	transform:  rotateX(0) rotateY(0) rotate(0) translateZ(0);
}




.motion-roll{
	opacity: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;

	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transition: transform ease 800ms,opacity ease 800ms;
	-o-transition: transform ease 800ms,opacity ease 800ms;
	transition: transform ease 800ms,opacity ease 800ms;

}
.motion-roll.on{
	opacity: 1;

	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}


.motion-roll-v{
	opacity: 0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);

	-webkit-transition: transform ease 600ms,opacity ease 600ms;
	-o-transition: transform ease 600ms,opacity ease 600ms;
	transition: transform ease 600ms,opacity ease 600ms;

}
.motion-roll-v.on{
	opacity: 1;

	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}



.motion-roll-vs{
	opacity: 0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
	transform: scaleY(0.5);

	-webkit-transition: transform ease 800ms,opacity ease 800ms;
	-o-transition: transform ease 800ms,opacity ease 800ms;
	transition: transform ease 800ms,opacity ease 800ms;

}
.motion-roll-vs.on{
	opacity: 1;

	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.sec-header h3.readyL{
	-webkit-transform: translateX(-100vw);
	-ms-transform: translateX(-100vw);
	-o-transform: translateX(-100vw);
	transform: translateX(-100vw);
	-webkit-transition: transform 700ms ease;
	-o-transition: transform 700ms ease;
	transition: transform 700ms ease;
}
.sec-header h3.readyR{
	-webkit-transform: translateX(100vw);
	-ms-transform: translateX(100vw);
	-o-transform: translateX(100vw);
	transform: translateX(100vw);
	-webkit-transition: transform 700ms ease;
	-o-transition: transform 700ms ease;
	transition: transform 700ms ease;
}

.sec-header h3.readyL.on{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.sec-header h3.readyR.on{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.btn-sd{
	-webkit-transition: opacity 1000ms ease;
	-o-transition: opacity 1000ms ease;
	transition: opacity 1000ms ease;
	opacity: 0;
}
.btn-sd.on{
	opacity: 1;
}


@media screen and (min-width: 769px) {

	body {
		font-size: 16px;
		width: 100%;

	}
	#wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.ignore-pc{
		display: none;
	}

	/* kv
	------------------------------------------------------------------------*/

	#kv{
		position: relative;
		width: 100%;
		background: url(../img/kv.jpg) 50% 50% no-repeat;
		background-size: cover;
		z-index: 200;
		-webkit-transition: opacity 1000ms ease;
		-o-transition: opacity 1000ms ease;
		transition: opacity 1000ms ease;
		opacity: 0;
	}
	#kv.on{
		opacity: 1;
	}
	.kv-title-box{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.kv-title-box-inner{
		margin: auto;
		padding: 0 15px;
		width: 1056px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.kv-title-elm{
		overflow: hidden;
	}
	.kv-title-elm span{
		display: inline-block;
	}

	.artcle-header h4 span{

	}
	.artcle-header h4 span,
	.kv-title-elm span{
		opacity: 0;
		display: inline-block;
		-webkit-transform-origin: center left;
		-moz-transform-origin: center left;
		-ms-transform-origin: center left;
		-o-transform-origin: center left;
		transform-origin: center left;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: transform 600ms ease, opacity 400ms ease;
		-o-transition: transform 600ms ease, opacity 400ms ease;
		transition: transform 600ms ease, opacity 400ms ease;
	}
	.artcle-header h4 span.on,
	.kv-title-elm span.on{
		opacity: 1;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}


	.kv-title-logo img{
		width: auto;
		height: 136px;
	}

	.kv-title-fmv{
		padding: 25px 0 0;
	}
	.kv-title-fmv img{
		width: auto;
		height: 40px;
	}
	.kv-title-hsm{
		padding: 25px 0 0;
	}
	.kv-title-hsm i{
		display: none;
	}
	.kv-title-hsm span{
		display: inline-block;
		height: 66px;
		background: url(../img/kv_hsm.png) 0 0 no-repeat;
	}
	.kv-title-hsm img{
		width: auto;
		height: 66px;
	}
	.kv-title-catch{
		padding: 70px 0 0;
	}
	.kv-title-catch img{
		width: auto;
		height: 44px;
	}


	/* gheader
	------------------------------------------------------------------------*/
	#gheader{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#gheader h1{
		position: absolute;
		top: 20px;
		left: 20px;
	}
	#gheader h1 img{
		width: auto;
		height: 45px;
	}
	#gheader .logo-life{
		position: absolute;
		top: 90px;
		left: 20px;
	}
	#gheader .logo-life img{
		width: auto;
		height: 123px;
	}

	/* sec title
	------------------------------------------------------------------------*/

	.sec-header h3{
		margin: auto;
		max-width: 1000px;
		text-align: center;
		color: #d2008f;
	}


	.sec-header h3 img{
		width: 100%;
		height: auto;

	}



	/* contents
	------------------------------------------------------------------------*/

	#contents{
		position: relative;
		padding: 170px 10px;
		z-index: 100;
		background: url(../img/bg_noise.jpg) 0 0 repeat;

	}

	#contents section{
		position: relative;
	}
	#contents section + section{
		margin-top: 200px;
	}
	#contents section article{
		position: relative;
		margin: 90px 0 0;
		z-index: 100;
	}
	#contents .col{
		margin: auto;
		max-width: 1000px;
	}
	.artcle-header-inner{
		margin: auto;
	}

	/* statement
	------------------------------------------------------------------------*/
	#statement h3{
	}

	#statement article{
		text-align: center;
	}
	#statement .title-wrap{
		margin: auto;
		width: 536px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}
	#statement h4{
		margin: auto;
		width: 536px;
	}
	#statement h4 i{
		display: none;
	}
	#statement h4 span{
		display: inline-block;
		height: 56px;
		background: url(../img/title_statement.png) 0 0 no-repeat;
		background-size: auto 100%;
	}
	#statement .statement-fmv img{
		width: auto;
		height: 18px;
	}
	#statement .statement-hsm img{
		width: auto;
		height: 29px;
	}
	#statement .col{
		padding: 50px 0 0;
	}
	#statement .col p{
		font-size: 20px;
		line-height: 2.5;
	}
	#statement .col p + p{
		margin-top: 50px;
	}
	#statement .col span{
		display: block;
	}
	#statement .statement-hsm{
		padding: 20px 0 0;	
	}
	#statement .artcle-header-inner{
		width: auto;
	}


	/* making
	------------------------------------------------------------------------*/


	#making article{
		text-align: center;
	}
	#making .fig-box-inner{
		position: relative;

	}
	#making .fig-box{
		padding: 0 100px;
		margin: auto;
		max-width: 800px;	
	}
	#making figure img{
		width: 100%;
		height: auto;
	}
	#making .btn-play{
		position: absolute;
		right: -83px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 166px;
		height: 166px;
		z-index: 1000;
	}
	#making .btn-play a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#making .btn-play a span{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 120px;
		height: 120px;
		border: 3px solid #fff;
		box-sizing: border-box;
		border-radius: 60px;
	}
	#making .btn-play a span i{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 5px;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 20px 30px;
		border-color: transparent transparent transparent #fff;
	}
	#making .btn-play a:after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/btn_play_circle.png) 0 0 no-repeat;
		background-size: 100% 100%;
		animation: btnplay 8000ms linear infinite;
	}

	#making .btn-play a:hover span{
		border: 3px solid #d2008f;
		-webkit-transition: border ease 300ms;
		-o-transition: border ease 300ms;
		transition: border ease 300ms;
	}
	#making .btn-play a:hover span i{
		border-color: transparent transparent transparent #d2008f;
		-webkit-transition: border ease 300ms;
		-o-transition: border ease 300ms;
		transition: border ease 300ms;
	}
	/* glim-spanky
	------------------------------------------------------------------------*/


	#glim-spanky .col{
		display: flex;
	}
	#glim-spanky .fig-box{
		width: 50%;
	}
	#glim-spanky figure img{
		width: 100%;
		height: auto;
	}
	#glim-spanky .col-txt{
		position: relative;
		padding: 0 0 0 50px;
		width: 50%;
		box-sizing: border-box;
	}
	#glim-spanky .col-txt .col-txt-inner{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#glim-spanky .col-txt p{
		line-height: 2;
	}
	#glim-spanky .col-txt a{
		margin-top: 15px; 
		display: inline-block;
		color: #d2008f;
	}
	#glim-spanky .col-txt a:hover{
		text-decoration: underline;
	}


	/* online live
	------------------------------------------------------------------------*/



	#online-live .col{
		max-width: none;
	}
	#online-live .title-wrap{
		margin: auto;
		padding: 0 60px;	
		width: 1000px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}
	#online-live h4{
		margin: auto;
		width: 805px;
	}
	#online-live h4 i{
		display: none;
	}
	#online-live h4 span{
		font-size: 0;
		display: inline-block;
		height: 67px;
		background: url(../img/title_online.png) 0 0 no-repeat;
		background-size: auto 134px;
	}
 	#online-live .artcle-header-txt{
		text-align: center;
	}
	#online-live .artcle-header-txt p{
		margin: 70px 0 0;
		line-height: 2;
	}

	#online-live #point{
		padding: 100px 0 0;
	}
	#online-live #point li{
	}
	#online-live #point .list-inner{
		margin: auto;
		padding: 0 90px;	
		width: 1000px;
		display: flex;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}

	#online-live #point li + li{
		padding-top: 100px;	
	}
	#online-live #point li:nth-child(even) .list-inner{
		flex-direction: row-reverse;
	}
	#online-live #point li figure{
		position: relative;
		width: 50%;
	}
	#online-live #point li figure span{
		position: absolute;
		top: 40px;
		display: block;
		width: 120px;
		height: 120px;
		text-align: center;
		font-size: 58px;
		line-height: 120px;
		border-radius: 60px;
		border: 2px solid #ce018c;
		color: #ce018c;
		box-sizing: border-box;
		z-index: 100;
	}
	#online-live #point li:nth-child(odd) span{
		left: -90px;
	}
	#online-live #point li:nth-child(even) span{
		right: -90px;
	}

	#online-live #point li figure img{
		width: 100%;
		height: auto;
	}
	#online-live #point li .point-txt{
		position: relative;
		padding: 0 0 0 5%;
		width: 50%;
		box-sizing: border-box;
	}
	#online-live #point li .point-txt .point-txt-inner{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#online-live #point li .point-txt dt{
		font-size: 36px;
		line-height: 1.3;
		color: #ce018c;
	}
	#online-live #point li .point-txt dd{
		margin: 25px 0 0;
		line-height: 2;
	}
	#online-live #point li .point-txt dd span{
		margin: 10px 0 0;
		display: block;
		font-size: 13px;
		line-height: 1.8;
	}

	/* recommend
	------------------------------------------------------------------------*/

	#recommend .col{
		max-width: none;
	}
	#recommend .title-wrap{
		margin: auto;
		padding: 0 60px;	
		width: 1000px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}
	#recommend h4{
		margin: auto;
		width: 804px;
	}
	#recommend h4 i{
		display: none;
	}
	#recommend h4 span{
		display: inline-block;
		height: 66px;
		background: url(../img/title_recommend.png) 0 0 no-repeat;
		background-size: auto 132px;
	}


	.recommend-box{
		max-width: 1000px;
		margin: auto;
		padding: 70px 0 0;
	}
	.recommend-box > ul{
		display: flex;
		margin: 0 -24px;
		
	}
	.recommend-list{
		position: relative;
		margin: 0 24px;
		width: calc((100% / 3) - 24px);
		height: auto;
	    outline: none;
	}
	.recommend-list .recommend-header{
		padding: 0 0 40px;
		text-align: center;
	}
	.recommend-list .recommend-header p{
		font-size: 20px;
		color: #ce018c;
		line-height: 1.5;
	}
	.recommend-list .recommend-header h5{
		padding: 30px 0 0;
	}
	.recommend-list .recommend-header h5 strong{
		display: block;
		padding: 15px 0 0;
		font-size: 40px;
	}
	.recommend-list figure img{
		width: 100%;
		height: auto;
	}
	.recommend-list ul{
		padding: 25px 0 80px;
	}
	.recommend-list li{
		font-size: 14px;
		line-height: 2;
		text-indent: -1em;
		padding: 0 0 0 1em;
	}

	.recommend-list li + li{
		margin-top: 5px;
	}
	.recommend-list li span{
		display: block;
		padding: 10px 0 0;
		font-size: 12px;
	}
	.btn-link{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.btn-link a{
		position: relative;
		display: block;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		border: 1px solid #ce018c;
		text-align: center;
		color: #ce018c;
	}	
	.btn-link a:after{
		position: absolute;
		margin: auto;
		top: 0;
		right: 18px;
		bottom: 0;
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-width: 2px 2px 0 0;
		border-style: solid;
		border-color: #ce018c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	.btn-link a:hover{
		border: 1px solid #fff;
		color: #fff;
		-webkit-transition: border ease 300ms, color ease 300ms;
		-o-transition: border ease 300ms, color ease 300ms;
		transition: border ease 300ms, color ease 300ms;
	}
	.btn-link a:hover:after{
		border-color: #fff;

		-webkit-transition: border ease 300ms, color ease 300ms;
		-o-transition: border ease 300ms, color ease 300ms;
		transition: border ease 300ms, color ease 300ms;
	}

	/* gfooter
	------------------------------------------------------------------------*/

	#gfooter{
		position: relative;
		padding: 100px 0;
		background:#000;
		z-index: 100;
	}
	#gfooter .btn-list{
		margin: auto;
		padding: 0 10px;
		max-width: 820px;
		box-sizing: border-box;
	}	
	#gfooter .btn-list li a{
		position: relative;
		display: block;
		width: 100%;
		height: 80px;
		font-size: 20px;
		line-height: 80px;
		color: #000;
		background: #fff;
		text-align: center;
	}
	#gfooter .btn-list li a:hover{
		opacity: 0.7;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
	}

	#gfooter .btn-list li a:after{
		position: absolute;
		margin: auto;
		top: 0;
		right: 18px;
		bottom: 0;
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-width: 3px 3px 0 0;
		border-style: solid;
		border-color: #000;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}
	#gfooter .btn-list li + li{
		margin-top: 20px;
	}
	#gfooter .btn-list li:nth-child(2) a{
		color: #fff;
		background: #ce018c;
	}
	#gfooter .btn-list li:nth-child(2) a:after{
		border-color: #fff;
	}

	#gfooter .sns-list{
		margin: 60px 0 0;
		text-align: center;
		font-size: 0;
	}
	#gfooter .sns-list li{
		display: inline-block;
	}
	#gfooter .sns-list li + li{
		margin-left: 24px; 
	}	
	#gfooter .sns-list li:nth-child(1) a{
		position: relative;
		display: block;
		width: 56px;
		height: 56px;
		background: url(../img/icon_tw.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	#gfooter .sns-list li:nth-child(2) a{
		position: relative;
		display: block;
		width: 55px;
		height: 54px;
		background: url(../img/icon_fb.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	#gfooter .sns-list li a:hover{
		opacity: 0.7;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
	}

	#intel-footer{
		position: relative;
		color: #181818;
		background: #fff;
		font-size: 16px;
		z-index: 100;
	}
	#intel-footer section{
		width: 100%;
		margin: auto;
		text-align: center;
	}

	#intel-footer div{
		padding: 20px 0;
		display: table;
		width: 100%;
	}
	#intel-footer div p {
		width: 100%;
	}
	#intel-footer div p img {
		width: 90px;
		height: auto;
		vertical-align: middle;
	}

	#intel-footer div p span{
		margin: 0 0 0 35px;
		font-size: 1.1em;
		letter-spacing: 0.1em;
		display: inline-block;
		font-weight: bold;
		font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	}
	#intel-footer div p,
	#intel-footer div dd {
		display: table-cell;
		vertical-align: middle;
	}


	#gfooter{
		position: relative;
	}
	#gfooter p{
		padding: 60px 0 0;
		font-size: 14px;
		text-align: center;
	}

	.btn-pt{
		position: absolute;
		right: 20px;
		bottom: 20px;

	}
	.btn-pt a{
		position: relative;
		display: block;
		width: 83px;
		height: 83px;
		border: 2px solid #ce018c;
		border-radius: 44px;
	}
	.btn-pt a span{
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: transform ease 300ms;
		-o-transition: transform ease 300ms;
		transition: transform ease 300ms;
	}
	.btn-pt a:hover span{
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	.btn-pt a i{
		position: absolute;
		margin: -6px auto 0;
		top: 50%;
		right: 0;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		border-width: 4px 4px 0 0;
		border-style: solid;
		border-color: #ce018c;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);

	}



	/* popup
	--------------------------------------------------------*/

	.popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.95);
		z-index: 5000;
		padding: 0 20px;
		display: none;
		box-sizing: border-box;
	}
	.popup-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-box{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		max-width: 980px;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.popup .movie{
		position: relative;
		padding-top: 56.25%;
	}
	.popup .movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	.btn-popup-close{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		z-index: 150;
	}
	.btn-popup-close i{
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin: -1.5px 0 0 -25px;
		width: 50px;
		height: 3px;
		background: #ce018c;
	}
	.btn-popup-close i:nth-child(1){
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn-popup-close i:nth-child(2){
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}




}

@media screen  and (min-width: 769px) and (max-width: 1000px) {


	#glim-spanky .col-txt{
		padding: 0 0 0 25px;
	}

	.recommend-box > ul{
		display: flex;
		margin: 0 -6px;
	}
	.recommend-list{
		position: relative;
		margin: 0 6px;
		width: calc((100% / 3) - 6px);
		height: auto;
	}
	.recommend-list .recommend-header p{
		font-size: 16px;
		color: #ce018c;
		line-height: 1.5;
	}
	.recommend-list .recommend-header h5{
		padding: 30px 0 0;
	}
	.recommend-list .recommend-header h5 span{
		font-size: 14px;
	}
	.recommend-list .recommend-header h5 strong{
		display: block;
		padding: 15px 0 0;
		font-size: 36px;
	}
	.recommend-list li{
		font-size: 12px;
		line-height: 2;
	}



}



@media screen  and (min-width: 769px) and (max-width: 980px) {


	#glim-spanky .col-txt{
		width: 50%;
		box-sizing: border-box;
		font-size: 13px;
	}

}



@media screen  and (min-width: 751px) and (max-width: 1100px) {


	#intel-footer dl{
		display: block;
	}

	#intel-footer dl dt,
	#intel-footer dl dd {
		width: 100%;
		text-align: center;
		display: block;
		vertical-align: middle;
		line-height: 1.8;
	}
	#intel-footer dl dd {
		margin: 40px 0 0;
	}

}








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


	.ignore-sp{
		display: none;
	}
	body {
		width: 100%;
		font-size: 12px;
		background: #000;
	}

	#wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}


	/* kv
	------------------------------------------------------------------------*/

	#kv{
		position: relative;
		width: 100%;
		background: url(../img/kv_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
		z-index: 200;
		-webkit-transition: opacity 1000ms ease;
		-o-transition: opacity 1000ms ease;
		transition: opacity 1000ms ease;
		opacity: 0;
	}
	#kv.on{
		opacity: 1;
	}
	.kv-title-box{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0 30px;
		text-align: center;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		box-sizing: border-radius: ;
	}
	.kv-title-box-inner{
		margin: auto;
		width: 1056px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.kv-title-elm{
		overflow: hidden;
	}
	.kv-title-elm span{
		display: inline-block;
	}

	.artcle-header h4 span{

	}
	.artcle-header h4 span,
	.kv-title-elm span{
		opacity: 0;
		display: inline-block;
		-webkit-transform-origin: center left;
		-moz-transform-origin: center left;
		-ms-transform-origin: center left;
		-o-transform-origin: center left;
		transform-origin: center left;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: transform 600ms ease, opacity 400ms ease;
		-o-transition: transform 600ms ease, opacity 400ms ease;
		transition: transform 600ms ease, opacity 400ms ease;
	}
	.artcle-header h4 span.on,
	.kv-title-elm span.on{
		opacity: 1;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}
	.kv-title-logo img{
		width: auto;
		height: 136px;
	}

	.kv-title-fmv{
		padding: 25px 0 0;
	}
	.kv-title-fmv img{
		width: auto;
		height: 40px;
	}
	.kv-title-hsm{
		padding: 25px 0 0;
	}
	.kv-title-hsm i{
		display: none;
	}
	.kv-title-hsm span{
		display: inline-block;
		height: 66px;
		background: url(../img/kv_hsm.png) 0 0 no-repeat;
	}
	.kv-title-hsm img{
		width: auto;
		height: 66px;
	}
	.kv-title-catch{
		padding: 70px 0 0;
	}
	.kv-title-catch img{
		width: auto;
		height: 44px;
	}

	/* gheader
	------------------------------------------------------------------------*/
	#gheader{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#gheader h1{
		position: absolute;
		top: 10px;
		left: 15px;
	}
	#gheader h1 img{
		width: auto;
		height: 27px;
	}
	#gheader .logo-life{
		position: absolute;
		top: 52px;
		left: 15px;
	}
	#gheader .logo-life img{
		width: auto;
		height: 73px;
	}


	/* sec title
	------------------------------------------------------------------------*/

	.sec-header h3{
		margin: auto;
		max-width: 1207px;
		text-align: center;
		color: #d2008f;
	}
	.sec-header h3 img{
		width: 100%;
		height: auto;

	}

	/* contents
	------------------------------------------------------------------------*/

	#contents{
		position: relative;
		padding: 70px 20px;
		z-index: 100;
		background: url(../img/bg_noise.jpg) 0 0 repeat;
	}

	#contents section{
		position: relative;
	}
	#contents section + section{
		margin-top: 120px;
	}
	#contents section article{
		position: relative;
		margin-top: 45px;
		z-index: 100;
	}
	#contents .col{
		max-width: 1000px;
	}
	.artcle-header-wrap{
	}
	.artcle-header-inner{
		margin: auto;
	}

	.artcle-header-inner{
		margin: auto;
	}

	/* statement
	------------------------------------------------------------------------*/

	#statement article{
		margin: 0 10px;
		text-align: center;
	}

	#statement .title-wrap{
		margin: auto;
		width: 536px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}

	#statement h4{
		width: 536px;
	}
	#statement h4 i{
		display: none;
	}
	#statement h4 span{
		display: inline-block;
		height: 56px;
		background: url(../img/title_statement.png) 0 0 no-repeat;
		background-size: auto 100%;
	}
	#statement .statement-fmv img{
		width: auto;
		height: 9px;
	}
	#statement .statement-hsm img{
		width: auto;
		height: 15px;
	}
	#statement .col{
		margin: 0 -10px;
		padding: 40px 0 0;
	}
	#statement .col p{
		font-size: 12px;
		line-height: 2;
	}
	#statement .col p + p{
		margin-top: 30px;
	}
	#statement .col span{
		display: block;
	}
	#statement .statement-hsm{
		padding: 10px 0 0;	
	}
	#statement .artcle-header-inner{
		width: auto;
	}

	/* making
	------------------------------------------------------------------------*/


	#making article{
		margin: 0 10px;
		text-align: center;
	}
	#making .fig-box-inner{
		position: relative;

	}
	#making .fig-box{
		margin: auto;
		max-width: 800px;	
	}
	#making figure img{
		width: 100%;
		height: auto;
	}
	#making .btn-play{
		position: absolute;
		right: 15px;
		bottom: -60px;
		margin: auto;
		width: 110px;
		height: 110px;
		z-index: 1000;
	}
	#making .btn-play a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#making .btn-play a span{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 80px;
		height: 80px;
		border: 2px solid #fff;
		box-sizing: border-box;
		border-radius: 60px;
	}
	#making .btn-play a span i{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 5px;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 0 12px 21px;
		border-color: transparent transparent transparent #fff;
	}
	#making .btn-play a:after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/btn_play_circle.png) 0 0 no-repeat;
		background-size: 100% 100%;
		animation: btnplay 8000ms linear infinite;
	}

	/* glim-spanky
	------------------------------------------------------------------------*/

	#glim-spanky article{
		margin: 0 10px;
	}
	#glim-spanky figure img{
		width: 100%;
		height: auto;
	}
	#glim-spanky .col-txt{
		padding: 25px 0 0;
		box-sizing: border-box;
	}
	#glim-spanky .col-txt p{
		line-height: 2;
	}
	#glim-spanky .col-txt a{
		margin-top: 30px; 
		display: inline-block;
		color: #d2008f;
	}



	/* online live
	------------------------------------------------------------------------*/



	#online-live .col{
		max-width: none;
	}
	#online-live article{
		margin: 0 10px;
	}
	#online-live .title-wrap{
		margin: auto;
		width: 805px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}
	#online-live h4{
		margin: auto;
		width: 805px;
	}
	#online-live h4 i{
		display: none;
	}
	#online-live h4 span{
		font-size: 0;
		display: inline-block;
		height: 67px;
		background: url(../img/title_online.png) 0 0 no-repeat;
		background-size: auto 134px;
	}
 	#online-live .artcle-header-txt{
		text-align: center;
	}
	#online-live .artcle-header-wrap .artcle-header-txt p{
		margin: 35px 0 0;
		line-height: 2;
	}
	#online-live .artcle-header-wrap .artcle-header-fig-box{
		margin: 50px 0 0;
	}
	#online-live .artcle-header-wrap .artcle-header-fig-box figure img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}
	#online-live .artcle-header-wrap .artcle-header-fig-box figure img:nth-child(1){
		position: relative;
	}
	#online-live #point{
		padding: 60px 0 0;
	}
	#online-live #point li{
	}
	#online-live #point .list-inner{
		margin: auto;
	}

	#online-live #point li + li{
		padding-top: 60px;	
	}
	#online-live #point li figure{
		position: relative;
	}
	#online-live #point li figure span{
		position: absolute;
		top: 20px;
		display: block;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 29px;
		line-height: 60px;
		border-radius: 60px;
		border: 1.5px solid #ce018c;
		color: #ce018c;
		box-sizing: border-box;
		z-index: 100;
	}
	#online-live #point li span{
		left: -20px;
	}

	#online-live #point li figure img{
		width: 100%;
		height: auto;
	}
	#online-live #point li .point-txt{
		position: relative;
		margin: 25px 0 0;
		box-sizing: border-box;
	}

	#online-live #point li .point-txt dt{
		font-size: 24px;
		line-height: 1.3;
		text-align: center;
		color: #ce018c;
	}
	#online-live #point li .point-txt dd{
		margin: 25px 0 0;
		line-height: 2;
	}
	#online-live #point li .point-txt dd span{
		margin: 10px 0 0;
		display: block;
		font-size: 10px;
		line-height: 1.8;
	}

	/* recommend
	------------------------------------------------------------------------*/
	#recommend article{
		margin: 0 10px;
	}
	#recommend .col{
		max-width: none;
	}
	#recommend .title-wrap{
		margin: auto;
		width: 804px;
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
	}
	#recommend h4{
		margin: auto;
		width: 804px;
	}
	#recommend h4 i{
		display: none;
	}
	#recommend h4 span{
		display: inline-block;
		height: 66px;
		background: url(../img/title_recommend.png) 0 0 no-repeat;
		background-size: auto 132px;
	}


	.recommend-box{
		padding: 50px 0 0;
	}
	.recommend-list{
		position: relative;
		float: none !important;
		height: auto !important;
	    outline: none;
	}
	.recommend-list + .recommend-list{
		margin-top: 60px;
	}
	.recommend-list .recommend-header{
		padding: 0 0 30px;
		text-align: center;
	}
	.recommend-list .recommend-header p{
		font-size: 16px;
		color: #ce018c;
		line-height: 1.5;
	}
	.recommend-list .recommend-header h5{
		padding: 30px 0 0;
	}
	.recommend-list .recommend-header h5 strong{
		display: block;
		padding: 15px 0 0;
		font-size: 30px;
	}
	.recommend-list figure img{
		width: 100%;
		height: auto;
	}
	.recommend-list ul{
		padding: 25px 0 80px;
	}
	.recommend-list li{
		font-size: 10px;
		line-height: 2;
		text-indent: -1em;
		padding: 0 0 0 1em;
	}
	.recommend-list li + li{
		margin-top: 5px;
	}
	.recommend-list li span{
		display: block;
		padding: 10px 0 0;
		font-size: 10px;
	}
	.btn-link{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.btn-link a{
		position: relative;
		display: block;
		height: 45px;
		line-height: 45px;
		font-size: 12px;
		border: 1px solid #ce018c;
		text-align: center;
		color: #ce018c;
	}	
	.btn-link a:after{
		position: absolute;
		margin: auto;
		top: 0;
		right: 18px;
		bottom: 0;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-width: 2px 2px 0 0;
		border-style: solid;
		border-color: #ce018c;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}



	/* gfooter
	------------------------------------------------------------------------*/

	#gfooter{
		position: relative;
		padding: 40px 30px;
		background:#000;
		z-index: 100;
	}
	#gfooter .btn-list{
		margin: auto;
		max-width: 820px;
		box-sizing: border-box;
	}
	#gfooter .btn-list li a{
		position: relative;
		display: block;
		width: 100%;
		height: 45px;
		font-size: 12px;
		line-height: 45px;
		color: #000;
		background: #fff;
		text-align: center;
	}
	#gfooter .btn-list li a:after{
		position: absolute;
		margin: auto;
		top: 0;
		right: 12px;
		bottom: 0;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-width: 2px 2px 0 0;
		border-style: solid;
		border-color: #000;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}



	#gfooter .btn-list li + li{
		margin-top: 10px;
	}
	#gfooter .btn-list li:nth-child(2) a{
		color: #fff;
		background: #ce018c;
	}
	#gfooter .btn-list li:nth-child(2) a:after{
		border-color: #fff;
	}
	#gfooter .btn-list li:nth-child(1) a img{
		width: auto;
		height: 100%;
	}


	#gfooter .sns-list{
		margin: 30px 0 0;
		text-align: center;
		font-size: 0;
	}
	#gfooter .sns-list li{
		display: inline-block;
	}
	#gfooter .sns-list li + li{
		margin-left: 15px; 
	}	
	#gfooter .sns-list li:nth-child(1) a{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		background: url(../img/icon_tw.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	#gfooter .sns-list li:nth-child(2) a{
		position: relative;
		display: block;
		width: 40px;
		height: 39px;
		background: url(../img/icon_fb.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}



	#intel-footer{
		position: relative;
		color: #181818;
		background: #fff;
		font-size: inherit;
		z-index: 100;
	}
	#intel-footer section{
		margin: 0 15px;
	}
	#intel-footer div{
		padding: 20px 0;
	}

	#intel-footer div p img {
		width: 100px;
		vertical-align: middle;
	}
	#intel-footer div p span{
		margin: 15px 0 0;
		font-size: 1.1em;
		letter-spacing: 0.1em;
		line-height: 1.5;
		display: block;
		font-weight: bold;
		font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	}
	#intel-footer div{
	}
	#intel-footer div p{
		text-align: center;
		display: block;
	}
	#intel-footer div dd {
		width: 100%;
		display: block;
		vertical-align: middle;
	}
	#intel-footer div dd {
		margin: 20px 0 0;
		line-height: 1.8;
	}
	#intel-footer div dd.cap {
		width:90%;
		font-size: 0.7em;
		font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	}



	#gfooter{
		position: relative;
	}
	#gfooter p{
		padding: 30px 0 0;
		font-size: 10px;
	}

	.btn-pt{
		position: absolute;
		right: 14px;
		bottom: 14px;

	}
	.btn-pt a{
		position: relative;
		display: block;
		width: 42px;
		height: 42px;
		border: 2px solid #ce018c;
		border-radius: 44px;
	}
	.btn-pt a span{
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: transform ease 300ms;
		-o-transition: transform ease 300ms;
		transition: transform ease 300ms;
	}
	.btn-pt a:hover span{
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	.btn-pt a i{
		position: absolute;
		margin: -3px auto 0;
		top: 50%;
		right: 0;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-width: 2px 2px 0 0;
		border-style: solid;
		border-color: #ce018c;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);

	}

	/* popup
	--------------------------------------------------------*/

	.popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.95);
		z-index: 5000;
		padding: 0 10px;
		display: none;
		box-sizing: border-box;
	}
	.popup-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-box{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		max-width: 980px;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.popup .movie{
		position: relative;
		padding-top: 56.25%;
	}
	.popup .movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	.btn-popup-close{
		position: absolute;
		top: 15px;
		right: 15px;
		width: 22px;
		height: 22px;
		z-index: 150;
	}
	.btn-popup-close i{
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -15px;
		width: 30px;
		height: 2px;
		background: #ce018c;
	}

	.btn-popup-close i:nth-child(1){
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn-popup-close i:nth-child(2){
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);

	}


}


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

	body {
	    font-size: 11px;
	}
	.recommend-list .recommend-header p {
	    font-size: 13px;
	}
	#gfooter {
	    position: relative;
	    padding: 40px 10px;
	    background: #000;
	    z-index: 100;
	}
}