@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
ポケモン ミステリーファイル (max-width:767px)
/////////////////////////////////////////////////////////////////////////*/
@import url("animation.css");
* { 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:100%; 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/bg_1.jpg) center 0; color:#332317;
	font-weight:bold; text-align:center;
}
a { color:#332317; text-decoration:none; -webkit-transition:all 0.2s; transition:all 0.2s;}
#container { overflow:hidden;}

/*footer*/
#footer { background:#332317;}
	#footer .inner { text-align:center; padding-top:25px; position:relative;}
	#footer .official { display:inline-block; width:40%; vertical-align:middle; padding-top:4%; margin-left:1%;}
	#footer .official a {
		display:block; width:100%; height:0; padding-top:19.51%;
		background:url(../img/daisuki.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#footer .logo { display:inline-block; width:45%; vertical-align:middle; margin-right:1%;}
	#footer .logo a {
		display:block; width:100%; height:0; padding-top:29.09%;
		background:url(../img/logo2.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#footer .copyright {
		width:100%; font-size:0.6em; font-weight:normal;
		text-align:left; color:#dfcb9d; line-height:1.5;
		padding:25px 16px 20px;
	}
	#footer .copyright br { display:none;}
#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:60px; height:60px;
		background:rgba(73, 69, 63, 0.6); border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	#ptop a:before {
		content:""; display:block; width:90px; height:55px;
		background:url(../img/parts.png) no-repeat 0 -80px;
		background-size:450px auto;
		position:absolute; top:50%; left:50%;
		margin:-27.5px 0 0 -45px;
		transform:scale(0.55); -webkit-transform:scale(0.55);
		-moz-transform:scale(0.55); -ms-transform:scale(0.55);
	}
	#ptop a:hover { background:rgba(73, 69, 63, 0.8);}
	#ptop.end { bottom:175px;}

/*sns*/
.snsbtn { overflow:hidden; font-size:0; text-align:center;}
.snsbtn li { display:inline-block; height:20px; vertical-align:top; margin:2px 5px 0; overflow:hidden;}
.snsbtn li.gplus { width:85px; height:24px; margin:0;}
.snsbtn a { font-size:10px; font-weight:normal; color:transparent;}
#header .snsbtn { display:none;}
#footer .snsbtn { padding-top:25px;}


/*＠TOP
/////////////////////////////////////////////////////////////////////*/
/*header*/
.idx #header { width:100%; height:0; padding-top:98.75%; margin-bottom:20px; position:relative; overflow:hidden;}
.idx #header:after {
	content:""; display:block; width:100%; height:0; padding-top:16.4583%;
	background:url(../img/bg_3.jpg) center 0;
	background-size:auto 100px;
	position:absolute; bottom:1px; left:0;
}
.idx #header .bg { width:100%; height:100%; position:absolute; top:0; left:0;}
	.idx #header .bg div {
		width:100%; height:0; padding-top:82.2916%;
		background:transparent no-repeat center 0;
		background-size:100% auto;
		position:absolute; top:0; left:0;
	}
	.idx #header .bg .bg1 { background-image:url(../img/sp_top_bg1.jpg);}
	.idx #header .bg .bg2 { background-image:url(../img/sp_top_bg2.jpg); display:none;}
	.idx #header .bg .bg3 { background-image:url(../img/sp_top_bg3.jpg); display:none;}
	.idx #header .bg .bg4 { background-image:url(../img/sp_top_bg4.jpg); display:none;}
.idx #header .inner {
	width:100%; height:0; padding-top:98.75%;
	position:absolute; top:0; left:0;
	}
	.idx #header .official { width:34%; position:absolute; top:7px; left:2%; z-index:10;}
	.idx #header .official a {
		display:block; width:100%; height:0; padding-top:19.51%;
		background:url(../img/daisuki.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.idx #header .official a { display:block; width:100%; height:100%;}
	.idx #header h1 {
		width:48%; height:0; padding-top:42.51%;
		background:url(../img/logo.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:5%; left:50%; z-index:20;
		margin-left:-24%;
	}
	.idx #header .onoff {
		width:100px; visibility:visible; height:55px;
		position:absolute; bottom:1%; right:-5px; z-index:10;
	}
	.idx #header .onoff:after {
		content:""; display:block; width:100px; height:15px;
		background:url(../img/parts.png) no-repeat -95px -115px;
		background-size:450px auto;
		position:absolute; top:38px; left:0;
		transform:scale(0.7); -webkit-transform:scale(0.7);
		-moz-transform:scale(0.7); -ms-transform:scale(0.7);
	}
	.idx #header .onoff a {
		display:block; width:38px; height:38px;
		background:#fff000; border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto; position:relative;
	}
	.idx #header .onoff a:before {
		content:""; display:block; width:50px; height:40px;
		background:url(../img/parts.png) no-repeat;
		background-size:450px auto;
		position:absolute; top:50%; left:50%;
		margin:-20px 0 0 -25px;
		transform:scale(0.55); -webkit-transform:scale(0.55);
		-moz-transform:scale(0.55); -ms-transform:scale(0.55);
	}
	.idx #header .onoff a.off:before { background-position:-305px -40px;}
	.idx #header .onoff a.on:before { background-position:-360px -40px;}
	.idx #header .video {
		width:31%; height:0; padding-top:29.5%;
		border-radius:50%; border:3px solid #fff000;
		background:#000; overflow:hidden;
		position:absolute; bottom:15%; left:1.3%; z-index:10;
	}
	.idx #header .video a {
		display:block; width:100%; height:100%;
		background:url(../img/btn_mov.jpg) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		border-radius:50%;
		position:absolute; top:0; left:0;
	}
	.idx #header .btn-about {
		width:27%; height:0; padding-top:27%;
		position:absolute; bottom:17%; right:2.5%; z-index:10;
	}
	.idx #header .btn-about a {
		display:block; width:100%; height:100%;
		background:url(../img/sp_btn_about.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
/*present*/
#btn-present { margin-bottom:20px;}
	#btn-present a {
		display:block; width:100%; height:0; padding-top:24.52%;
		background:url(../img/sp_btn_present2_end.png) no-repeat;
		background-size:100% auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
/*01*/
#contents01 { margin-bottom:35px;}
	#contents01 .text {
		text-align:left;
		padding:16px 16px; position:relative;
	}
	#contents01 .text p { font-size:14px; line-height:1.8;}
	#contents01 .pic {
		width:90%; height:0; padding-top:48.3333%;
		background:url(../img/top_pic1.png) no-repeat;
		background-size:contain;
		margin:10px auto 0;
	}
	#contents01 .contents-link li { margin-bottom:5px;}
	#contents01 .contents-link li a {
		display:block; width:100%; height:0; padding-top:38.5555%;
		background:transparent no-repeat;
		background-size:cover;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#contents01 .contents-link li.m1 a { background-image:url(../img/top_menu1-1.jpg);}
	#contents01 .contents-link li.m2 a { background-image:url(../img/top_menu1-2.jpg);}
	#contents01 .contents-link li.m3 a { background-image:url(../img/top_menu1-3.jpg);}
	#contents01 .contents-link li.m4 a { background-image:url(../img/top_menu1-4.jpg);}
/*02*/
#contents02 { margin-bottom:35px;}
	#contents02 .contents-link li { margin-bottom:5px;}
	#contents02 .contents-link li a {
		display:block; width:100%; height:0; padding-top:38.5555%;
		background:transparent no-repeat;
		background-size:cover;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#contents02 .contents-link li.m1 a { background-image:url(../img/sp_top_menu2-1.jpg);}
	#contents02 .contents-link li.m2 a { background-image:url(../img/sp_top_menu2-2.jpg);}
/*03*/
#contents03 { margin-bottom:35px;}
	#contents03 .contents-link { position:relative;}
	#contents03 .contents-link li { padding-bottom:5px;}
	#contents03 .contents-link li a {
		display:block; width:100%; height:55px;
		font-size:16px; line-height:1.35; text-align:left;
		background:rgba(255, 255, 255, 0.5);
	}
	#contents03 .contents-link li a:hover { background:#fff000;}
	#contents03 .contents-link li a span {
		display:table-cell; width:1000px; height:55px;
		padding:1px 35px 0 20px; margin:0 auto;
		vertical-align:middle; position:relative;
	}
	#contents03 .contents-link li a span:after {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/parts.png) no-repeat -200px -80px;
		background-size:450px auto;
		position:absolute; top:50%; right:5px;
		margin-top:-13px;
		transform:scale(0.7); -webkit-transform:scale(0.7);
		-moz-transform:scale(0.7); -ms-transform:scale(0.7);
	}
	#contents03 .pic { display:none;}

.banner { text-align:center; margin-bottom:35px;}
.banner li { display:inline-block; vertical-align:top; width:90%; margin-bottom:10px;}
.banner li a { display:block; width:100%;}
.banner li img { display:block; width:100%;}

/*loading*/
.idx #container { display:none;}
.loading {
	width:100%; height:100%; background:#fff000;
	position:fixed; top:0; left:0;
	}
	.loading:before {
		content:""; display:block; width:200px; height:64px;
		background:url(../img/loding.gif) no-repeat;
		background-size:contain;
		position:absolute; top:50%; left:50%;
		margin:-32px 0 0 -100px;
	}

/*＠title
/////////////////////////////////////////////////////////////////////*/
#contents .headings { width:100%; height:0; position:relative; overflow:hidden;}
	#contents01 .headings { padding-top:25%;}
	#contents02 .headings { padding-top:25%;}
	#contents03 .headings { padding-top:23.9583%;}
	.mystery #contents .headings { padding-top:25%;}
	.ultraspace #contents .headings { padding-top:25%;}
	.ultraspace.ub #contents .headings { padding-top:23.9583%;}
	.column #contents .headings { padding-top:22.19166666%;}
	
	#contents .headings h2 {
		width:100%; height:0;
		background:transparent no-repeat;
		background-size:100% auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	#contents01 .headings h2 { background-image:url(../img/sp_title1.png); padding-top:25%;}
	#contents02 .headings h2 { background-image:url(../img/sp_title2.png); padding-top:25%;}
	#contents03 .headings h2 { background-image:url(../img/sp_title3.png); padding-top:23.95833333%;}
	.mystery #contents .headings h2 { background-image:url(../img/sp_title1.png); padding-top:25%;}
	.ultraspace #contents .headings h2 { background-image:url(../img/sp_title2.png); padding-top:25%;}
	.ultraspace.ub #contents .headings h2 { background-image:url(../img/sp_title4.png); padding-top:23.4375%;}
	.column #contents .headings h2 { background-image:url(../img/sp_title3.png); padding-top:22.19166666%;}
	#contents .headings p { display:none;}

/*＠d2
/////////////////////////////////////////////////////////////////////*/
/*header*/
.d2 #header { height:60px; background:url(../img/bg_2.jpg) center 0; position:relative;}
.d2 #header .inner { height:100%; padding-top:6px; position:relative;}
	.d2 #header .official { display:none;}
	.d2 #header h1 {
		width:165px; height:48px;
		background:url(../img/logo2.png) no-repeat;
		background-size:contain;
		margin:0 auto;
	}
	.d2 #header h1 a {
		display:block; width:100%; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.d2 #header .onoff {
		width:80px; height:44px; visibility:visible;
		position:absolute; top:8px; left:8px; z-index:10;
	}
	.d2 #header .onoff a{
		display:block; width:80px; height:44px;
		background:#fff000; border-radius:8px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	.d2 #header .onoff a:before{
		content:""; display:block; width:50px; height:40px;
		background:url(../img/parts.png) no-repeat;
		background-size:450px auto;
		position:absolute; top:-4px; left:50%;
		margin-left:-25px;
		transform:scale(0.55); -webkit-transform:scale(0.55);
		-moz-transform:scale(0.55); -ms-transform:scale(0.55);
	}
	.d2 #header .onoff a.off:before { background-position:-305px -40px;}
	.d2 #header .onoff a.on:before { background-position:-360px -40px;}
	.d2 #header .onoff a:after{
		content:""; display:block; width:130px; height:15px;
		background:url(../img/parts.png) no-repeat 0 -140px;
		background-size:450px auto;
		position:absolute; top:26px; left:50%;
		margin-left:-65px;
		transform:scale(0.6); -webkit-transform:scale(0.6);
		-moz-transform:scale(0.6); -ms-transform:scale(0.6);
	}
	.mystery.file1 #header .onoff a:after{ background-position:0 -140px;}
	.mystery.file2 #header .onoff a:after{ background-position:0 -180px; width:90px; height:30px; top:19px; margin-left:-45px;}
	.mystery.file3 #header .onoff a:after{ background-position:-135px -140px;}
	.mystery.file4 #header .onoff a:after{ background-position:-270px -140px;}
	.ultraspace #header .onoff a:after{ background-position:0 -160px;}
	.column #header .onoff a:after{ background-position:-135px -160px;}
	.present #header .onoff a:after{ background-position:-270px -160px;}
/*menu*/
.idx #menu { display:none;}
.d2 #menu { width:100%; position:absolute; top:0; right:0;}
.d2 #mOpen {
	display:block; width:60px; height:60px;
	background:rgba(255, 255, 255, 0.6);
	position:absolute; top:0; right:0;
	cursor:pointer;
	}
	.d2 #mOpen:before {
		content:""; display:block; width:50px; height:50px;
		background:url(../img/parts.png) no-repeat -285px -85px;
		background-size:450px auto;
		position:absolute; top:50%; left:50%;
		margin:-25px 0 0 -25px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.d2 #mOpen.active:before { background-position:-340px -85px;}
.d2 #menu nav > ul {
	width:75%; background:#332317;
	position:absolute; top:60px; right:0; z-index:100;
	display:none;
	}
	.d2 #menu ul li a {
		display:block; min-height:40px; line-height:1.35;
		font-size:14px; font-weight:normal; text-align:left; color:#ebe0c2;
		border-bottom:1px solid #6a5b4b;
		padding:11px 10px 8px 30px; position:relative;
	}
	.d2 #menu ul li a:after {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -395px -85px;
		background-size:450px auto;
		position:absolute; top:50%; right:5px;
		margin-top:-10px;
	}
	.d2 #menu nav > ul > li:last-child > a { border-bottom:none;}
	.d2 #menu nav > ul > li > a { font-weight:bold; color:#eadfc2; padding-left:15px;}
	.d2 #menu nav > ul > li.m1 > a:after,
	.d2 #menu nav > ul > li.m2 > a:after { display:none;}

/*btn*/
.linkbtn { text-align:center; padding:0 5%;}
.linkbtn a {
	display:table-cell; width:1000px; height:50px;
	font-size:16px; color:#fff; line-height:1.35;
	background:#605cc9; border-radius:10px;
	vertical-align:middle; padding:9px 35px 10px 20px; position:relative;
	}
	.linkbtn a:after {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/parts.png) no-repeat -200px -110px;
		background-size:450px auto;
		position:absolute; top:50%; right:8px;
		margin-top:-12.5px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.linkbtn.back a { padding:9px 20px 10px 35px;}
	.linkbtn.back a:after {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
		right:100%; margin-right:-35px;
	}
.linkbtn.btm { padding-top:30px;}
.linkbtn.btm a { font-size:18px; padding:16px 35px 16px 20px;}
	.linkbtn.btm a .small { display:block; font-size:16px;}
	.linkbtn.btm a:after {
		width:50px; height:50px;
		background-position:-230px -80px;
		right:-5px; margin-top:-25px;
		transform:scale(0.5); -webkit-transform:scale(0.5);
		-moz-transform:scale(0.5); -ms-transform:scale(0.5);
	}
	.ultraspace.ub .linkbtn.btm a { padding:16px 20px 16px 35px;}
	.ultraspace.ub .linkbtn.btm a:after {
		-webkit-transform:rotate(180deg) scale(0.5);
		-moz-transform:rotate(180deg) scale(0.5);
		-ms-transform:rotate(180deg) scale(0.5);
		transform:rotate(180deg) scale(0.5);
		right:100%; margin-right:-50px;
	}
.ultraspace .us1 .linkbtn a { padding-left:80px;}
.ultraspace .us4 .linkbtn a { padding-left:80px;}
	.ultraspace .block .linkbtn a:before {
		content:""; display:block; width:70px; height:70px;
		background:url(../img/pic/us_icon.png) no-repeat;
		background-size:auto 70px;
		position:absolute; top:50%; left:7px;
		margin-top:-35px;
	}
	.ultraspace .us1 .linkbtn a:before { background-position:0 0;}
	.ultraspace .us4 .linkbtn a:before { background-position:-145px 0;}

/*＠Mystery
/////////////////////////////////////////////////////////////////////*/
.mystery #contentsIn { background:#f2f0ef; padding-bottom:40px;}
.mystery #contentsIn > h2 {
	width:100%; height:0; padding-top:34.8%;
	background:transparent no-repeat center 0;
	background-size:auto 100%;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.mystery.file1 #contentsIn > h2 { background-image:url(../img/file1.jpg);}
	.mystery.file2 #contentsIn > h2 { background-image:url(../img/file2.jpg);}
	.mystery.file3 #contentsIn > h2 { background-image:url(../img/file3.jpg);}
	.mystery.file4 #contentsIn > h2 { background-image:url(../img/file4.jpg);}
.mystery #contentsIn > h3 {
	min-height:75px; vertical-align:middle;
	background:#fff; border-bottom:3px solid #332317;
	padding:0 35px; margin-bottom:20px;
	}
	.mystery #contentsIn > h3 span {
		display:table-cell; width:3000px; height:75px;
		font-size:19px; line-height:1.35; vertical-align:middle;
		padding-top:2px; position:relative;
	}
	.mystery #contentsIn > h3 span:before,
	.mystery #contentsIn > h3 span:after {
		content:""; display:block; width:24px; height:24px;
		background:url(../img/parts.png) no-repeat -276px -26px;
		background-size:300px auto;
		position:absolute; top:50%; margin-top:-11.5px;
	}
	.mystery #contentsIn > h3 span:before { left:-25px;}
	.mystery #contentsIn > h3 span:after { right:-25px;}
/*block*/
.mystery #contentsIn .block { font-size:15px; line-height:1.8; text-align:left; padding:0 16px 30px;}
	.mystery #contentsIn .block p { padding-bottom:20px;}
	.mystery #contentsIn .block .f28 { font-size:20px; line-height:1.2;}
	.mystery #contentsIn .block .f34 { font-size:26px; line-height:1.2;}
	.mystery #contentsIn .block .f40 { font-size:30px; line-height:1.2;}
	.mystery #contentsIn .block h3 {
		font-size:18px; line-height:1.35; text-align:center;
		border-bottom:3px solid #332317;
		padding-bottom:8px; margin-bottom:20px;
	}
.mystery #contentsIn .block .box1 {
	font-size:13px; background:#fff; border-radius:10px;
	padding:20px; margin:0 auto 15px;
}
.mystery #contentsIn .block .box2 {
	font-size:14px; text-align:center; color:#fff;
	background:#332317; border-radius:10px;
	padding:20px; margin:0 auto 30px;
	position:relative;
	}
	.mystery #contentsIn .block .box2 h4 {
		font-size:18px; line-height:1.35;
		border-bottom:3px solid #fff;
		padding-bottom:8px; margin-bottom:15px;
	}
	.mystery #contentsIn .block .box2 p { text-align:left; font-weight:normal; padding-left:5px;}
.mystery #contentsIn .block .box3 {
	text-align:center; color:#fff; line-height:1;
	background:#332317 url(../img/bg_5.png) center 0;
	background-size:8px auto;
	border-radius:10px;
	padding:12px 0 0; margin:0 auto 20px;
	}
	.mystery #contentsIn .block .box3 h4 { font-size:18px; margin:0 0 10px -50px;}
	.mystery #contentsIn .block .box3 h4:before {
		content:""; display:inline-block; width:60px; height:60px;
		background:url(../img/pic/file4-1b.png) no-repeat;
		background-size:contain;
		vertical-align:middle; margin:-5px 10px 0 0;
	}
	.mystery #contentsIn .block .box3 dl { display:inline-block; width:47%; vertical-align:top; margin:0 0.7%;}
	.mystery #contentsIn .block .box3 dt {
		height:30px; line-height:30px; font-size:12px;
		background:#6b4b32; border-radius:8px;
		margin-bottom:8px;
	}
	.mystery #contentsIn .block .box3 dd { font-size:12px; line-height:1.8; padding-bottom:25px;}
	.mystery #contentsIn .block .box3 dd .small {
		display:block; font-size:10px; font-weight:normal;
		line-height:1.2; text-indent:-1.5em; padding-left:1.5em;
		margin-top:-2px; opacity:0.8;
	}

/*talk*/
.mystery #contentsIn .talk { min-height:90px; padding:5px 0 5px 80px; position:relative;}
.mystery #contentsIn .talk.ozuki { padding:10px 80px 10px 0;}
	.mystery #contentsIn .talk dt {
		width:71px; height:77px;
		background:url(../img/icon.png) no-repeat;
		background-size:220px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:10px;
	}
	.mystery #contentsIn .talk.hitomi dt { left:-5px;}
	.mystery #contentsIn .talk.ozuki dt { right:-5px;}
	.mystery #contentsIn .talk.sakuji dt { left:-5px;}
	.mystery #contentsIn .talk.hitomi dt.icon1 { background-position:0 0;}
	.mystery #contentsIn .talk.ozuki dt.icon1 { background-position:-74px 0;}
	.mystery #contentsIn .talk.sakuji dt.icon1 { background-position:-148px 0;}
	.mystery #contentsIn .talk.hitomi dt.icon2 { background-position:0 -80px;}
	.mystery #contentsIn .talk.ozuki dt.icon2 { background-position:-74px -80px;}
	.mystery #contentsIn .talk.sakuji dt.icon2 { background-position:-148px -80px;}
	.mystery #contentsIn .talk.hitomi dt.icon3 { background-position:0 -161px;}
	.mystery #contentsIn .talk.ozuki dt.icon3 { background-position:-74px -161px;}
	.mystery #contentsIn .talk.sakuji dt.icon3 { background-position:-148px -161px;}
	.mystery #contentsIn .talk.hitomi dt.icon4 { background-position:0 -242px;}
	.mystery #contentsIn .talk.ozuki dt.icon4 { background-position:-74px -242px;}
	.mystery #contentsIn .talk.sakuji dt.icon4 { background-position:-148px -242px;}
	.mystery #contentsIn .talk dd {
		font-size:14px; line-height:1.7;
		background:#fff; border-radius:10px;
		padding:14px 20px 15px; position:relative;
	}
	.mystery #contentsIn .talk.hitomi dd { color:#7500ab;}
	.mystery #contentsIn .talk.ozuki dd { color:#854d1c;}
	.mystery #contentsIn .talk.sakuji dd { color:#6d6b6e;}
	.mystery #contentsIn .talk.hitomi dd:after,
	.mystery #contentsIn .talk.sakuji dd:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:20px; left:-10px;
		border:5px transparent solid;
		border-right-color:#fff;
		border-width:5px 10px 5px 0;
	}
	.mystery #contentsIn .talk.ozuki dd:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:20px; right:-10px;
		border:5px transparent solid;
		border-left-color:#fff;
		border-width:5px 0 5px 10px;
	}

/*pokemon*/
.mystery .pokemon {
	width:100%; min-height:180px; color:#fff;
	background:#332317; border-radius:10px;
	padding:20px; margin:25px auto;
	position:relative;
	}
	.mystery .pokemon h4 { font-size:15px; line-height:1.5; margin-bottom:10px;}
	.mystery .pokemon h4 span { display:inline-block; font-size:26px;}
	.mystery .pokemon p { font-size:13px; font-weight:normal; line-height:1.7; padding-bottom:10px !important;}
	.mystery .pokemon .poke {
		width:80%; height:0;
		background:transparent no-repeat center 0;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto;
	}
	.mystery .Celebi { margin-top:0;}
	.mystery .Celebi .poke {
		padding-top:68.88%;
		background-image:url(../img/pic/poke_Celebi.png);
	}
	.mystery .Dialga .poke {
		padding-top:87.74%;
		background-image:url(../img/pic/poke_Dialga.png);
	}
	.mystery .Rayquaza .poke {
		padding-top:71.57%;
		background-image:url(../img/pic/poke_Rayquaza.png);
	}
	.mystery .Minior .poke {
		padding-top:52.94%;
		background-image:url(../img/pic/poke_Minior.png);
	}
	.mystery .Pippi .poke {
		padding-top:60%;
		background-image:url(../img/pic/poke_Pippi.png);
	}
	.mystery .Deoxys .poke {
		padding-top:66.66%;
		background-image:url(../img/pic/poke_Deoxys.png);
	}
	.mystery .Elgyem .poke {
		padding-top:90.63%;
		background-image:url(../img/pic/poke_Elgyem.png);
	}
	.mystery .Magnezone .poke {
		padding-top:56.41%;
		background-image:url(../img/pic/poke_Magnezone.png);
	}
	.mystery .Solrock .poke {
		padding-top:80%;
		background-image:url(../img/pic/poke_Solrock.png);
	}
	.mystery .Lunatone .poke {
		padding-top:65.1%;
		background-image:url(../img/pic/poke_Lunatone.png);
	}
/*pic*/
.mystery .pic { padding-top:10px; position:relative;}
.mystery .picIn {
	display:inline-block; position:relative;
	width:100%; height:0;
	background:transparent no-repeat center 0;
	background-size:contain;
}
.mystery .pic .cap {
	font-size:0.6em; font-weight:normal; line-height:1.2; color:#332317;
	letter-spacing:-0.03em; text-indent:-1em; padding-left:1em;
}
/*file1*/
.mystery .file1-1 { text-align:center; padding:0 0 25px;}
.mystery .file1-1 .picIn { width:75%; height:auto;}
.mystery .file1-2 .picIn { background-image:url(../img/pic/file1-2.jpg); padding-top:60%;}
.mystery .file1-3 { text-align:right; padding:20px 0;}
.mystery .file1-3 .picIn { background-image:url(../img/pic/sp_file1-3.jpg); padding-top:60.33%;}
.mystery .file1-4 .picIn { background-image:url(../img/pic/file1-4.jpg); padding-top:74.44%;}
/*file2*/
.mystery .file2-1 { text-align:right; padding:15px 0 10px;}
.mystery .file2-1 .cap { color:#f2f0ef;}
.mystery .file2-1 .picIn { background-image:url(../img/pic/file2-1.jpg); padding-top:60.65%;}
.mystery .file2-2 .picIn { width:100%; height:auto;}
.mystery .file2-3 { text-align:right; padding:20px 0 10px;}
.mystery .file2-3 .cap { color:#f2f0ef;}
.mystery .file2-3 .picIn { width:100%; height:auto;}
.mystery .file2-4 { text-align:right; padding:0 0 20px;}
.mystery .file2-4 .picIn { background-image:url(../img/pic/sp_file2-4.jpg); padding-top:60.88%;}
.mystery .file2-5 .picIn { background-image:url(../img/pic/file2-5.jpg); padding-top:59.11%;}
/*file3*/
.mystery .file3-1 { padding:0;}
.mystery .file3-1 .picIn { background-image:url(../img/pic/file3-1.jpg); padding-top:69.04%;}
.mystery .file3-2 { padding:0 0 10px;}
.mystery .file3-2 .picIn { background-image:url(../img/pic/file3-2.png); padding-top:47.29%;}
.mystery .file3-3 { padding-bottom:20px;}
.mystery .file3-3 .cap { margin:-4% 0 0 4%;}
.mystery .file3-3 .picIn { background-image:url(../img/pic/file3-3.png); padding-top:38.75%;}
.mystery .file3-4 { text-align:left; padding-bottom:20px;}
.mystery .file3-4 .cap { color:#f2f0ef; margin-left:5px;}
.mystery .file3-4 .picIn { background-image:url(../img/pic/file3-4.png); padding-top:32.5%; margin-left:5px;}
.mystery .file3-5 .picIn { background-image:url(../img/pic/file3-5.png); padding-top:37.5%;}
.mystery .file3-6 .picIn { background-image:url(../img/pic/file3-6.jpg); padding-top:75%;}
.mystery .file3-7 .picIn { background-image:url(../img/pic/sp_file3-7.jpg); padding-top:75.33%;}
/*file4*/
.mystery .file4-1 { padding:0 0 20px;}
.mystery .file4-1 .picIn { background-image:url(../img/pic/file4-1.jpg); padding-top:73.09%;}
.mystery .file4-2 { padding:0 0 20px;}
.mystery .file4-2 .picIn { background-image:url(../img/pic/file4-2.jpg); padding-top:60%;}
.mystery .file4-3 { text-align:right; padding:0 0 20px;}
.mystery .file4-3 .picIn { background-image:url(../img/pic/file4-3.jpg); padding-top:60%;}
.mystery .file4-4 { padding-bottom:20px;}
.mystery .file4-4 .picIn { background-image:url(../img/pic/file4-4.png); padding-top:20.96%;}
.mystery .file4-5 .picIn { background-image:url(../img/pic/file4-5.jpg); padding-top:59.66%;}
.mystery .file4-6 { text-align:right; padding:0 0 20px;}
.mystery .file4-6 .picIn { background-image:url(../img/pic/file4-6.jpg); padding-top:60%;}
.mystery .file4-7 { text-align:right; padding:0 0 20px;}
.mystery .file4-7 .picIn { background-image:url(../img/pic/file4-7.png); padding-top:50%;}
.mystery .file4-8 { padding-bottom:30px;}
.mystery .file4-8 .picIn { background-image:url(../img/pic/file4-8.png); padding-top:40.9%;}
.mystery .file4-9 { padding:0 0 10px;}
.mystery .file4-9 .picIn { background-image:url(../img/pic/file4-9.jpg); padding-top:58.22%;}
.mystery .file4-10 .picIn { background-image:url(../img/pic/file4-10.jpg); padding-top:75.11%;}

/*＠Ultraspace
/////////////////////////////////////////////////////////////////////*/
.ultraspace #contentsIn { color:#000; padding-bottom:40px;}
.ultraspace #contentsIn > h2 {
	width:100%; height:0; padding-top:50%;
	background:url(../img/ultraspace.jpg) no-repeat;
	background-size:contain;
	text-indent:110%; white-space:nowrap; overflow:hidden;
}
.ultraspace #contentsIn .block { width:100%; text-align:left; background:#fff;}
.ultraspace #contentsIn .block p { font-size:15px; line-height:1.8; padding:0 16px 20px;}
.ultraspace #contentsIn .block > h3 {
	min-height:70px; background:#000;
	padding:0 16px; margin-bottom:20px; position:relative;
	}
	.ultraspace #contentsIn .block > h3:before {
		content:""; display:block; width:100%; height:100%;
		background:url(../img/mb.png) no-repeat center center;
		background-size:90px auto;
		position:absolute; top:0; left:0;
		opacity:0.2;
	}
	.ultraspace #contentsIn .block > h3 > span {
		display:table-cell; width:1000px; height:70px;
		font-size:20px; line-height:1.35; color:#fff;
		text-align:center; vertical-align:middle;
	}
	.ultraspace #contentsIn .block > h3 > span span { color:#ffff00;}
/*pic*/
.ultraspace .pic { text-align:center; position:relative;}
.ultraspace .picIn {
	display:inline-block; position:relative;
	width:100%; height:0; vertical-align:bottom;
	background:transparent no-repeat center 0;
	background-size:contain;
}
.ultraspace .pic .cap {
	font-size:0.6em; font-weight:normal; line-height:1.2;
	letter-spacing:-0.05em; text-indent:-1em; padding-left:1em;
}
/*00*/
.ultraspace .us0 .inner {
	background:url(../img/pic/sp_us0.png) no-repeat center bottom;
	background-size:100% auto;
	padding:20px 0 26.0416666%;
	}
	.ultraspace #contentsIn .us0 .inner p { font-size:16px; padding-bottom:0;}
/*01*/
.ultraspace .us1 { padding-bottom:30px;}
.ultraspace .us1-1 { padding-bottom:10px;}
.ultraspace .us1-1 .picIn { background-image:url(../img/pic/us1-1.jpg); padding-top:72.41%;}
.ultraspace .us1 .tb:not(.inner) { padding-bottom:30px;}
	.ultraspace .us1 .tb:not(.inner) > div { padding:25px 16px; position:relative;}
	.ultraspace .us1 .tb:not(.inner) > div:before {
		content:""; display:block; width:100%; height:100%;
		background:url(../img/mb.png) no-repeat center center;
		background-size:110px auto;
		position:absolute; top:0; left:0;
		opacity:0.3;
	}
	.ultraspace .us1 .tb:not(.inner) .left { background:#dddcec;}
	.ultraspace .us1 .tb:not(.inner) .right { background:#c8c7e1;}
	.ultraspace .us1 .tb:not(.inner) .in { position:relative;}
	.ultraspace .us1 .tb:not(.inner) h4 { font-size:20px; text-align:center; margin-bottom:15px;}
	.ultraspace .us1 .tb:not(.inner) p { font-size:14px !important; line-height:1.6 !important; padding:0 !important;}
/*02*/
.ultraspace .us2 { border-bottom:40px solid #f4f1f1;}
.ultraspace .us2-1 { padding:0 16px 20px;}
.ultraspace .us2-1 .picIn { background-image:url(../img/pic/us2-1.jpg); padding-top:60%;}
.ultraspace .us2-2 .picIn { background-image:url(../img/pic/sp_us2-2.png); padding-top:60.41%;}
/*03*/
.ultraspace .us3 { border-bottom:40px solid #f4f1f1;}
.ultraspace .us3 .box { width:92%; background:#ffff00; padding:25px 10px 20px; margin:0 auto 20px;}
	.ultraspace .us3 .box h4 {
		font-size:26px; line-height:1.35;
		padding:0 10px 0 90px; margin-bottom:20px;
		position:relative;
	}
	.ultraspace .us3 .box h4 span { display:block; font-size:15px;}
	.ultraspace .us3 .box h4:before {
		content:""; display:block; width:80px; height:80px;
		background:url(../img/pic/us_icon.png) no-repeat -83px 0;
		background-size:auto 80px;
		position:absolute; top:-5px; left:0;
	}
	.ultraspace .us3 .box p { line-height:2 !important; padding:0 10px !important;}
	.ultraspace .us3 .box p span { background:#fff; padding:2px 0;}

.ultraspace .us3-1 { text-align:right; padding:0 16px 20px;}
.ultraspace .us3-1 .cap { padding-top:5px;}
.ultraspace .us3-1 .picIn { background-image:url(../img/pic/sp_us3-1.jpg); padding-top:60.41%;}
.ultraspace .us3-2 .picIn { background-image:url(../img/pic/sp_us3-2.png); padding-top:70.83%;}
/*04*/
.ultraspace .us4 .tb.inner .text:after { content:""; clear:both; display:block;}
.ultraspace .us4 .tb.inner .text:before {
	content:""; display:block; width:25%; height:0; padding-top:41.66%;
	background:url(../img/pic/us4-1.png) no-repeat;
	background-size:contain;
	float:right; margin:0 10px;
}
.ultraspace .us4-1 { display:none;}

.ultraspace .us4-2 { text-align:right; padding:0 16px 25px;}
.ultraspace .us4-2 .cap { padding-top:5px;}
.ultraspace .us4-2 .picIn { background-image:url(../img/pic/sp_us4-2.jpg); padding-top:60.41%;}
.ultraspace .us4-3 { padding-top:25px;}
.ultraspace .us4-3 .picIn { background-image:url(../img/pic/sp_us4-3.png); padding-top:78.125%;}
/*05*/
.ultraspace #contentsIn .us5 { background:#f4f1f1; padding:40px 10px;}
.ultraspace .us5 .box { background:#000; color:#ffff00; padding:30px 20px 10px;}
	.ultraspace .us5 .box h3 {
		font-size:18px; text-align:center;
		border-bottom:2px solid #ffff00;
		padding-bottom:10px; margin-bottom:20px;
	}
	.ultraspace .us5 .box p { font-size:14px !important; line-height:2 !important; padding:0 0 20px !important;}
.ultraspace .us5-1 { text-align:right; padding-bottom:20px;}
.ultraspace .us5-1 .cap { color:#fff; padding-top:5px;}
.ultraspace .us5-1 .picIn { background-image:url(../img/pic/us5-1.png); padding-top:43.85%;}
/*06*/
.ultraspace .us6 .inner { padding-top:30px;}
.ultraspace .us6-1 .picIn { background-image:url(../img/pic/sp_us6-1.png); padding-top:82.29%;}
/*07*/
.ultraspace #contentsIn .us7 { background:#f4f1f1;}
.ultraspace #contentsIn .us7 .inner { text-align:center; padding:25px 0; position:relative;}
.ultraspace #contentsIn .us7 .inner:before {
	content:""; display:block; width:100%; height:100%;
	background:url(../img/mb.png) no-repeat center center;
	background-size:110px auto;
	position:absolute; top:0; left:0;
	opacity:0.7;
}
.ultraspace #contentsIn .us7 .inner p { font-size:22px; padding:10px !important; position:relative;}

/*＠UB
/////////////////////////////////////////////////////////////////////*/
.ultraspace.ub #necrozma {
	width:100%;
	background:url(../img/bg_6.jpg) center 0;
	padding:30px 16px; margin:30px auto 0;
	}
	.ultraspace.ub #necrozma p { font-size:16px; line-height:1.5; color:#332317;}
	.ultraspace.ub #necrozma p br.none { display:none;}
	.ultraspace.ub #necrozma .f34 { font-size:26px; line-height:1.4;}
	.ultraspace.ub #necrozma .red { color:#b70808;}
	.ultraspace.ub #necrozma .pic {
		width:100%; height:0; padding-top:66.95%;
		background:url(../img/pic/ub_Necrozma.png) no-repeat center 0;
		background-size:auto 100%;
		margin:10px 0;
	}
	.ultraspace.ub #necrozma .bn { width:95%; padding-top:20px; margin:0 auto;}
	.ultraspace.ub #necrozma .bn img { display:block; width:100%;}

/*＠Present
/////////////////////////////////////////////////////////////////////*/
.present #contents > h2 {
	width:100%; height:0; padding-top:31.083333%;
	background:url(../img/present_title_end.png) no-repeat;
	background-size:cover;
	}
	.present #contents > h2 span { display:none;}
.present #contentsIn { padding-bottom:30px;}
.present #contentsIn .read { text-align:left; padding:16px 16px 16px 140px; position:relative;}
	.present #contentsIn .read:before {
		content:""; display:block; width:150px; height:195px;
		background:url(../img/sakuji3.png) no-repeat;
		background-size:100% auto;
		position:absolute; top:0; left:-20px;
	}
	.present #contentsIn .read p { font-size:14px; line-height:1.7; color:#372f2f;}
.present #aikotoba {
	height:300px; position:relative; overflow:hidden;
	background:url(../img/present_aikotoba_bg.jpg) center 0;
	background-size:700px auto;
	}
	.present #aikotoba:before {
		content:""; display:block; width:100%; height:100%;
		background:url(../img/present_aikotoba_end.jpg) no-repeat center 0;
		background-size:375px auto;
		position:absolute; top:0; left:0;
	}
	.present #aikotoba > p { display:none;}
	.present #aikotoba .box {
		width:96%; height:150px;
		position:absolute; bottom:0; left:50%; z-index:10;
		margin-left:-48%;
	}
	.present #aikotoba .box:before {
		content:""; display:block;
		background:transparent no-repeat;
		background-size:100% auto;
		position:absolute; z-index:20;
	}
	.present #aikotoba .box.before:before {
		width:140px; height:124px;
		background-image:url(../img/hitomi2.png);
		bottom:-25px; left:-50px;
	}
	.present #aikotoba .box.after:before {
		width:120px; height:120px;
		background-image:url(../img/sakuji5.png);
		bottom:-30px; right:-30px;
		-webkit-transform:rotate(-25deg);
		-moz-transform:rotate(-25deg);
		-ms-transform:rotate(-25deg);
		transform:rotate(-25deg);
	}
	.present #aikotoba .boxIn {
		width:100%; height:100px;
		background:#fff; border:4px solid #522d12;
		text-align:center; border-radius:16px;
		position:absolute; top:0; left:0;
	}
	/*before*/
	.present #aikotoba .box.before .boxIn { padding-top:23px;}
	.present #aikotoba .box.before .boxIn:before {
		content:""; display:block; width:70px; height:100px;
		background:url(../img/present_icon.png) no-repeat -600px 0;
		background-size:670px auto;
		position:absolute; top:50%; left:50%;
		margin:-50px 0 0 -35px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.present #aikotoba .box.before .boxIn p { font-size:15px; line-height:1.6; color:#000;}
	/*after*/
	.present #aikotoba .box.after .boxIn { padding:20px 20px 0;}
	.present #aikotoba .box.after .boxIn p { font-size:14px; color:#6b4e3a; white-space:nowrap;}
	.present #aikotoba .box.after .boxIn p.f68 { font-size:32px; color:#522d12; letter-spacing:0.03em; padding-top:6px;}
	/*Unown*/
	.present #aikotoba ul {
		width:357px; height:58px;
		position:absolute; top:55px; left:50%;
		margin-left:-178.5px;
	}
	.present #aikotoba ul li {
		height:59px; position:absolute; top:0;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.present #aikotoba ul li.a { width:36px;}
	.present #aikotoba ul li.i { width:36px;}
	.present #aikotoba ul li.k { width:42px;}
	.present #aikotoba ul li.o { width:53px;}
	.present #aikotoba ul li.t { width:34px;}
	.present #aikotoba ul li.b { width:40px;}
	.present #aikotoba ul li.add {
		background:url(../img/present_icon.png) no-repeat;
		background-size:285px auto;
	}
	.present #aikotoba ul li.add.a { background-position:0 0;}
	.present #aikotoba ul li.add.i { background-position:-38px 0;}
	.present #aikotoba ul li.add.k { background-position:-76px 0;}
	.present #aikotoba ul li.add.o { background-position:-121px 0;}
	.present #aikotoba ul li.add.t { background-position:-176px 0;}
	.present #aikotoba ul li.add.b { background-position:-212px 0;}
	.present #aikotoba ul li.posi1 { left:1px; top:-0.5px;}
	.present #aikotoba ul li.posi2 { left:40px; top:-0.5px;}
	.present #aikotoba ul li.posi3 { left:80px; top:-0.5px;}
	.present #aikotoba ul li.posi4 { left:128.5px;}
	.present #aikotoba ul li.posi5 { left:184px; top:-0.5px;}
	.present #aikotoba ul li.posi6 { left:221.5px;}
	.present #aikotoba ul li.posi7 { left:277.5px; top:-0.5px;}
	.present #aikotoba ul li.posi8 { left:321.5px; top:-0.5px;}
.present .pokemon { text-align:left; padding:20px 0;}
	.present .pokemon > p { font-size:15px; line-height:1.7; padding:0 16px 10px;}
	.present .pokemon .org { color:#e65300;}
	.present .pokemon .blue { color:#008ed0;}
	.present .pokemon .pic0 {
		width:100%; height:0; padding-top:73.611%;
		background:url(../img/present_poke.png) no-repeat;
		background-size:auto 100%;
		margin:0 auto 20px;
	}
	.present .pokemon .howto {
		width:92%;
		background:url(../img/bg_6.jpg) center 0;
		color:#000; text-align:center; border-radius:12px;
		padding:30px 0; margin:0 auto 10px;
	}
	.present .pokemon .howto h3 {
		display:inline-block; font-size:18px;
		border-bottom:3px solid #000; padding:0 12px 6px; margin-bottom:20px;
		font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif !important;
	}
	.present .pokemon .howto > ul { margin-left:-3%;}
	.present .pokemon .howto > ul li {
		width:85%;
		font-size:13px; font-weight:normal; text-align:left;
		margin:0 auto 15px;
	}
	.present .pokemon .howto > ul li .pic {
		content:""; display:block;
		width:100%; height:0; padding-top:60.52%;
		background:transparent no-repeat;
		background-size:contain;
	}
	.present .pokemon .howto > ul li .pic1 { background-image:url(../img/present_pic1.png);}
	.present .pokemon .howto > ul li .pic2 { background-image:url(../img/present_pic2.png);}
	.present .pokemon .howto > ul li .pic3 { background-image:url(../img/present_pic3.png);}
	.present .pokemon .howto > ul li .pic4 { background-image:url(../img/present_pic4.png);}
	.present .pokemon .howto > ul li p { line-height:1.5; padding:10px 0 0 15px;}
	.present .pokemon .howto .attn { text-align:left; padding:15px 20px 20px;}
	.present .pokemon .howto .attn h4 { font-size:16px; margin-bottom:10px;}
	.present .pokemon .howto .attn li {
		font-size:13px; font-weight:normal; line-height:1.5;
		text-indent:-1em; padding:0 0 8px 1em;
	}
	.present .pokemon .howto .btn { text-align:center;}
	.present .pokemon .howto .btn a {
		display:inline-block; width:90%; height:44px;
		font-size:14px; text-align:center; line-height:44px;
		color:#000; background:#ffff00; border-radius:8px;
		padding:1px 0 0 15px;
	}
	.present .pokemon .howto .btn a:after {
		content:""; display:inline-block; width:25px; height:25px;
		background:url(../img/parts.png) no-repeat -395px -110px;
		background-size:450px auto;
		vertical-align:middle; margin:-3px 0 0 2px;
		transform:scale(0.7); -webkit-transform:scale(0.7);
		-moz-transform:scale(0.7); -ms-transform:scale(0.7);
	}
.present .oyaji {
	width:92%; text-align:left; color:#fff000;
	background:#522d12; border-radius:20px;
	padding:20px 20px 10px; margin:0 auto 30px;
	}
	.present .oyaji h3 {
		font-size:22px; line-height:1.2;
		border-bottom:3px solid #fff000;
		padding:0 10px 6px 90px; margin-bottom:20px;
		position:relative;
	}
	.present .oyaji h3:before {
		content:""; display:block; width:120px; height:90px;
		background:url(../img/sakuji4.png) no-repeat;
		background-size:100% auto;
		position:absolute; top:-32px; left:-28px;
	}
	.present .oyaji p { font-size:14px; line-height:1.8; padding:0 10px 20px;}
	.present .oyaji .pic5 { width:100%; text-align:right; margin:0 auto 20px;}
	.present .oyaji .pic5 .picIn {
		width:100%; height:0; padding-top:60.48%;
		background:url(../img/present_pic5.jpg) no-repeat;
		background-size:cover;
	}
	.present .oyaji .pic5 .cap { font-size:10px; font-weight:normal; line-height:1.2; color:#fff; margin-top:6px;}
	.present .oyaji .f30 { font-size:20px; text-align:center; line-height:1.35;}

/*UnownStamp*/
#stamp { position:relative;}
	#stamp div {
		width:40px; height:65px; cursor:pointer;
		background:url(../img/present_icon.png) no-repeat;
		background-size:335px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:-65px; left:10px;
	}
	#stamp .unown-a { background-position:0 -72px;}
	#stamp .unown-i { background-position:-42px -72px;}
	#stamp .unown-k { background-position:-85px -72px; width:45px;}
	#stamp .unown-o { background-position:-132px -72px; width:57px;}
	#stamp .unown-t { background-position:-192px -72px;}
	#stamp .unown-b { background-position:-235px -72px;}
	#stamp .unown-a.done { background-position:-277px -140px;}
	#stamp .unown-i.done { background-position:-42px -140px;}
	#stamp .unown-k.done { background-position:-85px -140px;}
	#stamp .unown-o.done { background-position:-132px -140px;}
	#stamp .unown-t.done { background-position:-192px -140px;}
	#stamp .unown-b.done { background-position:-235px -140px;}
	.ultraspace:not(.ub) #stamp div { top:-195px; left:10px;}
.idx #contents { padding-bottom:40px;}
.mystery.file2 #contentsIn,
.mystery.file4 #contentsIn { padding-bottom:80px;}
.ultraspace #contentsIn { padding-bottom:50px;}

/*＠Column
/////////////////////////////////////////////////////////////////////*/
.column #column-menu { display:none;}
.column .mainIn { text-align:left; padding:10px 16px 60px;}
	.column .mainIn .page { font-size:18px; text-align:center; padding:5px 0 10px;}
	.column .mainIn .linkbtn { padding-top:10px;}
	.column .mainIn .block { padding-bottom:20px;}
	.column .mainIn .block#column03 { padding-bottom:0;}
	.column .mainIn .block#column04 { padding-bottom:10px;}
	.column .mainIn .block#column09 { padding-bottom:10px;}
	.column .mainIn .block > h3 {
		font-size:20px; line-height:1.2;
		border-bottom:3px solid #332317;
		padding:5px 0 8px 40px; margin-bottom:16px; position:relative;
	}
	.column .mainIn .block > h3 br { display:none;}
	.column .mainIn .block > h3:before {
		content:""; display:block; width:35px; height:35px;
		background:url(../img/parts.png) no-repeat -415px -40px;
		background-size:450px auto;
		position:absolute; top:0; left:0;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.column .mainIn .block > p,
	.column .mainIn .text > p {
		font-size:16px; line-height:32px;
		background:url(../img/bg_line2.png);
		margin-bottom:30px;
	}
	.column .mainIn .box { background:rgba(255, 255, 255, 0.4); margin-bottom:16px;}
	.column .mainIn .box h4 { font-size:15px; line-height:1.2; padding:20px 20px 10px;}
	.column .mainIn .box p { font-size:13px; font-weight:normal; line-height:1.7; padding:0 20px 10px;}
/*pic*/
.column .pic { text-align:right; padding-bottom:20px;}
.column .picIn {
	display:inline-block; position:relative;
	width:100%; height:0;
	background:transparent no-repeat center 0;
	background-size:contain;
}
.column .pic h3 { font-size:15px; text-align:left; margin-bottom:7px;}
.column .pic .cap {
	font-size:10px; font-weight:normal; line-height:1.2;
	color:#332317; text-indent:-1em; padding:5px 0 0 1em;
}
.column .picblock { text-align:center;}
.column .picblock .pic { display:inline-block; width:48%; text-align:left; vertical-align:top;}
.column .mainIn .box .pic { padding-bottom:10px;}
.column .mainIn .box .pic .cap { text-align:center !important; padding:5px 10px 5px 1em; margin:0 5px;}
/*P1*/
.column .col1-1 { padding-bottom:10px; margin-top:-20px;}
.column .col1-1 .picIn { background-image:url(../img/pic/col1-1.png); padding-top:42.4%;}
.column .col1-2 { margin-right:0.5%;}
.column .col1-2 .picIn { background-image:url(../img/pic/col1-2.jpg); padding-top:75%;}
.column .col1-3 { margin-left:0.5%;}
.column .col1-3 .picIn { background-image:url(../img/pic/col1-3.jpg); padding-top:75%;}
.column .col2-1 .picIn { background-image:url(../img/pic/col2-1.png); padding-top:28.58%;}
.column .col3-1 .picIn { background-image:url(../img/pic/sp_col3-1.png); padding-top:75.628140%;}
.column .col3-2 .picIn { background-image:url(../img/pic/sp_col3-2.png); padding-top:75.628140%;}
.column .col3-3 .picIn { background-image:url(../img/pic/sp_col3-3.png); padding-top:60.804020%;}
.column .col3-4 .picIn { background-image:url(../img/pic/sp_col3-4.png); padding-top:60.804020%;}
.column .col3-5 .picIn { background-image:url(../img/pic/sp_col3-5.png); padding-top:75.628140%;}
.column .col3-6 .picIn { background-image:url(../img/pic/sp_col3-6.png); padding-top:75.628140%;}
.column .col3-7 .picIn { background-image:url(../img/pic/sp_col3-7.png); padding-top:60.804020%;}
/*P2*/
.column .col4-1 .picIn { background-image:url(../img/pic/sp_col4-1.png); padding-top:118.62%; margin-top:-20px;}
#column04 h4 { font-size:15px; text-align:center; color:#f1e7d1; background:#332317; padding:16px 0;}
#column04 .picblock { padding-top:20px;}
#column04 .picblock .pic { width:48.5%; font-size:12px; text-align:center; line-height:1.2; padding-bottom:25px;}
#column04 .picblock .pic:nth-child(odd) { margin-right:1%;}
#column04 .picblock .picIn { margin-top:5px; padding-top:60%;}
#column04 .picblock .pic .cap { text-align:left !important;}
.column .col4-2 .picIn { background-image:url(../img/pic/col4-2.jpg);}
.column .col4-3 .picIn { background-image:url(../img/pic/col4-3.jpg);}
.column .col4-4 .picIn { background-image:url(../img/pic/col4-4.jpg);}
.column .col4-5 .picIn { background-image:url(../img/pic/col4-5.jpg);}
.column .col4-6 .picIn { background-image:url(../img/pic/col4-6.jpg);}
.column .col4-7 .picIn { background-image:url(../img/pic/col4-7.jpg);}
#column05 .text:after { content:""; clear:both; display:block;}
.column .col5-1 { width:50%; float:right; padding:0 0 10px 15px; background:url(../img/bg_1.jpg) 230px -100px;}
.column .col5-1 .picIn { background-image:url(../img/pic/col5-1.jpg); padding-top:60%;}
.column .col5-1 .cap { text-align:left !important;}
.column .col5-2 .picIn { background-image:url(../img/pic/col5-2.png); padding-top:61.1111%; margin:-25px 0 0 -50px;}
.column .col6-1 { padding-bottom:30px;}
.column .col6-1 .picIn { background-image:url(../img/pic/sp_col6-1.png); padding-top:60.804020%;}
.column .col6-2 .picIn { background-image:url(../img/pic/sp_col6-2.png); padding-top:60.804020%;}
.column .col7-1 .picIn { background-image:url(../img/pic/sp_col7-1.png); padding-top:60.804020%;}
.column .col8-1 .picIn { background-image:url(../img/pic/sp_col8-1.png); padding-top:75.125628%;}
.column .col8-2 .picIn { background-image:url(../img/pic/sp_col8-2.png); padding-top:75.125628%;}
.column .col9-1 .picIn { background-image:url(../img/pic/col9-1.png); padding-top:91.3907%; margin:-10px 0 0 -100px;}


/*font*/
#contents .min,
#contentsIn h3,
.ultraspace #contentsIn h4,
.ultraspace #contentsIn p,
.linkbtn a,
#about .min { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*@slide
/////////////////////////////////////////////////////////////////////*/
.bx-wrapper { position:relative; padding:0; margin:0 auto; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}
.bx-wrapper img { display:block; max-width:100%;}
.bxslider { margin:0; padding:0;}
ul.bxslider { list-style:none;}
.bx-viewport { -webkit-transform:translatez(0);}
.bx-pager { display:none;}
.bx-controls { display:none;}
.slider { height:auto; position:relative; overflow:hidden;}
.slider .bx-wrapper img { display:block; width:100%; height:auto;}

/*＠Overlay
/////////////////////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#000;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0.7; filter:alpha(opacity=0.7);
}
.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;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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 { position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; 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-error .mfp-content { display:none;}

button.mfp-close, button.mfp-arrow {
	display:block; overflow:visible; cursor:pointer; border:0;outline:none;
	-webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none;
	padding:0; z-index:1046 !important;
}
button::-moz-focus-inner { padding:0; border:0;}
/*close*/
button.mfp-close {
	width:110px; height:40px; background:none; z-index:1046;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; bottom:-50px; left:50%;
	margin-left:-55px;
	}
	button.mfp-close:before {
		content:""; display:block; width:100px; height:30px;
		background:url(../img/parts.png) no-repeat -95px -80px;
		background-size:450px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -50px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
/*iframe*/
.mfp-iframe-holder { /*padding-top:40px; padding-bottom:40px;*/}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:800px;}
.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;
}
/*img*/
img.mfp-img {
	display:block; width:auto; max-width:96%; height:auto; line-height:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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.7;}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*///////////////About///////////////*/
#about {
	width:100%; font-weight:normal; color:#fff;
	background:#000; padding:30px 0 20px; margin:40px auto 0;
}
#about h2 {
	width:80%; height:0; padding-top:18.24%;
	background:url(../img/about_title.png) no-repeat;
	background-size:contain;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	margin:0 auto 20px;
}
#about .read p { font-size:16px; line-height:1.6; color:#ff003e; padding:0 20px 30px;}
#about .profile { padding:10px 20px;}
	#about .profile > div { background:#f02657; border-radius:16px; margin-bottom:20px;}
	#about .profile h3 {
		height:70px; font-size:20px; text-align:left;
		background:#c01e46; border-radius:16px 16px 0 0;
		padding:8px 0 0 130px; position:relative;
	}
	#about .profile h3:before {
		content:""; display:block; width:120px; height:165px;
		background:transparent no-repeat;
		background-size:100% auto;
		position:absolute; left:0;
	}
	#about .profile .hitomi h3:before { background-image:url(../img/about_hitomi.png); top:-30px;}
	#about .profile .ozuki h3:before { background-image:url(../img/about_ozuki.png); top:-30px;}
	#about .profile .sakuji h3:before { background-image:url(../img/about_sakuji.png); width:135px; top:-38px; left:-10px;}
	#about .profile h3 span { display:inline-block; font-size:12px; margin-bottom:8px;}
	#about .profile p {
		font-size:13px; line-height:1.6; padding:15px 20px 20px;
		text-align:justify; text-justify:inter-ideograph;
		background:#f02657; border-radius:0 0 16px 16px;
		position:relative;
	}
#about .photo { padding:0 20px;}
	#about .photo h3 { font-size:20px; font-weight:normal; text-align:center; line-height:1.35; padding:10px 0;}
	#about .photo h3 span { color:#ff003e;}
	#about .photo h3 br { display:none;}
	#about .photo p { font-size:14px; line-height:1.7; padding:20px 0; text-align:justify; text-justify:inter-ideograph;}
	#about .photo img { display:block; width:100%; border:3px solid #f1ece0;}

/*＠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);}
}

/*＠media
///////////////////////////////////////////////////////*/
@media screen and (min-width:600px){
	.present #aikotoba { height:385px; background-size:1130px auto;}
	.present #aikotoba:before { background-size:600px auto;}
	.present #aikotoba ul {
		width:571px; height:100px;
		position:absolute; top:88px; left:50%;
		margin-left:-285.5px;
	}
	.present #aikotoba ul li.add {
		height:100px; position:absolute; top:-2px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.present #aikotoba ul li.a { width:60px;}
	.present #aikotoba ul li.i { width:60px;}
	.present #aikotoba ul li.k { width:70px;}
	.present #aikotoba ul li.o { width:88px;}
	.present #aikotoba ul li.t { width:56px;}
	.present #aikotoba ul li.b { width:67px;}
	.present #aikotoba ul li.add {
		background:url(../img/present_icon.png) no-repeat;
		background-size:475px auto;
	}
	.present #aikotoba ul li.add.a { background-position:0 0;}
	.present #aikotoba ul li.add.i { background-position:-63px 0;}
	.present #aikotoba ul li.add.k { background-position:-127px 0;}
	.present #aikotoba ul li.add.o { background-position:-202px 0;}
	.present #aikotoba ul li.add.t { background-position:-294px 0;}
	.present #aikotoba ul li.add.b { background-position:-354px 0;}
	.present #aikotoba ul li.posi1 { left:0;}
	.present #aikotoba ul li.posi2 { left:61px;}
	.present #aikotoba ul li.posi3 { left:128px;}
	.present #aikotoba ul li.posi4 { left:203px;}
	.present #aikotoba ul li.posi5 { left:295px;}
	.present #aikotoba ul li.posi6 { left:355px;}
	.present #aikotoba ul li.posi7 { left:445px;}
	.present #aikotoba ul li.posi8 { left:512px;}
}

@media screen and (max-width:360px){
	.mystery #contentsIn .block h3 br { display:none;}
	.mystery #contentsIn > h3 { padding:0 32px;}
	.mystery #contentsIn > h3 span { font-size:17px;}
	.ultraspace.ub #necrozma p { font-size:15px;}
	.ultraspace.ub #necrozma .f34 { font-size:24px;}
	.linkbtn.btm a { font-size:16px;}
	.linkbtn.btm a .small { font-size:14px; margin-bottom:3px;}
	.present .oyaji h3 { font-size:20px;}
	/**/
	#about .photo h3 br { display:block;}
}

@media screen and (max-width:320px){
	.idx #header .btn-about { bottom:19%;}
	#contents03 .contents-link li a { font-size:14px;}
	.d2 #header .onoff { left:0; top:10px;}
	.d2 #header .onoff a {
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
		margin-left:-3px;
	}
	.d2 #menu nav > ul { width:85%;}
	.mystery #contentsIn .block { font-size:14px;}
	.mystery #contentsIn .block h3 { font-size:16px;}
	.mystery #contentsIn > h3 span { font-size:16px;}
	.mystery #contentsIn .talk dd { font-size:13px;}
	.mystery #contentsIn .block .box3 h4 { margin:0 0 10px -25px;}
	.mystery #contentsIn .block .box3 dt { font-size:11px; letter-spacing:-0.03em;}
	.mystery #contentsIn .block .box3 dd { font-size:11px;}
	.ultraspace #contentsIn .block > h3 > span { font-size:18px;}
	.ultraspace #contentsIn .block p { font-size:14px;}
	.ultraspace #contentsIn .us0 .inner p { font-size:15px;}
	.ultraspace .us5 .box h3 { font-size:16px;}
	.ultraspace .us5 .box p { line-height:1.8 !important;}
	.ultraspace.ub #necrozma { padding:30px 10px;}
	.ultraspace.ub #necrozma p { font-size:14px;}
	.ultraspace.ub #necrozma .f34 { font-size:22px;}
	.linkbtn a { font-size:14px;}
	.linkbtn.btm a { font-size:15px;}
	.linkbtn.btm a .small { font-size:13px;}
	/**/
	.present #contentsIn .read { padding:12px 10px 8px 135px;}
	.present #contentsIn .read:before { top:10px;}
	.present #aikotoba { height:265px; background-size:600px auto;}
	.present #aikotoba:before { background-size:320px auto;}
	.present #aikotoba ul {
		width:303px; height:50px;
		position:absolute; top:47px; left:50%;
		margin-left:-151.5px;
	}
	.present #aikotoba ul li { height:50px;}
	.present #aikotoba ul li.a { width:30px;}
	.present #aikotoba ul li.i { width:30px;}
	.present #aikotoba ul li.k { width:35px;}
	.present #aikotoba ul li.o { width:44px;}
	.present #aikotoba ul li.t { width:28px;}
	.present #aikotoba ul li.b { width:34px;}
	.present #aikotoba ul li.add {
		background:url(../img/present_icon.png) no-repeat;
		background-size:240px auto;
	}
	.present #aikotoba ul li.add.a { background-position:0 0;}
	.present #aikotoba ul li.add.i { background-position:-32px 0;}
	.present #aikotoba ul li.add.k { background-position:-64px 0;}
	.present #aikotoba ul li.add.o { background-position:-102px 0;}
	.present #aikotoba ul li.add.t { background-position:-148px 0;}
	.present #aikotoba ul li.add.b { background-position:-179px 0;}
	.present #aikotoba ul li.posi1 { left:0; top:-0.5px;}
	.present #aikotoba ul li.posi2 { left:32px; top:-0.5px;}
	.present #aikotoba ul li.posi3 { left:67px; top:-0.5px;}
	.present #aikotoba ul li.posi4 { left:108px;}
	.present #aikotoba ul li.posi5 { left:156px; top:-0.5px;}
	.present #aikotoba ul li.posi6 { left:188px;}
	.present #aikotoba ul li.posi7 { left:236.5px; top:-0.5px;}
	.present #aikotoba ul li.posi8 { left:273px; top:-0.5px;}
	.present #aikotoba .box { height:140px;}
	.present #aikotoba .box.before:before { left:-60px;}
	.present #aikotoba .box.before .boxIn p { font-size:14px;}
	.present #aikotoba .box.after:before { width:100px; height:100px; bottom:-23px;}
	.present #aikotoba .box.after .boxIn p.f68 { font-size:30px;}
	.present .pokemon .howto .btn a { font-size:13px;}
	.present .pokemon .howto .btn a:after { margin:-2px 0 0;}
	.present .oyaji h3 { font-size:19px; padding: 0 0 6px 75px;}
	.present .oyaji h3:before {
		top:-31px; left:-35px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
		-moz-transform:scale(0.8); -ms-transform:scale(0.8);
	}
	.present .oyaji p { padding:0 0 20px;}
	/**/
	#about .read p { font-size:15px;}
	
	.pic .cap { font-size:0.5em !important;}
	#column04 .picblock .pic .cap { font-size:0.7em !important;}
}

/*Android*/
.Android.idx #contents03 .contents-link li a span { padding-top:2px;}
.Android.column .mainIn .block > p,
.Android.column .mainIn .text > p { background-position:0 -1px;}
.Android .linkbtn a { padding-top:11px;}
.Android .linkbtn.btm a { padding-top:17px;}