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

/*-------------------------------------------
　　reset
-------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video, input {
	font-size:100%;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	white-space:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input, textarea, select, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}



/*-------------------------------------------
　　clearfix
-------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}



/*-------------------------------------------
　　common
-------------------------------------------*/
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}

html, body, #fullpage {height:100%;}

body {
	font-family: "aktiv-grotesk","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	width:100%;
}

#sp_logo {position:fixed; top:2%; z-index:10; width:100%; text-align:center;}
#sp_logo img {width:15%;}



/*-------------------------------------------
　　各コンテンツ
-------------------------------------------*/
.section {background:#FFF; margin-top:36%;}
.contents {position:relative; z-index:1; margin:0 8%;}
h2 {font-size:96%; font-weight:600;}

/* Top */
#section1, #section1 .contents {height:100%; margin:0; padding:0;}
#section1 .contents .bnr {
	width:80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#section1 .contents .bnr img {width:100%; vertical-align:middle;}
#section1 .contents #sp_wow {position:absolute; top:43%; left:6%;}
#section1 .contents #sp_wow img {width:95%;}
#section1 .contents ul {position:absolute; left:8%; bottom:4%; font-size:90%; line-height:2;}
#section1 .contents ul li {font-weight:600;}

/* Overview */
#section2 .contents dl {margin-top:7%; line-height:1.4;}
#section2 .contents dl dt {font-size:54%; margin-top:2%; font-weight:bold;}
#section2 .contents dl dd {font-size:68%;}

/* Artist／Shop */
#section5 .contents h2 {margin-bottom:8%;}
#section5 .contents #artist_link_area {margin-bottom:12%;}
#section5 .contents a li {width:46%; float:left;}
#section5 .contents a:nth-child(even) li {float:right;}
#section5 .contents a li img {width:100%;}
#section5 .contents a li p {font-size:80%; text-align:center; height:2.6em; margin-top:5%;}

#cboxOverlay {background:#000; opacity: 0.8 !important; filter: alpha(opacity = 80) !important;}
#cboxContent {margin-top:0;}
#cboxLoadedContent {border:0;}
#cboxContent #cboxCurrent {display:none !important;}
#cboxLoadedContent {position:relative;}
#cboxClose{position:absolute; top:12px; right:12px; background:url(../images/close.png) no-repeat 0 0; width:16px; height:16px; text-indent:-9999px; background-size:100%;}
#cboxClose:hover {background-position:0 0;}

/* Map */
#section3 .contents {margin:0;}
#section3 .contents h2 {margin:0 4% 6% 4%;}
#section3 .contents .btn a {width:80%; margin:8% auto 0 auto; background:#000; color:#FFF; text-align:center; display:block; padding:3% 0; font-size:0.64rem; line-height:1.2;}

/* Contact */
#section4 .contents table.form_table {width:100%; margin-top:4%;}
#section4 .contents table.form_table th {width:100%; display:block; padding:4% 0 1% 0; font-size:64%; font-weight:bold;}
#section4 .contents table.form_table td {width:100%; display:block;}
#section4 .contents table.form_table td input {border:1px solid #CCC; padding:1% 2%; font-size:16px; width:96%; border-radius:0;}
#section4 .contents table.form_table td textarea {border:1px solid #CCC; padding:1% 2%; font-size:16px; width:96%; height:5em; resize: vertical; border-radius:0;}
#section4 .contents .form_button input {width:100%; background:#000; color:#FFF; text-align:center; display:block; cursor:pointer; padding:3% 0; font-size:0.64rem; margin-top:8%; border-radius:0; line-height:1.2;}

#copyright {font-size:50%; text-align:center; padding:16% 0 4% 0;}

#thankyou{ font-size:130%; font-weight:bold; text-align:center; width:100%; padding:100px 0;}



/*---------------------------
　colorbox（Artist/Shop）
---------------------------*/
#cboxPage {position:relative; margin:0; height:auto;}
#cboxPage .wrap {position:absolute; top:48%; width:80%; padding:0 10% 0 10%; margin:0;}
#cboxPage h1 {text-align:center; margin:4% 0 4% 0; font-size:90%; font-weight:bold;}
#cboxPage img {width:100%; margin-bottom:6%;}
/*#cboxPage .btn_area {height:138px;}*/
#cboxPage .btn {margin:8px 0 0 0;}
#cboxPage .btn a {font-family: "proxima-nova"; font-size:100%; font-weight:700; color:#FFF; text-align:center; width:100%; padding:10px 0; display:block; background:#000; height:16px; line-height:1.1; padding:10px 0 12px 0;}