@charset "utf-8";

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes delayAnimeA{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
@keyframes delayAnimeB{0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateX(0);}}

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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;}
:focus{outline:0;}
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:"";}
img{max-width:100%;height:auto;vertical-align:bottom;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{animation:fadeIn 1s ease 0s 1 normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:1rem/1.5 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;color:#000;animation:fadeIn 2s ease 0s 1 normal;}

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;outline:0;vertical-align:baseline;color:#6f614d;}
a:hover,a:active{color:#d4aa00;}

/**** Clearfix ****/
.inner:after{content:""; display:table;clear:both;}
.inner{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
img.alignLeft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignRight{float:right;margin:0 0 10px 10px;display:inline;}
.cent{text-align:center;}
.alR{text-align:right;}
.block{display:block;}
.fontL{font-size:1.5rem;}
.fontPink{color:#df5d5d;}
.pcBlock{display:block;}
.delayAnime{animation-fill-mode:both;animation-duration:2s;animation-name:delayAnimeA;visibility:visible !important;}
ul.check{margin:0 auto 20px;list-style-type:none;}
ul.check li{position:relative;margin:0 0 5px;padding-left:25px;font-size:1.1rem;}
ul.check li:after,ul.check li:before{width:4px;height:11px;content:'';background:#ff931e;position:absolute;top:0.43em;left:0.5em;display:block;border-radius:10px;transform:rotate(45deg);}
ul.check li:before{height:8px;top:0.6em;left:0.2em;transform:rotate(-45deg);}
ol.number{margin:0 auto 10px;list-style-type:decimal;}
ol.number li{margin:0 0 5px 25px;font-size:1.1rem;}

/* ヘッダー
------------------------------------------------------------*/
header{background:#fff;}
header .inner{max-width:1366px;width:100%;margin:0 auto;padding:30px 0 20px 0;box-sizing:border-box;}
header .inner h1{ max-width:391px; width:100%; float:left; padding-left:30px;}

/* メイン画像
*****************************************************/
#kv{ width:100%;}
#kv .inner{}
#kv ul li{position:relative;}
#kv ul li a div{display:none;}
#kv ul li div{ background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:94%; height:55px; line-height:55px; color:#fff; padding:0 3%; font-weight:bold;}
#kv ul li div .kvtit{float:right; font-weight:normal;}
#kv ul li div .kvname{ font-weight:normal;}
#kv ul li div .kvname:before{ content:" ";}
#kv ul li div .kvname:after{content: url(images/kv_link.png); margin-left:5px;}
#kv ul li a:hover div{display:block;}
#kv ul li a:hover img{animation:fadeIn 0s ease 0s 1 normal;}


/* 見出し
*****************************************************/

/* 共通エリア
*****************************************************/
.audition{max-width:1366px;width:100%;margin:0 auto 120px; position:relative; height:370px; clear:both;}
.audition h2{ position:absolute; top:0; left:0;}
.audition .audition_btn{position:absolute; left:196px; top:213px;width:200px; margin-left:10px; height:53px; line-height:53px; text-align:center;}
.audition .audition_btn a{padding:0; font-size:0.8rem; background:url(images/icon02.jpg) no-repeat 85% 50% #000; color:#fff;display:block;box-sizing:border-box;}
.audition .audition_btn a:hover{background:url(images/icon01.jpg) no-repeat 85% 50% #fff; color:#000;border:#000 solid 1px;box-sizing:border-box;height:53px;}

.audition_box{position:absolute; top:50px; left:595px;}
.audition h3{font-weight:bold; font-size:200%; margin-bottom:35px;}
.audition p{ font-size:105%; line-height:180%;}

#insta_feed{ width:100%;}
#insta_feed .inner{max-width:1366px;width:100%;margin:0 auto;padding-top:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}

/* フッター
*****************************************************/
footer{padding:70px 0 25px; width:100%; background:#f2f2f2;}
footer a,footer a:visited{color:#656565;}
footer a:hover{color:#656565; opacity:0.7;}
footer .inner{max-width:1366px;width:100%;margin:0 auto;padding:0; position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;}

#foot_left{ max-width:417px; width:100%; margin-left:110px; box-sizing:border-box;}
.foot_logo{ margin-bottom:30px;}
.foot_comname{margin-bottom:30px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; color:#656565; font-size:105%;}
.foot_tel{margin-bottom:13px;}
.foot_mail{margin-bottom:30px;}
#foot_left ul.ul01{margin-bottom:30px;display:flex;flex-wrap:nowrap;}
#foot_left ul.ul01 li{box-sizing:border-box; margin-right:30px;}
#foot_left ul.ul02{margin-bottom:30px;display:flex;flex-wrap:nowrap;}
#foot_left ul.ul02 li{box-sizing:border-box; margin-right:25px; font-size:50%; color:#656565;}

#foot_right{max-width:840px; width:100%; box-sizing:border-box;display:flex;flex-wrap:nowrap;}
#foot_right dl{font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:85%; width:100%; box-sizing:border-box;}
#foot_right dl dt{margin-bottom:30px;}
#foot_right dl dd{margin-bottom:5px;}
#foot_right dl.dl01{max-width:228px;}
#foot_right dl.dl02{max-width:177px;}
#foot_right dl.dl03{max-width:204px;}
#foot_right dl.dl04{max-width:160px;}
#foot_right dl.dl04 dt.lsn{ margin-top:45px;}

.copyright{ position:absolute; right:110px; bottom:25px; font-size:50%;}

/* グローバルナビゲーション
*****************************************************/
nav#mainNav{max-width:945px; width:100%; float:left;}
nav#mainNav ul{max-width:945px;width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
nav#mainNav li{width:130px;padding:0;text-align:center;box-sizing:border-box;}
nav#mainNav li a{margin:0 auto;padding:10px 0;font-size:1rem;font-weight:bold;color:#000;display:block;box-sizing:border-box;}
nav#mainNav li a:hover{animation:fadeIn 1s ease 0s 1 normal;}
nav#mainNav li a:hover{ opacity:0.8;}
nav#mainNav li.li05{width:200px; margin-left:25px; border:#000 solid 1px; height:53px; line-height:53px; text-align:center;}
nav#mainNav li.li05 a{padding:0; font-size:0.8rem; background:url(images/icon01.jpg) no-repeat 85% 50%;}
nav#mainNav li.li05 a:hover{background:url(images/icon02.jpg) no-repeat 85% 50% #000; color:#fff;}
nav#mainNav li.li06{width:200px; margin-left:10px; height:53px; line-height:53px; text-align:center;}
nav#mainNav li.li06 a{padding:0; font-size:0.8rem; background:url(images/icon02.jpg) no-repeat 85% 50% #000; color:#fff;}
nav#mainNav li.li06 a:hover{background:url(images/icon01.jpg) no-repeat 85% 50% #fff; color:#000;border:#000 solid 1px;box-sizing:border-box;height:53px;}
div.drawer,div.fixedMenu,.spMenuCenter{display:none;}

/* コンテンツ
*****************************************************/
/*index*/
main.index_models{padding:0; margin-bottom:120px;}
main .index_women,main .index_mistress,main .index_men{max-width:1366px;width:100%;margin:0 auto;padding:0; }
main .index_women{background:url(images/index_bg01.jpg) repeat-x;}
main .index_men{background:url(images/index_bg02.jpg) repeat-x;}
main.index_models section{position:relative; height:564px; overflow:hidden;}
main.index_models section h2{ width:120px; height:514px; float:left;}
main.index_models section .index_btn{ position:absolute; right:88px; bottom:30px; width:96px; height:9px;}
main.index_models ul li a,main.index_models ul li a:visited,main.index_models ul li a:hover{ color:#000;}
main.index_models ul li div{ width:100%; text-align:center; margin-top:30px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:1.2rem; line-height:100%;}
main.index_models ul li div div{ margin-top:15px; color:#999999; font-size:0.8rem;}
main.index_models ul li{ position:relative;}
main.index_models ul li a div.hovertxt{display:none;}
main.index_models ul li div.hovertxt{ background:rgba(0,0,0,0.5); position:absolute; top:-30px; width:100%; height:274px; color:#fff; padding:80px 0 0 0; text-align:center; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; line-height:230%;font-size:1rem;}
main.index_models ul li a:hover div.hovertxt{display:block;}
main.index_models ul li a:hover img{animation:fadeIn 0s ease 0s 1 normal;}

/*model_cate*/
main.model_cate{max-width:1366px;width:100%;margin:0 auto 120px;padding:0; position:relative;}
main.model_cate .bg{height:3465px; background:#111; width:120px; clear:both; float:left;}
main.model_cate .bg2{height:1525px; background:url(images/model_cate_bg02.jpg) repeat-y; width:120px; clear:both; float:left;}
main.model_cate .bg3{height:2010px; background:#111; width:120px; clear:both; float:left;}
main.model_cate h2{ width:120px; height:100%;}
main.model_cate .member{ max-width:1000px; width:100%; float:left; margin-left:65px;}
main.model_cate ul{margin-top:70px;}
main.model_cate li{width:250px; float:left; height:485px;position:relative;}
main.model_cate ul li div{ width:100%; text-align:center; margin-top:30px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:1.2rem; line-height:100%;}
main.model_cate ul li div div{ margin-top:15px; color:#999999; font-size:0.8rem;}
main.model_cate ul li a,main.model_cate ul li a:visited,main.model_cate ul li a:hover{ color:#000;}

main.model_cate ul li a div.hovertxt{display:none;}
main.model_cate ul li div.hovertxt{ background:rgba(0,0,0,0.5); position:absolute; top:-30px; width:250px; height:274px; color:#fff; padding:80px 0 0 0; text-align:center; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; line-height:230%;font-size:1rem;}
main.model_cate ul li a:hover div.hovertxt{display:block;}
main.model_cate ul li a:hover img{animation:fadeIn 0s ease 0s 1 normal;}

.model_cate_link { margin-bottom:120px;}
.model_cate_link img{width:25%;}

/*model_single*/
main.model_single{max-width:1080px;width:100%;margin:0 auto 60px;padding:0; position:relative; height:730px;}
main.model_single .main_img{width:473px; margin-right:67px; float:left;}
main.model_single .main_img img{width:100%;}
main.model_single .rgt_cts{ width:540px; float:left;}
main.model_single .rgt_cts .rgt_cate{ margin-bottom:60px;}
main.model_single .rgt_cts .rgt_name_box{ position:relative; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; width:100%; margin-bottom:27px;}
main.model_single .rgt_cts .rgt_name_box .rgt_name_main{ font-size:2rem;}
main.model_single .rgt_cts .rgt_name_box .rgt_name_yomi{margin-top:5px; color:#999999; font-size:0.8rem;}
main.model_single .rgt_cts .rgt_name_box .rgt_insta{ position:absolute; top:0; right:60px;}
main.model_single .rgt_cts .rgt_name_box .rgt_youtube{ position:absolute; top:0; right:0;}
main.model_single .rgt_cts .rgt_size{ margin-bottom:60px; font-weight:bold;}
main.model_single .rgt_cts .rgt_txt{ margin-bottom:62px;}
main.model_single .rgt_cts .rgt_btn{ height:55px;}
main.model_single .rgt_cts .rgt_btn a{padding:0; font-size:0.8rem; background:url(images/icon01.jpg) no-repeat 85% 50%;width:240px;border:#000 solid 1px; height:53px; line-height:53px; text-align:center; display:block; color:#000; float:left; font-weight:bold;}
main.model_single .rgt_cts .rgt_btn a:hover{background:url(images/icon02.jpg) no-repeat 85% 50% #000; color:#fff;}
main.model_single .rgt_cts .rgt_btn a:first-child{ margin-right:56px;}

main.model_single_mov{max-width:1080px;width:100%;margin:0 auto 120px;padding:0;}

/*company*/
.company section{max-width:1080px;width:100%;margin:0 auto 120px;padding:0;}
.company section h2{text-align:center; font-size:3rem; font-weight:bold;}
.company section div.h2line{ background:#000; width:100px; height:4px; margin:0 auto 70px;}
.company section.message{ margin-top:80px;}
.company section.message p{text-align:center; color:#535353; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; margin-bottom:55px;}
.company section.comp{margin-bottom:120px;}
.company section.comp dl{ height:630px;}
.company section.comp dl dt,.company section.comp dl dd{ border-top:1px solid #e8e8e8; padding:36px 0; font-size:95%; line-height:25px;}
.company section.comp dl dt:first-child,.company section.comp dl dd.dd01{ border-top:none;}
.company section.comp dl dt{font-weight:bold; width:240px; float:left; font-size:105%;}
.company section.comp dl dd{ color:#343434; width:840px; float:left;}
.company section.comp dl dd a{padding:5px 10px; background:#000; line-height:100%; color:#fff; width:50px; margin-left:10px;}
.company section.comp dl dd a:hover{ background:#fff; color:#000; border:1px solid #000;}
.company section#access .map{margin-bottom:10px;}
.company section#access .map iframe{ width:100%;}
.company section#access p{ font-size:90%;}

/* 調整
------------------------------------------------------------*/
@media only screen and (max-width:1366px){
header .inner{padding:0; margin: 0;}
main{padding:20px 0;}
main .inner{padding:0 20px;}
footer{padding:20px 0;}
footer .inner{padding:0 20px;}
}

/* タブレットサイズ
------------------------------------------------------------*/
@media only screen and (max-width:999px){
}

/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
.pcBlock{display:inline;}
img.alignRight,img.alignLeft{display:block;margin:0 auto 10px;float:none;}
.fixedMenu{width:100%;height:85px;padding:10px 0 0 10px;background:#fff;display:block !important;position:fixed;top:0;left:0;box-sizing:border-box;z-index:100;}
.fixedMenu .spMenuCenter{display:block;}
div.drawer{display:block;}
nav#mainNav{display:none;}

header{width:100%; overflow:hidden;}
header .inner{padding:15px 0 20px 0;}
header .inner h1{ float:none;}

.audition{width:100%;margin:0 auto 50px; position:relative; height:auto;}
.audition h2{ position:static;}
.audition h2 img{width:80%;}
.audition .audition_btn{position:absolute; left:22%; top:120px;width:200px; margin-left:10px; height:53px; line-height:53px; text-align:center;}
.audition_box{ position:static; width:90%; margin:0 auto;}
.audition h3{font-size:150%; margin-bottom:15px;}
.audition p{ font-size:80%;}

#foot_right,#foot_left ul.ul02{display:none;}
footer .inner{ display:block;}
#foot_left{ width:90%; margin:0 auto;}
.copyright{ position:static; width:100%; text-align:center; font-size:80%; clear:both;}

/*index*/
#kv{width:100%; overflow:hidden;}
#kv ul li a div{ display:block;}
#kv ul li div{ background:rgba(0,0,0,0.5); position:absolute; bottom:0;  width:50%; margin:0 20%; height:auto; line-height:130%; color:#fff; padding:10px 5%; font-weight:bold;}

main.index_models{margin-bottom:40px;}
main .index_women{background:url(images/index_bg01.jpg) repeat-x 0 50%;}
main .index_men{background:url(images/index_bg02.jpg) repeat-x 0 50%;}
main.index_models section{position:relative; height:auto; overflow:hidden;}
main.index_models section h2{ width:15%; height:auto; float:left;}
main.index_models section h2 img{width:100%;}
main.index_models section .index_btn{ position:absolute; left:45%; bottom:50px; width:96px; height:9px;}
main.index_models ul li div{font-size:0.5rem;margin-top:15px;}
main.index_models ul li div div{font-size:0.3rem;margin-top:5px;}


/*model_cate*/
main.model_cate{width:100%;margin-bottom:40px;}
main.model_cate .bg{height:1820px; background:#111; width:15%; clear:both; float:left;}
main.model_cate .bg2{height:620px; background:url(images/model_cate_bg02.jpg) repeat-y; background-size:100%; width:15%; clear:both; float:left;}
main.model_cate .bg3{height:1020px; background:#111; width:15%; clear:both; float:left;}
main.model_cate h2{ width:100%; height:100%;}
main.model_cate .member{ width:80%; float:left; margin-left:5%;}
main.model_cate ul{margin-top:20px;}
main.model_cate li{width:32%; float:left; height:200px;}
main.model_cate ul li div{font-size:0.6rem;margin-top:15px;}
main.model_cate ul li div div{font-size:0.3rem;margin-top:5px;}
main.model_cate ul li a,main.model_cate ul li a:visited,main.model_cate ul li a:hover{ color:#000;}
.model_cate_link{ margin-bottom:40px;}
.model_cate_link img{width:50%;}

/*model_single*/
main.model_single{width:96%;margin:0 auto 40px;padding:0; position:relative; height:auto;}
main.model_single .main_img{width:100%; margin-right:0; float:none;}
main.model_single .rgt_cts{ width:100%; float:none;}
main.model_single .rgt_cts .rgt_cate{ margin-bottom:30px; width:25%;}
main.model_single .rgt_cts .rgt_cate img{width:100%;}
main.model_single .rgt_cts .rgt_name_box{ position:relative; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; width:100%; margin-bottom:27px;}
main.model_single .rgt_cts .rgt_name_box .rgt_name_main{ font-size:2rem;}
main.model_single .rgt_cts .rgt_name_box .rgt_name_yomi{margin-top:5px; color:#999999; font-size:0.8rem;}
main.model_single .rgt_cts .rgt_name_box .rgt_insta{ position:absolute; top:0; right:60px;}
main.model_single .rgt_cts .rgt_name_box .rgt_youtube{ position:absolute; top:0; right:0;}
main.model_single .rgt_cts .rgt_size{ margin-bottom:30px; font-weight:bold;}
main.model_single .rgt_cts .rgt_txt{ margin-bottom:30px;}
main.model_single .rgt_cts .rgt_btn{ height:55px;}
main.model_single .rgt_cts .rgt_btn a{padding:0; font-size:0.8rem; background:url(images/icon01.jpg) no-repeat 95% 50%;width:45%;border:#000 solid 1px; height:53px; line-height:53px; text-align:center; display:block; color:#000; float:left; font-weight:bold;}
main.model_single .rgt_cts .rgt_btn a:first-child{ margin-right:8%;}

/*company*/
.company section{width:95%;margin:0 auto 120px;padding:0; overflow:hidden;}
.company section h2{text-align:center; font-size:2rem; font-weight:bold;}
.company section div.h2line{ background:#000; width:100px; height:4px; margin:0 auto 35px;}
.company section.message{ margin-top:40px;}
.company section.message p{text-align:center; color:#535353; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; margin-bottom:20px;}
.company section.comp{margin-bottom:120px;}
.company section.comp dl{ height:auto;}
.company section.comp dl dt,.company section.comp dl dd{ border-top:1px solid #e8e8e8; padding:20px 0; font-size:95%; text-align:center;}
.company section.comp dl dd{ border-top:none;}
.company section.comp dl dd.dd02{ line-height:200%;}
.company section.comp dl dt{font-weight:bold; width:100%; float:none; padding-bottom:10px;}
.company section.comp dl dd{ color:#343434; width:100%; float:none; padding-top:10px;}
.company section.comp dl dd a{padding:5px 10px; background:#000; line-height:100%; color:#fff; width:50px; margin-left:10px;}
.company section.comp dl dd a:hover{ background:#fff; color:#000; border:1px solid #000;}
.company section#access .map{margin-bottom:10px;}
.company section#access p{ font-size:90%;}
}