/*
Theme Name: Lieko Shiga
Theme URI: http://www.www.www/
Description: Rui Ishiguro
Author: rui ishiguro
*/

a:link { text-decoration: none; color: #302C2C; }
a:visited { text-decoration: none; color: #302C2C; }
a:hover { text-decoration: none; color:#302C2C; }
a:active { text-decoration: none; color:#302C2C; }

a.active:link { text-decoration: none; color: #302C2C; }
a.active:visited { text-decoration: none; color: #302C2C; }
a.active:active { text-decoration: none; color:#302C2C; }
a.plain:link { text-decoration: none; color: #302c2c; }
a.plain:visited { text-decoration: none; color: #302c2c; }
a.plain:hover,
a.active:hover { 
    text-decoration: none;
    color:#a9a8a8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}
a.plain:active { text-decoration: none; color:#a9a8a8; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0;   padding:0;}table {  border-collapse:collapse;   border-spacing:0;}fieldset,img {    border:0;}address,caption,cite,code,dfn,th,var { font-style:normal;  font-weight:normal;}ol,ul { list-style:none;
}caption,th {   text-align:left;}h1,h2,h3,h4,h5,h6 {    font-size:100%; font-weight:normal;}q:before,q:after {  content:'';
}abbr,acronym {  border:0;}

button, input, select, textarea {
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  vertical-align:baseline;
}
select,
figure{
    margin: 0;
}

body {
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

strong{
    font-weight: bolder;
}

*html body {overflow-y: auto;} /* IE6 */
*:first-child+html body {overflow-y: auto;} /* IE7 */

ul li{
    list-style: none;
}

img {
    border:0;
}

.video{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.video iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

.nondisplay {
    display:none;
}
    .button-toggle{
        display: none;
    }



p{
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
    margin-bottom: 24px;
    line-height: 180%;
    font-size: 11px;
}
p.jp{
    margin-bottom: 24px;
    line-height: 180%;
    font-size: 11px;
}
    p img{
        height: auto;
        max-width: 100%;
    }

body{
    color: #302C2C;
    font-family: 'Playfair Display', serif;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
    border: solid 0px #FFFFFF;
    background: #FFFFFF;
    line-height: 150%;
}
.posted-date,
#ls-footer{
}


h1{
    margin-bottom:0px;
}
h2,.font-h2{
    font-size: 13px;
}
h3{
    font-size: 13px;
}
article{
    overflow:hidden;
}

/* header
------------------------------------------------------------------------- */
#ls-header{
    overflow: visible;
    margin-bottom: 40px;
     margin-top: 40px;
}
#ls-header .inner {
    max-width: 100%;
}
    body.archive #ls-header,
    body.error404 #ls-header,
    body.page-template #ls-header{
        margin-bottom: 40px;
        margin-top: 40px;
    }
    body.single #ls-header{
        margin-bottom: 40px;
        margin-top: 40px;
    }
        body.post-type-archive-works #ls-header li.works a.plain:link,
        body.post-type-archive-works #ls-header li.works a.plain:visited,
        body.post-type-archive-works #ls-header li.works a.plain:hover,
        body.single-works #ls-header li.works a.plain:link,
        body.single-works #ls-header li.works a.plain:visited,
        body.single-works #ls-header li.works a.plain:hover,
        body.post-type-archive-news #ls-header li.news a.plain:link,
        body.post-type-archive-news #ls-header li.news a.plain:visited,
        body.post-type-archive-news #ls-header li.news a.plain:hover,
        body.single-news #ls-header li.news a.plain:link,
        body.single-news #ls-header li.news a.plain:visited,
        body.single-news #ls-header li.news a.plain:hover,
        body.post-type-archive-publication #ls-header li.publication a.plain:link,
        body.post-type-archive-publication #ls-header li.publication a.plain:visited,
        body.post-type-archive-publication #ls-header li.publication a.plain:hover,
        body.single-publication #ls-header li.publication a.plain:link,
        body.single-publication #ls-header li.publication a.plain:visited,
        body.single-publication #ls-header li.publication a.plain:hover,
        body.post-type-archive-biography #ls-header li.biography a.plain:link,
        body.post-type-archive-biography #ls-header li.biography a.plain:visited,
        body.post-type-archive-biography #ls-header li.biography a.plain:hover,
        body.page-template-pages-openstudio #ls-header li.open-studio a.plain:link,
        body.page-template-pages-openstudio #ls-header li.open-studio a.plain:visited,
        body.page-template-pages-openstudio #ls-header li.open-studio a.plain:hover,
        body.page-id-2 #ls-header li.contact a.plain:link,
        body.page-id-2 #ls-header li.contact a.plain:visited,
        body.page-id-2 #ls-header li.contact a.plain:hover{
            color: #a9a8a8 !important;
        }

    #ls-header h1.title{
        font-family: 'Playfair Display', serif;
        font-size: 20px;
        display: inline-block;
        float: left;
    }
        #ls-header h1.title a:link,
        #ls-header h1.title a:visited{
            color: #302C2C;
        }
            #ls-header h1.title a:hover{
                color: #a9a8a8;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all  0.5s ease-in-out;
            }


    #ls-header nav#gb_nav{
        font-family: 'Playfair Display', serif;
        padding-top: 0px;
        min-height: 27px;
    }

        #ls-header nav#gb_nav ul{
            font-size: 15px;
            position: relative;
        }

            #ls-header nav#gb_nav ul li{
                float: left;
                margin-left: 22px;
                position: relative;
                line-height: 100%;
                padding-top: 7px;
            }
                #ls-header nav#gb_nav ul li:first-child{
                    margin-left: 46px;
                }


/* common
------------------------------------------------------------------------- */
.inner{
    max-width: 800px;
    overflow: visible;
    padding: 0 48px;
    position: relative;
    overflow: hidden;
}
    .single-news .inner,
    .post-single .inner,
    .post-type-archive-biography .inner,
    .news-index .inner{
        max-width: 744px;
        position: relative;
    }
.wrapper-archive{
    max-width: 744px;
    overflow: hidden;
    padding: 0 48px;
}
    .wrapper-archive ul li{
        overflow: hidden;
        margin-bottom: 24px;
    }
    .wrapper-archive ul li a{
        display: block;
        padding: 0px;
    }
        .wrapper-archive ul li a:link,
        .wrapper-archive ul li a:visited{
            background-color: transparent;
        }
        .wrapper-archive ul li a:hover{
            background-color: #E5E5E5;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all  0.5s ease-in-out;
        }
    .list-article{
        overflow: hidden;
        display:table;
    }
        .wrapper-archive ul li figure{
            width: 300px;
            float: left;
            line-height:0;
            margin-right: 24px;
        }
            .wrapper-archive ul li figure img{
                width: inherit;
                max-width: 100%;
                height: auto;
                vertical-align:text-bottom;
            }
        .list-article-information{
            font-size: 11px;
            display:table-cell;
            vertical-align: middle;
            padding-right: 24px;
        }
            .list-article-information .posted-date{
                display: block;
                margin: 12px 0;
                letter-spacing: 0.1ex;
                font-size: 11px;
            }
            .list-article-information p{
                font-size: 11px;
                margin-bottom: 0px;
                line-height: 180%;
            }
    #infscr-loading{
        padding-top: 24px;
        text-align: center;
    }
        #infscr-loading img{
            display: none;
        }
    .page_nav .inner{
        clear: both;
    }
    .page_nav .inner .next a{
        padding-top: 48px;
        display: inline-block;
    }
        .page_nav a:link,
        .page_nav a:visited{
            font-size: 11px;
            color: #302C2C;
            border-bottom: 1px solid #302C2C;
        }
        .page_nav a:hover{
            color: #a9a8a8;
            border-bottom: 1px solid #a9a8a8;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all  0.5s ease-in-out;
        }
    .external-link h2{
        display: inline-block;
        background:url(images/icon-link.png);
        background-size: 14px 14px;
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px; 
    }
    .posted-date{
        display: block;
    }


/* home
------------------------------------------------------------------------- */
.news-index{
}

    .news-index ul li{
        border-bottom: 1px solid #a9a8a8;
        padding-bottom: 12px;
        margin-bottom: 43px;
    }
    .news-index ul li:last-child{
        border-bottom: 1px solid #a9a8a8;
        padding-bottom: 19px;
        margin-bottom: 0px;
    }
        .news-index h2{
            font-size: 11px;
        }
        .news-index p{
            font-size: 11px;
            margin: 0;
            padding: 0;
            line-height: 2;
        }
        .news-index p{
            display: block;
            margin-top: 24px;
        }

        .news-index p a {
            color: #ff0000;
        }
            .news-index a:hover h2{
                color:#a9a8a8;;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                transition: all  0.2s ease-in-out;
            }
            .news-index a:hover{
                color:#a9a8a8;;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                transition: all  0.2s ease-in-out;
            }
        .news-index .posted-date{
            font-size: 11px;
            color: #a9a8a8;
            text-align: right;
        }

/* Reborn
------------------------------------------------------------------------- */
.reborn_bg{
    width:100%;
    height: 100vh;
    position: fixed;
    background-image: url(images/shiga_reborn.jpg);
    background-position: center center;
    background-size: cover;
    top:0;
    left: 0;
    z-index: -1;
}
.inner.reborn{
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body.page-template-pages-reborn h2 a,
body.page-template-pages-reborn h2 a:link,
body.page-template-pages-reborn h2 a:hover,
body.page-template-pages-reborn h2 a:visited{
    color:rgba(255,0,0,1) !important;
}
body.page-template-pages-reborn h2{
    font-weight: 700;
    text-shadow: 0 0 4px rgba(0,0,0,0.0);
}
body.page-template-pages-reborn #ls-header{
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 2;
    background-color: transparent;
    position: relative;
}
.information-event{
    margin: 43px 0;
    color:rgba(255,255,255,1) !important;
}
.information-event ul li{
    margin: 0px 0 43px;
    padding: 0 0 43px;
}
.news-index.information-event ul li:last-child {
    padding: 0 0 43px;
    margin-bottom: 0px;
}
body.page-template-pages-reborn #ls-header h1.title a:link,
body.page-template-pages-reborn #ls-header h1.title a:visited{
    color: #FFFFFF;
}

    body.page-template-pages-reborn #ls-header .menu-trigger span{
        background-color: #FFFFFF;
    }
    body.page-template-pages-reborn #smp-nav ul{
        border-top: 1px solid #FFFFFF;
        margin-top: 24px;
    }
    body.page-template-pages-reborn #smp-nav ul li{
        background-color: rgba(0,32,92,0.8);;
    }
    body.page-template-pages-reborn #smp-nav ul li a{
        border-bottom: 1px solid #FFFFFF;
        display: block;
        padding: 12px 18px;
        color: #FFFFFF;
    }
    body.page-template-pages-reborn #ls-footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 0;
        display: none;
    }
    body.page-template-pages-reborn a:link,
    body.page-template-pages-reborn a:visited,
    body.page-template-pages-reborn #ls-header li.contact a.plain:link,
    body.page-template-pages-rebornm #ls-header li.contact a.plain:visited,
    body.page-template-pages-reborn #ls-header li.contact a.plain:hover{
        color: #FFFFFF !important;
    }
    body.page-template-pages-reborn .info p{
        color: #FFFFFF !important;
        padding: 0 18px;
        line-height: 171.4%;
    }
    body.page-template-pages-reborn .info{
        position: absolute;
        bottom: 28px;
        left: 28px;
        width: 100%;
    }

    .reborninfo h2{
        font-size: 36px;
        line-height: 171.4%;
        padding: 0 0px;
        letter-spacing: 0.1ex;
    }

/* IBPE
------------------------------------------------------------------------- */
.ibpe-logo {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%)translateX(-0%);
    height: auto;
    width: 30vh;
    z-index: 1;
}
.ibpe-logo img {
    display: block;
    width: 100%;
}
.ibpe-logo a {
    display: block;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
}

.bgimage_ibpe{
    width:100%;
    height: 100vh;
    position: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top:0;
    left: 0;
    z-index: -1;
}
.bgimage_ibpe-bk {
    background-color: #0f0100;
    width:100%;
    height: 100vh;
    position: fixed;
    top:0;
    left: 0;
    z-index: -2;
}

.ibpe-link-store a{
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    left:0;
    top: 0;
}
.ibpe-link-store-001 {
    background-color:rgba(255,255,255,0.0);
    padding-top: 10%;
    position: absolute;
    height: auto;
    width: 30vw;
    left: 15%;
    top: 33%;
}
.ibpe-link-store-002 {
    background-color:rgba(255,255,255,0.0);
    padding-top: 10%;
    position: absolute;
    height: auto;
    width: 30vw;
    left: 15%;
    top: 60%;
}

.ibpe-btn-store {
    color: #FFF !important;
    display: inline-block;
    font-size: 32px !important;
    letter-spacing: 0.1ex;
    font-family: 'Noto Sans KR', sans-serif;
    transform: rotate(-0deg);
    z-index: 2;
}

.ibpe-btn-store-kaseinoniwa {
    position: absolute;
    right: 45%;
    top: 40%;
}

.ibpe-btn-store-magellan {
    position: absolute;
    right: 45%;
    top: 60%;
}

.bgimage_ibpe.bgimage_ibpe001{
    background-image: url(images/ibpe/001.jpg);
}
.bgimage_ibpe.bgimage_ibpe002{
    background-image: url(images/ibpe/002.jpg);
}
.bgimage_ibpe.bgimage_ibpe003{
    background-image: url(images/ibpe/003.jpg);
}
.bgimage_ibpe.bgimage_ibpe004{
    background-image: url(images/ibpe/004-y.jpg);
}
.bgimage_ibpe.bgimage_ibpe004.bgimage_ibpe004-en{
    background-image: url(images/ibpe/004-en.jpg);
}
.bgimage_ibpe.bgimage_ibpe005{
    background-image: url(images/ibpe/005.jpg);
}
.bgimage_ibpe.bgimage_ibpe006{
    background-image: url(images/ibpe/006-y.jpg);
}
.bgimage_ibpe.bgimage_ibpe006.bgimage_ibpe006-en{
    background-image: url(images/ibpe/006-en.jpg);
}
.bgimage_ibpe.bgimage_ibpe007{
    background-image: url(images/ibpe/007.jpg);
}
.bgimage_ibpe.bgimage_ibpe007.bgimage_ibpe007-en{
    background-image: url(images/ibpe/007-en.jpg);
}
.bgimage_ibpe.bgimage_ibpe008{
    background-image: url(images/ibpe/008.jpg);
}
.bgimage_ibpe.bgimage_ibpe008.bgimage_ibpe008-en{
    background-image: url(images/ibpe/008-en.jpg);
}
.bgimage_ibpe.bgimage_ibpe009{
    background-image: url(images/ibpe/009.jpg);
}
.bgimage_ibpe.bgimage_ibpe009.bgimage_ibpe009-en{
    background-image: url(images/ibpe/009-en.jpg);
}
.bgimage_ibpe.bgimage_ibpe010{
    background-image: url(images/ibpe/010.jpg);
    background-position: center center;
}
.bgimage_ibpe.bgimage_ibpe010.bgimage_ibpe010-en{
    background-image: url(images/ibpe/010-en.jpg);
    background-position: center center;
}

@media screen and (max-width: 768px) {
    .bgimage_ibpe.bgimage_ibpe004{
        background-image: url(images/ibpe/004.jpg);
        background-size: 120vw auto;
    }
    .bgimage_ibpe.bgimage_ibpe006{
        background-image: url(images/ibpe/006.jpg);
        background-position: left center;
        background-size: 150vw auto;
    }
    .bgimage_ibpe.bgimage_ibpe007{
        background-position: center top;
    }
    .bgimage_ibpe.bgimage_ibpe008{
        background-position: left top;
    }
    .bgimage_ibpe.bgimage_ibpe010{
        background-position: right center;
    }
    .ibpe-link-store-001 {
        padding-top: 20%;
        position: absolute;
        height: auto;
        width: 100vw;
        left: 0%;
        top: 33%;
    }
    .ibpe-link-store-002 {
        padding-top: 20%;
        position: absolute;
        height: auto;
        width: 100vw;
        left: 0%;
        top: 47%;
    }
}

.ibpe-link-back {
    color: #1414c8 !important;
    display: block;
    font-size: 48px !important;
    left: 30px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%)translateX(-0%);
    display: none;
}

body.page-template-pages-2021ibpe header #gb_nav,
body.page-template-pages-2021ibpe footer,
body.page-template-pages-2021ibpe002 header #gb_nav,
body.page-template-pages-2021ibpe002 footer,
body.page-template-pages-2021ibpe003 header #gb_nav,
body.page-template-pages-2021ibpe003 footer,
body.page-template-pages-2021ibpe004 header #gb_nav,
body.page-template-pages-2021ibpe004 footer,
body.page-template-pages-2021ibpe005 header #gb_nav,
body.page-template-pages-2021ibpe005 footer,
body.page-template-pages-2021ibpe006 header #gb_nav,
body.page-template-pages-2021ibpe006 footer,
body.page-template-pages-2021ibpe007 header #gb_nav,
body.page-template-pages-2021ibpe007 footer,
body.page-template-pages-2021ibpe008 header #gb_nav,
body.page-template-pages-2021ibpe008 footer,
body.page-template-pages-2021ibpe009 header #gb_nav,
body.page-template-pages-2021ibpe009 footer,
body.page-template-pages-2021ibpe010 header #gb_nav,
body.page-template-pages-2021ibpe010 footer,
body.page-template-pages-enibpe header #gb_nav,
body.page-template-pages-enibpe footer,
body.page-template-pages-enibpe002 header #gb_nav,
body.page-template-pages-enibpe002 footer,
body.page-template-pages-enibpe003 header #gb_nav,
body.page-template-pages-enibpe003 footer,
body.page-template-pages-enibpe004 header #gb_nav,
body.page-template-pages-enibpe004 footer,
body.page-template-pages-enibpe005 header #gb_nav,
body.page-template-pages-enibpe005 footer,
body.page-template-pages-enibpe006 header #gb_nav,
body.page-template-pages-enibpe006 footer,
body.page-template-pages-enibpe007 header #gb_nav,
body.page-template-pages-enibpe007 footer,
body.page-template-pages-enibpe008 header #gb_nav,
body.page-template-pages-enibpe008 footer,
body.page-template-pages-enibpe009 header #gb_nav,
body.page-template-pages-enibpe009 footer,
body.page-template-pages-enibpe010 header #gb_nav,
body.page-template-pages-enibpe010 footer,
body.page-template-pages-ibpe header #gb_nav,
body.page-template-pages-ibpe footer,
body.page-template-pages-ibpe002 header #gb_nav,
body.page-template-pages-ibpe002 footer,
body.page-template-pages-ibpe003 header #gb_nav,
body.page-template-pages-ibpe003 footer,
body.page-template-pages-ibpe004 header #gb_nav,
body.page-template-pages-ibpe004 footer,
body.page-template-pages-ibpe005 header #gb_nav,
body.page-template-pages-ibpe005 footer,
body.page-template-pages-ibpe006 header #gb_nav,
body.page-template-pages-ibpe006 footer,
body.page-template-pages-ibpe007 header #gb_nav,
body.page-template-pages-ibpe007 footer,
body.page-template-pages-ibpe008 header #gb_nav,
body.page-template-pages-ibpe008 footer,
body.page-template-pages-ibpe009 header #gb_nav,
body.page-template-pages-ibpe009 footer,
body.page-template-pages-ibpe010 header #gb_nav,
body.page-template-pages-ibpe010 footer {
    display: none;
}

body.page-template-pages-2021ibpe header a,
body.page-template-pages-2021ibpe002 header a,
body.page-template-pages-2021ibpe003 header a,
body.page-template-pages-2021ibpe004 header a,
body.page-template-pages-2021ibpe005 header a,
body.page-template-pages-2021ibpe006 header a,
body.page-template-pages-2021ibpe007 header a,
body.page-template-pages-2021ibpe008 header a,
body.page-template-pages-2021ibpe009 header a,
body.page-template-pages-2021ibpe010 header a,
body.page-template-pages-enibpe header a,
body.page-template-pages-enibpe002 header a,
body.page-template-pages-enibpe003 header a,
body.page-template-pages-enibpe004 header a,
body.page-template-pages-enibpe005 header a,
body.page-template-pages-enibpe006 header a,
body.page-template-pages-enibpe007 header a,
body.page-template-pages-enibpe008 header a,
body.page-template-pages-enibpe009 header a,
body.page-template-pages-enibpe010 header a,
body.page-template-pages-ibpe header a,
body.page-template-pages-ibpe002 header a,
body.page-template-pages-ibpe003 header a,
body.page-template-pages-ibpe004 header a,
body.page-template-pages-ibpe005 header a,
body.page-template-pages-ibpe006 header a,
body.page-template-pages-ibpe007 header a,
body.page-template-pages-ibpe008 header a,
body.page-template-pages-ibpe009 header a,
body.page-template-pages-ibpe010 header a {
    color: #1414c8 !important;
}

.ibpe-lang {
    position: absolute;
    right: 32px;
    top: 38px;
    z-index: 100;
}

.ibpe-lang ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
}

.ibpe-lang ul li{
    display: inline-block;
    padding: 0 12px;
}
.ibpe-lang ul li a {
    color: #1414c8 !important;
}
    .ibpe-lang ul li a.active {
        padding-bottom: 4px;
        border-bottom: 2px solid;
    }

.ibpe-lang a {
   color: #1414c8 !important;
}

.ibpe-text-center {
    color: #FFFFFF;
    display: block;
    position: absolute;
    width: 100%;
    padding: 0 340px 0 60px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-0%, -50%);
   transform: translate(-0%, -50%);
    box-sizing: border-box;
}

.ibpe-text-top {
    color: #b60022;
    display: block;
    position: absolute;
    width: 100%;
    padding: 38PX 270px 0;
    left: 0;
    top: 0px;
    box-sizing: border-box;
    text-align: center;
}
.ibpe-text-bottom {
    color: #b60022;
    display: block;
    position: absolute;
    width: 100%;
    padding: 0PX 270px 38px;
    left: 0;
    bottom: 0px;
    box-sizing: border-box;
    text-align: center;
}
.ibpe-text-bottom a {
    color: #b60022;
    border-bottom: 1px solid #b60022;
}
.ibpe-text-bottom p{
    font-size: 24px;
}
.ibpe-text-top p{
    font-size: 24px;
}

.ibpe-text-center p {
    font-size: 16px;
}
.ibpe-text-center p a {
    color: #FFFFFF;
    font-size: 24px;
}

.ibpe-text-center p a.shop-link {
    color: #FFFFFF;
    font-size: 16px;
    border-bottom: 1px solid #FFFFFF;
}


@media screen and (max-width: 768px) {
    .ibpe-lang {
        position: absolute;
        right: auto;
        top: 72px;
        left: 12px;
    }
   .ibpe-text-center {
        position: relative;
        width: 100%;
        padding: 120px 15px 79px 15px;
        left: auto;
        top: auto;
        -webkit-transform: translate(-0%, -0%);
       transform: translate(-0%, -0%);
        box-sizing: border-box;
    }
    .ibpe-lang ul {
        font-size: 18px;
    }
    .ibpe-lang ul li{
        padding: 0 6px;
    }

    .ibpe-text-top {
        color: #b60022;
        font-weight: bold;
        display: block;
        position: absolute;
        width: 100%;
        padding: 200px 20px 0;
        left: 0;
        top: 0px;
        box-sizing: border-box;
        text-align: center;
        z-index:1;
    }
    .ibpe-text-bottom {
        color: #b60022;
        font-weight: bold;
        position: absolute;
        width: 100%;
        padding: 0PX 20px 48px;
        left: 0;
        bottom: 0px;
        box-sizing: border-box;
        text-align: center;
        z-index:1;
    }
    body.page-template-pages-enibpe007 #ls-header {
        z-index:1;
    }
    body.page-template-pages-enibpe007 .bgimage_ibpe-bk {
        background-color: rgba(0,0,0,0.4);
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index:0;
    }
}

.opercity-clear {
    opacity: 0;
}
.ibpe-btn-top {
    background-color:rgba(255,255,255,1);
    display: block;
    line-height: 1;
    padding: 5px 15px;
    position: fixed;
    width: 100vw;
}
.ibpe-btn-top i {
    color: #1414c8 !important;
    font-size: 24px !important;
    line-height: 1;
}

    .ibpe-mobile-nav {
        background-color:rgba(0,0,0,0.0);
        bottom: 0px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        left: 0px;
        padding: 15px 15px 15px;
        position: fixed;
        width: 100vw;
    }
    .ibpe-mobile-nav a {
        display: inline-block;
        line-height: 1;
    }
    .ibpe-mobile-nav a i{
        color: #1414c8 !important;
        font-size: 32px !important;
    }
    a.ibpe-btn-home {
        display: inline-block;
        padding-top: 2px;
    }
    a.ibpe-btn-home img{
        display: block;
        height: 32px;
        width: auto;
    }

@media screen and (max-width: 768px) {
    .ibpe-logo {
        position: fixed;
        right: 15px;
        top: 25px;
        transform: translateY(-0%)translateX(-0%);
        height: auto;
        width: 120px;
    }
    .ibpe-link-back {
        display: none;
    }
    .ibpe-mobile-nav {
        background-color:rgba(0,0,0,0.6);
        bottom: 0px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        left: 0px;
        padding: 15px 15px 15px;
        position: fixed;
        width: 100vw;
    }
    .ibpe-mobile-nav a {
        display: inline-block;
        line-height: 1;
    }
    .ibpe-mobile-nav a i{
        color: #1414c8 !important;
        font-size: 32px !important;
    }
    a.ibpe-btn-home {
        display: inline-block;
        padding-top: 2px;
    }
    a.ibpe-btn-home img{
        display: block;
        height: 32px;
        width: auto;
    }
    .ibpe-btn-store-kaseinoniwa {
        position: absolute;
        right: 15%;
        top: 37%;
    }

    .ibpe-btn-store-magellan {
        position: absolute;
        right: 15%;
        top: 48%;
    }
    body.page-template-pages-ibpe .menu-trigger,
    body.page-template-pages-ibpe002 .menu-trigger,
    body.page-template-pages-ibpe003 .menu-trigger,
    body.page-template-pages-ibpe004 .menu-trigger,
    body.page-template-pages-ibpe005 .menu-trigger,
    body.page-template-pages-ibpe006 .menu-trigger,
    body.page-template-pages-ibpe007 .menu-trigger,
    body.page-template-pages-ibpe008 .menu-trigger,
    body.page-template-pages-ibpe009 .menu-trigger,
    body.page-template-pages-ibpe010 .menu-trigger {
        display: none;
    }
}

/* Open Studio
------------------------------------------------------------------------- */

.sec-header {
    padding: 48px 0 24px;
}

.os-list-images ul li{
    padding-bottom: 8px;
}

.os-list-images ul li img{
    display: block;
    width: 100%;
    height: auto;
}
.os-content {
    padding-top: 24px;
}

.en-only{
   display: block; 
}
.ja-only{
   display: none; 
}

.lang-ja .en-only{
   display: none; 
}
.lang-ja .ja-only{
   display: block; 
}

.jaen-only.sub-title,
.ja-only.sub-title,
.en-only.sub-title {
    color: #a9a8a8;
}

.cuation {
    color: #FF0000;
    font-size: 9px;
}

.more-btn.lang-change {
    font-size: 13px;
    color: #302C2C;
    border-bottom: 1px solid #302C2C;
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 0px;
    z-index: 999;
}

.sec-lang .inner {
    overflow:visible;
}

.prof,
.program {
    padding-top: 24px;
}

.movie {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    margin-bottom: 24px;
}

.movie iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media screen and (max-width: 650px){
    .sec-lang .inner{
        padding-top: 48px;
    }

    .more-btn.lang-change {
        right: 18px;
        top: 18px;
    }

}

/* Bg-image
------------------------------------------------------------------------- */
.bgimage_bg{
    width:100%;
    height: 100vh;
    position: fixed;
    background-image: url(images/202005.jpg);
    background-position: center center;
    background-size: cover;
    top:0;
    left: 0;
    z-index: -1;
}
.inner.bgimag{
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body.page-template-pages-bgimage h2 a,
body.page-template-pages-bgimage h2 a:link,
body.page-template-pages-bgimage h2 a:hover,
body.page-template-pages-bgimage h2 a:visited {
    color:rgba(255,0,0,1) !important;
}
body.page-template-pages-bgimage h2{
    font-weight: 700;
    text-shadow: 0 0 4px rgba(0,0,0,0.0);
}
body.page-template-pages-bgimage #ls-header{
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 2;
    background-color: transparent;
    position: relative;
}

body.page-template-pages-bgimage #ls-header h1.title a:link,
body.page-template-pages-bgimage #ls-header h1.title a:visited{
    color: #FFFFFF;
}

    body.page-template-pages-bgimage #ls-header .menu-trigger span{
        background-color: #FFFFFF;
    }
    body.page-template-pages-bgimage #smp-nav-test ul{
        border-top: 1px solid #FFFFFF;
        margin-top: 24px;
    }
    body.page-template-pages-bgimage #smp-nav-test ul li{
        background-color: rgba(0,32,92,0.8);
    }
    body.page-template-pages-bgimage #smp-nav ul li a{
        border-bottom: 1px solid#000000;
        display: block;
        padding: 12px 18px;
        color: #000000;
    }
    body.page-template-pages-bgimage #ls-footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 0;
        display: none;
    }
    body.page-template-pages-bgimage a:link,
    body.page-template-pages-bgimage a:visited {
        color: #FFFFFF !important;
    }

    body.page-template-pages-bgimage .info p{
        color: #FFFFFF !important;
        padding: 0 18px;
        line-height: 171.4%;
    }
    body.page-template-pages-bgimage .info{
        position: absolute;
        bottom: 28px;
        left: 28px;
        width: 100%;
    }

    .bgimage h2{
        font-size: 36px;
        line-height: 171.4%;
        padding: 0 0px;
        letter-spacing: 0.1ex;
    }

/* TOP
------------------------------------------------------------------------- */
.tomuseum_bg{
    width:100%;
    height: 100vh;
    position: fixed;
    background-image: url(images/shiga_tomuseum.jpg);
    background-position: center center;
    background-size: cover;
    top:0;
    left: 0;
    z-index: -1;
}
.inner.tomuseum{
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.tomuseum,
body.page-template-pages-topmuseum h2 a,
body.page-template-pages-topmuseum h2 a:link,
body.page-template-pages-topmuseum h2 a:hover,
body.page-template-pages-topmuseum h2 a:visited{
    color:rgba(255,0,0,1) !important;
}
body.page-template-pages-topmuseum h2{
    font-weight: 700;
    text-shadow: 0 0 4px rgba(0,0,0,0.0);
}
body.page-template-pages-topmuseum #ls-header{
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 2;
    background-color: transparent;
    position: relative;
}
.information-event{
    margin: 43px 0;
    color:rgba(255,255,255,1) !important;
}
.information-event ul li{
    margin: 0px 0 43px;
    padding: 0 0 43px;
}
.news-index.information-event ul li:last-child {
    padding: 0 0 43px;
    margin-bottom: 0px;
}
body.page-template-pages-topmuseum #ls-header h1.title a:link,
body.page-template-pages-topmuseum #ls-header h1.title a:visited{
    color: #FFFFFF;
}

    body.page-template-pages-topmuseum #ls-header .menu-trigger span{
        background-color: #FFFFFF;
    }
    body.page-template-pages-topmuseum #smp-nav ul{
        border-top: 1px solid #FFFFFF;
        margin-top: 24px;
    }
    body.page-template-pages-topmuseum #smp-nav ul li{
        background-color: rgba(0,32,92,0.8);;
    }
    body.page-template-pages-topmuseum #smp-nav ul li a{
        border-bottom: 1px solid #FFFFFF;
        display: block;
        padding: 12px 18px;
        color: #FFFFFF;
    }
    body.page-template-pages-topmuseum #ls-footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 0;
        display: none;
    }
    body.page-template-pages-topmuseum a:link,
    body.page-template-pages-topmuseum a:visited,
    body.page-template-pages-topmuseum #ls-header li.contact a.plain:link,
    body.page-template-pages-topmuseum #ls-header li.contact a.plain:visited,
    body.page-template-pages-topmuseum #ls-header li.contact a.plain:hover{
        color: #FFFFFF !important;
    }
    body.page-template-pages-topmuseum .info p{
        color: #FFFFFF !important;
        padding: 0 18px;
        line-height: 171.4%;
    }
    body.page-template-pages-topmuseum .info{
        position: absolute;
        bottom: 28px;
        left: 28px;
        width: 100%;
    }

    .topinfo h2{
        font-size: 36px;
        line-height: 171.4%;
        padding: 0 0px;
        letter-spacing: 0.1ex;
    }


.ibpe-link {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 48px 48px;
    text-align: center;
    z-index: 2;
    font-size: 24px;
    font-weight: bold;
}
    body.page-template-pages-bgimage .ibpe-link a:link,
    body.page-template-pages-bgimage .ibpe-link a:visited,
    body.page-template-pages-bgimage .ibpe-link a:hover{
        color: #1414c8 !important;
    }

.ibpe-link-img {
    position: fixed;
    width: 400px;
    bottom: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}
    .ibpe-link-img img {
        display: block;
        width: 100%;
    }
    .ibpe-link-img a {
        display: block;
    }

/* MIMOCA
------------------------------------------------------------------------- */
.mimoca_bg{
    width:100%;
    height: 100vh;
    position: fixed;
    background-image: url(images/shiga_mimoca.jpg);
    background-position: center center;
    background-size: cover;
    top:0;
    left: 0;
    z-index: -1;
}
body.page-template-pages-mimoca #ls-header{
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 2;
    background-color: transparent;
    position: relative;
}

body.page-template-pages-mimoca #ls-header h1.title a:link,
body.page-template-pages-mimoca #ls-header h1.title a:visited{
    color: #FFFFFF;
}

    body.page-template-pages-mimoca #ls-header .menu-trigger span{
        background-color: #FFFFFF;
    }
    body.page-template-pages-mimoca #smp-nav ul{
        border-top: 1px solid #FFFFFF;
        margin-top: 24px;
    }
    body.page-template-pages-mimoca #smp-nav ul li{
        background-color: rgba(0,0,0,0.6);;
    }
    body.page-template-pages-mimoca #smp-nav ul li a{
        border-bottom: 1px solid #FFFFFF;
        display: block;
        padding: 12px 18px;
        color: #FFFFFF;
    }
    body.page-template-pages-mimoca #ls-footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 0;
        display: none;
    }
    body.page-template-pages-mimoca a:link,
    body.page-template-pages-mimoca a:visited,
    body.page-template-pages-mimoca #ls-header li.contact a.plain:link,
    body.page-template-pages-mimoca #ls-header li.contact a.plain:visited,
    body.page-template-pages-mimoca #ls-header li.contact a.plain:hover{
        color: #FFFFFF !important;
    }
    body.page-template-pages-mimoca .info p{
        color: #FFFFFF !important;
        padding: 0 18px;
        line-height: 171.4%;
    }
    body.page-template-pages-mimoca .info{
        position: absolute;
        bottom: 28px;
        left: 28px;
        width: 100%;
    }

    body.page-template-pages-mimoca .info-event{
        position: absolute;
        top: 50%;
        left: 28px;
        width: 80%;
        margin-top: -185px;
    }
    body.page-template-pages-mimoca .info-event p{
        font-size: 20px;
        line-height: 171.4%;
        padding: 0 18px;
        letter-spacing: 0.1ex;
    }
    body.page-template-pages-mimoca .info-event p a{
        color: #87051b !important;
        cursor: pointer;
    }
    body.page-template-pages-mimoca .info-event p a:hover{
        opacity: 0.6;
    }

/* nakahira */
.nakahira{
    position: fixed;
    right: 0;
    width: 15%;
    height: 100vh;
    background: url(/assets/nakahira.jpg);
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}
a.nakahira{
    position: fixed;
    right: 0;
    width: 15%;
    height: 100vh;
    background: url(/assets/nakahira.jpg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

/* works
------------------------------------------------------------------------- */
.works-slide h2{
}
    .works-slide h3{
        margin-top: 24px;
    }
.works-slide-text{
    position: relative;
}
    .more-content,
    .less-content{
        position: absolute;
        top: 24px;
    }
    .more-content,
    .less-content{
        position: relative;
        top: 0px;
        margin-top: 24px;
    }
        .less-content{
        }
    .works-slide img{
        width: inherit;
        max-width: 100%;
        height: auto;
    }
.bx-wrapper {
    padding-top: 60px;
    position: relative;
}
.bx-controls {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.more-btn{
    font-size: 13px;
    color: #302C2C;
    border-bottom: 1px solid #302C2C;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}

    a.more-btn:hover{
        color: #a9a8a8;
        border-bottom: 1px solid #a9a8a8;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all  0.5s ease-in-out;
    }
.more-content{
    display: none;
}
#moreinfo-content-visible{
    padding-top: 13px;
}
.bx-controls-direction{
    float: left;
    position: relative;
    padding-top: 12px;
    line-height: 100%;
}
    .bx-controls-direction a:link,
    .bx-controls-direction a:visited{
        color: #302C2C;
        font-size: 11px;
        border-bottom: 1px solid #302C2C;
        float: left;
        margin: 0 24px 0 0;
        position: relative;
    }
        .bx-controls-direction a:hover{
            color: #a9a8a8;
            border-bottom: 1px solid #a9a8a8;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all  0.5s ease-in-out;
        }
.remarks{
    color: #a9a8a8;
    font-size: 11px;
    display: block;
    text-align: right;
}
.works-infomration{
    clear: both;
    padding-top: 12px;
    text-align: center;
}
    .works-infomration a{
        font-size: 11px;
    }
    #moreinfo{
        color: #a9a8a8;
        font-size: 13px;
        cursor: pointer;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #moreinfo:hover{
        color: #302C2C;
        -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all  0.5s ease-in-out;
    }

/* publication
------------------------------------------------------------------------- */
.publication-infomration{
    clear: both;
    padding-top: 12px;
}
    .publication-infomration a{
        font-size: 11px;
    }
    .publication-slide img{
        width: inherit;
        max-width: 100%;
        height: auto;
    }
    .paypal-area{
        background-color: #E5E5E5;
        font-size: 11px;
        min-height:111px;
        padding: 24px 24px 24px 24px;
        position: relative;
        overflow: hidden;
    }
    .paypal-area .less-content {
        position: relative;
        top: auto;
    }
    .single-page .paypal-area h2,.paypal-area p{
        margin-bottom: 0px;
    }
    .paypal-area form{
        margin: 12px 0;
    }
    .paypal-area .more-btn {
        right: 24px;
        top: 24px;
    }



/* biography
------------------------------------------------------------------------- */
.bio-archive h2{
    font-size: 15px;
}
    .bio-archive .more-btn {
        right: 48px;
        top: 0;
    }
.prof-articles{
    text-align: left;
    font-size: 11px;
    margin-top: 48px;
}
    .prof-articles h2{
        text-align: left;
        font-size: 11px;
        margin-bottom: 24px;
        border-bottom: 1px solid #a9a8a8;
    }
.prof-articles table{
    width: 100%;
}
    .prof-articles td{
        vertical-align: top;
        padding-bottom: 6px;
    }
    .prof-articles td.year{
        width: 10%;
    }
    .bio-archive .more-content,
    .bio-archive .less-content{
        position: relative;
        top: auto;
    }

/* single
------------------------------------------------------------------------- */
.single-page h2{
    margin-bottom: 24px;
}
    .single-page p a:link,
    .single-page p a:visited{
        border-bottom: 1px dotted;
    }
        .single-page p a:hover{
            color: #a9a8a8;
            border-bottom: 1px dotted;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all  0.2s ease-in-out;
        }
    .single-page p img{
        width: inherit;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

/* footer
------------------------------------------------------------------------- */
#ls-footer{
    color: #a9a8a8;
    text-align: left;
    font-size: 11px;
    padding: 40px 0 40px;
}
#pagetop{
    position: fixed;
    right: 48px;
    bottom: 24px;
}
#pagetop{
    position: fixed;
    right: 48px;
    bottom: 24px;
    border-bottom: 1px solid;
}

#pagetop span:hover{
    opacity: 0.6;
}

/* contactform
------------------------------------------------------------------------- */
.wpcf7-form p{
    margin-bottom: 24px;
    font-size: 11px;
}
    .wpcf7-form p.submit{
        margin-bottom: 0px;
    }
#main input.wpcf7-form-control{
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
    position: relative;
    border: 1px solid #a9a8a8;
    height: 24px;
    width:50%;
    margin-top:6px;
    color: #302C2C;
    font-size: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
#main input.wpcf7-submit:hover{
    position: relative;
    border: 1px solid #302C2C;
    background-color: #302C2C;
    height: 24px;
    width:50%;
    margin-top:6px;
    color:#FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all  0.2s ease-in-out;
}

textarea.wpcf7-form-control{
    position: relative;
    border: 1px solid #a9a8a8;
    width:80%;
    margin-top:17px;
    font-size:13px;
    line-height:120%;
    margin-top:6px;
    color:#a9a8a8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#main .wpcf7-not-valid-tip{
    padding-top: 12px;
}

#main div.wpcf7-validation-errors {
    border: 0px solid #f7e700;
}
#main div.wpcf7-response-output {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}



/*===============================================
breakpoint:768
===============================================*/
@media screen and (max-width: 768px){
    #ls-header h1.title {

    }
    .more-content, .less-content {
        position: relative;
        top: auto;
    }
    .paypal-area .more-content {
        position: absolute;
    }
    #ls-header nav#gb_nav ul li:first-child {
    }
    .works-slide{
        margin-bottom: 24px;
    }
    .remarks {
        text-align: left;
    }
    #ls-footer {
        padding: 24px 0;
    }
    a.nakahira{
        position: fixed;
        right: 0;
        width: 100%;
        height: 0;
        bottom: 0;
        padding-bottom: 21.96%;
        background: url(/assets/smp.jpg);
        background-position: right center;
        background-size: contain;
        background-repeat: no-repeat;
        display: none;
    }
    body.page-template-pages-mimoca .info p,
    body.home .info p{
        color: #FFFFFF !important;
        padding: 0 18px;
        line-height: 171.4%;
    }
    body.page-template-pages-mimoca .info,
    body.home .info{
        position: absolute;
        bottom: 60px;
        margin-bottom:0px;
        left: 0;
    }
    body.page-template-pages-mimoca .info-event,
    body.home .info-event{
        position: absolute;
        top: 90px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
    }
    body.page-template-pages-mimoca .info-event p,
    body.home .info-event p{
        font-size: 13px;
        line-height: 171.4%;
        padding: 0 18px;
        letter-spacing: 0.1ex;
        font-weight: bold;
    }
    .topinfo h2{
        font-size: 24px;
        line-height: 171.4%;
        padding: 0 0px;
        letter-spacing: 0.1ex;
    }
    .reborninfo h2{
        font-size: 24px;
        line-height: 171.4%;
        padding: 0 0px;
        letter-spacing: 0.1ex;
    }
}

/*===============================================
breakpoint:600
===============================================*/
@media screen and (max-width: 650px){

    .smp_only{
        display: block;
    }
    body.archive #ls-header, body.error404 #ls-header, body.page-template #ls-header,body.single #ls-header,body.home #ls-header{
        margin-bottom: 24px;
        margin-top: 24px;
    }
    .external-link h2 {
        background:none;
        display: block;
        padding-right: 0px;
    }
    #ls-header{
        position: relative;
    }
        #ls-header .inner{
            overflow: hidden;
            height: 30px;
        }
        #ls-header h1.home-title{
            text-align: center;
        }
        #ls-header h1.title {
            display: inline-block;
            float: left;
            font-size: 24px;
            letter-spacing: 0.1ex;
        }

            .button-toggle span{
                display: none;
            }
        #smp-nav{
            position: absolute;
            width: 100%;
            z-index: 9999;
            display: none;
        }
        #smp-nav ul{
            border-top: 1px solid #000;
            margin-top: 24px;
        }
            #smp-nav ul li{
                background:rgba(0,0,0,0.8);
            }
                #smp-nav ul li a{
                    display: block;
                    padding: 12px 18px;
                    border-bottom: 1px solid #000;
                }
    .menu-trigger {
        position: absolute;
        display: block;
        width: 30px;
        height: 16px;
        right: 18px;
        top:5px;
        z-index: 100;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000000;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 7px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active {
        position: absolute;
        display: block;
        width: 30px;
        height: 15px;
        z-index: 100;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-30deg);
        transform: translateY(7px) rotate(-30deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(30deg);
        transform: translateY(-7px) rotate(30deg);
    }

    nav#gb_nav{
        display: none;
    }
    .inner {
        padding: 0 18px;
    }
    .list-article {
        display: block;
        overflow: hidden;
    }
        .wrapper-archive ul li a:hover{
            background-color: transparent;
            -webkit-transition: all 0s ease-in-out;
            -moz-transition: all 0s ease-in-out;
            -o-transition: all 0s ease-in-out;
            -ms-transition: all 0s ease-in-out;
            transition: all 0s ease-in-out;
        }
        .wrapper-archive ul li figure {
            float: left;
            line-height: 0;
            margin-right: 24px;
            width: 50%;
        }
        .wrapper-archive ul li figure img {
            height: auto;
            width: 100%;
        }
        .list-article-information{
            padding-top: 24px;
            padding-right: 0px;
        }
            .list-article-information p{
                display: none;
            }
    #main input.wpcf7-form-control{
        width:100%;
    }
    #main input.wpcf7-submit:hover{
        width:100%;
    }

    textarea.wpcf7-form-control{
        width:100%;
    }
    #pagetop{
        position: fixed;
        right: 18px;
        bottom: 10px;
        border-bottom: 1px solid;
    }
    a.active-wh {
        color: #FFFFFF !important;
    }

    .ibpe-link {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 24px 24px;
        text-align: left;
        z-index: 2;
        font-size: 24px;
        font-weight: bold;
        line-height: 150%;
    }

    .ibpe-link-img {
        position: fixed;
        width: 240px;
        bottom: 0;
        right: 0;
        text-align: center;
        z-index: 1;
    }

}

/*===============================================
breakpoint:414
===============================================*/
@media screen and (max-width: 414px){
    .wrapper-archive ul li figure {
        float: left;
        line-height: 0;
        margin-right: 0px;
        width: 100%;
    }
    .list-article-information {
        padding-right: 0;
        padding-top: 12px;
    }
        .list-article-information .posted-date {
            margin: 0px 0;
        }
        .list-article-information p {
            display: block;
        }
    li.post {
        margin-bottom: 18px;
        padding-bottom: 15px;
        border-bottom: 1px solid #a9a8a8;
    }
    .bio-archive .more-btn {
        right: 18px;
        top: 0;
    }
    .works-slide h3 {
        margin: 24px 0;
    }
    .more-btn {
        right: 18px;
        top: 0;
    }
}

/*===============================================
breakpoint:414
===============================================*/
@media screen and (max-width: 320px){
    body.home .info{
        display: none;
    }
}