/* CSS Document */
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html{
	overflow-x:hidden;
	background:#FFF;
}
body{
	background:#000 url(../images/special/xmas2017/bg_01.png) no-repeat center top;
	background-attachment:fixed;
	margin:0 auto;
	padding:0;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Helvetica, Arial, sans-serif;
	line-height: 160%;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
	word-break:break-all;
}
.onlyPC { display: block !important; }
.onlyPC_inline { display: inline !important; }
.onlySP { display: none !important; }
.onlySP_inline { display: none !important; }
.ffN {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ffM {font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
h1{
	margin-top: 90px;
	text-align: center;
}
a{
	color:#00a0c6;
	text-decoration:none;
}
a:hover{
	color:#00CCFF;
	text-decoration:underline;
}

p{
	margin-top:20px;
}

.wrapper {
	max-width: 744px;
	margin:0 auto;
	padding-top:30px;
	font-size: 11px;
}
.wrapper2 {
	max-width: 744px;
	margin:0 auto;
}
.wrapper3 {
	max-width: 744px;
	margin: 0 auto 0;
	padding-top: 50px;
}
#story{
	width:100%;
	height:100%;
	background:url(../images/special/xmas2017/bg_btop.png) no-repeat center top, url(../images/special/xmas2017/bg_bbottom.png) no-repeat center bottom, url(../images/special/xmas2017/bg_bmid.png) repeat-y center;
	background-size:100% auto;
	padding: 45px 70px 350px 70px;
	color: #332719;
	font-size: 13px;
	font-feature-settings:"palt";
	-webkit-font-feature-settings:"palt";
	-moz-font-feature-settings:"palt";
}
#story .txt01 {
	margin:0;
	border-top: #332719 1px dotted;
	padding: 30px 0 10px;
	font-size: 26px;
	text-align: center;
	letter-spacing: 4px;
}
#story .txt02{
	border-bottom: #332719 1px dotted;
	padding-bottom: 20px;
	margin:0;
	text-align: center;
}
#story .txt02 span{
	display: inline;
	padding-left: 150px;
}
#footer{
	margin: 50px auto 30px;
	text-align:center;
	color:#fff;font-size: 11px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, sans-serif;
}

.paddline2{
	text-indent: 10px;
}
@media (max-width: 767px){
	body{
		background: #000;
	}
	h1{
		margin-top: 30px;
	}
	p{
		margin-top: 15px;
	}
	.onlyPC { display: none !important; }
	.onlySP { display: block !important; }
	
	.onlyPC { display: none !important; }
	.onlyPC_inline { display: none !important; }
	.onlySP { display: block !important; }
	.onlySP_inline { display: inline !important; }
	.wrapper {
		width: 100%;
		padding: 30px 10px 0;
	}
	.wrapper2 {
		padding: 0 10px;
	}
	.wrapper3 {
		width: 100%;
		background: url(../images/special/xmas2017/bg_01asp.png) no-repeat right top, url(../images/special/xmas2017/bg_01csp.png) no-repeat left center, url(../images/special/xmas2017/bg_01bsp.png) no-repeat center bottom;
		background-size: 214px auto, 258px auto, 100% auto;
		padding: 30px 10px 0;
    	margin-top: -30px;
	}
	#story{
		background: url(../images/special/xmas2017/bg_btopsp.png) no-repeat center top, url(../images/special/xmas2017/bg_bbottomsp.png) no-repeat center bottom, url(../images/special/xmas2017/bg_bmidsp.png) repeat-y center;
		background-size: 100% auto;
		padding: 35px 30px 200px 30px;
	}
	#story .txt01 {
		font-size: 20px;
	}
	#story .txt02{
		text-align: center;
	}
	#story .txt02 span{
		padding-left: 0;
	}
	
	#footer{
		font-size: 9px;
	}
	
}