@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    background:transparent;
    border:0;
    font-size:100%;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline
}
body{
    font-family:"NeueHaasUnicaPro-Regular", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    *font:x-small;
    line-height:1.5;
    font-size:12px;
    margin:0px;
    padding:0px
}
* html body{
    font-size:75%
}
*:first-child+html body{
    font-size:75%
}
table{
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit
}
a{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:black;
    text-decoration:none
}
a:focus{
    outline:none
}
a:hover{
    text-decoration:none
}
img{
    border:none;
    vertical-align:top;
    height:auto;
    max-width:100%
}
input,select{
    vertical-align:middle
}
input,button{
    margin:0;
    border:0
}
button{
    padding:0;
    background-color:transparent
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal
}
ol,ul,li{
    list-style:none
}
caption,th{
    text-align:left;
    vertical-align:top
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}
br{
    letter-spacing:normal
}
hr{
    display:none
}
@media only screen and (max-width: 480px){
    img,video,object{
        max-width:100%;
        height:auto;
        width:100% \9
    }
}
.m-auto-tb0{
    margin:0 auto
}
.mt5{
    margin-top:5px
}
.mr5{
    margin-right:5px
}
.mb5{
    margin-bottom:5px
}
.ml5{
    margin-left:5px
}
.m-all5{
    margin:5px 5px
}
.mt10{
    margin-top:10px
}
.mr10{
    margin-right:10px
}
.mb10{
    margin-bottom:10px
}
.ml10{
    margin-left:10px
}
.m-all10{
    margin:10px 10px
}
.mt15{
    margin-top:15px
}
.mr15{
    margin-right:15px
}
.mb15{
    margin-bottom:15px
}
.ml15{
    margin-left:15px
}
.m-all15{
    margin:15px 15px
}
.mt20{
    margin-top:20px
}
.mr20{
    margin-right:20px
}
.mb20{
    margin-bottom:20px
}
.ml20{
    margin-left:20px
}
.m-all20{
    margin:20px 20px
}
.mt25{
    margin-top:25px
}
.mr25{
    margin-right:25px
}
.mb25{
    margin-bottom:25px
}
.ml25{
    margin-left:25px
}
.m-all25{
    margin:25px 25px
}
.mt30{
    margin-top:30px
}
.mr30{
    margin-right:30px
}
.mb30{
    margin-bottom:30px
}
.ml30{
    margin-left:30px
}
.m-all30{
    margin:30px 30px
}
.mt35{
    margin-top:35px
}
.mr35{
    margin-right:35px
}
.mb35{
    margin-bottom:35px
}
.ml35{
    margin-left:35px
}
.m-all35{
    margin:35px 35px
}
.mt40{
    margin-top:40px
}
.mr40{
    margin-right:40px
}
.mb40{
    margin-bottom:40px
}
.ml40{
    margin-left:40px
}
.m-all40{
    margin:40px 40px
}
.mt45{
    margin-top:45px
}
.mr45{
    margin-right:45px
}
.mb45{
    margin-bottom:45px
}
.ml45{
    margin-left:45px
}
.m-all45{
    margin:45px 45px
}
.mt50{
    margin-top:50px
}
.mr50{
    margin-right:50px
}
.mb50{
    margin-bottom:50px
}
.ml50{
    margin-left:50px
}
.m-all50{
    margin:50px 50px
}
.pt5{
    padding-top:5px
}
.pr5{
    padding-right:5px
}
.pb5{
    padding-bottom:5px
}
.pl5{
    padding-left:5px
}
.pt10{
    padding-top:10px
}
.pr10{
    padding-right:10px
}
.pb10{
    padding-bottom:10px
}
.pl10{
    padding-left:10px
}
.pt15{
    padding-top:15px
}
.pr15{
    padding-right:15px
}
.pb15{
    padding-bottom:15px
}
.pl15{
    padding-left:15px
}
.pt20{
    padding-top:20px
}
.pr20{
    padding-right:20px
}
.pb20{
    padding-bottom:20px
}
.pl20{
    padding-left:20px
}
.pt25{
    padding-top:25px
}
.pr25{
    padding-right:25px
}
.pb25{
    padding-bottom:25px
}
.pl25{
    padding-left:25px
}
.pt30{
    padding-top:30px
}
.pr30{
    padding-right:30px
}
.pb30{
    padding-bottom:30px
}
.pl30{
    padding-left:30px
}
.pt35{
    padding-top:35px
}
.pr35{
    padding-right:35px
}
.pb35{
    padding-bottom:35px
}
.pl35{
    padding-left:35px
}
.pt40{
    padding-top:40px
}
.pr40{
    padding-right:40px
}
.pb40{
    padding-bottom:40px
}
.pl40{
    padding-left:40px
}
.box{
    display:-webkit-box;
    display:box
}
.box.bpCenter{
    -webkit-box-pack:center;
    box-pack:center
}
.box.baEnd{
    -webkit-box-align:end;
    box-align:end
}
.box.baStart{
    -webkit-box-align:start;
    box-align:start
}
.box.baCenter{
    -webkit-box-align:center;
    box-align:center
}
.fz8{
    font-size:8px
}
.fz10{
    font-size:10px
}
.fz11{
    font-size:11px
}
.fz12{
    font-size:12px
}
.fz13{
    font-size:13px
}
.fz14{
    font-size:14px
}
.fz15{
    font-size:15px
}
.fz16{
    font-size:16px
}
.fz17{
    font-size:17px
}
.fz18{
    font-size:18px
}
.fz19{
    font-size:19px
}
.fz20{
    font-size:20px
}
.fz21{
    font-size:21px
}
.fz22{
    font-size:22px
}
.fz23{
    font-size:23px
}
.fz24{
    font-size:24px
}
.fz25{
    font-size:25px
}
.fzDef{
    font-size:12px
}
.fwN{
    font-weight:normal
}
.fwB{
    font-weight:bold
}
.taC{
    text-align:center
}
.taL{
    text-align:left
}
.taR{
    text-align:right
}
.fl{
    float:left
}
.fr{
    float:right
}
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden
}
.content-center,.catalog-content{
    margin-left:auto;
    margin-right:auto
}
.img-valign-top{
    vertical-align:top
}
.img-valign-middle{
    vertical-align:middle
}
.img-valign-bottom{
    vertical-align:bottom
}
.valign-middle{
    vertical-align:middle
}
.logo-text{
    z-index:1000;
    position:fixed;
    top:5px;
    left:10px
}
header{
    position:fixed;
    z-index:999;
    width:100%;
    line-height:1;
    top:0px;
    background:url(../images/top_bg.png) top left no-repeat
}
header ul{
    padding:20px 0;
    text-align:right
}
header ul li{
    padding:3px 5px;
    margin-left:20px
}
header ul li:hover{
    background-color:#000
}
header ul li:first-child{
    margin-left:0px
}
header ul li:last-child{
    margin-right:20px
}
header ul li a{
    color:#666
}
header ul li a.active{
    color:#fff
}
header ul li a:hover{
    color:#fff;
    text-decoration:underline
}
.head-menu{
    height:170px;
    width:100%;
    background-color:#fff;
    position:fixed;
    top:0px;
    z-index:999
}
footer{
    width:100%;
    height:230px;
    background-color:#252525;
    font-family:'Noto Sans Japanese', serif;
    font-weight:400;
    color:#f5f5f5;
    text-align:center
}
footer a{
    color:#f5f5f5;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
footer a:hover,footer a:active{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity:0.7
}
footer .link-box li{
    display:inline-block;
    vertical-align:top
}
.menu-contents{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    background:url(/common/images/menu_bg.png);
    font-family:'Noto Sans Japanese', serif;
    font-weight:400;
    color:#f5f5f5;
    z-index:9999;
    top:0px;
    text-align:center
}
.menu-contents .close-btn{
    position:absolute;
    top:30px;
    left:30px
}
.menu-contents .menu-container{
    width:810px;
    margin:40px auto;
    text-align:center
}
.menu-contents .menu-container .menu-link-box .menu-link{
    float:left;
    width:240px;
    height:140px;
    border:solid 2px #777;
    margin-left:30px;
    position:relative
}
.menu-contents .menu-container .menu-link-box .menu-link.wide {
    width: 788px;
}
.menu-contents .menu-container .menu-link-box .menu-link .link-box{
    width:100%;
    height:100%;
    position:relative;
    z-index:2;
    display:-webkit-box;
    display:box;
    -webkit-box-pack:center;
    box-pack:center;
    -webkit-box-align:center;
    box-align:center;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
.menu-contents .menu-container .menu-link-box .menu-link .link-box:hover{
    background-color:#777;
    z-index:3
}
.menu-contents .menu-container .menu-link-box .menu-link .link-box:hover::before,.menu-contents .menu-container .menu-link-box .menu-link .link-box:hover::after{
    width:0;
    background-color:#777;
    z-index:-1
}
.menu-contents .menu-container .menu-link-box .menu-link .link-box:before{
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    content:"";
    top:0px;
    left:0px;
    width:50%;
    height:100%;
    position:absolute;
    z-index:-1;
    display:block
}
.menu-contents .menu-container .menu-link-box .menu-link .link-box:after{
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    content:"";
    top:0px;
    right:0px;
    width:50%;
    height:100%;
    position:absolute;
    z-index:-1;
    display:block
}
.menu-contents .menu-container .menu-link-box .menu-link:nth-child(3n+1){
    margin-left:0px
}
.menu-contents .menu-container .menu-link-box .menu-link:nth-child(n+4){
    margin-top:30px
}
.menu-contents a{
    color:#f5f5f5;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
.menu-contents a:hover,.menu-contents a:active{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity:0.7
}
.menu-contents .link-box li{
    display:inline-block;
    vertical-align:top
}
.menu-btn{
    position:absolute;
    top:30px;
    left:30px;
    z-index:50
}
.menu-btn.type2{
    top:60px
}
.logo-w{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -427px;
    height:158px;
    width:260px
}
.logo-b{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -318px;
    height:109px;
    width:180px
}
.page-top{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -245px -151px;
    height:50px;
    width:50px
}
.icon-instagram a{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -35px;
    height:22px;
    width:22px
}
.footer-logo a{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -241px;
    height:16px;
    width:191px
}
.close-btn a{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -22px -35px;
    height:38px;
    width:38px
}
.ttl-news{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -201px;
    height:40px;
    width:119px
}
.ttl-store-locator{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -119px -201px;
    height:32px;
    width:213px
}
.ttl-store-locator-b{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -128px -119px;
    height:32px;
    width:213px
}
.ttl-color-order{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -165px 0;
    height:35px;
    width:203px
}
.ttl-gallery{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -122px -151px;
    height:45px;
    width:123px
}
.ttl-products{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -212px -77px;
    height:35px;
    width:132px
}
.ttl-notfound{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -257px;
    height:61px;
    width:368px
}
.ttl-recruit{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -107px -77px;
    height:32px;
    width:105px
}
.menu-container .menu-news{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -77px;
    height:20px;
    width:57px
}
.menu-container .menu-collection{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -110px -35px;
    height:21px;
    width:98px
}
.menu-container .menu-store-locator{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -119px;
    height:26px;
    width:90px
}
.menu-container .menu-gallery{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -286px -35px;
    height:27px;
    width:74px
}
.menu-container .menu-products{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -208px -35px;
    height:21px;
    width:78px
}
.menu-container .menu-colororder{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 -151px;
    height:21px;
    width:122px
}
.menu-container .menu-films{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') 0 0;
    height:21px;
    width:42px
}
.menu-container .menu-online-store{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -42px 0;
    height:21px;
    width:123px
}
.menu-btn.type1 a{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -57px -77px;
    height:42px;
    width:50px
}
.menu-btn.type2 a{
    display:block;
    background:url('../images/parts_sprite-s2942ae9a50.png') -60px -35px;
    height:42px;
    width:50px
}
header ul li{
    display:inline-block;
    vertical-align:top
}
img{
    max-width:none
}
video{
    display:inline-block;
    vertical-align:baseline
}
body{
    color:#000;
    font-size:14px
}
.noto-font,.catalog-content{
    font-family:"Noto Sans Japanese", serif;
    font-weight:400
}
.img-full{
    width:100%
}
.catalog-content{
    text-align:center;
    margin-top:170px;
    color:#636363;
    padding-bottom:130px;
    width:1140px;
    border-top:1px solid #ddd
}
.catalog-content .contentsMain .visual{
    background:url("/common/images/catalog/loading_animation.gif") no-repeat center 15px
}
.catalog-content .contentsMain .visual img{
    width:100%;
    height:auto
}

/*追加*/

.tab_wrap {
    width: 1140px;
    margin: 170px auto;
    border-top: 1px solid #ddd;
}
/*.tab_wrap ul.tab {
    position: relative;
}*/
/*.tab_wrap ul.tab.top {
    margin: 30px auto 0;
    width: 252px;
}
.tab_wrap ul.tab.bottom {

}
.tab_wrap ul.tab{
    display: table;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 200;
}
.tab_wrap ul.tab li {
    display: table-cell;
    list-style: none;
    vertical-align: middle;
    cursor: pointer;
    border-left: none;
    box-sizing: border-box;
    width: 33.33%;
    text-align: center;
    font-size: 12px;
    opacity: 0.5;
}*/

.catalog-content{
    border-top:none;
    margin-top:0;
}
.tab_bottom{
    padding-bottom: 50px;
}
#films nav.category {
    margin-top: 170px;
}
#films nav.category ul {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    width: 1140px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
#films nav.category ul li {
    display: inline-block;
    width: 120px;
    margin: 0 7px;
    opacity: 0.5;
}
#films nav.category ul li a {
    display: block;
    text-align: center;
    font-size: 12px;
    padding-bottom: 2px;
}
#films nav.category ul li.active{
    opacity: 1;
}

#films nav.category ul li.active a {
    border-bottom: 2px solid #383131;
}
#films nav.category ul li:nth-child(1) img {
    filter: grayscale(100%);
}
#films nav.category img {
    width: 120px;
}
#films nav.bottom ul{
    border: none;
}
#films nav.bottom {
    margin-bottom: 170px;
}
/*追加*/