@font-face {
  font-family: 'MullerUltraLight';
  src: url('https://cdn.transexjapan.com/font/MullerUltraLight.eot');
  src: url('https://cdn.transexjapan.com/font/MullerUltraLight.woff2') format('woff2'),
  	   url('https://cdn.transexjapan.com/font/MullerUltraLight.woff') format('woff'),
       url('https://cdn.transexjapan.com/font/MullerUltraLight.ttf') format('truetype'),
       url('https://cdn.transexjapan.com/font/MullerUltraLight.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MullerLight';
  src: url('https://cdn.transexjapan.com/font/MullerLight.eot');
  src: url('https://cdn.transexjapan.com/font/MullerLight.woff2') format('woff2'),
  	   url('https://cdn.transexjapan.com/font/MullerLight.woff') format('woff'),
       url('https://cdn.transexjapan.com/font/MullerLight.ttf') format('truetype'),
       url('https://cdn.transexjapan.com/font/MullerLight.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MullerRegular';
  src: url('https://cdn.transexjapan.com/font/MullerRegular.eot');
  src: url('https://cdn.transexjapan.com/font/MullerRegular.woff2') format('woff2'),
  	   url('https://cdn.transexjapan.com/font/MullerRegular.woff') format('woff'),
       url('https://cdn.transexjapan.com/font/MullerRegular.ttf') format('truetype'),
       url('https://cdn.transexjapan.com/font/MullerRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

html,body{height:100%;min-width:800px;}
body{background:#FFF;margin:0;padding:0;font-family:"MullerLight", Verdana, sans-serif;display:flex;flex-direction:column;}
a,a:hover,a:active,a:focus,a:visited,a:link,object,embed{outline:none;text-decoration:none;}
a img{border:none;}
strong{font-family:"MullerRegular", Verdana, sans-serif;font-weight:normal;}
.light{font-family:"MullerUltraLight", Verdana, sans-serif;}
.clear{clear:both;}
.center{margin-left:auto;margin-right:auto;}

header{width:100%;color:#9e7878;max-height:126px;height:6.7021vw;position:absolute;}
.title-bar{width:100%;background:#e9e2e2;}
.title{width:100%;max-width:1880px;max-height:126px;height:6.7021vw;}
.title-item{display:inline-block;font-size:1.383vw;height:100%;padding:0 3.1915%;width:10%;text-align:center;}
.logo{font-size:2.3936vw;max-width:400px;padding:1.8085% 0 1.8085% 5.3191%;display:inline-block;}
.title-btn{margin-top:26.875%;}
menu{width:100%;max-height:107px;height:5.6915vw;background:rgba(233,226,226,0.36);margin:0;text-align:center;padding:1.383% 0 0 0;z-index:1000;position:relative;}
.menu-item{display:inline;font-size:3.0851vw;padding:0 2.6596%;font-family:"MullerRegular", Verdana, sans-serif;}
.header-filler{width:100%;max-height:126px;height:6.7021vw;}
.top-filler{width:100%;max-height:133px;height:7.0745vw;}

main{flex:1 0 auto;}

footer{flex-shrink:0;z-index:100;}
.foot-logo{font-size:2.3936vw;padding:1.8085% 0 1.8085% 2.6596%;max-width:1830px;width:97.3404%;background:#fff;}
.foot-bar{background:#e9e2e2;width:100%;padding:20px 0;}
.foot-info{width:100%;max-width:1880px;color:#9e7878;}
.foot-info a{font-family:"MullerRegular", Verdana, sans-serif;font-weight:bold;}
.foot-links{padding:0 2.6596%;font-size:20px;}
.foot-links a{font-family:"MullerRegular", Verdana, sans-serif;font-weight:bold;padding:0 9px;}
footer p{padding:0 2.6596%;font-size:16px;margin:20px 0;}
.about{font-size:20px;}

.flex-box{display:flex;flex-wrap:wrap;flex-direction:row;}
.flex{width:100%;margin-left:auto;margin-right:auto;}
.stage{max-width:1830px;padding:0 1.3298%;}
.col-1{max-width:1830px;}
.col-2{max-width:915px;}
.col-3{max-width:610px;}
.block-1{width:97.2678%;margin:0 1.3661%;position:relative;}
.block-2{width:94.5356%;margin:0 2.7322%;position:relative;}
.block-3{width:91.8032%;margin:0 4.0984% 8.01968% 4.0984%;position:relative;}
.b1_16-9{padding-top:54.7131%;}
.b1_2-3{padding-top:145.9017%;}
.b2_16-9{padding-top:53.1763%;}
.b3_16-9{padding-top:51.6393%;}
.b3_2-3{padding-top:137.7048%;}
.b2-inside{width:100%;padding-top:56.25%;position:relative;}

.flex h1{font-size:36px;font-weight:normal;color:#b39797;font-family:"MullerRegular", Verdana, sans-serif;}
.block-1 h1{margin:1.4045% 0;}
.block-2 h1{margin:2.8902% 0;}

.content{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;}
.content-med{background:url(https://cdn.transexjapan.com/img/gradient-med.png) 0 0 no-repeat;background-size:cover;}
.content-sm{background:url(https://cdn.transexjapan.com/img/gradient-sm.png) 0 0 no-repeat;background-size:cover;}
.content-photo{background:url(https://cdn.transexjapan.com/img/gradient-photo.png) 0 0 no-repeat;background-size:cover;}
.content-lg{background:url(https://cdn.transexjapan.com/img/gradient-lg.png) 0 0 no-repeat;background-size:cover;pointer-events:none;}

.content-date{margin:3% 0 0 4%;float:left;}
.content-url{margin:3% 4% 0 0;float:right;}
.content-title{position:absolute;bottom:5%;left:4%;width:94%;white-space:nowrap;}
.content-desc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:5px;}

.content-med .content-date{font-size:16px;}
.content-med .content-url{font-size:24px;}
.content-med .content-title{font-size:22px;}
.content-med .content-size{font-size:13px;padding-left:20px;}
.content-med .content-desc{font-size:16px;}

.content-sm .content-date{font-size:14px;}
.content-sm .content-url{font-size:22px;}
.content-sm .content-title{font-size:20px;}
.content-sm .content-size{font-size:11px;padding-left:15px;}
.content-sm .content-desc{font-size:14px;}

.content-lg .content-date{font-size:28px;margin:2% 0 0 3%;}
.content-lg .content-url{font-size:44px;margin:1.5% 3% 0 0;}
.content-lg .content-title{font-size:40px;bottom:3%;left:3%;width:95%;}
.player .content-title{font-size:40px;bottom:4%;left:3%;width:95%;display:none;color:rgba(255,255,255,0.6);}
.content-lg .content-size{font-size:23px;padding-left:30px;}
.content-lg .content-desc{font-size:23px;}

.content-photo .content-title{bottom:3%;}

.scene-top{position:absolute;width:100%;height:100%;z-index:1000;}
.scene-hover{width:100%;height:100%;}
.scene-hover video{display:block;margin:0 auto;height:100%;}

.carousel-item{width:100%;max-height:1216px;height:59.3171vw;margin:auto;}
.slider-prev{background:url(https://cdn.transexjapan.com/img/left.png) 0 0 no-repeat;background-size:cover;max-width:70px;width:2.8vw;max-height:141px;height:5.64vw;cursor:pointer;position:absolute;top:50%;left:4%;z-index:10;}
.slider-next{background:url(https://cdn.transexjapan.com/img/right.png) 0 0 no-repeat;background-size:cover;max-width:70px;width:2.8vw;max-height:141px;height:5.64vw;cursor:pointer;position:absolute;top:50%;right:4%;}

.player{position:absolute;top:0;right:0;bottom:0;left:0;}
.fp-context-menu{font-family:"MullerLight", Verdana, sans-serif;}
.flowplayer .fp-color{background-color:#788d9e;}
.flowplayer .fp-color-play{fill:rgba(120,141,158,0.5);}
.flowplayer{font-family:"MullerLight", Verdana, sans-serif;}

.content-model{background:url(https://cdn.transexjapan.com/img/gradient-model.png) 0 0 no-repeat;background-size:cover;}
.content-model-name{position:absolute;bottom:3%;left:5%;width:93%;white-space:nowrap;font-size:30px;}

.model-info{position:absolute;bottom:0;left:0;width:100%;max-height:96px;height:5.1064vw;background:rgba(233,226,226,0.5);margin:0;text-align:center;padding:1.383% 0 0 0;z-index:1000;font-family:"MullerRegular", Verdana, sans-serif;color:#9e7878;}
.model-name{display:inline-block;font-size:3.0851vw;padding:0 2.6596%;}
.model-item{display:inline-block;font-size:3.0851vw;padding:0 2.6596%;border-right:solid 1px #dad4d4;}
.last-model-item{border:none;}
.model-item-title{font-size:1.117vw;}
.model-item-contents{font-size:1.7553vw;margin-top:-0.4255vw;}

.side-menu{width:25vw;padding-left:2vw;max-width:450px;color:#b39797;}
.side-menu-fixed{}
.side-menu-fix{position:fixed;top:0;left:2vw;max-width:450px;width:24.5902vw;}
.side-menu-area{background:#f5f5f5;padding:25px 0;}
.side-item{font-size:24px;cursor:pointer;padding:25px 25px 25px 58px;}
.side-item:hover{color:#788d9e;}
.side-item-on{background:url(https://cdn.transexjapan.com/img/side-on.png) 0 center no-repeat;}
.guide-contents{width:67vw;padding-right:2vw;}
.guide-item{padding-left:50px;color:#000;}
.side-menu h1, .guide-contents h1{font-size:40px;color:#b39797;text-transform:lowercase;margin:35px 0;padding:0;}
.guide-contents h2{font-size:24px;color:#b39797;text-transform:lowercase;margin:25px 0;padding:0 0 0 50px;}
.guide-contents p{font-size:20px;border-left:6px solid #eee;padding:15px 0 15px 44px;margin:0;}

a.cancel-link{text-decoration:underline;font-size:30px;margin:10px 0 40px 0;display:inline-block;}
.guide-item form{margin:16px 0 50px 0;}
.label{font-size:22px;margin:30px 0 18px 0;font-family:"MullerRegular", Verdana, sans-serif;text-transform:lowercase;}
.input{font-size:20px;padding:10px 20px;background:#eee;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin-bottom:14px;font-family:"MullerLight", Verdana, sans-serif;max-width:455px;width:90%;display:block;}
.button{font-size:18px;padding:12px 30px;background:#eee;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;text-align:center;margin:30px 0 0 0;font-family:"MullerRegular", Verdana, sans-serif;}
.button:hover{background:#788d9e;}
.email{display:inline-block;margin-right:46px;max-width:495px;width:90%;}
textarea.input{max-width:996px;width:90%;height:135px;}
.req{color:#D00;font-size:14px;}
select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee url(https://cdn.transexjapan.com/img/drop-arrow.png) right 20px center no-repeat;cursor:pointer;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #494949;}
.support-response{font-size:22px;}

.sample-thumbs{padding-top:48.74%;}
.sample-filler{position:absolute;top:0;left:0;bottom:0;right:0;}
.sample-lg{float:left;margin:0 0 2% 0;width:48%;height:96%;}
.sample-thumb{float:left;margin:0 0 2% 2%;width:24%;height:46%;}

.sample-info{max-height:156px;height:8.2979vw;padding:0 2vw;background:#f2eeee;color:#9e7878;font-size:1.0638vw;text-transform:lowercase;}
.sample-info h1{font-size:2.6596vw;padding:0.8vw 0 0.4vw;margin:0;color:#9e7878;font-family:"MullerRegular", Verdana, sans-serif;font-weight:normal;}
.sample-desc{font-size:1vw;}
h2.join{text-align:center;font-size:3.7234vw;font-family:"MullerRegular", Verdana, sans-serif;font-weight:normal;margin:0;padding:1.5vw 0;text-transform:uppercase;}


a{color:#9e7878;}
a:hover{color:#788d9e;}

@media screen and (min-width:1880px){
	.logo,.foot-logo{font-size:45px;}
	.title-item{font-size:26px;}
	menu,.model-info{padding-top:26px;}
	.menu-item,.model-name,.model-item{font-size:58px;padding:0 50px;}
	.foot-logo{padding:34px 0 34px 50px;}
	.model-item-title{font-size:21px;}
	.model-item-contents{font-size:33px;margin-top:-8px;}
	.sample-info{padding:0 37.6px;font-size:20px;}
	.sample-info h1{font-size:50px;padding:15px 0 7.5px;}
	.sample-desc{font-size:18.8px;}
	h2.join{font-size:70px;padding:28.2px 0;}
}
@media screen and (max-width:800px){
	.title{height:53.6px;}
	.title-item{font-size:11px;}
	.logo,.foot-logo{font-size:19px;}
	menu,.model-info{height:45.5px;padding-top:11px;}
	.menu-item,.model-name,.model-item{font-size:24.68px;}
	.model-item-title{font-size:9px;}
	.model-item-contents{font-size:14px;margin-top:-3.4px;}
	.sample-info{padding:0 16px;font-size:8.5px;height:66px;}
	.sample-info h1{font-size:21px;padding:6.4px 0 3.2px;}
	.sample-desc{font-size:8px;}
	h2.join{font-size:30px;padding:12px 0;}
}
@media screen and (min-width:927px){.col-2{width:50%;margin:0;}}
@media screen and (min-width:622px){.col-3{width:50%;margin:0;}}
@media screen and (min-width:1232px){.col-3{width:calc(100% / 3);}}