.pan span.delimiter{padding:0 4px}body[id^=portfolio] #wrapper{width:auto;margin:0}body[id^=portfolio] .image_photo{margin-bottom:60px}body[id^=portfolio] .image_photo ul{justify-content:space-between;display:flex}body[id^=portfolio] .image_photo li{height:450px;overflow:hidden}body[id^=portfolio] .image_photo .mein{width:65%}body[id^=portfolio] .image_photo .sub{width:30%}body[id^=portfolio] .image_photo img{width:100%;height:auto}body[id^=portfolio] main#container{padding:0!important}body[id^=portfolio] main#container .innerWrap{width:100%}body[id^=portfolio] main#container .pagenation{margin:0;padding:30px 0 80px}body[id^=portfolio] #main{float:none;background:#393939;border:none;width:auto;padding:0;overflow:hidden;margin:0!important}body[id^=portfolio] #main article{padding:0}body[id^=portfolio] #subArea{float:left;border:none;width:5%}body[id^=portfolio] #subArea h1{writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;color:#fff;margin:165px auto 0;font-size:22px}body[id^=portfolio] #mainArea{float:right;background:#ffb000;width:95%}body[id^=portfolio] #mainArea .newRelease{color:#fff;width:1000px;margin:0 auto;padding:40px 0;overflow:hidden}body[id^=portfolio] #mainArea .newRelease .floatL{width:400px;margin-bottom:0;margin-right:40px}body[id^=portfolio] #mainArea .newRelease .floatL img{width:100%;height:auto}body[id^=portfolio] #mainArea .newRelease .floatL img.externalDomainAlert{display:none}body[id^=portfolio] #mainArea .newRelease a{color:#fff;line-height:1.4}body[id^=portfolio] #mainArea .newRelease dl{margin-bottom:0;padding-top:15px;overflow:hidden}body[id^=portfolio] #mainArea .newRelease dt{background:0 0;padding:0;line-height:1}body[id^=portfolio] #mainArea .newRelease dt span{border:1px solid #fff;padding:10px}body[id^=portfolio] #mainArea .newRelease dt em{background:0 0;padding:50px 0 10px;font-size:26px;font-weight:700;display:block}body[id^=portfolio] #mainArea .newRelease dd{border:none;margin:20px 0;padding:0}body[id^=portfolio] #mainArea .newRelease dd.device li{margin-right:10px;display:inline-block}body[id^=portfolio] #mainArea .newRelease dd.tag li{white-space:nowrap;border:1px solid #fff;-webkit-border-radius:20px;border-radius:20px;margin-bottom:10px;padding:5px 10px;display:inline-block}body[id^=portfolio] #mainArea #releaseArea{background:#fff}body[id^=portfolio] #mainArea #releaseArea #releaseArea-inbox{flex-wrap:wrap;width:1000px;margin:0 auto;padding:40px 0;display:flex}body[id^=portfolio] #mainArea #releaseArea .releaseBox{border:5px solid #fff;width:326px;margin-bottom:15px;margin-right:11px;position:relative}body[id^=portfolio] #mainArea #releaseArea .releaseBox:hover{border:5px solid #45aca9}body[id^=portfolio] #mainArea #releaseArea .releaseBox:nth-of-type(3n){margin-right:0}body[id^=portfolio] #mainArea #releaseArea .releaseBox a{margin-bottom:10px;display:block}body[id^=portfolio] #mainArea #releaseArea .releaseBox p{margin-bottom:10px}body[id^=portfolio] #mainArea #releaseArea .releaseBox p span{color:#fff;background:#45aca9;padding:5px;position:absolute;top:0;right:0}body[id^=portfolio] #mainArea #releaseArea .releaseBox img{width:100%;height:auto}body[id^=portfolio] #mainArea #releaseArea .releaseBox dl{margin-bottom:0}body[id^=portfolio] #mainArea #releaseArea .releaseBox dt{background:0 0;padding:0;line-height:1.5}body[id^=portfolio] #mainArea #releaseArea .releaseBox dt span{border:1px solid #ccc;padding:5px;font-size:10px}body[id^=portfolio] #mainArea #releaseArea .releaseBox dt em{background:0 0;padding:10px 0 5px;font-size:16px;font-weight:700;display:block}body[id^=portfolio] #mainArea #releaseArea .releaseBox ul li{float:none;display:inline-block}body[id^=portfolio] #mainArea #releaseArea .releaseBox .device{float:right}body[id^=portfolio] #mainArea #releaseArea .releaseBox .device li{margin-left:5px}body[id^=portfolio] #mainArea #releaseArea .releaseBox em{font-style:normal}body[id^=portfolio] #mainArea .entryBox .entryTxt{clear:both;font-size:1rem}body[id^=portfolio] #mainArea .entryBox .entryTxt .btnIndex a{text-align:center;color:#ffb000;background:#fff;border-bottom:5px solid #c28702;-webkit-border-radius:20px;border-radius:20px;width:30%;margin:40px auto 0;padding:15px 0;font-size:120%;font-weight:700;display:block}body[id^=portfolio] .drawer-nav dl{margin:0}body[id^=portfolio] .drawer-nav dt{color:#fff;clear:both;background:0 0;padding:0;font-size:16px;font-weight:400;display:table;margin:30px 0 20px!important}body[id^=portfolio] .drawer-nav dt:after{content:"";background:-Webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));background:-Webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 1px),transparent calc(50% + 1px));-webkit-background-clip:padding;background-clip:padding;border-left:1em solid transparent;width:100%;display:table-cell}body[id^=portfolio] .drawer-nav dd{border:none;margin:0;padding:0}body[id^=portfolio] .drawer-nav dd li{float:left;width:50%;margin-bottom:20px}body[id^=portfolio] #mainArea .newRelease .floatL{position:relative}body[id^=portfolio] #mainArea .newRelease .floatL span{color:#fff;background:#45aca9;padding:5px 8px;position:absolute;top:0;right:0}body[id^=portfolio] footer{clear:both}body#portfolioArchive .innerWrap{padding:0}@media (max-width:768px){body#portfolioArchive .innerWrap{padding:0 4%}}@media screen and (max-width:768px){body[id^=portfolio] main#container .innerWrap{padding:0}body[id^=portfolio] main#container .pagenation li{margin-bottom:10px}body[id^=portfolio] main#container #works-pagenation{flex-wrap:wrap;justify-content:space-between}body[id^=portfolio] main#container #works-pagenation li{margin-left:0!important;margin-right:0!important}body[id^=portfolio] main#container #works-pagenation .prev{order:2}body[id^=portfolio] main#container #works-pagenation .top{order:1;width:100%;margin-bottom:3%}body[id^=portfolio] main#container #works-pagenation .next{order:3}body[id^=portfolio] main#container #works-pagenation .prev{width:48.5%}body[id^=portfolio] main#container #works-pagenation .next{width:48.5%}body[id^=portfolio] #mainArea{float:none;width:100%}body[id^=portfolio] #subArea{float:none;width:100%}body[id^=portfolio] #subArea{background:#393939}body[id^=portfolio] #subArea h1{writing-mode:lr-tb;text-align:center;margin-top:0;padding:2% 0}body[id^=portfolio] #mainArea .newRelease{width:100%;padding:4%}body[id^=portfolio] #mainArea .newRelease .floatL{float:none;width:100%}body[id^=portfolio] #mainArea .newRelease dl{margin-bottom:0}body[id^=portfolio] #mainArea .newRelease dt span{padding-top:4%;display:inline-block}body[id^=portfolio] #mainArea .newRelease dt em{padding-top:4%;display:inline-block}body[id^=portfolio] #mainArea .newRelease dd{margin:10px 0}body[id^=portfolio] #mainArea #releaseArea #releaseArea-inbox{width:100%;padding:4%;display:block}body[id^=portfolio] #mainArea #releaseArea .releaseBox{float:none;border-bottom:1px dotted #56bf26;width:100%;margin-bottom:30px;padding-bottom:30px;margin-right:0!important}body[id^=portfolio] #mainArea #releaseArea .releaseBox a[style]{height:auto!important}}