@charset "UTF-8";
/**** Body********************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	}
html{
	font-size:62.5%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	}
	
.video-wrapper-feat{
	position: relative;
	 padding-bottom: 53.25%;
	 padding-top: 30px;
	 height: 0;
	;
	}
.video-wrapper iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 ;
	}
.video-wrapper-feat iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 ;
	}
#embed iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 ;
	}
body{
	background:#f4f6f7;
	-webkit-font-smoothing:antialiased;
	}
article,aside,details,figcaption,figure,footer,header,nav,section{
	display:block;
	}
ol,ul{
	list-style:none;
	}
table{
	border-collapse:separate;
	border-spacing:0;
	}
caption,th,td{
	font-weight:normal;
	text-align:left;
	}
blockquote:before,blockquote:after,q:before,q:after{
	content:"";
	}
blockquote,q{
	quotes:"" "";
	}
a{
	text-decoration:none;
	}
a:focus{
	outline:thin dotted;
	}
a:hover,a:active{
	outline:0;
	}
a img{
	border:0;
	}
body,button,input,select,textarea{
	color:#404040;
	font-family:"adobe-garamond-pro",serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	}
h1,h2,h3,h4,h5,h6{
	clear:both;
	}
hr{
	background-color:#ccc;
	border:0;
	height:1px;
	margin-bottom:1.5em;
	}
p{
	margin-bottom:.5em;
	}
ul,ol{
	margin:0 0;
	}
ul{
	list-style:none;
	}
ol{
	list-style:decimal;
	}
li>ul,li>ol{
	margin-bottom:0;
	margin-left:1.5em;
	}
dt{
	font-weight:bold;
	}
dd{
	margin:0 1.5em 1.5em;
	}
b,strong{
	font-weight:bold;
	}
dfn,cite,em,i{
	font-style:italic;
	}
blockquote{
	margin:0 1.5em;
	}
address{
	margin: 0 auto .5em;
	position: absolute;
	bottom: 0;
	text-align: center;
	color: black;
	font-family: Museo_Slab_500;
	font-size: 12px;
	}
pre{
	background:#eee;
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.6;
	margin-bottom:1.6em;
	padding:1.6em;
	overflow:auto;
	max-width:100%;
	}
code,kbd,tt,var{
	font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
	}
abbr,acronym{
	border-bottom:1px dotted #666;
	cursor:help;
	}
mark,ins{
	background:#fff9c0;
	text-decoration:none;
	}
sup,sub{
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	}
sup{
	bottom:1ex;
	}
sub{
	top:.5ex;
	}
small{
	font-size:75%;
	}
big{
	font-size:125%;
	}
figure{
	margin:0;
	}
table{
	margin:0 0 1.5em;
	width:100%;
	}
th{
	font-weight:bold;
	}
img{
	height:auto;
	max-width:100%;
	}
button,input,select,textarea{
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
	}
button,input{
	line-height:normal;
	}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	border:none;
	background:#FFF;
	cursor:pointer;
	-webkit-appearance:button;
	font-family:'adam',sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:30px;
	color:#000;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	}
button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
	background-color:none;
	}
input[type="checkbox"],input[type="radio"]{
	box-sizing:border-box;
	padding:0;
	}
input[type="search"]{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	}
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none;
	}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0;
	}
input[type="text"],input[type="email"],input[type="password"],input[type="search"],textarea{
	color:#666;
	border:none;
	border-radius:1px;
	}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{
	color:#111;
	}
input[type="text"],input[type="email"],input[type="password"],input[type="search"]{
	padding:0;
	background-color:#FFF;
	}
textarea{
	overflow:auto;
	padding-left:3px;
	vertical-align:top;
	width:98%;
	background-color:#f0f0f0;
	}
.comment-notes{
	display:none;
	}
.comment-form-author{
	margin-top:8%;
	}
.required{
	display:none;
	}
#map_canvas img{
	max-width:none!important;
	}
a{
	color:#555;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	}
a:visited{
	color:#404040;
	}
a:hover,a:focus,a:active{
	color:#d7d7d7;
	}
.alignleft{
	display:inline;
	float:left;
	margin-right:1.5em;
	}
.alignright{
	display:inline;
	float:right;
	margin-left:1.5em;
	}
.aligncenter{
	clear:both;
	display:block;
	margin:0 auto;
	}
@font-face {
	font-family: 'Museo_Slab_700';
	src: url('fonts/Museo_Slab_700.eot');
	src: url('fonts/Museo_Slab_700.woff') format('woff'), url('fonts/Museo_Slab_700.ttf') format('truetype'), url('fonts/Museo_Slab_700.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo_Slab_300';
	src: url('fonts/Museo_Slab_300.eot');
	src: url('fonts/Museo_Slab_300.woff') format('woff'), url('fonts/Museo_Slab_300.ttf') format('truetype'), url('fonts/Museo_Slab_300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo_Slab_300italic';
	src: url('fonts/Museo_Slab_300italic.eot');
	src: url('fonts/Museo_Slab_300italic.woff') format('woff'), url('fonts/Museo_Slab_300italic.ttf') format('truetype'), url('fonts/Museo_Slab_300italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo_Slab_500';
	src: url('fonts/Museo_Slab_500.eot');
	src: url('fonts/Museo_Slab_500.woff') format('woff'), url('fonts/Museo_Slab_500.ttf') format('truetype'), url('fonts/Museo_Slab_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo_Slab_500italic';
	src: url('fonts/Museo_Slab_500italic.eot');
	src: url('fonts/Museo_Slab_500italic.woff') format('woff'), url('fonts/Museo_Slab_500italic.ttf') format('truetype'), url('fonts/Museo_Slab_500italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'adam';
    src: url('fonts/adamdrawn.eot');
    src: url('fonts/adamdrawn.eot?#iefix') format('embedded-opentype'),
         url('fonts/adamdrawn.woff') format('woff'),
         url('fonts/adamdrawn.ttf') format('truetype'),
         url('fonts/adamdrawn.svg#adam') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**** Fonts********************************************************/
h1, h2, h3, h4, h5, h6, p{ font-family: "ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";-webkit-font-smoothing: antialiased; color:#FFF; z-index:20}
h1.logo{
	position:absolute;
	display:block;
	width:403px;
	height:52px;
	z-index:20;
	top:50%;
	left:3%;
}
h1.logo_page{
	position:absolute;
	display:block;
	width:125px;
	height:105px;
	z-index:20;
	top:56px;
	left:50%;
	margin-left:-62.5px;
}
h2{
	font-size:40px;
	letter-spacing:0.1em;
}
h2.pageTitle{
	font-size:76px;
}
h3{
	font-size:30px;
	letter-spacing:1px;
	
}
h3.pageTitle{
	font-size:30px;
	margin-top:50px;
	font-family:"Museo_Slab_700";
}

h4{
	font-size:20px;
	letter-spacing:3px;
	margin-top:15px;
}
.newsBloc h4{
	font-size:20px;
	letter-spacing:3px;
	margin:0;
	color:#333;
}	
h5{
	font-size:20px;
	letter-spacing:3px;
	margin:70px 0 20px;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
}
h6{
	font-size:20px;
	letter-spacing:2px;
	font-family:Hei;
}
h6.alt{
	font-size:20px;
	letter-spacing:2px;
	font-family:Hei;
	margin-left:20px;
}

a{
	color:#000;
	text-decoration:none;
	border:none;
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear; 
	-webkit-transition: color 0.2s linear; 
	-o-transition: color 0.2s linear;;
}
a:hover{
	color:#FC3;
}
.clear:before,.clear:after,[class*="content"]:before,[class*="content"]:after,[class*="site"]:before,[class*="site"]:after{
	content:'';
	display:table;
	}
.clear:after,[class*="content"]:after,[class*="site"]:after{
	clear:both;
	}

.divider{
	width:100%;
	display:block;
	height:2px;
	margin:5% 0;
	border-bottom:1px solid #BDBC9A;
	-webkit-box-shadow: 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
}
.divider_nm{
	width:100%;
	display:block;
	height:2px;
	margin:1% 0;
	border-bottom:1px solid #BDBC9A;
	-webkit-box-shadow: 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
}
.divider_d{
	width:100%;
	display:block;
	height:4px;
	background:url(../images/divider_dotted.png) repeat-x;
	margin:1% 0 3%;
}
.mt50{
	margin-top:50px;
}
.mb50{
	margin-bottom:50px;
}
/**** general********************************************************/
#page{
	position:relative;
	background: url(../images/tile.gif) repeat;
	
}

#headnav{
	width:97%;
}
.navigation-main{
	clear:both;
	display:block;
	float:left;
	width:100%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:2px;
	font-size:13px;
}
.navigation-main ul{
	list-style:none;
	margin:0;
	padding:1% 0;
	text-align:right;
	}
.navigation-main li{
	position:relative;
	display:inline-block;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	vertical-align:middle !important;
}

.navigation-main a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	color:#FFF;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
li.active{
	background:#FC3;
}
.navigation-main a:hover{
	color:#F60;
}

.menuItem{
	margin-right:.1%;
	padding:.5% 1%;
	list-style:none;
}
/**** Footer********************************************************/
.footer{
	background:#6C9;
	position:relative;
}
.footerContents{
	width:1423px;
	margin:0 auto;
}
.footerArea{
	position:absolute;
	top:50%;
	text-align:center;
}
.link{
	width:520px;
	margin:0 auto;
}
.apLink,.comLink{
	float:left;
	display:inline;
	text-align:center;
}
.apLink p a,.comLink p a{
	padding:3% 0;
	margin:0 15px;
	width:230px;
	float:left;
	font-family:"Museo_Slab_500";
	font-size:25px;
	letter-spacing:0.01em;
}
.footerArea .leftCol p{
	text-align:right;
}
.footerArea .leftCol img{
	width:50%;
}
.footerArea .rightCol p{
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/**** Content********************************************************/
#wrapper{
	max-width:2560px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.contentWrapper{
	width:100%;
	padding-bottom:10%;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	transition: width .3s linear;
}
.noPadding{
	padding-bottom:0;
}
/**** indexPage********************************************************/
.newsWrap{
	display:block;
	height:4em;
	overflow:auto;
	font-size: 15px;
	text-align:right;
	padding-right: 2em;
	color: red;
}
.newsBloc p{
	color:#444;
}
.policy{
	text-align:right;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
}
.policy span.ylw{
	color:#FFF100;
}
.policy span.rd{
	color:#FFB1BD;
}
.policy span.blu{
	color:#8CDCF1
}
.frameWrap{
	position:relative;
	width:1423px;
}
.frameWrap a{
	cursor:pointer;
}
#frame01{
	width:396px;
	height:423px;
	display:block;
	background:url(../images/frame_01.png) no-repeat;
	position:absolute;
	left:319px;
	top:103px;
}
#frame01 a{
	width:210px;
	height:260px;
	position:absolute;
	top:77px;
	left:82px;
}
#frame02{
	width:230px;
	height:190px;
	display:block;
	background:url(../images/frame_02.png) no-repeat;
	position:absolute;
	top:450px;
	left:75px;
}
#frame02 a{
	width:115px;
	height:88px;
	position:absolute;
	top:50px;
	left:60px;
}
#frame03{
	width:315px;
	height:380px;
	display:block;
	background:url(../images/frame_03.png) no-repeat;
	position:absolute;
	top:0px;
	left:15px;
}
#frame03 a{
	width:133px;
	height:178px;
	position:absolute;
	top:100px;
	left:89px;
}
#frame04{
	width:315px;
	height:550px;
	display:block;
	background:url(../images/frame_04.png) no-repeat;
	position:absolute;
	top:50px;
	left:900px;
}
#frame04 a{
	width:172px;
	height:393px;
	position:absolute;
	top:55px;
	left:75px;
}
#frame05{
	width:270px;
	height:320px;
	display:block;
	background:url(../images/frame_05.png) no-repeat;
	position:absolute;
	top:337px;
	left:685px;
}
#frame05 a{
	width:227px;
	height:179px;
	position:absolute;
	top:34px;
	left:42px;
}
#frame06{
	width:270px;
	height:220px;
	display:block;
	background:url(../images/frame_06.png) no-repeat;
	position:absolute;
	top:70px;
	left:670px;
}
#frame06 a{
	width:146px;
	height:129px;
	position:absolute;
	top:43px;
	left:60px;
}
#story #frame01{
	left:200px;
}
#story #frame04{
	left:200px;
}
#story #frame03{
	left:200px;
	top:100px;
}
.coaster{
	display:block;
	position:absolute;
	top:530px;
	left:250px;
}
.coaster:before{
	position:absolute;
	display:block;
	content:"";
	background:url(../images/nail-2.png) no-repeat;
	width:11px;
	height:27px;
	top: 13px;
	left: 73px;
	z-index:100;
}
.trans{
	width:150px;
	height:170px;
	display:block;
	-webkit-transform-origin: 51% 24%;
}
.trans:hover{
	animation: anim-rotate 0.5s ease-out ;
	-webkit-animation: keyarm 1s;
	
}
@-webkit-keyframes keyarm {
    0% { -webkit-transform: rotate(0deg); }
    10% { -webkit-transform: rotate(-14deg); }
	30% { -webkit-transform: rotate(12deg); }
	60% { -webkit-transform: rotate(-9deg); }
	80% { -webkit-transform: rotate(6deg); }
    100% { -webkit-transform: rotate(0deg); }
	
	
}
.transB{
	width:150px;
	height:170px;
	display:block;
	-webkit-transform-origin: 51% 24%;
}
.transB:hover{
	-webkit-animation: keyarmB 1s;
	
}
@-webkit-keyframes keyarmB {
    0% { -webkit-transform: rotate(0deg); }
    10% { -webkit-transform: rotate(-14deg); }
	30% { -webkit-transform: rotate(12deg); }
	60% { -webkit-transform: rotate(-9deg); }
	80% { -webkit-transform: rotate(6deg); }
    100% { -webkit-transform: rotate(0deg); }
	
	
}

.storyBoard{
	width: 350px;
	position: absolute;
	top:103px;
	left: 600px;
}
.storyBoard_2 {
	width: 480px;
	position: absolute;
	top: 103px;
	left: 550px;
}
.storyTitle{
	padding: 15px;
	background: white;
	width: 250px;
	margin: 0 auto;
}
.storyTitle h2{
	color: black;
	text-align: center;
	font-size: 18px;
}
.storyTitle {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	background-image:url(../images/grain.png);
	background-size:100px 100px;
	background-repeat:repeat;
    position: relative;
}
.storyTitle:before, .storyTitle:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}
.storyTitle:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}

.message{
	position:relative;
	margin:20px auto 0;
	padding:40px 20px 35px;
	background-image:url(../images/grain.png);
	background-size:100px 100px;
	background-repeat:repeat;
	background-color:#FFF;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.message:before, .message:after
{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.message:after
{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.message p{
	font-size:14px;
	color:#000;
	line-height:25px;
	letter-spacing:0;
}
.message p:before{
	position:absolute;
	display:block;
	content:"";
	background:url(../images/nail-2.png) no-repeat;
	width:11px;
	height:27px;
	top: -10px;
	left: 9px;
}
.message p:after{
	position:absolute;
	display:block;
	content:"";
	background:url(../images/nail-3.png) no-repeat;
	width:15px;
	height:30px;
	top: -10px;
	right: 9px;
}
/**** ContentPage********************************************************/
.contentsTop{
	width:1423px;
	margin:0 auto;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	transition: width .3s linear;
}
.contents{
	width:1423px;
	margin:0 auto;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	transition: width .3s linear;
}
.contentNav{
	font-family:"Museo_Slab_300italic";
	font-size:15px;
	width:100%;
	margin:0 auto 5%;
	padding:1% 0;
	border-bottom:1px solid #BDBC9A;
	-webkit-box-shadow: 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
}
.contentNav:before{
	content:"";
	width:100%;
	margin-bottom:1.5%;
	border-bottom:1px solid #BDBC9A;
	-webkit-box-shadow: 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
}
.contentNav ul{
	list-style:none;
	margin:0;
}
.contentNav ul li{
	float:left;
	margin:0 1%;
}
/**** About********************************************************/
div.contentsLine p{
	float:left;
	font-size:30px;
	line-height:40px;
	background:#ED747D;
	padding:.5% 1%;
	margin:.7% 0;
}
img.line{
	width:90%;
}
img.linelink{
	width:45%;
	margin-top:23px;
}

p.fits{
	font:95px/1 "ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝" ;
}
.contentsPoint,
.contentsRule{
	width:100%;
}
.point{
	width:23%;
	float:left;
	padding:0 1%;
	text-align:center;
}
.captionPoint p{
	color:#000;
	font-size:14px;
	text-align:left;
	letter-spacing:1px;
	line-height:25px;
}
.captionPoint p span{
	color:#000;
	font-size:10px;
	text-align:left;
	letter-spacing:0px;
	line-height:20px;
}
.theme{
	width:100%;
	padding:7% 0;
	background:#FFF;
}
.theme div{
	width:80%;
	margin:0 auto;
}
.theme div h2{
	color:#000;
	font-size:30px;
}
.contentsRule h3{
	font-family:"Museo_Slab_700";
	font-size:30px;
	margin:2% 0;
}
.contentsRule h4{
	font-family:"Museo_Slab_700";
	font-size:70px;
	margin:1% 0;
	color:#000;
}
.contentsRule h5{
	font-family:"Museo_Slab_700";
	font-size:20px;
	margin:1% 0;
	color:#000;
}
.contentsRule h6{
	font-family:"Museo_Slab_700";
	font-size:25px;
	margin:1% 0;
	color:#000;
}
.contentsRule p{
	color:#000;
	font-size:14px;
	text-align:left;
	letter-spacing:1px;
	line-height:25px;
}
.steps{
	width:100%;
}
.step{
	width:32%;
	padding:0 .5%;
	float:left;
	text-align:center;
}
.canvas,.mat{
	width:100%;
}
.canvas img,.mat img{
	width:80%;
}
.ruleTxt{
	width:100%;
}
.ruleTxt p{
	font-size:14px;
	text-align:center;
}
.aLv img{
	width:70%;
}
.study{
	width:80%;
}
.caseStudy{
	width:100%;
}

@media screen and (max-width: 760px) {
	img.line{
	width:100%;
	}
	img.linelink{
		width:50%;
		margin-top:23px;
	}

	.contentsRule h6{
	display:none;
	}
	.step{
	width:100%;
	padding:0;
	float:none;
	text-align:left;
	}
	.canvas,.mat{
		width:48%;
		float:left;
		padding:0 1%;
	}
	.canvas img,.mat img{
		width:100%;
	}
	
	.ruleTxt p:after{
	clear:both;
	width:100%;
	display:block;
	content:"↓";
	font-size:14px;
	text-align:center;
	}
	.ruleTxt p.last:after{
	clear:both;
	width:100%;
	content:"";
	font-size:14px;
	text-align:center;
	}
	.aLv img{
	width:100%;
	}
	.study{
	width:100%;
	}

}
/**** Product********************************************************/
#artistInfo{
	width:100%;
}
.leftCol{
	width:55%;
	float:left;
	margin-right:1%;
}
.rightCol{
	width:43%;
	float:left;
	margin-left:1%;
}
.halfCol{
	width:48%;
	float:left;
	margin:1%;
}
.artistName{
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
	font-size:30px;
	letter-spacing:1px;
	color:#000;
	line-height:32px;
}
.nameE{
	font-family:'Museo_Slab_500';
	font-size:15px;
	color:#000;
	margin-top:1%;
	letter-spacing:0;
}
.idalt{
	font-family:'Museo_Slab_500';
	font-size:13px;
	color:#000;
	margin-top:1%;
	letter-spacing:0;
}
div.comment{
	padding:0 1%;
}
div.comment h5{
	font-family:'Museo_Slab_500italic';
	font-size:15px;
	color:#000;
	margin:2% 0 1%;
	letter-spacing:0;
}
div.comment p{
	font-size:14px;
	color:#000;
	margin-top:1%;
	letter-spacing:0;
}
.status h3{
	font-family:"Museo_Slab_500italic";
	font-size:20px;
	margin:1% 0;
	color:#000;
}
.notes li{
	margin:1% 2%;
	float:left;
}
.levelCir{
	width:7.5em;
	margin-bottom:10%;
}

.levelCir img{
	width:100%;
}

.noteLevel {
	display: inline-block;
	position: relative;
	width: 1.5em;
	height: 1.5em;
	font-size: 5.4em;
	cursor: default;
}

.noteLevel::before {
	content: '';
	display: block;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	border-radius: .75em;
	opacity: .5;
	z-index: 0;
}
.noteLevel::after {
	content: '';
	display: block;
	position: absolute;
	top: .25em;
	left: .25em;
	width: 1em;
	height: 1em;
	background: #FFF;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	z-index: 1;
}
.int{
	font-family:"Museo_Slab_700";
	font-size: 45px !important;
	margin: 0;
	line-height: 30px !important;
}
.intM{
	font-family:"Museo_Slab_700";
	font-size: 45px !important;
	margin: 0;
	line-height: 45px !important;
}
.txt{
	font-size: 8px !important ;
	margin: 0;
	line-height: 30px;
	padding: 0;
}
.txtM{
	font-family:"Museo_Slab_500";
	font-size: 17px !important ;
	margin: 0;
	line-height: 15px;
	padding: 0;
}
.noteLevel > #slice.gt50 {
	clip: rect(auto,auto,auto,auto);
}
.noteLevel > .percent{
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	font-size: 0px;
	text-align: center;
	z-index: 2;
}
.noteLevel > .percentM {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	font-size: 0px;
	text-align: center;
	z-index: 2;
}
.noteLevel > #slice {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	clip: rect(0px,1.5em,1.5em,0.75em);
}
.noteLevel > #slice > .pie {
	position: absolute;
	border: .25em solid #444;
	width: 1em;
	height: 1em;
	clip: rect(0em,0.75em,1.5em,0em);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.noteLevel > #slice > .pie.fill {
	-moz-transform: rotate(180deg)!important;
	-webkit-transform: rotate(180deg)!important;
	-o-transform: rotate(180deg)!important;
	transform: rotate(180deg)!important;
}
li.level .noteLevel::before {
	background: #DF6C4F;
}
li.level .noteLevel > #slice > .pie {
	border-color: #DF6C4F;
}
li.mzo .noteLevel::before {
	background: #FFFBB2;
}
li.mzo .noteLevel > #slice > .pie {
	border-color: #FFF100;
}
.tagArea{
	width:100%;
	padding:4% 0;
}
.styles,.support,.motive,.colortag,.ids{
	padding:0 1%;
}
.motive,.colortag{
	width:48%;
	float:left;
}
.tagArea h4{
	font-size:13px;
	font-family:"Museo_Slab_500";
	color:#000;
	letter-spacing:0;
}
.tagArea ul a li{
	float:left;
	padding:4px 5px;
	background:#E6E6E6;
	margin:5px 3px;
	font-size:13px;
	font-family:"Museo_Slab_500italic";
	color:#000;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.tagArea ul a:hover li{
	color:#FFF;
	background:#767676;
}
.colortag a li{
	padding:0;
	text-indent:-9999px;
	background:#FFF;
	height:15px;
	width:14px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
li.red{
	background:#FF0000 !important;
}
.statusProduct h1{
	font-size:24px;
	color:#000;
}
.statusProduct h2{
	font-size:17px;
	color:#000;
}
.statusProduct h3{
	font-size:17px;
	color:#000;
	font-family:"Museo_Slab_500";
	padding-top:5px;
	display:inline-block;
}
.statusProduct h4{
	font-size:17px;
	color:#000;
	font-family:"Museo_Slab_500";
	padding-top:5px;
	letter-spacing:0;
}
.lv1{color:#E6E6E6 !important;}
li.next1 .noteLevel::before {background: #F5F5F5;}
li.next1 .noteLevel > #slice > .pie {border-color: #E6E6E6;}

.lv2{color:#74C9F1 !important;}
li.next2 .noteLevel::before {background: #B9E4F8;}
li.next2 .noteLevel > #slice > .pie {border-color: #74C9F1;}

.lv3{color:#FFF100 !important;}
li.next3 .noteLevel::before {background: #FFF880;}
li.next3 .noteLevel > #slice > .pie {border-color: #FFF100;}

.lv4{color:#955DA3 !important;}
li.next4 .noteLevel::before {background: #CAAED1;}
li.next4 .noteLevel > #slice > .pie {border-color: #955DA3;}

.lv5{color:#DA3915 !important;}
li.next5 .noteLevel::before {background: #E5745B;}
li.next5 .noteLevel > #slice > .pie {border-color: #DA3915;}

.statusProduct p{
	color:#000;
	font-family:"Museo_Slab_500";
	font-size:14px;
}
.statusProduct p span{
	color:#000;
	font-family:"Garammond 3";
	font-size:27px;
	margin:0 6px;
}
.statusProduct p b{
	color:#000;
	font-family:"Museo_Slab_500";
	font-size:20px;
	font-weight:normal;
}
.recommend h2{
	font-size:14px;
	color:#000;
	font-family:"Museo_Slab_500";
	padding-top:5px;
}
.recommend h2 span{
	font-size:15px;
	color:#000;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
	padding-top:5px;
	margin-left:5px;
	letter-spacing:0px;
}
/**** ArtistProfile********************************************************/
#profCover{
	width:100%;
}
.profile{
	padding:1% 0 0;
}
.profile .divider_d{
	width:100%;
	display:block;
	height:4px;
	background:url(../images/divider_dotted.png) repeat-x;
	margin:.5% 0;
}
.profile h5{
	font-size:15px;
	font-family:"Museo_Slab_500italic";
	color:#000;
	letter-spacing:0;
	margin:3% 0 .5%;
}
.profile p{
	font-size:15px;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
	color:#000;
	letter-spacing:0;
	margin:1% 0;
}
/**** ArtList********************************************************/
.artList{
	width:auto;
	margin-left:-23px;
}
ul.artList>li{
	position: relative;
	width:218px;
	padding:0 0 23px 23px;
	float:left;
}
.artWrap{
	width:100%;
}
.artWrap p{
	margin-bottom:0;
	color:#000;
}
.artColor{
	height:17px;
}
.art{
	width:100%;
	height:250px;
	overflow:hidden;
	position:relative;
}
.artOverlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 136px;
	cursor: pointer;
	background: #444;
	background: rgba(57, 57, 57, 0.85);
	z-index: 1;
	opacity:0;
}
.artDetail{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -40px;
	text-align: center;
	line-height: 28px;
	z-index: 2;
}
.artDetail p{
	color:#FFF !important;
}

.artTitle{
	width:98%;
	padding:0 1%;
}
.artTitle p{
	font-size:17px;
}
.artArtist{
	width:98%;
	padding:0 1%;
}
.artArtist p{
	font-size:13px;
}
.artMzo{
	display:inline-block;
	width:38%;
	padding:0 1%;
}
.artPrice{
	display:inline-block;
	text-align:right;
	width:58%;
	padding-left:0 1%;
}
.nowidth{
	width:100%;
}
.artMzo p,
.artPrice p{
	font-size:13px;
	font-family:"Museo_Slab_500";
	letter-spacing:1px;
}
.artMzo p span,
.artPrice p span{
	font-size:11px;
	font-family:"Museo_Slab_500";
}

.artMzo p i,
.artPrice p i{
	margin-left:.5em;
	font-size:25px;
	font-family:"Museo_Slab_500italic";
	font-style:normal;
	letter-spacing:0px;
}
.sold{
	color:rgba(255,0,0,1);
}
.ex_small{
	font-size:9px !important;
	letter-spacing: 0px !important;
}
.artDetail .artPrice,
.artDetail .artMzo{
	text-align:center;
	width:100%;
	font-family:"Museo_Slab_500";	
	font-size:12px;
}
.artDetail .artMzo span,
.artDetail .artPrice span{
	font-size:11px;
	font-family:"Museo_Slab_500";
}

.artDetail .artMzo i,
.artDetail .artPrice i{
	margin-left:.5em;
	font-size:25px !important;
	font-family:"Museo_Slab_500italic";
	font-style:normal;
	letter-spacing:0px;
}
.productPrice{
	text-align:right;
}
.productPrice .artPrice{
	display:inline-block;
	text-align:right;
	font-size:25px;
	border-bottom:1px dotted #AAA;
}
.productPrice .artPrice i{
	margin: 0 0.01em 0 2em;
	font-size: 35px;
}
.details a{
	display: inline-block;
	width:auto;
	height: 31px;
	margin: 10px 0 0 0 ;
	padding:0 7px;
	line-height: 32px;
	text-align: center;
	color: white;
	font-family:"Museo_Slab_500";
	font-size:12px;
	letter-spacing:1px;
	background: #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.details a:hover{
	background: #FC3;
}
.ids p{
	margin: 5px 0 0 0 ;
	padding:0 7px;
	line-height: 32px;
	text-align: left;
	color: black;
	font-family:"Museo_Slab_500";
	font-size:13px;
	letter-spacing:1px;
}
ul.artList li li{
	width:auto;
	font-size:12px;
}
ul.artList .colortag{
	width:100%;
	float:left;
	padding:0;
}
ul.artList li .colortag a li{
	padding:0;
	text-indent:-9999px;
	background:#FFF;
	height:15px;
	width:14px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
/**** ArtistList********************************************************/

.users ul{
	clear: both;
}
.users ul a.user:hover{
	color:#000 !important;
}
.users ul > li{
	position: relative;
	margin: 0;
	padding: 15px 5px;
	border-bottom: 1px solid #D5D7D6;
	text-align: left;
	overflow: hidden;
	-webkit-transition: background-color .25s ease-out;
	-moz-transition: background-color .25s ease-out;
	-o-transition: background-color .25s ease-out;
	transition: background-color .25s ease-out;
}
.users ul > li:hover{
	background:#f1f1f1;
	background:rgba(230,230,230,0.5);
}
.users ul > li.title:hover{
	background:none;
}
.users ul > li.title{
	padding-bottom:5px;
	font-size:12px;
}
.users ul > li div.name{
	font-size:25px;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
}
.users ul > li div.name small{
	font-size:13px;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
}
.users ul > li div.comment,
.users ul > li div.location{
	font-size:13px;
	font-family:"ヒラギノ明朝 Pro W3", "小塚明朝 Pro R", "ＭＳ 明朝";
}
.users ul > li.title div{
	font-family:"Museo_Slab_500" !important;
	font-size:12px;
}
.users ul > li.title:after {
	content: '';
	display: block;
	clear: both;
}
.users ul > li .name{
	
	float:left;
	width:30%;
}
.users ul > li .comment{
	float:left;
	width:35%;
	min-height:1px;
	padding:0;
	display:block;
}
.users ul > li .location{
	float:left;
	width:10%;
	min-height:1px;
}
.users ul > li .status{
	float:left;
	width:25%;
}
.users ul > li .status ul > li{
	border-bottom: none;
}
.users ul > li .status ul.notes li.level{
	padding:0px;
	margin-right:10px;
}
.users ul > li .status .noteLevel {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	font-size: 5.4em;
	cursor: default;
}
.users ul > li .status .noteLevel::before {
	content: '';
	display: block;
	position: absolute;
	width: 1em;
	height: 1em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	opacity: .5;
	z-index: 0;
}
.users ul > li .status .noteLevel::after {
	content: '';
	display: block;
	position: absolute;
	top: .135em;
	left: .135em;
	width: .75em;
	height: .75em;
	background: #FFF;
	-moz-border-radius: .375em;
	-webkit-border-radius: .375em;
	border-radius: .375em;
	z-index: 1;
}
.users ul > li .status .int{
	font-family:"Museo_Slab_700";
	font-size: 35px !important;
	margin: 0;
	line-height: 25px !important;
}
.users ul > li .status .intM{
	font-family:"Museo_Slab_700";
	font-size: 35px !important;
	margin: 0;
	line-height: 35px !important;
}
.users ul > li .status .txt{
	font-size: 8px !important ;
	margin: 0;
	line-height: 30px;
	padding: 0;
}
.users ul > li .status .txtM{
	font-family:"Museo_Slab_500";
	font-size: 17px !important ;
	margin: 0;
	line-height: 15px;
	padding: 0;
}
.users ul > li .status .noteLevel > #slice.gt50 {
	clip: rect(auto,auto,auto,auto);
}
.users ul > li .status .noteLevel > .percent{
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	font-size: 0px;
	text-align: center;
	z-index: 2;
}
.users ul > li .status .noteLevel > .percentM {
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	font-size: 0px;
	text-align: center;
	z-index: 2;
}
.users ul > li .status .noteLevel > #slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0px,1em,1em,0.5em);
}
.users ul > li .status .noteLevel > #slice > .pie {
	position: absolute;
	width: .5em;
	height: .5em;
	clip: rect(0em,0.5em,1em,0em);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
/**** ArtList View********************************************************/
ul.artList.view2 > li{
	width: 700px;
}
ul.artList.view3 > li{
	width: 459px;
}
ul.artList.view4 > li{
	width: 339px;
}
.view4 .artArtist p,
.view4 .artPrice p,
.view4 .artMzo p{
	display:none;
}
.view2 .artPrice p,
.view2 .artMzo p{
	font-size:12px
}
.view2 .artPrice p i,
.view2 .artMzo p i{
	font-size:20px;
}
.view4 .artTag{
	display:none;
}
@media screen and (max-width:1483px){
	.contentsTop{
		width:1182px;
		margin:0 auto;
	}
	.contents,.footerContents,.frameWrap{
		width:1182px;
		margin:0 auto;
	}
	ul.artList.view2>li{
		width: 579px;
	}
	ul.artList.view3>li{
		width: 378px;
	}
	ul.artList.view4>li{
		width: 278px;
	}
}
@media screen and (max-width:1232px){
	#pickCover .noteLevel {
		display: inline-block;
		position: relative;
		width: 1em;
		height: 1em;
		font-size: 5.4em;
		cursor: default;
	}
	
	#pickCover .noteLevel::before {
		content: '';
		display: block;
		position: absolute;
		width: 1em;
		height: 1em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		border-radius: .5em;
		opacity: .5;
		z-index: 0;
	}
	#pickCover .noteLevel::after {
		content: '';
		display: block;
		position: absolute;
		top: .135em;
		left: .135em;
		width: .75em;
		height: .75em;
		background: #FFF;
		-moz-border-radius: .375em;
		-webkit-border-radius: .375em;
		border-radius: .375em;
		z-index: 1;
	}
	#pickCover .int{
		font-family:"Museo_Slab_700";
		font-size: 35px !important;
		margin: 0;
		line-height: 25px !important;
	}
	#pickCover .intM{
		font-family:"Museo_Slab_700";
		font-size: 35px !important;
		margin: 0;
		line-height: 35px !important;
	}
	#pickCover .txt{
		font-size: 8px !important ;
		margin: 0;
		line-height: 30px;
		padding: 0;
	}
	#pickCover .txtM{
		font-family:"Museo_Slab_500";
		font-size: 17px !important ;
		margin: 0;
		line-height: 15px;
		padding: 0;
	}
	#pickCover .noteLevel > #slice.gt50 {
		clip: rect(auto,auto,auto,auto);
	}
	#pickCover .noteLevel > .percent{
		position: absolute;
		top: 12px;
		left: 0;
		width: 100%;
		font-size: 0px;
		text-align: center;
		z-index: 2;
	}
	#pickCover .noteLevel > .percentM {
		position: absolute;
		top: 18px;
		left: 0;
		width: 100%;
		font-size: 0px;
		text-align: center;
		z-index: 2;
	}
	#pickCover .noteLevel > #slice {
		position: absolute;
		width: 1em;
		height: 1em;
		clip: rect(0px,1em,1em,0.5em);
	}
	#pickCover .noteLevel > #slice > .pie {
		position: absolute;
		width: .5em;
		height: .5em;
		clip: rect(0em,0.5em,1em,0em);
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		border-radius: .5em;
	}
	.contentsTop{
		width:941px;
		margin:0 auto;
	}
	.contents,.footerContents,.frameWrap{
		width:941px;
		margin:0 auto;
	}
	ul.artList.view2>li{
		width: 459px;
	}
	ul.artList.view3>li{
		width: 459px;
	}
	ul.artList.view4>li{
		width: 218px;
	}
	.users ul > li .comment{
		width:54%;
		padding-right:1%;
	}
	.users ul > li div.location{
		display:none;
	}
	.users ul > li div.status{
		width:15%;
	}
	.nextLv{
		display:none;
	}
	.mzoNum{
		display:none;
	}
}
@media screen and (max-width:991px){
	h2.pageTitle {
		font-size: 65px;
	}
	.noteLevel {
		display: inline-block;
		position: relative;
		width: 1em;
		height: 1em;
		font-size: 5.4em;
		cursor: default;
	}
	
	.noteLevel::before {
		content: '';
		display: block;
		position: absolute;
		width: 1em;
		height: 1em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		border-radius: .5em;
		opacity: .5;
		z-index: 0;
	}
	.noteLevel::after {
		content: '';
		display: block;
		position: absolute;
		top: .135em;
		left: .135em;
		width: .75em;
		height: .75em;
		background: #FFF;
		-moz-border-radius: .375em;
		-webkit-border-radius: .375em;
		border-radius: .375em;
		z-index: 1;
	}
	.int{
		font-family:"Museo_Slab_700";
		font-size: 45px !important;
		margin: 0;
		line-height: 30px !important;
	}
	.intM{
		font-family:"Museo_Slab_700";
		font-size: 45px !important;
		margin: 0;
		line-height: 45px !important;
	}
	.txt{
		font-size: 8px !important ;
		margin: 0;
		line-height: 30px;
		padding: 0;
	}
	.txtM{
		font-family:"Museo_Slab_500";
		font-size: 17px !important ;
		margin: 0;
		line-height: 15px;
		padding: 0;
	}
	.artPrice {
	width: 100%;
	}
	.noteLevel > #slice.gt50 {
		clip: rect(auto,auto,auto,auto);
	}
	.noteLevel > .percent{
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
		font-size: 0px;
		text-align: center;
		z-index: 2;
	}
	.noteLevel > .percentM {
		position: absolute;
		top: 15px;
		left: 0;
		width: 100%;
		font-size: 0px;
		text-align: center;
		z-index: 2;
	}
	.noteLevel > #slice {
		position: absolute;
		width: 1em;
		height: 1em;
		clip: rect(0px,1em,1em,0.5em);
	}
	.noteLevel > #slice > .pie {
		position: absolute;
		border: .25em solid #444;
		width: .5em;
		height: .5em;
		clip: rect(0em,0.5em,1em,0em);
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		border-radius: .5em;
	}
	.contentsTop{
		width:700px;
		margin:0 auto;
	}
	.contents,.footerContents,.frameWrap{
		width:700px;
		margin:0 auto;
	}
	.statusProduct .leftCol,.statusProduct .rightCol{
		width:100%;
		text-align:right;
	}
	.statusProduct .leftCol h1,.statusProduct .leftCol h2{
		text-align:left;
	}
	ul.artList.view2>li,ul.artList.view3>li,ul.artList.view4>li{
		width: 338px;
	}
	
	
}
@media screen and (max-width:750px){
	h2.pageTitle {
		font-size: 40px;
		font-weight:bold;
	}
	.leftCol,.rightCol,.halfCol{
		width:100%;
		margin:0 0;
	}
	.contentsTop{
		width:459px;
		margin:0 auto;
	}
	.contents,.footerContents,.frameWrap{
		width:459px;
		margin:0 auto;
	}
	.artList{
		width:auto;
		margin-left:0;
	}
	
	#pickProducts .tagArea{
		display:none;
	}
	.statusProduct .leftCol,.statusProduct .rightCol{
		width:49%;
		
	}
	
	ul.artList>li{
		position: relative;
		padding:0 0 23px 0;
		float:left;
	}
	ul.artList.view2>li,ul.artList.view3>li,ul.artList.view4>li{
	width: 100%;
	}
	.users ul > li div.name {
		font-size: 17px;
	}
	.users ul > li .comment{
		width:50%;
		padding-right:1%;
	}
	.users ul > li div.status{
		width:19%;
	}
}
/**** Pagination********************************************************/
.paginate{
	clear: both;
	margin-bottom: 20px;
}
.paginate.right {
	text-align: center;
}
.paginate span, .paginate a {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	color: white;
	background-color: #D2D2D2;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family:"Museo_Slab_700";
}
.paginate a:hover, .paginate .current {
	background-color:#FC3;
}

/***********************************************************************/
/***********************************************************************/
/**** ArtistPage********************************************************/
/***********************************************************************/
/***********************************************************************/
#page_Artist{
	background-color:#FFE329;
	background-image:url(../images/grain.png);
	background-repeat:repeat;
}
.authArtist{
	width:100%;
}
.auth{
	width:1482px;
	margin:0 auto;
}
.auth h1{
	width:100%;
	text-align:center;
	font-family:"adam",san-serif;
	font-size:150px;
	text-shadow:0 2px rgba(0,0,0,0.1);
	text-transform:uppercase;
}
.auth p{
	text-align:center;
	font-family:"adam",san-serif;
	font-size:25px;
	color:#000;
	letter-spacing:.05em;
	text-shadow:0 1px rgba(0,0,0,0.1);
	text-transform:uppercase;
}
.halfCol a{
	display:block;
	width:330px;
	margin:0 auto;
}
.halfCol a p{
	font-size: 61px;
	line-height: 61px;
	padding: 5% 0;
	margin:0;
	color:#FFF;
	background-color:#FFF194;
	background-image:url(../images/grain.png);
	background-repeat:repeat;	
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.halfCol a:hover p{
	color:#000;
	background-color:#FFF1CD;
}
.notArtist h2{
	width:100%;
	text-align:center;
	font-family:"adam",san-serif;
	font-size:61px;
	text-shadow:0 2px rgba(0,0,0,0.1);
	text-transform:uppercase;
}
.leftWall{
	position:absolute;
	height:100%;
	width:100px;
	background:url(../images/sideBar_l.png) repeat-y;
	left:0;
	z-index:2;
	display:block;
}
.rightWall{
	position:absolute;
	height:100%;
	width:100px;
	background: url(../images/sideBar_r.png) repeat-y right;
	right:0;
	z-index:2;
	display:block;
}
.carousel{
	position:relative;
	width: 1482px;
	height:100%;
	margin:0 auto;
}
.owl-carousel div p{
	color:#FFF;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-shadow:0 1px rgba(0,0,0,0.1);
}
.bgGra{
	display:block;
	height:380px;
	width:100%;
	background:url(../images/bgChange.png) repeat-x;
}
.chkArea{
	width:1482px;
	margin:0 auto;
	
}
.nowArtist{
	color:#FFF;
	background-color:#FBB03B;
	background-image:url(../images/grain.png);
	background-repeat:repeat;
	padding-bottom:10%;
}
.statusChk h2{
	width:100%;
	text-align:center;
	font-family:"adam",san-serif;
	font-size:61px;
	text-shadow:0 2px rgba(0,0,0,0.1);
	text-transform:uppercase;
}
.statusChk p{
	color:#FFF;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-shadow:0 1px rgba(0,0,0,0.1);
}
.data{
	width:500px;
	margin:0 auto;
	padding:3% 0;
}
.data div{
	text-align:center;
	padding:2% 0;
}
.data span{
	font-size:97px;
	font-family:"adam",san-serif;
	color:#000;
	margin-right:10px;
}
.artistNo{
	width:425px;
	height:126px;
	font-size:97px;
	font-family:"adam",san-serif;
	text-align:right;
	box-shadow:0 2px rgba(0,0,0,0.1);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
input.chkButton{
	color:#fff;
	width:271px;
	height:54px;
	background-color:#F7931E;
	background-image:url(../images/grain.png);
	background-repeat:repeat;
	box-shadow:0 2px rgba(0,0,0,0.1);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
input.chkButton:hover{
	color:#000;
	background-color:#F8BC69;
}
.reffered{
	width:440px;
	padding:30px !important;
	margin-top:50px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#FFF;
}
.ref{
	padding:0 !important;
	border-bottom:1px #000 solid;
}
.half{
	display:inline-block;
	width:48%;
}
.ref p{
	font-family:"adam";
	color:#000;
	padding:0 2%;
	margin:0;
	font-size:20px;
	text-align:left;
}
.ref p span{
	text-align:right;
	font-size:60px;
	margin-left:70px;
}
	
@media screen and (max-width:1483px){
	.auth,.carousel,.chkArea{
		width:1182px;
		margin:0 auto;
	}
}
@media screen and (max-width:1232px){
	.auth,.carousel,.chkArea{
		width:941px;
		margin:0 auto;
	}
}
@media screen and (max-width:991px){
	.auth,.carousel,.chkArea{
		width:700px;
		margin:0 auto;
	}
	.auth h1{
		width:100%;
		text-align:center;
		font-family:"adam",san-serif;
		font-size:165px;
		text-shadow:0 2px rgba(0,0,0,0.1);
		text-transform:uppercase;
	}	
}
@media screen and (max-width:750px){
	.auth,.carousel,.chkArea{
		width:459px;
		margin:0 auto;
	}
	.halfCol a{
		margin:0 auto 2%;
	}
	.auth h1{
		width:100%;
		text-align:center;
		font-family:"adam",san-serif;
		font-size:105px;
		text-shadow:0 2px rgba(0,0,0,0.1);
		text-transform:uppercase;
	}	
	.leftWall,.rightWall{
		display:none;
	}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.22
 */

/* clearfix */


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width:100%;
	height:100%;
	-ms-touch-action: pan-y;
}
/* display none until init */
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
	height:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 1s ease-in-out;
	-moz-transition: height 1s ease-in-out;
	-ms-transition: height 1s ease-in-out;
	-o-transition: height 1s ease-in-out;
	transition: height 1s ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-94.5px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-align:center;
}
.owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-controls .owl-page span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px 7px;
	filter: Alpha(Opacity=90);
	opacity: 0.9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#FFF;
	background-image:url(../images/grain.png);
	background-repeat:repeat;	
	text-align:center;
	box-shadow:0 2px rgba(0,0,0,0.1);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.owl-controls .owl-page.active span, 
.owl-controls.clickable .owl-page:hover span {
	background-color:#F1F1F1;
	background-image:url(../images/grain.png);
	background-repeat:repeat;
	box-shadow:0 -2px rgba(0,0,0,0.1);
}
.owl-controls .owl-buttons div {
	color: #FFF;
	font-family:"adam",san-serif;
	display: inline-block;
	zoom: 1;
	margin: 5px;
	padding: 2px 25px;
	font-size: 20px;
	letter-spacing:0.05em;
	text-transform:uppercase;
	background-color:#E5CD33;
	background-image:url(../images/grain.png);
	background-repeat:repeat;	
	text-align:center;
	box-shadow:0 2px rgba(0,0,0,0.1);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.owl-controls .owl-buttons div:hover {
	background-color:#FFF;
	color: #000;
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

/**** Pagination********************************************************/
.paginate{
	clear: both;
	margin-bottom: 20px;
}
.paginate.right {
	text-align: center;
}
.paginate span, .paginate a {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	color: white;
	background-color: #D2D2D2;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family:"Museo_Slab_700";
}
.paginate a:hover, .paginate .current {
background-color:#FC3;
}