body{position:relative;background-color:#000;opacity:0;}
#back-img{position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color:#000;background-position:center top;background-repeat:no-repeat;background-size:cover;}
#wrapper{position:relative;height:100%;}
.back-black{background-color:rgba(51, 51, 51, 0.5);}
.back-white{background-color:rgba(221, 221, 221, 0.5);}
header{position:absolute;top:0px;left:0px;right:0px;}
header > h1{font-size:3.6rem;line-height:3.6rem;margin:1.6rem 3rem 0;text-align:left;font-family:'Roboto', 'mplus-2p-light', sans-serif;font-weight:300;color:#9966ff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#content-back{position:absolute;overflow:hidden;top:70px;bottom:50px;left:0px;right:0px;}
aside{position:absolute;left:0px;right:690px;height:100%;float:left}
#top-img{max-width:100%;margin:0 20px 0px 30px;-webkit-box-shadow:0px 0px 10px #111;-moz-box-shadow:0px 0px 10px #111;box-shadow:0px 0px 10px #111;}
#top-img img{max-width:100%;height:auto;vertical-align:middle;}
.cycle-slide{max-width:100%;height:auto;}
#content{position:absolute;overflow:hidden;right:0px;width:690px;height:100%;}
#thumbnail-updown{position:absolute;top:0px;left:0px;right:30px;height:40px;}
#up,
#down{position:absolute;margin-left:-15px;width:30px;height:30px;background-image:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%0A%3Csvg%20id%3D%22svg2%22%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2290%22%20width%3D%2260%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%3E%0A%0A%20%3Cmetadata%20id%3D%22metadata7%22%3E%0A%0A%20%20%3Crdf%3ARDF%3E%0A%0A%20%20%20%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%0A%0A%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%0A%20%20%20%20%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22/%3E%0A%0A%20%20%20%20%3Cdc%3Atitle/%3E%0A%0A%20%20%20%3C/cc%3AWork%3E%0A%0A%20%20%3C/rdf%3ARDF%3E%0A%0A%20%3C/metadata%3E%0A%0A%20%3Cg%20id%3D%22layer1%22%20stroke-linejoin%3D%22round%22%20transform%3D%22translate%280%2C-962.3622%29%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%22none%22%20stroke-width%3D%223%22%3E%0A%0A%20%20%3Cpath%20id%3D%22path3964%22%20d%3D%22M28%2C15c0%2C7.18-5.82%2C13-13%2C13-7.1797%2C0-13-5.82-13-13%2C0-7.1797%2C5.8203-13%2C13-13%2C7.18%2C0%2C13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280%2C962.3622%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23e0e0e0%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3964-1%22%20d%3D%22m8%2C981.61%2C7-10%2C7%2C10%22%20stroke%3D%22%23e0e0e0%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3965%22%20d%3D%22M28%2C15c0%2C7.18-5.82%2C13-13%2C13-7.1797%2C0-13-5.82-13-13%2C0-7.1797%2C5.8203-13%2C13-13%2C7.18%2C0%2C13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280%2C992.3622%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23808080%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3965-1%22%20d%3D%22m8%2C1011.6%2C7-10%2C7%2C10%22%20stroke%3D%22%23808080%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3966%22%20d%3D%22M28%2C15c0%2C7.18-5.82%2C13-13%2C13-7.1797%2C0-13-5.82-13-13%2C0-7.1797%2C5.8203-13%2C13-13%2C7.18%2C0%2C13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280.25%2C1022.2372%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23202020%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3866-1%22%20d%3D%22m8.25%2C1041.5%2C7-10%2C7%2C10%22%20stroke%3D%22%23202020%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3984%22%20d%3D%22M58%2C15c0%2C7.18-5.82%2C13-13%2C13s-13-5.82-13-13c0-7.1797%2C5.82-13%2C13-13s13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280%2C962.3622%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23e0e0e0%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3984-1%22%20d%3D%22m38.25%2C973.36%2C7%2C10%2C7-10%22%20stroke%3D%22%23e0e0e0%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3985%22%20d%3D%22M58%2C15c0%2C7.18-5.82%2C13-13%2C13s-13-5.82-13-13c0-7.1797%2C5.82-13%2C13-13s13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280%2C992.3622%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23808080%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3985-1%22%20d%3D%22m38.25%2C1003.4%2C7%2C10%2C7-10%22%20stroke%3D%22%23808080%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3986%22%20d%3D%22M58%2C15c0%2C7.18-5.82%2C13-13%2C13s-13-5.82-13-13c0-7.1797%2C5.82-13%2C13-13s13%2C5.8203%2C13%2C13z%22%20fill-opacity%3D%220%22%20transform%3D%22translate%280.25%2C1022.2372%29%22%20stroke-dashoffset%3D%220%22%20stroke%3D%22%23202020%22%20stroke-miterlimit%3D%221%22/%3E%0A%0A%20%20%3Cpath%20id%3D%22path3986-1%22%20d%3D%22m38.5%2C1033.2%2C7%2C10%2C7-10%22%20stroke%3D%22%23202020%22%20stroke-miterlimit%3D%224%22%20fill%3D%22none%22/%3E%0A%0A%20%3C/g%3E%0A%0A%3C/svg%3E%0A');cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;}
#up{top:0px;right:10px;background-position:-30px -30px;}
.back-black #up:hover{background-position:-30px 0px;}
.back-white #up:hover{background-position:-30px -60px;}
#down{top:0px;right:50px;background-position:0px -30px;}
.back-black #down:hover{background-position:0px 0px;}
.back-white #down:hover{background-position:0px -60px;}
#thumbnail-slider{position:absolute;overflow:hidden;top:40px;bottom:0px;left:0px;right:30px;}
#thumbnail-box{position:absolute;overflow:hidden;top:0px;left:0px;overflow:auto;-ms-touch-action:pan-y;}
#thumbnail-list{position:relative;overflow:hidden;margin:0;padding:0;list-style:none;-webkit-backface-visibility:hidden;}
.clearFix:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearFix{min-height:1px;}
.slide{float:left;width:200px;height:auto;margin:10px 10px;padding:0;border:none;border-collapse:collapse;}
.slide a{text-decoration:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.photo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;width:100%;height:auto;margin:0;padding:0;border:none;-webkit-box-shadow:0px 0px 7px #111;-moz-box-shadow:0px 0px 7px #111;box-shadow:0px 0px 7px #111;opacity:1;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;}
#thumbnail-list:hover .slide a .photo{opacity:0.6;}
#thumbnail-list .slide a .photo:hover{-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);opacity:1;}
.photo > img{width:100%;height:auto;vertical-align:middle;}
.photo > div,
.model-name .photo > div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;margin:0;bottom:0;padding:10px 15px;background:rgba(102, 102, 102, 0.6);-webkit-backface-visibility:hidden;}
.photo > div span,
.model-name .photo > div span{display:block;padding:0;color:#ddd;}
.photo > div{text-align:center;}
.photo > div span{font-family:'Merriweather', serif;font-style:italic;font-size:1.8rem;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);}
.model-name .photo > div{text-align:left;}
.model-name .photo > div span{font-family:'Lora', "HanaMinA", serif;font-style:normal;font-size:2.4rem;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);-webkit-text-stroke:0.2px #ddd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.photo > div span + span,
.model-name .photo > div span + span{display:block;padding:0;color:#cc2222;font-family:'Georgia', serif;font-size:1.6rem;line-height:1.6em;font-style:italic;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);-webkit-text-stroke:0px;}
footer{position:absolute;bottom:0px;left:0px;width:100%;height:40px;}
#back-btn{position:absolute;left:0px;bottom:0px;height:40px;width:40px;padding:0;}
#sns{position:absolute;left:80px;bottom:0px;height:40px;width:120px;text-align:right;}
@media only screen and (min-width:1200px){#wrapper{width:1180px;margin:0 auto;}
aside{right:910px;}
#top-img{margin:0px 20px 0px 30px;}
#content{width:910px;}
#thumbnail-updown{right:30px;}
#thumbnail-slider{right:30px;}
#thumbnail-list li{width:200px;height:300px;margin:10px 10px;}
.model-name#thumbnail-list li{height:280px;}
.photo > div{padding:10px 15px;}
.photo > div span{font-size:1.8rem;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div span + span,
.model-page .photo > div span + span{font-size:1.6rem;}
#sns{left:80px;}
}
@media only screen and (min-width:980px) and (max-width:1199px){#wrapper{width:960px;margin:0 auto;}
aside{right:690px;}
#top-img{margin:0px 20px 0px 30px;}
#content{width:690px;}
#thumbnail-updown{right:30px;}
#thumbnail-slider{right:30px;}
#thumbnail-list li{width:200px;height:300px;margin:10px 10px;}
.model-name#thumbnail-list li{height:280px;}
.photo > div{padding:10px 15px;}
.photo > div span{font-size:1.8rem;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div span + span,
.model-page .photo > div span + span{font-size:1.6rem;}
#sns{left:80px;}
}
@media only screen and (min-width:760px) and (max-width:979px){#wrapper{width:740px;margin:0 auto;}
aside{right:470px;}
#top-img{margin:0px 20px 0px 30px;}
#content{width:470px;}
#thumbnail-updown{right:30px;}
#thumbnail-slider{right:30px;}
#thumbnail-list li{width:200px;height:300px;margin:10px 10px;}
.model-name#thumbnail-list li{height:280px;}
.photo > div{padding:10px 15px;}
.photo > div span{font-size:1.8rem;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div span + span,
.model-page .photo > div span + span{font-size:1.6rem;}
#sns{left:80px;}
}
@media only screen and (min-width:640px) and (max-width:759px){#wrapper{width:620px;margin:0 auto;}
aside{right:450px;}
#top-img{margin:0px 0px 0px 20px;}
#content{width:450px;}
#thumbnail-updown{right:10px;}
#thumbnail-slider{right:10px;}
#thumbnail-list li{width:200px;height:300px;margin:10px 10px;}
.model-name#thumbnail-list li{height:280px;}
.photo > div{padding:10px 15px;}
.photo > div span{font-size:1.8rem;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div span + span,
.model-page .photo > div span + span{font-size:1.6rem;}
#sns{left:80px;}
}
@media only screen and (min-width:481px) and (max-width:639px){#wrapper{width:460px;margin:0 auto;}
aside{right:230px;}
#top-img{margin:0px 0px 0px 20px;}
#content{width:230px;margin:0 auto;}
#thumbnail-updown{right:10px;}
#thumbnail-slider{right:10px;}
#thumbnail-list li{width:200px;height:300px;margin:10px 10px;}
.model-name#thumbnail-list li{height:280px;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div{padding:10px 15px;}
.photo > div span{font-size:1.8rem;}
.photo > div span + span,
.model-page .photo > div span + span{font-size:1.6rem;}
#sns{left:80px;}
}
@media only screen and (min-width:421px) and (max-width:480px){#wrapper{width:auto;margin:0 10px;}
aside{right:330px;}
#top-img{margin:0px 5px 0px 20px;}
#content{width:330px;}
#thumbnail-updown{right:10px;}
#thumbnail-slider{right:10px;}
#thumbnail-list li{width:150px;height:225px;margin:5px 5px;}
.model-name#thumbnail-list li{height:210px;}
.model-name .photo > div span{font-size:2.4rem;}
.photo > div{padding:8px 8px;}
.photo > div span{font-size:1.8rem;}
.photo > div span + span{font-size:1.4rem;}
#sns{left:50px;}
}
@media only screen and (min-width:320px) and (max-width:420px){#wrapper{width:auto;margin:0 10px;}
aside{right:200px;}
#top-img{margin:0px 5px 0px 10px;}
#content{width:200px;}
#thumbnail-updown{right:10px;}
#thumbnail-slider{right:5px;}
#thumbnail-list li{width:180px;height:270px;margin:5px 5px;}
.model-name#thumbnail-list li{height:255px;}
.photo > div{padding:8px 8px;}
.photo > div span{font-size:1.5rem;}
.model-name .photo > div span{font-size:2.0rem;}
.photo > div span + span{font-size:1.4rem;}
#sns{left:50px;}
}