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

html{
	height:100%;
	width:100%;
	font-size:62.5%;
}

body{
	margin:0;
	padding:0;
	background:#FFF;
	height:100%;
	color:#000;
	width:100%;
	line-height:1.7;
	font-size:1.2rem;
	font-family:'Playfair Display SC',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;zs
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img{
	border:none;
}

h1 span{
	display:none;
}

a{
	color:#000;
}

strong{
	font-weight:bold;
}

#load{
	background:#FFF;
	position:fixed;
	width:100%;
	height:100%;
	z-index:260;
}

#load img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -100px;
}


#wrap{
	position:relative;
}

#logo{
	position:fixed;
	top:50%;
	width:100%;
	z-index:100;
}

#head{
	position:relative;
	z-index:300;
}

#head h1{
	position:absolute;
	top:0;
	left:3rem;
	background:#000;
	font-size:2em;
	color:#FFF;
	padding:1rem 3rem;
}

#head .ic-fb{
	position:absolute;
	top:-5px;
	right:15px;
}

#foot{
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:200;
	font-size:.8em;
}

#contents{
	z-index:100;
	position:relative;
	width:100%;
}



.bk-area{
	background:#FFF;
	background:rgba(255, 255, 255, 0.8);
	padding:40px;
}


.page{
	margin:0 auto;
	width:100%;
	background:#cccccc;
}

.main{
	position:relative;
	text-align:center;
	padding:100px 0;
}

.title{
	font-size:2rem;
	background:#000;
	color:#FFF;
	padding:0.8rem;
	position:absolute;
	width:100%;
	top:0px;
}

.flex{
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	max-width:700px;
	margin:0 auto;
}

.flex.wrap{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}


.flex.a-left{
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}

.flex.a-center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}

.flex div{
	margin:0 10px 20px;
	width:-webkit-calc(50% - 20px);
	width:calc(50% - 20px);
}

.flex.press div{
	margin:0 10px 20px;
	width:-webkit-calc(33% - 18px);
	width:calc(33% - 18px);
	min-width:1px;
}


.flex h2{
	margin:0.5rem;
	font-size:1.8rem;
	line-height: 1.3;
}

.flex.buy div h2{
	margin-bottom:1rem;
}

.flex.buy div p{
	margin-bottom:1rem;
}

.flex.buy div strong{
	display:block;
	font-size:1.4rem;
}

.lineup .flex > div{
	margin-bottom:3rem;
}

iframe{
	border:none;
}

#iframe{
	background:#cccccc;
}

.form{
	max-width:700px;
	margin:0 auto;
	text-align:center;
	font-size:1.6rem;
}

.form dl{
	text-align:left;
	margin-top:1rem;
}

.form dd{
	padding:1rem;
	width:100%;
	border:none;
	background:#FFF;
	font-size:1.2rem;
}

input[type="text"],
input[type="email"],
input[type="submit"],
input[type="button"],
textarea{
	padding:1rem;
	width:100%;
	border:none;
	background:#FFF;
	font-size:1.2rem;
}

input[type="submit"],
input[type="button"]{
	font-size:1.2rem;
	cursor:pointer;
	width:60%;
}

input[type="submit"]:hover,
input[type="button"]:hover{
	background:#f3f3f3;
}

.btn-col {
	margin-top:25px;
}

.btn-col p{
	width:40%;
	display:inline-block;
	margin:0 15px;
}

.btn-col p input{
	width:100%;
}

textarea{
	height:150px;
}


.form > div:not(.flex){
	margin:0 0 20px;
}

.form .flex div{
	margin:0 0 20px;
}