@charset "utf-8";

/* Reset Stylesheet
-------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-tshrough;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table { border-collapse:collapse;border-spacing:0;}
hr {display:block; height:1px; border:0;   border-top:1px solid #cccccc; margin:1em 0;padding:0;}
input, select { vertical-align:middle;}
a {outline: none;}

/* base settings
-------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	width: 100%;
	position: relative;
	height: 100%;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;
	line-height: 1.8;
	width: 100%;
	height: 100%;
	position: relative;
	font-size:12px;
	background: #FFF;
}
header {
	position: relative;		
	width: 100%;
}
header .cassina-ixc{
	position: absolute;
}
header ul{
	position: absolute;
}
header ul li{
	float: left;
	list-style-type: none;
	margin:0 5px;
}

.my-gallery a img,
section .img img{
	max-width: 100%;
}
footer {
	padding:0 10px 40px;
}
footer p{
	text-align: center;
}
.christmas-forest {
	line-height: 3;
}
footer .cassina-ixc {
	padding:50px 0 5px;
}
.copyright {
	font-size:10px;
}
a,a:hover {
	-webkit-transition: all 0.6s ease-out;
	   -moz-transition: all 0.6s ease-out;
	    -ms-transition: all 0.6s ease-out;
	     -o-transition: all 0.6s ease-out;
	        transition: all 0.6s ease-out;
		}
a:hover {
	opacity:0.8;
}
h2 {
	font-weight: normal;
}
h1 {
	text-align: center;
	margin-bottom:50px;
}
#cover {
	position: relative;
}
#cover-base {
	position: absolute;
	z-index:100;
    display: none;
    width: 100%;
}
#cover-bg {
	position: absolute;
	z-index:100;
    width: 100%;
	z-index:50;
	display: none;
	background: #0d3e26;
}
#cover-logo {
	position: absolute;
	z-index:900;
left: 464px;
    top: 251px;
    display: none;
  }
#cover-table {
	position: absolute;
	z-index:700;
    left: 342px;
    top: 90px;
    display: none;
}
#cover-cover {
	position: absolute;
	z-index:1000;
    display: none;
    width: 100%;
}
#cover-wrap {
/*	height: 790px;
	background:#082917 url(../images/present/base.jpg) no-repeat center top; */
}

	section ,
	.my-gallery figure{
		width: 870px;
		margin: 0 auto 200px;
	}
	header {
		height: 60px;
	}
	header .cassina-ixc{
		width: 75px;
		top:15px;
		left: 25px;
	}
	header ul{
		right: 15px;
		top:15px;
	}
	header .cassina-ixc img{
		width: 100%;
	}
	.my-gallery figcaption img,
	h2 img{
		display: block;
		margin-bottom: 10px;
	}
	.my-gallery figcaption,
	h2{
		margin-bottom: 50px;
		font-size:14px;
	}
	.txt {
		margin-bottom:130px;
	}
	section#intro {
		width: 100% !important;
		margin: 200px auto 250px !important;
	}
	section#intro p{
		line-height: 4;
		text-align: center;
	}
	#cover {
/*		width: 1200px; */
width: 100%;
		margin:0 auto;
	}





/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	h2 img{
		display: block;
		margin-bottom: 5px;
	}
	.my-gallery figcaption,
	h2{
		margin-bottom: 20px;
		font-size:14px;
	}
	.txt {
		margin-bottom:50px;
	}
	.txt img{
		max-width:100% !important;
	}
	section ,
	.my-gallery figure{
		width: auto !important;
		padding:0 10px;
		margin: 0 auto 50px;
	}
	h1 img{
		max-width:50% !important;
	}
	section#intro {
		width: auto !important;
		margin: 30px 10px 60px !important;
	}
	.christmas-forest img {
		max-width:100%;
	}
	section#intro p{
		line-height: 2;
		text-align: left;
		font-size:14px;
	}
	header .cassina-ixc{
		left: 15px;
	}
}


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	#cover {
		height: 1800px;
		background: #082917;
	}
	#intro p {
		font-size: 14px;
	}
}