@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1450px) {
    /* 1430px以下用（タブレット用）の記述 */
    header{
        width: 300px !important;
    }
    .page {
        margin-left: 250px;
        height: auto;
    }
    .swiperCaption{
        pointer-events: none;
        position: fixed;
        opacity: 0;
        transition: opacity 1s ease 0s;
        z-index: 0; 
    }
}
@media screen and (max-width: 767px) {
    /* 767px以下用（タブレット／スマートフォン用）の記述 */
    html, body{
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        -webkit-font-smoothing: antialiased;
	    font-family: "Palatino Linotype", "Book Antiqua", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Palatino, serif;
    }
    header{
        top: 80px !important;
        left: 15px !important;
        width: 300px !important;
    }
    /*BACK-TOP*/
    #back-top a::before{
        width: 20px !important;
        height: 20px !important;
    }
    #back-top a::after{
        width: 20px !important;
        height: 20px !important;
    }
    /*NAVI*/
    #navigation{
        position: fixed !important;
        top: 0 !important;
        left: initial !important;
        width: 100% !important;
        border: dotted 1px #000;
        background-color: #FFF;
    }
    #nav_items{
        font-size: 11px !important;
        font-weight: bold !important;
        font-style: italic;
        margin: 0 !important;
        padding: 0 !important;
        width: initial !important;
    }
    #nav_items li{
        float: left !important;
        text-indent: 0px !important;
        width: 24.5% !important;
        text-align: center;
        border-right: dotted 1px #AAA;
    }
    #nav_items li a{
        color: #000;
        width: 100% !important;
        padding: 5px 0px 5px 0px !important;    
    }
    #nav_items li a:hover {
        color: WHITE;
        background-color: #fff;
        background-position: -100% 100%;
    }
    /**/
    .page {
        margin-top: 250px !important;
        margin-left: auto !important;
        height: auto !important;
        width: 100% !important;
    }
    .fancybox-button--arrow_left, .fancybox-button--arrow_right{
        display: none !important;
    }
    .swiperCaption{
        pointer-events: none;
        position: fixed;
        opacity: 0;
        transition: opacity 1s ease 0s;
        z-index: 0;
    }
    #copyright{
        position: relative!important;
        bottom: 0px !important;
        left: 15px !important;
        width: 90% !important;
        padding-bottom: 50px !important;
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
    .midashi{
        font-size: 13px !important;
        margin-left: 0 !important;
        text-indent: 15px !important;
        letter-spacing: 0em !important;
        
    }
    #works{
        margin: 0 auto !important;
        padding: 0 !important;
        z-index: 9999 !important;
    }
    .workimg{
        margin: 5px auto !important;
        width: 350px !important;
    }
    .workimg img{
        width: 100% !important;
    }
    #biography{
        margin: 0 !important;
        padding: 0 !important;
        margin-left: 0px !important;
    }
    .bioBlock pre{
        font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
        font-size: 12px !important;
        padding-left: 2.8em !important;
        text-indent: -2.8em !important;
        width: 100% !important;
    }
    #butterfly{
        margin-left: 20px;
    }
    #books{
        margin: 0 !important;
        padding: 0 !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
    .book{
        padding-bottom: 10px;
        margin-left: 0px !important;
        border-bottom: dotted 1px #000;
        width: 100% !important;
    }
    .book img{
        padding: 0 auto !important;
        margin-left: 0px !important;
    }
    .book li{
        width: 300px !important;
        margin-left: 15px !important;
    }
    .swiper-button-prev{
        width: 5px !important;
        height: 5px !important;
        padding: 5px 5px 5px 5px !important;
    }
    .swiper-button-next{
        width: 5px !important;
        height: 5px !important;
        padding: 5px 5px 5px 5px !important;
    }
}