@charset "utf-8";

@media screen and (max-device-width: 480px){
    html {
        font-size: 62.5%;
    }
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}

    body.for-mobile {
    }

a{
    text-decoration: none;
    color: #444 !important;
    font-weight: bold;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

#sidebar a{
    font-weight: normal;
}

a:hover {
    color: transparent !important;
    text-shadow: 0 0 5px #444;
}

.modal-open#wrapper {
    width: 100%;
}

#wrapper-inner {
}

    .for-tablet #wrapper-inner {
        padding: 0;
    }

#header {
    padding-top: 40px;
    padding-top: 4rem;
    margin: 0 auto;
    max-width: 940px;
    _width: 940px;
}

    .for-tablet #header {
        padding-top: 20px;
        padding-top: 2rem;
    }
    
#title {
    position: relative;
    float: left;
    padding-bottom: 10px;
    z-index: 1;
}

    .for-tablet #title {
        float: none;
        margin: 0 auto;
        padding-bottom: 20px;
        text-align: center;
    }
    
#global-nav {
    text-align: right;
}
    
    .for-tablet #global-nav {
        padding: 5px 0;
    }
    
    .home #global-nav {
        border-style: none;
    }
    
    .dark-style #global-nav {
        border-color:#555;
    }
    
    #global-nav ul {
        margin: 0;
    }
    
    #global-nav li {
        display: inline-block;
        #display: inline;
        #zoom: 1;
        vertical-align: top;
        margin: 0 20px;
        width: auto !important;
    }
    
        .for-tablet #global-nav li {
            width: 33.3% !important;
        }
        
        .for-mobile #global-nav li {
            width: 50% !important;
        }
        
    #global-nav a,
    #global-nav .no-anchor {
        display: block;
        padding: 25px 20px 10px 20px !important;
        text-align: center;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
    
        #global-nav .link-news a,
        #global-nav .link-news .no-anchor {
            padding: 25px 18px 10px 18px !important;
            background-image: url(image/nav_news.gif);
        }
        
        #global-nav .link-works a,
        #global-nav .link-works .no-anchor {
            background-image: url(image/nav_works.gif);
        }
        
        #global-nav .link-study a,
        #global-nav .link-study .no-anchor {
            background-image: url(image/nav_study.gif);
        }
        
        #global-nav .link-flow a,
        #global-nav .link-flow .no-anchor {
            background-image: url(image/nav_flow.gif);
        }
        
        #global-nav .link-column a,
        #global-nav .link-column .no-anchor {
            background-image: url(image/nav_column.gif);
        }
        
        #global-nav .link-about-designcafe a,
        #global-nav .link-about-designcafe .no-anchor {
            background-image: url(image/nav_about.gif);
        }
        
        #global-nav .link-contact a,
        #global-nav .link-contact .no-anchor {
            padding: 25px 15px 10px 15px !important;
            background-image: url(image/nav_contact.gif);
        }
        
        #global-nav .link-blog a,
        #global-nav .link-blog .no-anchor {
            padding: 25px 0 10px 40px !important;
            background-position: 100% 0;
            background-image: url(image/icon_blog.gif);
        }
        
        #global-nav .link-facebook a,
        #global-nav .link-facebook .no-anchor {
            padding: 25px 0 10px 35px !important;
            background-position: 100% 0;
            background-image: url(image/icon_facebook.gif);
        }
        
        #global-nav .link-twitter a,
        #global-nav .link-twitter .no-anchor {
            padding: 25px 0 10px 35px !important;
            background-position: 100% 0;
            background-image: url(image/icon_twitter.gif);
        }
        
            #global-nav .link-blog .en-inner,
            #global-nav .link-facebook .en-inner,
            #global-nav .link-twitter .en-inner {
                display: none;
            }
            
        .for-tablet #global-nav a,
        .for-tablet #global-nav .no-anchor {
            padding: 5px 10px 5px 30px !important;
            background-position: 10px 50%;
            background-size: auto 10px;
            text-align: left;
        }
    
            .for-tablet #global-nav .link-blog .en-inner,
            .for-tablet #global-nav .link-facebook .en-inner,
            .for-tablet #global-nav .link-twitter .en-inner {
                display: inline;
            }
            
    #global-nav .en {
        text-transform: uppercase;
    }

#sidebar {
    float: right;
    width: 28%;
}

    #sidebar a {
        text-decoration: none;
    }
    
    .for-tablet #sidebar {
        margin: 0 auto;
    }
    
    .category-type-gallery #sidebar,
    .for-tablet #sidebar {
        float: none;
        width: auto;
        margin: 0;
    }
    
#sidebar-inner {
    padding: 0 0 10px 20px;
}

    .enable-border #sidebar-inner {
        border-left: 1px solid #ddd;
    }
    
    .home #sidebar-inner {
        border-style: none;
    }
    
    .for-tablet #sidebar-inner {
        padding: 0;
    }
    
    .category-type-gallery #sidebar-inner {
        padding: 20px 0;
    }
    
    .home #sidebar-inner {
        margin-top: -10px;
        padding-top: 0;
    }
    
        .for-tablet.home #sidebar-inner {
            margin-top: 0;
        }
        
    .enable-border.category-type-gallery #sidebar-inner {
        border-left-style: none;
        border-top-style: none !important;
        border-bottom: 1px solid #ddd;
    }
    
    .enable-border.for-tablet #sidebar-inner {
        border-left-style: none;
        border-top: 1px solid #ddd;
    }

#content {
    margin: 0 auto;
    max-width: 940px;
    _width: 940px;

}

#content-list {
    float: left;
    width: 72%;
}

    .no-sidebar #content-list,
    .category-type-gallery #content-list,
    .for-tablet #content-list {
        float: none;
        width: auto;
        margin: 0 auto;
    }

#content-list-inner {
    padding: 0 40px 10px 0;
}

    .enable-border #content-list-inner {
        margin-right: -1px;
        border-right: 1px solid #ddd;
    }
    
    .home #content-list-inner {
        border-style: none;
    }
    
    .no-sidebar #content-list-inner,
    .category-type-gallery #content-list-inner {
        padding-right: 0;
        border-style: none;
        margin-right: 0;
    }
    
    .for-tablet #content-list-inner {
        padding: 0;
        border-style: none;
        margin-right: 0;
    }
    
#footer {
    margin: 0 auto;
    max-width: 940px;
    _width: 940px;
}

    .home #footer {
        border-style: none;
    }
    

.breadcrumbs {
    margin: 0 auto;
    max-width: 940px;
    _width: 940px;
}

.enable-border .breadcrumbs {
    border-bottom-style: none;
    border-top: 1px solid #ddd;
}

.no-sidebar .page-eye-catch-content,
.no-sidebar .page-content,
.no-sidebar #respond,
.no-sidebar #comments {
    margin: 0 auto;
    max-width: 637px;
    _width: 637px;
}

.for-tablet.no-sidebar .page-content {
    max-width: none;
}

.home h1.category-title {
    display: none;
}

.category-title .en,
.page-title .en {
    text-transform: lowercase !important;
}

.wp-tag-cloud,
.wp-tag-cloud * {
    font-size: 12px !important;
    font-size: 1.2rem !important;
}

.tag-section {
    margin-bottom: 10px !important;
}

.home #sidebar {
    display: none;
}

.home .category-description {
    display: none;
}

/*
    Custom Grid
*/
.grid,
.grid-inline {
    margin-left: -20px;
}

.col-1 {
    width: 240px;
}

.grid .grid-content,
.grid-inline .grid-content {
    padding: 0 0 20px 20px;
}

    .page-nav .grid-content {
        padding-bottom: 0 !important;
    }
    
/*
    Custom Slide
*/
.gallery .slide {
    overflow: visible;
}

.gallery .slide .slide-item {
    float: none;
}

.key-visual .slideshow {
    margin: 0 auto;
}