@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
パペモン (max-width:767px)
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { height:100%;}
html { font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Meiryo", "Helvetica", sans-serif;}
body { font-size:62.5%; line-height:1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block;}
audio,canvas,progress,video { display:inline-block;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
a { background-color:transparent; -webkit-text-decoration-skip:objects;}

/*@common
/////////////////////////////////////////////////////////////////////*/
body { background:url(../img/bg1.png) center 0; background-size:10px auto; text-align:center;}
a { color:#000; text-decoration:none; -webkit-transition:all 0.2s; transition:all 0.2s;}
.inner { text-align:left; margin:0 auto; position:relative;}
#contents { padding-top:12%; overflow:hidden;}
img { display:block; width:100%;}

/*loading*/
#loading {
	width:100%; height:0; padding-top:56.25%;
	background:#ffdf15 url(../img/bg3.png) center 0;
	position:absolute; top:0; left:0;
	}
	#loading div {
		width:50px; height:50px;
		background:url(../img/loading.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		animation:load 2s linear infinite;
		-webkit-animation:load 2s linear infinite;
		-moz-animation:load 2s linear infinite;
		position:absolute; top:50%; left:50%;
		margin:-25px 0 0 -25px;
	}
	@-webkit-keyframes load {
		0% { -webkit-transform:rotate(0deg);}
		100% { -webkit-transform:rotate(360deg);}
	}
	@keyframes load {
		0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
		100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);}
	}
/*video*/
#videoBG {
	width:100%; height:0; padding-top:56.25%;
	position:absolute; top:0; left:0;
	opacity:0;
}
/*header*/
#header {
	width:100%; height:0; padding-top:56.25%;
	position:relative;
	}
	#header h1 {
		width:40%; height:0; padding-top:16.19%;
		background:url(../img/logo_papemon.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:-10%; left:2%; z-index:10;
	}
	#header .official a {
		display:block; width:35%; height:0; padding-top:7.54%;
		background:url(../img/logo_daisuki.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:5px; right:8px; z-index:10;
	}
	#header .overlay-video {
		width:100%; height:100%;
		position:absolute; top:0; left:0;
	}
	#header .overlay-video a {
		display:block; width:100%; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
		background:#000; opacity:0;
	}
	#header .overlay-video a:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; left:50%; margin:-40px 0 0 -30px;
		border:40px transparent solid;
		border-left-color:#fff;
		border-width:40px 0 40px 60px;
	}
	#header .overlay-video a:hover { opacity:0.3;}
/*nav*/
#menu { width:54%; position:absolute; bottom:-10%; right:1%; z-index:10; overflow:hidden;}
	#menu ul {
		width:100%; height:0; padding-top:32.28%;
		background:url(../img/sp_menu.png) no-repeat;
		background-size:contain;
		position:relative; right:-32%;
	}
	#menu ul li a {
		display:block; width:31%; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0;
	}
	#menu li.m1 a { left:0;}
	#menu li.m2 a { left:34.5%;}
	#menu li.m3 a { right:0;}

/*sns*/
.snsbtn { font-size:0; text-align:center; overflow:hidden; padding-bottom:20px;}
.snsbtn li { display:inline-block; height:20px; vertical-align:top; margin-left:5px;}
.snsbtn li.line { width:85px; overflow:hidden;}
header .snsbtn { display:none;}

/*footer*/
footer { background:#ffdf15;}
	footer .inner { padding:20px 16px 15px;}
	footer h1 { display:none;}
	footer .official a {
		display:block; width:210px; height:45px;
		background:url(../img/logo_daisuki.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto 10px;
	}
	footer .copyright { font-size:.6rem; font-weight:bold; color:#383838; line-height:1.5;}
	footer .copyright br { display:none;}

/*ptop*/
#ptop {
	position:fixed; bottom:10px; right:10px; z-index:999;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:67px; height:67px;
		background:rgba(0, 0, 0, 0.6); border-radius:50%;
		text-indent:110%; white-space:nowrap; font-size:0;
		color:transparent; position:relative;
	}
	#ptop a:before {
		content:""; display:block; width:54px; height:36px;
		background:url(../img/parts.png) no-repeat 0 -155px;
		background-size:400px auto;
		position:absolute; top:50%; left:50%;
		margin:-19px 0 0 -27px;
	}
	#ptop a:after {
		content:""; display:block; width:50px; height:50px;
		background:url(../img/pape6.png) no-repeat;
		background-size:contain;
		position:absolute; top:-30px; right:-10px;
		-webkit-transition:all 0.3s; transition:all 0.3s;
	}
	#ptop.end { bottom:160px;}


/*@information
/////////////////////////////////////////////////////////////////////*/
#information { margin-bottom:30px;}
	#information h2 {
		width:79px; height:79px;
		background:url(../img/parts.png) no-repeat -293px -82px;
		background-size:400px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:-10px; left:2px;
	}
	#information .list ul {
		width:100%; min-height:60px;
		background:#fff; padding:9px 5px 5px 103px;
	}
	#information .list ul li {
		font-size:12px; font-weight:bold; line-height:1.4;
		text-indent:-1.2em; padding:2px 0;
	}
	#information .list ul li:before { content:"●"; font-size:13px; color:#2e5aa4; margin-right:0.2em;}
	#information .list ul li a:hover { color:#2e5aa4;}
	#information .list .banner { width:80%; margin:15px auto;}

/*@videoList
/////////////////////////////////////////////////////////////////////*/
#videoList { padding:10px 1.5% 20px;}
#videoList h2 { display:none;}
#videoList .inner > ul { display:inline;}
	#videoList ul li {
		display:inline-block; width:47%; vertical-align:top;
		margin:0 0.9% 24px 1.4%; position:relative;
	}
	#videoList .latest li:first-child { width:97%; margin-bottom:30px;}
	/*pic*/
	#videoList ul li .pic {
		width:100%; height:0; padding-top:54.33%;
		background:#ffdf15;border-radius:10px;
		position:relative; overflow:hidden;
	}
	#videoList ul li .pic > div {
		width:100%; height:0; padding-top:54.33%;
		border-radius:10px;
		position:absolute; top:0; left:0;
	}
	#videoList ul li .pic img { display:block; width:100%; position:absolute; top:0; left:0;}
	/*title*/
	#videoList ul li .title {
		text-align:center; line-height:1.35;
		background:#fff; border-radius:10px;
		padding:10px 7px 8px;
	}
	#videoList ul li .title h3 { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#videoList ul li .title .sub { font-size:10px; color:#4c4d4e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#videoList .latest li:first-child .title { padding:12px 10px 10px;}
	#videoList .latest li:first-child .title h3 { font-size:16px;}
	#videoList .latest li:first-child .title .sub { font-size:12px; }
	/*number*/
	#videoList ul li .number {
		display:inline-block; min-width:80px;
		height:25px; line-height:25px;
		font-size:12px; font-weight:bold; color:#fff; text-align:center;
		border-radius:8px; background:#777;
		position:absolute; top:-14px; left:10px;
		padding-top:0.06em;
	}
	#videoList ul li .number span {
		display:inline-block; vertical-align:middle;
		font-size:19px; font-weight:600;
		letter-spacing:0.05em;
		padding:0 0.1em 0.2em 0.15em;
		position:relative;
	}
	#videoList .latest li:first-child .number {
		min-width:100px; font-size:16px;
		height:32px; line-height:32px; left:13px;
	}
	#videoList .latest li:first-child .number span { font-size:26px; padding-bottom:0.25em;}
	/*new*/
	#videoList ul li.new .number:before {
		content:""; display:block; width:33px; height:15px;
		background:url(../img/parts.png) no-repeat;
		background-size:400px auto;
		position:absolute; top:-10px; left:50%;
		margin-left:-16.5px;
	}
	#videoList ul li.new.red .number:before { background-position:0 -195px;}
	#videoList ul li.new.light-blue .number:before { background-position:-36px -195px;}
	#videoList ul li.new.green .number:before { background-position:-73px -195px;}
	#videoList ul li.new.orange .number:before { background-position:-109px -195px;}
	#videoList ul li.new.pink .number:before { background-position:-146px -195px;}
	#videoList ul li.new.blue .number:before { background-position:-183px -195px;}
	#videoList .latest li.new:first-child .number:before {
		width:55px; height:25px;
		background-size:655px auto;
		top:-17px; margin-left:-27.5px;
	}
	#videoList .latest li.new.red:first-child .number:before { background-position:0 -320px;}
	#videoList .latest li.new.light-blue:first-child .number:before { background-position:-60px -320px;}
	#videoList .latest li.new.green:first-child .number:before { background-position:-120px -320px;}
	#videoList .latest li.new.orange:first-child .number:before { background-position:-180px -320px;}
	#videoList .latest li.new.pink:first-child .number:before { background-position:-240px -320px;}
	#videoList .latest li.new.blue:first-child .number:before { background-position:-300px -320px;}
	/*summary*/
	#videoList ul li .summary { display:none;}
/*color*/
#videoList ul li.red .title h3 { color:#d72b00;}
#videoList ul li.red .number { background:#d72b00;}
#videoList ul li.red .summary { background:rgba(215, 43, 0, 0.8);}
#videoList ul li.light-blue .title h3 { color:#00a1dd;}
#videoList ul li.light-blue .number { background:#00b3f6;}
#videoList ul li.light-blue .summary { background:rgba(0, 161, 221, 0.8);}
#videoList ul li.green .title h3 { color:#32cc03;}
#videoList ul li.green .number { background:#32cc03;}
#videoList ul li.green .summary { background:rgba(50, 204, 3, 0.8);}
#videoList ul li.orange .title h3 { color:#e58100;}
#videoList ul li.orange .number { background:#e58100;}
#videoList ul li.orange .summary { background:rgba(229, 129, 0, 0.8);}
#videoList ul li.pink .title h3 { color:#ff029d;}
#videoList ul li.pink .number { background:#ff029d;}
#videoList ul li.pink .summary { background:rgba(255, 2, 157, 0.8);}
#videoList ul li.blue .title h3 { color:#034fcc;}
#videoList ul li.blue .number { background:#034fcc;}
#videoList ul li.blue .summary { background:rgba(3, 79, 204, 0.8);}

/*@song
/////////////////////////////////////////////////////////////////////*/
#song {
	width:100%; height:0; padding-top:69.79%;
	background:url(../img/bg2.jpg) center 0;
	background-size:auto 123px;
	position:relative; overflow:hidden;
	}
	#song .inner {
		width:100%; height:0; padding-top:69.79%;
		position:absolute; top:0; left:0;
	}
	#song:before {
		content:""; display:block;
		width:100%; height:0; padding-top:46.875%;
		background:#2ac1f9 url(../img/sp_song_title.png) no-repeat center 0;
		background-size:contain;
		position:absolute; top:0; left:0;
	}
	#song:after {
		content:""; display:block;
		width:100%; height:0; padding-top:30.25%;
		background:url(../img/sp_song_pape.png) no-repeat center 0;
		background-size:contain;
		position:absolute; bottom:-2px; left:0;
	}
	#song h2 { display:none;}
	#song .overlay-video {
		width:80%; background:#fff;
		border:5px solid #fff; border-radius:10px; overflow:hidden;
		position:absolute; top:27%; left:10%;
	}
	#song .overlay-video a {
		display:block; width:100%; height:0; padding-top:56.25%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative; z-index:100;
		background:rgba(0, 0, 0, 0.2);
	}
	#song .overlay-video a:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; left:50%; margin:-40px 0 0 -30px;
		border:40px transparent solid;
		border-left-color:#fff;
		border-width:40px 0 40px 60px;
	}

/*@member
/////////////////////////////////////////////////////////////////////*/
#member { padding:30px 0; position:relative;}
	#member:before {
		content:""; display:block; width:100%; height:3px;
		background:url(../img/dot.png) repeat-x center 0;
		position:absolute; top:-2px; left:0;
	}
	#member h2 {
		width:290px; height:42px;
		background:url(../img/parts.png) no-repeat 0 -64px;
		background-size:400px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto 20px;
	}
	#member ul { padding-left:1%;}
	#member ul li {
		display:inline-block; width:30%; overflow:hidden;
		vertical-align:top; margin:0 1.2% 20px; position:relative;
	}
	#member ul li a { display:block; width:100%; height:100%; padding-top:112%;}
	#member ul li a span { display:block; text-align:center; font-weight:bold; color:#4e4a4a;}
	#member ul li a .name1 { font-size:11px; margin-bottom:5px;}
	#member ul li a .name2 {
		font-size:14px; background:#ffbf0a;
		border-radius:10px; padding:6px 0 5px;
		-webkit-transition:all 0.2s; transition:all 0.2s;
	}
	#member ul li a:hover .name2 { background:#fff;}
	/*pic*/
	#member ul li a:after {
		content:""; display:block; width:100%; height:0; padding-top:106.25%;
		background-repeat:no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	#member ul li.mb1 a:after { background-image:url(../img/mb1-1.gif);}
	#member ul li.mb2 a:after { background-image:url(../img/mb2-1.gif);}
	#member ul li.mb3 a:after { background-image:url(../img/mb3-1.gif);}
	#member ul li.mb4 a:after { background-image:url(../img/mb4-1.gif);}
	#member ul li.mb5 a:after { background-image:url(../img/mb5-1.gif);}
	#member ul li.mb6 a:after { background-image:url(../img/mb6-1.gif);}
	#member ul li.mb7 a:after { background-image:url(../img/mb7-1.gif);}
	#member ul li.mb8 a:after { background-image:url(../img/mb8-1.gif);}
	#member ul li.mb9 a:after { background-image:url(../img/mb9-1.gif);}
	#member ul li.mb10 a:after { background-image:url(../img/mb10-1.gif);}
	#member ul li.mb11 a:after { background-image:url(../img/mb11-1.gif);}
	#member ul li.mb12 a:after { background-image:url(../img/mb12-1.gif);}
	#member ul li.mb13 a:after { background-image:url(../img/mb13-1.gif);}
	#member ul li.mb14 a:after { background-image:url(../img/mb14-1.gif);}
	#member ul li.mb15 a:after { background-image:url(../img/mb15-1.gif);}
	#member ul li.mb16 a:after { background-image:url(../img/mb16-1.gif);}
	/*none*/
	#member ul li.mn { padding-top:3.5%;}
	#member ul li.mn.none { display:none;}
	#member ul li.mn:before {
		content:""; display:block; width:100%; height:0; padding-top:100%;
		background:url(../img/bg_mb.png) no-repeat;
		background-size:contain;
	}

/*@faq
/////////////////////////////////////////////////////////////////////*/
#faq {
	background:url(../img/bg2.jpg) center 0;
	background-size:auto 123px;
	padding-top:30px; position:relative;
	}
	#faq:before {
		content:""; display:block; width:100%; height:3px;
		background:url(../img/dot.png) repeat-x center 0;
		position:absolute; top:-2px; left:0;
	}
	#faq .inner { padding:0 16px;}
	#faq h2 {
		width:290px; height:42px;
		background:url(../img/parts.png) no-repeat 0 -109px;
		background-size:400px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto 20px;
	}
	#faq .qBlock {
		border:3px dashed #fad325; border-radius:10px;
		padding:20px 35px 20px 10px; margin-bottom:30px; position:relative;
	}
	#faq .qBlock dt {
		font-size:15px; font-weight:bold; color:#fad325; line-height:1.7;
		padding:2px 0 20px 50px; position:relative;
	}
	#faq .qBlock dd {
		font-size:14px; font-weight:bold; color:#fff; line-height:1.7;
		padding:0 0 10px 50px; position:relative;
	}
	#faq .qBlock dt:before,
	#faq .qBlock dd:before {
		content:""; display:block; width:36px; height:36px;
		background:url(../img/parts.png) no-repeat;
		background-size:400px auto;
		position:absolute; top:0; left:0;
	}
	#faq .qBlock dt:before { background-position:-58px -155px;}
	#faq .qBlock dd:before { background-position:-97px -155px;}
#credit { padding:10px 10px 30px;}
	#credit dl { font-size:15px; font-weight:bold; line-height:1.6; text-align:center;}
	#credit dt { color:#fad325;}
	#credit dd { color:#fff; padding-bottom:18px;}
/*papett*/
#faq .papett {
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute; z-index:1;
	}
	#faq #pape1 { display:none;}
	#faq #pape2 { width:80px; height:151px; background-image:url(../img/pape2.png); bottom:-20%; right:-35px;}
	#faq #pape3 { width:80px; height:123px; background-image:url(../img/pape3.png); bottom:-18%; left:-18px;}
	#faq #pape4 { width:80px; height:132px; background-image:url(../img/pape4.png); bottom:-27%; right:-30px;}
	#faq #pape5 { width:110px; height:110px; background-image:url(../img/pape5.png); bottom:0; left:-5px;}

/*＠Overlay
/////////////////////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#ffdf15;
	position:fixed; top:0; left:0; z-index:1042;
	overflow:hidden; opacity:0.9;
}
.mfp-wrap {
	width:100%; height:100%;
	position:fixed; top:0; left:0; z-index:1043;
	outline:none !important;
	-webkit-backface-visibility:hidden;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0;
	box-sizing:border-box;
	}
	.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
	.mfp-align-top .mfp-container:before { display:none;}
.mfp-content {
	display:inline-block; text-align:left; vertical-align:middle;
	margin:0 auto; position:relative; z-index:1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}
/*btn*/
button.mfp-close,
button.mfp-arrow {
	display:block; overflow:visible;
	cursor:pointer; background:transparent;
	border:0; outline:none;
	box-shadow:none; -webkit-appearance:none;
	padding:0; z-index:1046;
	touch-action:manipulation;
	-webkit-transition:all 0.2s; transition:all 0.2s;
}
button::-moz-focus-inner { padding:0; border:0;}
/*close*/
button.mfp-close {
	width:110px; height:34px;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; bottom:-45px; left:50%;
	margin-left:-55px;
	}
	button.mfp-close:before {
		content:""; display:block; width:94px; height:24px;
		background:url(../img/parts.png) no-repeat -293px -165px;
		background-size:400px auto;
		position:absolute; top:50%; left:50%;
		margin:-12px 0 0 -47px;
	}
/*arr*/
button.mfp-arrow {
	width:30px; height:40px;
	position:absolute; top:50%;
	margin-top:-110px; padding:0;
	-webkit-tap-highlight-color:transparent;
	}
	button.mfp-arrow-left { left:0;}
	button.mfp-arrow-right { right:0;}
	button.mfp-arrow:before {
		content:""; display:block; width:24px; height:36px;
		background:url(../img/parts.png) no-repeat;
		background-size:400px auto;
		position:absolute; top:50%; left:50%;
		margin:-18px 0 0 -12px;
	}
	button.mfp-arrow-left:before { background-position:-137px -155px;}
	button.mfp-arrow-right:before { background-position:-164px -155px;}
/*arrow2*/
button.mfp-arrow.arrow2 { margin-top:-65px;}
button.mfp-arrow-left.arrow2:before { background-position:-192px -155px;}
button.mfp-arrow-right.arrow2:before { background-position:-219px -155px;}
/*iframe*/
.mfp-iframe-holder { padding-top:20px; padding-bottom:20px;}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%;}
.mfp-iframe-scaler { width:100%; height:0; /*overflow:hidden;*/ padding-top:56.25%;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
}
.mfp-story { height:450px; padding:0; margin:0 auto; position:relative;}
.mfp-member { height:280px; padding:0; margin:0 auto; position:relative;}
/*img*/
img.mfp-img {
	display:block; width:auto; max-width:100%;
	height:auto; line-height:0;
	box-sizing:border-box;
	margin:0 auto;
}

/*/////////////animation/////////////*/
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
	opacity:0;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-container { opacity:1;}
.mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.9;}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*///////////////About///////////////*/
#about { width:100%;}
#about-inner {
	width:100%;  color:#fff; font-weight:bold;
	background:#de0404 url(../img/bg_mb.png) no-repeat center center;
	background-size:contain;
	padding:40px 20px 120px; position:relative;
	}
	#about-inner h2 { font-size:24px; text-align:center; padding-bottom:20px;}
	#about-inner p { font-size:14px; line-height:1.8; padding-bottom:20px;}
	#about-inner p.note { font-size:10px; font-weight:normal;}
	
	#about-inner:after {
		content:""; display:block; width:250px; height:130px;
		background:url(../img/pape_about.png) no-repeat;
		background-size:250px auto;
		position:absolute; bottom:0; left:50%;
		margin-left:-125px;
	}

/*///////////////Special///////////////*/
#special {
	width:100%; height:0; padding-top:156%;
	background:url(../img/sp_special.jpg) no-repeat;
	background-size:contain;
	position:relative;
	}
	#special h2 { display:none;}
	#special a {
		display:block; width:70%; height:0; padding-top:13.9%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:85.3%; left:27.7%;
	}

/*///////////////Video Detail///////////////*/
#videoDetail { background:#d72b00; color:#fff;}
#videoDetail .inner {
	max-width:460px; height:450px; padding-top:30px;
	animation:fadeIn 1.5s ease 0s 1 normal;
	-webkit-animation:fadeIn 1.5s ease 0s 1 normal;
}
#videoDetail .embed-video {
	width:80%; height:0; padding-top:43.5%;
	background:#fff; border:5px solid #fff; border-radius:8px;
	margin:0 auto; overflow:hidden; position:relative;
	}
	#videoDetail .embed-video iframe {
		display:block; width:100%; height:100%;
		position:absolute; top:0; left:0;
	}
#videoDetail .snsBtn { text-align:center; padding:10px 0 15px;}
	#videoDetail .snsBtn ul {
		width:80%; height:36px; font-size:0;
		background:#fff; border-radius:8px;
		padding-top:8px;margin:0 auto; position:relative;
	}
	#videoDetail .snsBtn ul li { display:inline-block; vertical-align:top; margin:0 5px;}
#videoDetail .detail { padding:0 20px;}
	#videoDetail .detail h1 { font-size:17px; line-height:1.5; text-align:center; margin-bottom:10px;}
	#videoDetail .detail h1 span { font-size:20px; letter-spacing:0.1em; padding:0 .08em 0 .18em;}
	#videoDetail .detail p { font-size:13px; font-weight:bold; line-height:1.5; padding:0 0;}
/*color*/
#videoDetail.red { background:#d72b00;}
#videoDetail.light-blue { background:#00b3f6;}
#videoDetail.green { background:#32cc03;}
#videoDetail.orange { background:#e58100;}
#videoDetail.pink { background:#ff029d;}
#videoDetail.blue { background:#034fcc;}

/*#videoDetail .hidden{display:hidden;position:absolute;top:-100px;}*/

/*/////////////Member Detail/////////////*/
#memberDetail {
	background:#ffdf15; color:#9e5406;
	animation:fadeIn 1.5s ease 0s 1 normal;
	-webkit-animation:fadeIn 1.5s ease 0s 1 normal;
}
#memberDetail:after {
	content:""; display:block; width:100%; height:80px;
	background:url(../img/bg4.png) repeat-x center 0;
	background-size:auto 80px;
	position:absolute; top:200px; left:0;
}
#memberDetail .inner {
	display:table; width:100%; max-width:400px;
	table-layout:fixed; height:200px;
	text-align:center; padding:0 20px;
	}
	#memberDetail .inner > div { display:table-cell; height:200px; vertical-align:middle; position:relative;}
	/*papett*/
	#memberDetail .papett { width:156px; height:100%; overflow:hidden;}
	#memberDetail .papett:before {
		content:""; display:block; width:100%; height:0; padding-top:100%;
		background:url(../img/bg_mb.png) no-repeat;
		background-size:contain;
		position:absolute; bottom:15px; left:50%;
		margin:-50% 0 0 -50%;
	}
	#memberDetail .papettIn {
		width:100%; height:100%;
		background:transparent no-repeat;
		background-size:auto 200px;
		position:absolute; bottom:0; left:0;
	}
	#memberDetail .papettIn.s1 { background-position:0 0;}
	#memberDetail .papettIn.s2 { background-position:-156px 0;}
	#memberDetail .papettIn.s3 { background-position:-312px 0;}
	#memberDetail .papettIn.s4 { background-position:-468px 0;}
	#memberDetail.member01 .papettIn { background-image:url(../img/member1.png);}
	#memberDetail.member02 .papettIn { background-image:url(../img/member2.png);}
	#memberDetail.member03 .papettIn { background-image:url(../img/member3.png);}
	#memberDetail.member04 .papettIn { background-image:url(../img/member4.png);}
	#memberDetail.member05 .papettIn { background-image:url(../img/member5.png);}
	#memberDetail.member06 .papettIn { background-image:url(../img/member6.png);}
	#memberDetail.member07 .papettIn { background-image:url(../img/member7.png);}
	#memberDetail.member08 .papettIn { background-image:url(../img/member8.png);}
	#memberDetail.member09 .papettIn { background-image:url(../img/member9.png);}
	#memberDetail.member10 .papettIn { background-image:url(../img/member10.png);}
	#memberDetail.member11 .papettIn { background-image:url(../img/member11.png);}
	#memberDetail.member12 .papettIn { background-image:url(../img/member12.png);}
	#memberDetail.member13 .papettIn { background-image:url(../img/member13.png);}
	#memberDetail.member14 .papettIn { background-image:url(../img/member14.png);}
	#memberDetail.member15 .papettIn { background-image:url(../img/member15.png);}
	#memberDetail.member16 .papettIn { background-image:url(../img/member16.png);}
	/*detail*/
	#memberDetail .detail { padding:20px 0 0 0;}
	#memberDetail .detail h1 { font-size:24px; margin-bottom:15px;}
	#memberDetail .detail h1 span {
		display:inline-block; min-width:110px;
		font-size:14px; color:#fff; text-align:center;
		background:#9e5406; border-radius:10px;
		padding:8px 5px 6px; margin-bottom:10px;
	}
	#memberDetail .detail p { font-size:13px; font-weight:bold; line-height:1.8;}
	#memberDetail .detail a { color:#9e5406; text-decoration:underline;}
	#memberDetail .detail a:hover { opacity:0.7;}


/*＠fade-animation
///////////////////////////////////////////////////////*/
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-50px);}
	100% { opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
	100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
/*fadeIn*/
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

/*＠media
///////////////////////////////////////////////////////*/
@media screen and (max-width:360px){
	#faq #pape5 { left:-10px;}
}
@media screen and (max-width:320px){
	#videoList .latest li .number { font-size:12px;}
	#videoList .latest li .number span { font-size:17px;}
	#videoList .latest li:first-child .number { font-size:14px;}
	#videoList .latest li:first-child .number span { font-size:22px;}
	#faq #pape5 { width:85px; height:85px;}
	#videoDetail .snsBtn ul { width:85%;}
	#videoDetail .snsBtn ul li { margin:0 2px;}
	#memberDetail .detail h1 { font-size:20px;}
	#memberDetail .detail h1 span {
		min-width:90px; font-size:12px;
		border-radius:6px; padding:6px 5px 4px;
	}
	#memberDetail .detail p { font-size:11px;}
	button.mfp-arrow { margin-top:-120px;}
	button.mfp-arrow.arrow2 { margin-top:-55px;}
}

/*OS*/
.sp #loading { display:none;}
.sp #videoBG { display:none;}
.sp #header { background:#ffdf15 url(../pic/main.jpg) no-repeat; background-size:cover;}