@charset "UTF-8";
/* 00.0 Reset */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,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,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}/* 00.1 Normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none}button{overflow:visible}button,input,select,textarea{max-width:100%}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;opacity:.5}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:.4375em;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #d1d1d1;margin:0 0 1.75em;padding:.875em}fieldset>:last-child{margin-bottom:0}textarea{overflow:auto;vertical-align:top}/* 00.2 Typography */address,blockquote,cite,dfn,em,i{font-style:italic}code,ins,mark{padding:.125em .25em}body,button,input,select,textarea{color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:62.5%;line-height:1.75;font-weight:bold}h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;text-rendering:optimizeLegibility}blockquote{border:0 solid #777;border-left-width:4px;color:#777}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote cite,blockquote small{displya:block}blockquote cite:before,blockquote small:before{content:"\2014\00a0"}blockquote cite,blockquote em,blockquote i{font-style:normal}blockquote b,blockquote strong{font-weight:400}code,kbd,pre,samp,tt,var{font-family:Inconsolata,monospace}pre{border:1px solid #333;max-width:100%;overflow:auto;padding:1.75em;white-space:pre;white-space:pre-wrap;word-wrap:break-word}code{background-color:#d1d1d1}abbr,acronym{border-bottom:1px dotted #d1d1d1;cursor:help}ins,mark{background:#007acc;color:#fff;text-decoration:none}big{font-size:125%}/* 00.3 Elements */body,table{width:100%}img,td{vertical-align:middle}a,a:active,a:focus,a:hover{text-decoration:none}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body,html{height:100%}hr{background-color:#333;border:0;height:1px}ol,ul{list-style:none}img{height:auto;max-width:100%}del{opacity:.8}table,td,th{border:none}table{border-spacing:0;table-layout:fixed}caption,td,th{font-weight:400;text-align:left}th{font-weight:700}td,th{padding:1.5em}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}a{color:#1982d1}::selection{background:#333;color:#fff}::-moz-selection{background:#333;color:#fff}

/* ------------------------------
 * 00.4 Class and ID 
------------------------------ */
.en {font-family:"Helvetica Neue",Helvetica,Arial; font-weight:bold;}
/*.jp {font-family:"Futo Go B101",sans-serif; font-weight:bold;}*/
.jp {font-family:a-otf-futo-go-b101-pr6n, sans-serif; font-weight:500; font-style:normal;}
/*.jp{font-weight:400!important;}*/
/* Box Model */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.inlineBlock {display:inline-block; *display:inline; *zoom:1;}
.alignCenter {text-align:center!important;}
.borderNone {border:none!important;}
.radiusCircle {border-radius:50%;}
a.image img:hover{cursor:pointer;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;zoom:1}
/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

/* ------------------------------
 * 01.0 Structure 
------------------------------ */
body {background-color:#f6f3f0; -webkit-font-smoothing:subpixel-antialiased;}
#header,
#main {width:100%; min-width:1000px; margin:0 auto; }
#main {position:relative; padding-top:84px;}

/* ------------------------------
 * 01.2 Header/Footer 
------------------------------ */
#header {z-index:9999; position:fixed; top:15px; left:0;}
.headerMenu {position:relative; width:78%; margin:0 auto;}
.headerMenu h1 {position:absolute; z-index:9990; top:0; left:0; width:250px;}
.headerMenu ul {width:78%;}
.mainMenu {float:left; position:relative; width:25%; margin-top:17px; padding:0; text-align:right; font-size:250%; font-weight:700;}
.mainMenu.list {text-align:right;}
.mainMenu a,
.mainMenu span {display:inline-Block; padding:0; color:#111; line-height:1; cursor:pointer;}
.mainMenu em {font-style:normal;}
.mainMenu a:hover,
.mainMenu span:hover {border-bottom:#111 solid 3px;}
.openListMenu {display:none; z-index:0; position:absolute; top:0; margin-left:-10px; padding:50px 0 10px; white-space:nowrap;}
.openListMenu li {padding:0 5px; text-align:left; background:#f6f3f0; font-size:90%; line-height:1.3;}
.openListMenu li:last-child {padding-bottom:3px;}
.openListMenu li a {padding:0 5px;}
#creatorListMenu.openListMenu li {padding-bottom:2px;}
.snsBotton {position:absolute; top:26px; right:17px;}
.snsBotton a {padding:0 3px;}
/*footer*/
#footer {position:relative; z-index:900; padding:20px 20px 11px; text-align:center;}
#footer p {font-size:90%;}
aside#footer {padding-bottom:5px;}

/* ------------------------------
 * 02.0 Models List 
------------------------------ */
.modeslList {width:79%; margin:0 auto;}
.modeslList ul {}
.modeslList li {float:left; display:block; z-index:10; width:20%; padding:0 0 18px;}
.modeslList a,
.modeslList span {position:relative; display:block; height:auto; margin:0 auto 0; text-align:center; background-repeat:no-repeat; background-position:center top; background-size:contain;}
.modeslList img {width:90%; height:auto;}
.modeslList a:hover img {opacity:0}
/*hover*/
.modeslList a:hover img {opacity:0; -webkit-opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)";
-webkit-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -ms-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out;}
/*text*/
.modelsName {display:none; position:absolute; font-size:260%; font-weight:700; line-height:1.2;}
/*blank*/
.modeslList span img {border:2px solid #222;}

/* ------------------------------
 * 07.0 Profile 
------------------------------ */
#profile {width:80%; margin:0 auto;}
.proImage {width:50%; text-align:center; line-height:1;}
.mainPhoto {position:relative;}
#profileBs,
#profileFs {z-index:20; position:absolute; left:5%; width:90%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center top;}
#profileBs img {height:100%; width:auto;}
.photoFix {height:100%; position:relative;}
.cursorArrow {display:none; position:fixed; z-index:9999; top:-100px; left:-100px;}
.profilePhoto {cursor:none;}
.profilePhoto.creator {cursor:default;}
.imgCopyright {position:absolute; right:-16px; bottom:2px; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl; font-size:110%;
-webkit-transform: scaleX(-1) rotateX(180deg); -o-transform: scaleX(-1) rotateX(180deg); -moz-transform: scaleX(-1) rotateX(180deg); transform:scaleX(-1) rotateX(180deg); filter:FlipH; -ms-filter:"FlipH"; white-space:nowrap;}
.imgCopyright::selection {background:#f6f3f0; color:#333}
.imgCopyright::-moz-selection {background:#f6f3f0; color:#333}
.proImage h2 {padding-top:8px; font-size:500%; font-weight:bold; white-space:nowrap; word-break:keep-all; letter-spacing:-2px;}
.proImage h3 {padding-top:6px; font-size:320%; font-weight:bold;}
.physical {padding-top:8px; font-size:180%; font-weight:bold;}
.profession {padding-top:8px; font-size:180%; font-weight:bold;}
/*right*/
.ProfileRight {position:relative; width:45%;}
/*right-share*/.profileList {z-index:10; position:fixed; top:0; right:0; bottom:0; left:0; overflow-y:scroll; min-width:1000px;}
/*right-share*/.listfix {display:block; position:absolute; top:114px; left:54%; width:35%; min-width:450px; padding-top:30px;}
#subMenu {position:fixed; z-index:800; top:66px; margin-left:-8px; padding-bottom:0;}
#subMenu li {float:left; font-size:180%; font-weight:bold; line-height:1;}
#subMenu span,
#subMenu a {display:inline-block;}
#subMenu a {color:#111;}
#subMenu span:hover,
#subMenu a:hover {border-bottom:#111 solid 3px; cursor:pointer;}
#subMenu li:after {content:" / "; margin-right:3px;}
#subMenu li:last-child:after {content:""}
#subMenu .underline {cursor:auto!important; border-bottom:#111 solid 3px;}
/*profile*/
.career {padding-bottom:40px;}
.career h3 {padding:40px 0 0; font-size:180%; font-weight:bold;}
.career h3:first-child {padding-top:0;}
.career p {font-size:150%; line-height:1.8;}
.career .url {display:inline-block; margin-top:20px; padding:0 3px; font-size:170%; color:#111; border-bottom:2px solid #111; line-height:1.2; letter-spacing:1px;}
.career .url:hover {border:none;} 
/*photos*/
.listfix.photo {display:none;}
.monoBlock {float:left; width:150px; height:150px;}
.monoBlock a {display:block; width:130px; height:130px; background-position:50% top; background-repeat:no-repeat; background-size:cover;}
.monoBlock a:hover {-webkit-filter:grayscale(0%); filter:none;}
/*layer*/
.photoLayer {display:none; z-index:1000; position:fixed; top:0; right:0; bottom:0; left:0; overflow-y:scroll;}
.photoLayer img {width:100%; height:auto;}
.layerBlock {width:40%; min-width:550px; margin:0 auto; padding:80px 0 0;} 
.layerBlock:last-child {padding-bottom:80px;}
/*photo copy*/
.photoCopyright {padding:3px 5px 2px; font-size:13px; background-color:#f6f3f0; line-height:1.3}

/* ------------------------------
 * 07.0 News 
------------------------------ */
#newsWrap {text-align:center;}
#news {margin:0 auto; width:485px;}
.newsArea {padding-bottom:80px; text-align:left;}
.newsArea .newsPhoto {padding-bottom:10px;}
.newsArea img {width:auto; max-width:100%;}
.newsDay {padding:20px 0 5px; font-size:500%; font-weight:bold; line-height:1; letter-spacing:1px;}
.newsArea p {margin-bottom:1.5em; font-size:150%; line-height:1.4;} 
.newsArea a {word-break:break-all; color:#222; border-bottom:#222 solid 2px;}
.newsArea a:hover {border-bottom:#222 solid 2px; border:none;}

/* ------------------------------
 * 08.0 Contact 
------------------------------ */
#contact {width:800px; margin:0 auto;}
#recruit {padding:10px 0 100px;}
.contactTitle,
.contactText,
.contactAttention {font-size:150%; letter-spacing:1px; font-family:a-otf-futo-go-b101-pr6n, sans-serif; font-weight:500; font-style:normal;}
.contactTitle {padding:50px 0 2px; border-bottom:#111 solid 3px; line-height:1; font-weight:bold;}
.contactText {padding:20px 0;}
.contactText span {display:block;}
.contactAttention {padding-left:1em; text-indent:-1em;}
.contactAttention:before {content:"※"}
.contactText a {color:#111;}
.contactText a:hover {border-bottom:#111 solid 3px;}

/* ------------------------------
 * A.0 MediaQuery 
------------------------------ */
@media screen and (max-width:1366px) { 
.headerMenu,
.headerMenu ul {width:75%;}
.modeslList {width:76%;}
}
@media screen and (max-width:1000px) { 
#subMenu.fixed {left:540px;}
}