@charset "utf-8";

/**
 * Setup
 */
*, *:before, *:after { -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 { font-family: 'Yu Gothic', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif; color: #333;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a { display: inline-block; color: #333; text-decoration: none; transition: .3s;}
a:hover { text-decoration: none;}
a:visited {} 
img{ max-width: 100%; transition: .2s; vertical-align: bottom;}
input[type="text"],input[type="password"],textarea{ border: 1px solid #ccc;}
textarea{ font-family: 'Yu Gothic', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif; }
li{ list-style: none;}
hr{ border: 1px solid #ddd;}
div,p{ word-break: break-all;}
strong{}
em{ font-style: normal;}
table{ border-collapse: collapse;}
th{ vertical-align: top; font-weight: normal; text-align: left;}
td{ vertical-align: top;}



/*
 * BACKGROUND Rules = #ffffff or #000000
 * TEXT Rules = #fefefe or #010101
*/



/**
 * Font color, Text align
 */
.red{ color: #cc0000;}
.blue{ color: #33B3FF;}
.green{ color: #89BD00;}
.orange{ color: #ffcc00;}
.pink{ color: #F85291;}
.glay{ color: #999966;}
.bold{ font-weight: bold;}
.small{ font-size:77%;}
.right{ text-align: right;}
.left{ text-align: left;}
.center{ text-align: center;}

.roboto{
    font-family: 'Roboto Condensed', sans-serif;
}



/**
 * List Style
 */
.decimal,.circle,.disc,.upper_roman,.lower_roman,.lower-latin{ margin-left: 20px;}
.decimal>li{ list-style-type: decimal;}
.circle>li{ list-style-type: circle;}
.disc>li{ list-style-type: disc;}
.upper_roman>li{ list-style-type: upper-roman;}
.lower_roman>li{ list-style-type: lower-roman;}
.lower-latin>li{ list-style-type: lower-latin;}



/**
 * Basic Table Style
 */
.table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.table th,.table td{ padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.table th{ background: #eeeeee;}





/**************************************************
 * Development PC
 */

@media only screen and (min-width: 768px) {

.header{
    position: relative;
    z-index: 100;
}

.header .inner{
    width: 100%;
    padding: 20px 40px;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    background: #D7E0E2;
}

.header .logo{
    
}

.header .logo a:hover{
    opacity: 0.6;
}

.header .linkarea{
    display: flex;
    align-items: center;
}

.header .linkarea .link{
    
}

.header .linkarea .link+.link{
    margin-left: 40px;
}

.header .linkarea .link a,
.header .linkarea .link span{
    position: relative;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
}

.header .linkarea .link a:hover,
.header .linkarea .link span:hover{
    opacity: 0.6;
}

.header .linkarea .link span{
    padding-right: 30px;
    cursor: pointer;
}

.header .linkarea .link span::after{
    width: 18px;
    height: 10px;
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    transition: .2s;
    background: url('/wp-content/themes/denner/assets/img/ico_arrow.svg') center no-repeat;
}

.header .linkarea .link.active span::after{
    transform: rotate(180deg);
}

.header .accordion{
    display: none;
}

@media only screen and (max-width: 820px) {
    .header .inner{
        padding: 20px 30px;
    }

    .header .linkarea .link+.link{
        margin-left: 30px;
    }
}












.megamenu{
    display: none;
}

.megamenu .mainlink{
    display: none;
}

.megamenu .sublink{
    width: 100%;
    padding: 20px 0;
    position: fixed;
    left: 0;
    top: 68px;
    background: #fff;
    z-index: 10;
}

.megamenu .sublink .inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    border-left: 1px solid #888;
}

.megamenu .sublink .card{
    width: 33.3%;
    padding: 20px 2% 70px;
    position: relative;
    border-right: 1px solid #888;
}

.megamenu .sublink .card .text{
    margin-bottom: 20px;
    line-height: 160%;
    font-size: 14px;
}

.megamenu .sublink .card .button{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: center;
}

.megamenu .overlay{
    width: 100%;
    height: 100%;
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}










.main{
    padding-top: 68px;
}

.common-button{

}

.common-button a,
.common-button input[type="submit"]{
    width: 220px;
    padding: 20px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') right 10px top calc(50% - 2px) no-repeat #000;
    cursor: pointer;
    text-align: center;
    transition: .2s;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #fefefe;
}

.common-button a:hover,
.common-button input[type="submit"]:hover{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_white.svg') right 10px top calc(50% - 2px) no-repeat #D7E0E2;
    color: #000;
}

.common-button-back{

}

.common-button-back a{
    width: 220px;
    padding: 20px 0;
    position: relative;
    background: #000;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #fefefe;
}

.common-button-back a::after{
    width: 20px;
    height: 8px;
    content: '';
    position: absolute;
    left: 15px;
    top: calc(50% - 4px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') center no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
}

.common-button-back a:hover{
    background: #D7E0E2;
    color: #000;
}

.common-button-back a:hover::after{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_white.svg') center no-repeat;
    color: #fefefe;
}

.common-title{
    padding: 110px 0;
    background: #6B7C80;
    text-align: center;
}

.common-title p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 68px;
    color: #fefefe;
}












.footer{
    padding: 60px 20px;
}

.footer .inner{
    
}

.footer .logo{
    margin-bottom: 35px;
    text-align: center;
}

.footer .logo a:hover{
    opacity: 0.6;
}

.footer .linkarea{
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.footer .linkarea .link{
    
}

.footer .linkarea .link+.link{
    margin-left: 40px;
}

.footer .linkarea .link a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.footer .linkarea .link a:hover{
    opacity: 0.6;
}

.footer .copyright{

}

.footer .copyright p{
    text-align: center;
    font-size: 10px;
    color: #666;
}












.top-slider{
    margin-bottom: 65px;
}

.top-slider .background{
    padding: 40px 0;
    background: #f2f2f2;
}

.top-slider .main-slider{
    margin-bottom: 20px;
}

.top-slider .main-slider .card{
    margin: 0 30px;
    padding: 15px 0;
/*
    margin: 0 30px;
*/
}

.top-slider .main-slider .card a,
.top-slider .main-slider .card span{
    display: block;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background: #fefefe;
    color: #000;
}

.top-slider .main-slider .card a:hover{
    opacity: 0.6;
}

.top-slider .main-slider .card img{
    margin: 0 auto;
}

.top-slider .main-slider .card{
/*
    max-width: 1024px;    
*/
    transform: scale(.8);
    transition: transform .5s;
}

.top-slider .main-slider .card.slick-active,
.top-slider .main-slider .is-active-next{
    transform: scale(1);
}

.top-slider .main-slider .card .photo{
    position: relative;
}

.top-slider .main-slider .card .photo img{
    width: 100%;
}
/*
.top_mainslide.top_mainslide_movie .slider .card .photo::before{
    width: 64px;
    height: 64px;
    content: '';
    background: url(/wp-content/themes/denner/assets/img/ico_movie.svg) left top no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 10;
}
*/
/*
.top-slider .main-slider .card .tag{
    margin-bottom: 15px;
}
*/
.top-slider .main-slider .card .text{
    padding: 15px 20px;
    display: flex;
}

.top-slider .main-slider .card .text .date{
    margin-right: 20px;
}

.top-slider .main-slider .card .text .date p{
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #666;
}

.top-slider .main-slider .card .text .description{
    
}

.top-slider .main-slider .card .text .description p{
    font-size: 16px;
}

/*
.top-slider .main-slider .slick-dots{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.top-slider .main-slider .slick-dots li+li{
    margin-left: 20px;
}

.top-slider .main-slider .slick-dots button{
    width: 10px;
    height: 10px;
    background: url('/wp-content/themes/denner/assets/img/ico_dot.svg') left 1px top 1px no-repeat;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.top-slider .main-slider .slick-dots li.slick-active button{
    background: url('/wp-content/themes/denner/assets/img/ico_dot_active.svg') left top no-repeat;
}
*/
.top-slider .main-slider .item_slider_prev,
.top-slider .main-slider .item_slider_next{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 39%;
    z-index: 10;
    background: #000;
    transition: .2s;
    cursor: pointer;
}

.top-slider .main-slider .item_slider_prev{
    left: calc((100% - 810px) / 2 - 30px);
}

.top-slider .main-slider .item_slider_next{
    right: calc((100% - 810px) / 2 - 30px);
}

.top-slider .main-slider .item_slider_prev:hover,
.top-slider .main-slider .item_slider_next:hover{
    background: #D7E0E2;
}

.top-slider .sub-slider{
    display: flex;
}

.top-slider .sub-slider .card{
    
}

.top-slider .sub-slider .card .photo{
    max-width: 144px;
    padding-right: 20px;
}

.top-slider .sub-slider .card .photo img{
    width: 100%;
    transition: .2s;
}

.top-slider .sub-slider .card .photo img:hover{
    opacity: 0.6;
    cursor: pointer;
}

.top-slider .sub-slider .slick-list {
    padding: 0 5% 0 1% !important;
}


.top-slider .sub-slider .item_slider_prev,
.top-slider .sub-slider .item_slider_next{
    width: 30px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 40px);
    z-index: 10;
    background: rgba(0,0,0,0.5);
    transition: .2s;
    cursor: pointer;
}

.top-slider .sub-slider .item_slider_prev{
    left: 0;
}

.top-slider .sub-slider .item_slider_next{
    right: 0;
}

.top-slider .sub-slider .item_slider_prev img{
    transform: rotate(90deg);
}

.top-slider .sub-slider .item_slider_next img{
    transform: rotate(-90deg);
}


@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .top-slider .main-slider .item_slider_prev{
        left: 20px;
    }

    .top-slider .main-slider .item_slider_next{
        right: 20px;
    }
}










.top-news{
    margin-bottom: 100px;
    padding: 0 20px;
}

.top-news .inner{
    max-width: 1100px;
    margin: 0 auto;
}

.top-news .headline{
    padding-bottom: 40px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.top-news .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #000;
}

.top-news .list{
    margin-bottom: 40px
}

.top-news .list .card{
    
}

.top-news .list .card a,
.top-news .list .card span{
    padding: 18px 0;
    display: flex;
    border-bottom: 1px solid #ccc;
}

.top-news .list .card a:hover,
.top-news .list .card a:hover .date p{
    color: #272b6e !important;
}

.top-news .list .card a:hover .tag .photo img{
    opacity: 0.6;
}

.top-news .list .card .tag{
    display: flex;
}

.top-news .list .card .tag .photo{
    min-width: 44px;
    margin-right: 14px;
}

.top-news .list .card .tag .photo img{
    width: 44px;
    border-radius: 100px;
}

.top-news .list .card .tag .name{
    display: flex;
    align-items: center;
}

.top-news .list .card .tag .name p{
    min-width: 80px;
    padding: 3px 0;
    border-right: 1px solid #2A2F80;
    font-size: 14px;
}

.top-news .list .card .text{
    max-width: calc(100% - 44px - 100px - 70px);
    padding-left: 35px;
    display: flex;
    align-items: center;
}

.top-news .list .card .text p{
    line-height: 150%;
    font-size: 18px;
    font-weight: bold;
}

.top-news .list .card .date{
    display: flex;
    margin-left: auto;
    align-items: center;
    text-align: right;
}

.top-news .list .card .date p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #666;
}

.top-news .button{
    text-align: center;
}










.top-artist{
    padding: 100px 0;
    background: #F2F2F2;
}

.top-artist .inner{

}

.top-artist .headline{
    margin-bottom: 40px;
    text-align: center;
}

.top-artist .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #000;
}

.top-artist .list{
    max-width: 1140px;
    margin: 0 auto 40px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.top-artist .list .card{
    width: calc(20% - 8px);
    margin-right: 10px;
}

.top-artist .list .card:nth-child(5n){
    margin-right: 0;
}

.top-artist .list .card:nth-child(n+6){
    margin-top: 10px;
}

.top-artist .list .card a,
.top-artist .list .card span{
    background: #fefefe;
}

.top-artist .list .card a:hover,
.top-artist .list .card span:hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.top-artist .list .card a:hover,
.top-artist .list .card a:hover .name .name-en p{
    color: #272b6e;
}

.top-artist .list .card a:hover .photo img{
    transform: scale(1.1);
}

.top-artist .list .card .photo{
    overflow: hidden;
}

.top-artist .list .card .photo img{
    transition: .2s;
}

.top-artist .list .card .name{
    padding: 10px 0;
    text-align: center;
}

.top-artist .list .card .name .name-jp{
    
}

.top-artist .list .card .name .name-jp p{
    font-size: 16px;
}

.top-artist .list .card .name .name-en{
    margin-top: 5px;
}

.top-artist .list .card .name .name-en p{
    transition: .2s;
    font-size: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
}

.top-artist .button{
    text-align: center;
}










.news-list{
}

.news-list .background{
    padding: 100px 20px;
    background: #f2f2f2;
}

.news-list .list{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.news-list .list .card{
    width: calc(33.3% - 20px);
    margin-right: 30px;
}

.news-list .list .card:nth-child(3n){
    margin-right: 0;
}

.news-list .list .card:nth-child(n+4){
    margin-top: 30px;
}

.news-list .list .card a{
    height: 100%;
    display: block;
    background: #fff;
}

.news-list .list .card a:hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    color: #272b6e;
}

.news-list .list .card .photo{
    overflow: hidden;
}

.news-list .list .card .photo img{
    width: 100%;
    height: 244px;
    object-fit: cover;
}

.news-list .list .card a:hover .photo img{
    opacity: 0.6;
}

.news-list .list .card .text{
    padding: 15px 20px;
}

.news-list .list .card .text .date{
    margin-bottom: 10px;
}

.news-list .list .card .text .date p{
    font-size: 12px;
    color: #666;
}

.news-list .list .card a:hover .text .date p{
    color: #272b6e;
}

.news-list .list .card .text .date span{
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

.news-list .list .card .text .description{
    
}

.news-list .list .card .text .description p{
    line-height: 140%;
    font-size: 16px;
    font-weight: bold;
}

.news-list .list .card a:hover .text .description p{
    color: #272b6e;
}

.news-list .pager{
    margin-top: 60px;
}

.news-list .pager .pagination{
    display: flex;
    justify-content: center;
}

.news-list .pager .pagination .nav-links{
    display: flex;
}

.news-list .pager .pagination .prev,
.news-list .pager .pagination .next{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-list .pager .pagination .prev img{
    transform: rotate(180deg);
}

.news-list .pager .pagination .next{
    
}

.news-list .pager .pagination .num_wrap{
    margin: 0 10px;
    display: flex;
}

.news-list .pager .pagination .page-numbers{
    position: relative;
}

.news-list .pager .pagination .page-numbers+.page-numbers{
    margin-left: 10px;
}

.news-list .pager .pagination .page-numbers.current,
.news-list .pager .pagination a.page-numbers:hover{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border: 1px solid #000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}

.news-list .pager .pagination .page-numbers.dots{
    width: 50px;
    height: 50px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}

.news-list .pager .pagination .page-numbers{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}

.news-list .pager .screen-reader-text{
    display: none;
}










.news-title{
    margin-bottom: 40px;
    padding: 30px 0 50px;
    background: #f2f2f2;
}

.news-title .inner{

}

.news-title .tag{
    margin-bottom: 30px;
    text-align: center;    
}

.news-title .tag a{

}

.news-title .tag a:hover{
    opacity: 0.6;
}

.news-title .tag .photo{
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
}

.news-title .tag .photo img{
    width: 44px;
    border-radius: 100px;
}

.news-title .tag .name{
    
}

.news-title .tag .name p{
    font-size: 14px;
}

.news-title .headline{
    margin-bottom: 30px;
    padding: 0 20px;
    text-align: center;
}

.news-title .headline p{
    max-width: 1100px;
    margin: 0 auto;
    line-height: 120%;
    font-size: 28px;
}

.news-title .date{
    text-align: center;    
}

.news-title .date p{
    padding: 5px 15px;
    display: inline-block;
    background: #000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}










.news-detail{
    padding: 0 0 100px;
}

.news-detail .sns{
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.news-detail .sns .button+.button{
    margin-left: 10px;
}

.news-detail .sns .button a:hover{
    opacity: 0.6;
}

.news-detail .article{
    max-width: 600px;
    margin: 0 auto 60px;
}

.news-detail .article .block{
    
}

.news-detail .article .block+.block{
    margin-top: 40px;
}

.news-detail .article .photo{
    text-align: center;
}

.news-detail .article .text{
    
}

.news-detail .article .text p{
    line-height: 150%;
    font-size: 16px;
}

.news-detail .article .text p+p{
    margin-top: 20px;
}

.news-detail .article .text a{
    text-decoration: underline;
}

.news-detail .article .text a:hover{
    text-decoration: none;
}

.news-detail .article .text em{
    font-style: italic;
}

.news-detail .article .text ul,
.news-detail .article .text ol{
    margin-left: 20px;
}

.news-detail .article .text ul li+li,
.news-detail .article .text ol li+li{
    margin-top: 10px;
}

.news-detail .article .text ul li{
    list-style-type: disc;
}

.news-detail .article .text ol li{
    list-style-type: decimal;
}

.news-detail .article .link{
    padding: 20px;
    display: flex;
    background: #f2f2f2;
}

.news-detail .article .link .catch{
    margin-right: 15px;
}

.news-detail .article .link .catch p{
    min-width: 90px;
    padding: 5px 0 3px;
    display: inline-block;
    background: #272B6E;
    text-align: center;
    font-size: 14px;
    color: #fefefe;
}

.news-detail .article .link .linkarea{
    display: flex;
    flex-wrap: wrap;
}

.news-detail .article .link .linkarea .link-text{
    margin-right: 15px;
}

.news-detail .article .link .linkarea .link-text p{
    line-height: 150%;
    
}

.news-detail .article .link .linkarea .link-text a{
    text-decoration: underline;
    color: #272B6E;
}

.news-detail .article .link .linkarea .link-text a:hover{
    text-decoration: none;
}

.news-detail .button{
    text-align: center;
}










.artist-list{

}

.artist-list .background{
    padding: 100px 20px;
    background: #f2f2f2;
}

.artist-list .group{
    max-width: 1100px;
    margin: 0 auto;
}

.artist-list .group+.group{
    margin-top: 80px;
}

.artist-list .headline{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.artist-list .headline p{
    font-size: 14px;
}

.artist-list .headline span{
    margin-right: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
}

.artist-list .list{
    display: flex;
    flex-wrap: wrap;
}

.artist-list .list .card{
    width: calc(25% - 15px);
    margin-right: 20px;
}

.artist-list .list .card:nth-child(4n){
    margin-right: 0;
}

.artist-list .list .card:nth-child(n+5){
    margin-top: 20px;
}

.artist-list .list .card a,
.artist-list .list .card span{
    display: block;
    background: #fefefe;
}

.artist-list .list .card a:hover,
.artist-list .list .card span:hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.artist-list .list .card a:hover,
.artist-list .list .card a:hover .name .name-en p{
    color: #272b6e;
}

.artist-list .list .card a:hover .photo img{
    transform: scale(1.1);
}

.artist-list .list .card .photo{
    overflow: hidden;
}

.artist-list .list .card .photo img{
    width: 100%;
}

.artist-list .list .card .name{
    padding: 10px 0;
    text-align: center;
}

.artist-list .list .card .name .name-jp{
    
}

.artist-list .list .card .name .name-jp p{
    font-size: 16px;
}

.artist-list .list .card .name .name-en{
    margin-top: 5px;
}

.artist-list .list .card .name .name-en p{
    transition: .2s;
    font-size: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
}










.artist-detail{
    padding: 40px 0 0;
}

.artist-detail .button-more{

}

.artist-detail .button-more span{
    width: 220px;
    padding: 20px 0;
    position: relative;
    display: inline-block;
    background: #000;
    text-align: center;
    transition: .2s;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: #fefefe;
}

.artist-detail .button-more span::after{
    width: 18px;
    height: 10px;
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_more.svg') center no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
}

.artist-detail .button-more span:hover{
    background: #D7E0E2;
    color: #000;
}

.artist-detail .button-more span:hover::after{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow.svg') center no-repeat;
    color: #fefefe;
}

.artist-detail .information{
    margin-bottom: 100px;
}

.artist-detail .information .inner{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.artist-detail .information .photoarea{
    width: 45%;
}

.artist-detail .information .photoarea .photo-main{
    margin-bottom: 10px;
    text-align: center;
}

.artist-detail .information .photoarea .photo-main img{
}

.artist-detail .information .photoarea .photo-sub{
    display: flex;
    flex-wrap: wrap;
}

.artist-detail .information .photoarea .photo-sub .card{
    width: calc(20% - 8px);
    margin-right: 10px;
}

.artist-detail .information .photoarea .photo-sub .card:nth-child(5n){
    margin-right: 0;
}

.artist-detail .information .photoarea .photo-sub .card:nth-child(n+6){
    margin-top: 10px;
}

.artist-detail .information .photoarea .photo-sub .card img{
    width: 96px;
    height: 96px;
    object-fit: cover;
}

.artist-detail .information .photoarea .photo-sub .card img:hover{
    cursor: pointer;
    opacity: 0.6;
}

.artist-detail .information .textarea{
    width: calc(55% - 50px);
}

.artist-detail .information .textarea .name{
    margin-bottom: 40px;
}


.artist-detail .information .textarea .name-en{
    margin-bottom: 10px;
}

.artist-detail .information .textarea .name-en p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #ccc;
}

.artist-detail .information .textarea .name-jp{
    
}

.artist-detail .information .textarea .name-jp p{
    font-size: 40px;
}

.artist-detail .information .textarea .data-list{
    
}

.artist-detail .information .textarea .data-list dl{
    position: relative;
}

.artist-detail .information .textarea .data-list dt{
    position: absolute;
    left: 0;
}

.artist-detail .information .textarea .data-list dt p{
    padding-top: 5px;
    font-size: 12px;
    color: #808080;
}

.artist-detail .information .textarea .data-list dd{
    margin-left: 90px;
}

.artist-detail .information .textarea .data-list dd p{
    line-height: 150%;
    font-size: 16px;
}

.artist-detail .information .textarea .data-list dd+dt,
.artist-detail .information .textarea .data-list dd+dt+dd{
    margin-top: 30px
}

.artist-detail .information .textarea .data-list .buttonarea{
    display: flex;
}

.artist-detail .information .textarea .data-list .buttonarea .button{
    
}

.artist-detail .information .textarea .data-list .buttonarea .button+.button{
    margin-left: 5px;
}

.artist-detail .information .textarea .data-list .linkarea{
    margin-top: 15px;
}

.artist-detail .information .textarea .data-list .linkarea .link{
    
}

.artist-detail .information .textarea .data-list .linkarea .link a{
    padding-left: 20px;
    position: relative;
    color: #272b6e;
}

.artist-detail .information .textarea .data-list .linkarea .link a:hover{
    opacity: 0.6;
}

.artist-detail .information .textarea .data-list .linkarea .link a::before{
    content: '>';
    position: absolute;
    left: 0;
    top: 0;
}

.artist-detail .media{
    margin-bottom: 100px;
    padding: 0 20px;
}

.artist-detail .media .inner{
    max-width: 1100px;
    margin: 0 auto;
}

.artist-detail .media .headline{
    margin-bottom: 40px;
    text-align: center;
}

.artist-detail .media .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
}

.artist-detail .media .list{
    display: flex;
    flex-wrap: wrap;
}

.artist-detail .media .list .card{
    width: calc(33.3% - 20px);
    margin-right: 30px;
}

.artist-detail .media .list .card:nth-child(3n){
    margin-right: 0;
}

.artist-detail .media .list .card:nth-child(n+4){
    margin-top: 40px;
}

.artist-detail .media .list .card a{

}

.artist-detail .media .list .card a:hover{
    opacity: 0.6;
}

.artist-detail .media .list .card .image{
    margin-bottom: 20px;
    position: relative;
}

.artist-detail .media .list .card .image.video{
    
}

.artist-detail .media .list .card .image.video::after{
    width: 82px;
    height: 82px;
    content: '';
    position: absolute;
    left: calc(50% - 41px);
    top: calc(50% - 41px);
    background: url('/wp-content/themes/denner/assets/img/ico_video.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .media .list .card .tag{
    margin-bottom: 5px;
}

.artist-detail .media .list .card .tag p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #666;
}

.artist-detail .media .list .card .title{
    
}

.artist-detail .media .list .card .title p{
    font-size: 16px;
}

.artist-detail .media .button{
    margin-top: 40px;
    text-align: center;
}

.artist-detail .newsarea{
    margin-bottom: 100px;
    padding: 100px 20px;
    background: #f2f2f2;
}

.artist-detail .newsarea .inner{
    max-width: 1100px;
    margin: 0 auto;
}

.artist-detail .newsarea .headline{
    padding-bottom: 40px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.artist-detail .newsarea .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
}

.artist-detail .newsarea .list{
    margin-bottom: 40px;
}

.artist-detail .newsarea .list .card{
    border-bottom: 1px solid #ccc;
}

.artist-detail .newsarea .list .card a{
    padding: 30px 0;
    display: flex;
}

.artist-detail .newsarea .list .card a:hover,
.artist-detail .newsarea .list .card a:hover .date p{
    color: #858585;
}

.artist-detail .newsarea .list .card .date{
    min-width: 100px;
    padding-top: 3px;
}

.artist-detail .newsarea .list .card .date p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #666;
}

.artist-detail .newsarea .list .card .text{
    
}

.artist-detail .newsarea .list .card .text p{
    font-weight: bold;
    font-size: 18px;
}

.artist-detail .newsarea .button{
    text-align: center;
}

.artist-detail .achieve{
    margin-bottom: 100px;
    padding: 0 20px;
}

.artist-detail .achieve .inner{
    max-width: 800px;
    margin: 0 auto;
}

.artist-detail .achieve .headline{
    padding-bottom: 40px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.artist-detail .achieve .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
}

.artist-detail .achieve .list{
    
}

.artist-detail .achieve .list .card{
    border-bottom: 1px solid #ccc
}

.artist-detail .achieve .list .card .title{
    padding: 30px 0;
    position: relative;
    cursor: pointer;
    transition: .2s;
}

.artist-detail .achieve .list .card .title:hover{
    opacity: 0.6;
}

.artist-detail .achieve .list .card .title::after{
    width: 30px;
    height: 30px;
    content: '';
    position: absolute;
    right: 0;
    top: 28px;
    background: url('/wp-content/themes/denner/assets/img/ico_plus.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .achieve .list .card .title.close::after{
    background: url('/wp-content/themes/denner/assets/img/ico_minus.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .achieve .list .card .title p{
    padding-left: 20px;
    border-left: 5px solid #000;
    font-size: 24px;
    font-weight: bold;
}

.artist-detail .achieve .list .card .textarea{
    display: none;
}

.artist-detail .achieve .list .card .textarea p{
    padding: 0 50px 30px;
    line-height: 150%;
    font-size: 16px;
}










.company{
    padding-top: 100px;
}

.company .inner{
}

.company .list{
    max-width: 800px;
    margin: 0 auto 100px;
}

.company .list dl{
    position: relative;
}

.company .list dt{
    padding: 20px;
    position: absolute;
    left: 0;
}

.company .list dt p{
    line-height: 180%;
    font-weight: bold;
}

.company .list dd{
    padding: 20px 0 20px 140px;
    border-bottom: 1px solid #ccc;
}

.company .list dd p{
    line-height: 180%;
}

.company .list dd a{
    padding-left: 20px;
    position: relative;
    color: #272b6e;
}

.company .list dd a::before{
    width: 12px;
    height: 17px;
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
    background: url('/wp-content/themes/denner/assets/img/ico_googlemap.png') left center no-repeat;
    background-size: contain;
}

.company .list dd a:hover{
    opacity: 0.6;
}

.company .maparea .headline{
    margin-bottom: 40px;
    text-align: center;
}

.company .maparea .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
}

.company .maparea .map{

}

.company .maparea .map iframe{
    width: 100%;
    height: 300px;
}










.contactus{

}

.contactus .background{
    padding: 60px 20px 100px;
    background: #f2f2f2;
}

.contactus .list{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
}

.contactus .list .card{
    width: calc(33.3% - 14px);
    position: relative;
    background: #fff;
}

.contactus .list .card+.card{
    margin-left: 21px;
}

.contactus .list .card .headline{
    padding: 80px 0;
    background: #D7E0E2;
    text-align: center;
}

.contactus .list .card .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #333;
}

.contactus .list .card .description{
    padding: 30px 30px 110px;
}

.contactus .list .card .description p{
    line-height: 150%;
}

.contactus .list .card .button{
    position: absolute;
    bottom: 30px;
    left: calc(50% - 110px);
}










.contact{

}

.contact .background{
    padding: 100px 20px;
    background: #f2f2f2;
}

.contact .message{
    max-width: 800px;
    margin: 0 auto 40px;
}

.contact .message p{
    line-height: 150%;
}

.contact .message p+p{
    margin-top: 40px;
}

.contact .form{
    max-width: 800px;
    margin: 0 auto;
}

.contact .form .inputarea{

}

.contact .form .inputarea input,
.contact .form .inputarea select,
.contact .form .inputarea textarea{
    line-height: 130%;
    padding: 15px 20px;
    font-size: 16px;
}

.contact .form .inputarea input,
.contact .form .inputarea textarea{
    width: 100%;
}

.contact .form .inputarea select{
    border: 1px solid #ccc;
}

.contact .form .inputarea textarea{
    height: 160px;
}

.contact .form .inputarea select,
.contact .form .inputarea input.half{
    width: 50%;
}

.contact .form .inputarea input.square{
    width: 25%;
}

.contact .form .inputarea+.inputarea{
    margin-top: 30px;
}

.contact .form .inputarea .headline{
    margin-bottom: 20px;
    position: relative;
}

.contact .form .inputarea .headline p{
    padding-left: 15px;
    line-height: 100%;
    border-left: 5px solid #000;
    font-size: 24px;
}

.contact .form .inputarea .headline .note{
    position: absolute;
    left: 240px;
    bottom: 0;
    color: #c00;
}

.contact .form .inputarea .headline .required{
    margin-left: 5px;
    vertical-align: super;
    font-size: 13px;
    font-weight: bold;
    color: #c00;
}

.contact .form .inputarea .field{
    
}

.contact .form .inputarea .field+.field{
    margin-top: 10px;
}

.contact .form .inputarea .error{
    margin-top: 10px;
}

.contact .form .button{
    margin-top: 40px;
    text-align: center;
}

.contact .form .button-back{
    width: 220px;
    margin: 40px auto 0;
    position: relative;
}

.contact .form .button-back::after{
    width: 20px;
    height: 8px;
    content: '';
    position: absolute;
    left: 15px;
    top: calc(50% - 4px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') center no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
}

.contact .form .button-back input{
    width: 100%;
    padding: 20px 0;
    position: relative;
    background: #000;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: .2s;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #fefefe;
}

.contact .form .button-back input:hover{
    background: #D7E0E2;
    color: #000;
}

.contact .mw_wp_form_input .button-back{
    display: none;
}

.contact .mw_wp_form_confirm .message{
    display: none;
}

.contact .message-done{
    width: 600px;
    margin: 0 auto;
}

.contact .message-done p{
    line-height: 200%;
}










.common-contents{

}

.common-contents .background{
    padding: 50px 20px 100px;
    background: #f2f2f2;
}

.common-contents .block{
    max-width: 800px;
    margin: 0 auto;
    padding: 60px 100px;
    background: #fff;
}

.common-contents .block+.block{
    margin-top: 70px;
}

.common-contents .block .headline{
    margin-bottom: 30px;
}

.common-contents .block .headline p{
    padding-left: 15px;
    border-left: 5px solid #000;
}

.common-contents .block .headline strong{
    line-height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.075em;
    font-size: 24px;
}

.common-contents .block .headline span{
    margin-left: 10px;
    vertical-align: baseline;
    font-size: 16px;
    font-weight: normal;
}

.common-contents .block .image{
    margin-bottom: 30px;
}

.common-contents .block .text{

}

.common-contents .block .text p{
    line-height: 150%;
    font-size: 16px;
}

.common-contents .block .text p+p{
    margin-top: 30px;
}

.common-contents .block .text span{
    font-weight: bold;
}











.privacypolicy{

}

.privacypolicy .inner{
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 20px;
}

.privacypolicy .headline{
    margin-bottom: 30px;
}

.privacypolicy .headline p{
    padding-left: 15px;
    line-height: 100%;
    border-left: 5px solid #000;
    font-size: 24px;
    font-weight: bold;
}

.privacypolicy .text{

}

.privacypolicy .text+.text{
    margin-top: 30px;
}

.privacypolicy .text p{
    line-height: 150%;
}

.privacypolicy .text ol{
    margin-left: 20px;
}

.privacypolicy .text ol li{
    line-height: 150%;
    list-style-type: decimal;
}

.privacypolicy .text a{
    text-decoration: underline;
}

.privacypolicy .text a:hover{
    text-decoration: none;
}












}











/**************************************************
 * Development SP
 */

@media only screen and (max-width: 767px) {

.header{
    position: relative;
    z-index: 100;
}

.header .inner{
    width: 100%;
    padding: 7px 20px 6px;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    background: #D7E0E2;
}

.header .logo{
    
}

.header .logo img{
    width: 150px;
}

.header .linkarea{
    display: none;

    align-items: center;
}
/*
.header .linkarea .link{
    
}

.header .linkarea .link+.link{
    margin-left: 40px;
}

.header .linkarea .link a,
.header .linkarea .link span{
    position: relative;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}

.header .linkarea .link span{
    padding-right: 30px;
    cursor: pointer;
}

.header .linkarea .link span::after{
    width: 18px;
    height: 10px;
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    transition: .2s;
    background: url('/wp-content/themes/denner/assets/img/ico_arrow.svg') center no-repeat;
}

.header .linkarea .link.active span::after{
    transform: rotate(180deg);
}
*/

.header .accordion{
  width: 40px;
  height: 39px;
  position: absolute;
  top: 0;
  right: 0;
  transition: .2s;
}

.header .accordion.close{
    background: #000;
}

.header .accordion.close span{
    background: #fff;
}

.header .accordion span{
  width: 16px;
  height: 1px;
  background: #333;
  border-radius: 4px;
  transition: .5s;
}

.top_header.second .accordion span,
.top_header.third .accordion span,
.top_header.background .accordion span{
  background: #F03C0A;
}

.header .accordion span:nth-child(1){
  position: absolute;
  top: 14px;
  left: 12px;
}

.header .accordion span:nth-child(2){
  position: absolute;
  top: 19px;
  left: 12px;
}

.header .accordion span:nth-child(3){
  position: absolute;
  top: 24px;
  left: 12px;
}

.header .accordion.close span:nth-child(1){
  position: absolute;
  top: 19px;
  left: 12px;
  transform: rotate(-45deg);
}

.header .accordion.close span:nth-child(2){
  position: absolute;
  top: 19px;
  left: 12px;
  opacity: 0;
}

.header .accordion.close span:nth-child(3){
  position: absolute;
  top: 19px;
  left: 12px;
  transform: rotate(45deg);
}











.megamenu{
    display: none;
    background: #000;
}

.megamenu .background{
    max-height: 100vh;
    padding: 40px 30px 100px;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 38px;
    background: #000;
    z-index: 100;
}

.megamenu .mainlink{
    margin-bottom: 25px;
}

.megamenu .mainlink .link{
    
}

.megamenu .mainlink .link a,
.megamenu .mainlink .link span{
    font-size: 31px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}

.megamenu .mainlink .link+.link{
    margin-top: 40px;
}

.megamenu .sublink{
    width: 100%;
    padding: 0 20px;
    z-index: 10;
}

.megamenu .sublink .inner{
}

.megamenu .sublink .card{
}

.megamenu .sublink .card+.card{
    margin-top: 30px;
}

.megamenu .sublink .card .text{
    margin-bottom: 10px;
}

.megamenu .sublink .card .text p{
    line-height: 180%;
    font-size: 12px;
    color: #fefefe;
}

.megamenu .sublink .card .button{
    width: 100%;
    text-align: center;
}

.megamenu .sublink .card .button a{
    width: 100%;
    background: transparent;
    border: 1px solid #555;
    font-size: 21px;
    color: #fefefe;
}

.megamenu .overlay{
    width: 100%;
    height: 100%;
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}










.main{
    padding-top: 38px;
}

.common-button{

}

.common-button a,
.common-button input[type="submit"]{
    width: 180px;
    padding: 14px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') right 10px top 50% no-repeat #000;
    background-size: 11px auto;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #fefefe;
}
/*
.common-button a:hover{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_white.svg') right 10px top calc(50% - 2px) no-repeat #000;
    color: #fefefe;
}
*/
.common-button-back{

}

.common-button-back a{
    width: 180px;
    padding: 14px 0;
    position: relative;
    background: #000;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #fefefe;
}

.common-button-back a::after{
    width: 11px;
    height: 4px;
    content: '';
    position: absolute;
    left: 15px;
    top: calc(50% - 2px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') center no-repeat;
    background-size: contain;
    transform: scale(-1, 1);
}

/*
.common-button-back a:hover{
    background: #000;
    color: #fefefe;
}

.common-button-back a:hover::after{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_white.svg') center no-repeat;
    color: #fefefe;
}
*/
.common-title{
    padding: 55px 0;
    background: #6B7C80;
    text-align: center;
}

.common-title p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #fefefe;
}












.footer{
    padding: 40px 0 30px;
}

.footer .inner{
    
}

.footer .logo{
    margin-bottom: 35px;
    text-align: center;
}

.footer .logo img{
    width: 200px;
}

.footer .linkarea{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer .linkarea .link{
    margin: 0 15px 20px;
    text-align: center;
}


.footer .linkarea .link a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
}

.footer .copyright{

}

.footer .copyright p{
    text-align: center;
    font-size: 10px;
    color: #666;
}




















.top-slider{
    margin-bottom: 40px;
}

.top-slider .background{
    padding: 0 0 20px;
    background: #f2f2f2;
}

.top-slider .main-slider{
}

.top-slider .main-slider .card{
    padding: 20px;

}

.top-slider .main-slider .card a,
.top-slider .main-slider .card span{
    display: block;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background: #fefefe;
    color: #000;
}

.top-slider .main-slider .card img{
    width: 100%;
    margin: 0 auto;
}

.top-slider .main-slider .card{
/*
    max-width: 100%;
    transform: scale(.8);
    transition: transform .5s;
*/
}

.top-slider .main-slider .card.slick-active,
.top-slider .main-slider .is-active-next{
/*
    transform: scale(1);
*/
}

.top-slider .main-slider .card .photo{
    position: relative;
}
/*
.top_mainslide.top_mainslide_movie .slider .card .photo::before{
    width: 64px;
    height: 64px;
    content: '';
    background: url(/wp-content/themes/denner/assets/img/ico_movie.svg) left top no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 10;
}

.top-slider .main-slider .card .tag{
    margin: 0 20px 15px;
}
*/
.top-slider .main-slider .card .text{
    padding: 10px;
    display: flex;
}

.top-slider .main-slider .card .text .date{
    min-width: 50px;
}

.top-slider .main-slider .card .text .date p{
    font-size: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #666;
}

.top-slider .main-slider .card .text .description{
    
}

.top-slider .main-slider .card .text .description p{
    line-height: 120%;
    font-size: 13px;
}

/*
.top-slider .main-slider .slick-dots{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.top-slider .main-slider .slick-dots li+li{
    margin-left: 20px;
}

.top-slider .main-slider .slick-dots button{
    width: 10px;
    height: 10px;
    background: url('/wp-content/themes/denner/assets/img/ico_dot.svg') left 1px top 1px no-repeat;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.top-slider .main-slider .slick-dots li.slick-active button{
    background: url('/wp-content/themes/denner/assets/img/ico_dot_active.svg') left top no-repeat;
}
*/
.top-slider .main-slider .item_slider_prev,
.top-slider .main-slider .item_slider_next{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 39%;
    z-index: 10;
    background: #000;
    transition: .2s;
    cursor: pointer;
}

.top-slider .main-slider .item_slider_prev{
    position: absolute;
    left: 0;
    top: 40%;
    z-index: 10;
}

.top-slider .main-slider .item_slider_next{
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 10;
}

.top-slider .main-slider .item_slider_prev img,
.top-slider .main-slider .item_slider_next img{
    width: 10px;
}

.top_mainslide.top_mainslide_movie .slider .item_slider_prev,
.top_mainslide.top_mainslide_movie .slider .item_slider_next{
/*
    display: none !important;
*/
}

.top-slider .sub-slider{
    display: flex;
}

.top-slider .sub-slider .card{
    
}

.top-slider .sub-slider .card .photo{
    max-width: 72px;
    padding-right: 10px;
}

.top-slider .sub-slider .card .photo img{
    width: 100%;
    transition: .2s;
}

.top-slider .sub-slider .card .photo img:hover{
    opacity: 0.6;
    cursor: pointer;
}

.top-slider .sub-slider .slick-list {
    padding: 0 8% 0 2% !important;
}


.top-slider .sub-slider .item_slider_prev,
.top-slider .sub-slider .item_slider_next{
    width: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 10;
    background: rgba(0,0,0,0.5);
    transition: .2s;
    cursor: pointer;
}

.top-slider .sub-slider .item_slider_prev{
    left: 0;
}

.top-slider .sub-slider .item_slider_next{
    right: 0;
}

.top-slider .sub-slider .item_slider_prev img{
    width: 10px;
    transform: rotate(90deg);
}

.top-slider .sub-slider .item_slider_next img{
    width: 10px;
    transform: rotate(-90deg);
}










.top-news{
    margin-bottom: 100px;
    padding: 0 20px;
}

.top-news .inner{
    max-width: 1100px;
    margin: 0 auto;
}

.top-news .headline{
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.top-news .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #000;
}

.top-news .list{
    margin-bottom: 40px
}

.top-news .list .card{
    
}

.top-news .list .card a,
.top-news .list .card span{
    display: block;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.top-news .list .card a:hover,
.top-news .list .card a:hover .date p{
    color: #272b6e !important;
}

.top-news .list .card a:hover .tag .photo img{
    opacity: 0.6;
}

.top-news .list .card .tag{
    margin-bottom: 10px;
    display: flex;
}

.top-news .list .card .tag .photo{
    margin-right: 10px;
}

.top-news .list .card .tag .photo img{
    width: 22px;
    border-radius: 100px;
}

.top-news .list .card .tag .name{
    display: flex;
    align-items: center;
}

.top-news .list .card .tag .name p{
    padding: 3px 0;
    font-size: 12px;
}

.top-news .list .card .text{
}

.top-news .list .card .text p{
    line-height: 150%;
    font-size: 13px;
    font-weight: bold;
}

.top-news .list .card .date{
    position: absolute;
    right: 0;
    top: 15px;
}

.top-news .list .card .date p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #666;
}

.top-news .button{
    text-align: center;
}










.top-artist{
    padding: 60px 20px;
    background: #F2F2F2;
}

.top-artist .inner{

}

.top-artist .headline{
    margin-bottom: 20px;
    text-align: center;
}

.top-artist .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    color: #000;
}

.top-artist .list{
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.top-artist .list .card{
    width: calc(33.3% - 4px);
    margin-right: 5px;
}

.top-artist .list .card:nth-child(3n){
    margin-right: 0;
}

.top-artist .list .card:nth-child(n+4){
    margin-top: 10px;
}

.top-artist .list .card a,
.top-artist .list .card span{
    background: #fefefe;
}

.top-artist .list .card a:hover,
.top-artist .list .card a:hover .name .name-en p{
    color: #272b6e;
}

.top-artist .list .card a:hover .photo img{
    transform: scale(1.1);
}

.top-artist .list .card .photo{
    overflow: hidden;
}

.top-artist .list .card .photo img{
    transition: .2s;
}

.top-artist .list .card .name{
    padding: 10px 0;
    text-align: center;
}

.top-artist .list .card .name .name-jp{
    
}

.top-artist .list .card .name .name-jp p{
    font-size: 11px;
}

.top-artist .list .card .name .name-en{
    margin-top: 5px;
}

.top-artist .list .card .name .name-en p{
    transition: .2s;
    font-size: 8px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
}

.top-artist .button{
    text-align: center;
}










.news-list{

}

.news-list .background{
    padding: 50px 20px;
    background: #f2f2f2;
}

.news-list .list{
    margin: 0 auto;
}

.news-list .list .card{
}

.news-list .list .card:nth-child(n+2){
    margin-top: 30px;
}

.news-list .list .card a{
    background: #fff;
}

.news-list .list .card .photo{
    overflow: hidden;
}

.news-list .list .card a:hover .photo img{
    transform: scale(1.1);
}

.news-list .list .card .text{
    padding: 10px 15px;
}

.news-list .list .card .text .date{
    margin-bottom: 5px;
}

.news-list .list .card .text .date p{
    font-size: 9px;
    color: #666;
}

.news-list .list .card a:hover .text .date p{
    color: #272b6e;
}

.news-list .list .card .text .date span{
    font-size: 10px;
    font-family: 'Roboto Condensed', sans-serif;
}

.news-list .list .card .text .description{
    
}

.news-list .list .card .text .description p{
    line-height: 140%;
    font-size: 13px;
    font-weight: bold;
}

.news-list .list .card a:hover .text .description p{
    color: #272b6e;
}

.news-list .pager{
    margin-top: 60px;
}

.news-list .pager .pagination{
    display: flex;
    justify-content: center;
}

.news-list .pager .pagination .nav-links{
    display: flex;
}

.news-list .pager .pagination .prev,
.news-list .pager .pagination .next{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-list .pager .pagination .prev img,
.news-list .pager .pagination .next img{
    width: 10px;
}

.news-list .pager .pagination .prev img{
    transform: rotate(180deg);
}

.news-list .pager .pagination .next{
    
}

.news-list .pager .pagination .num_wrap{
    margin: 0 10px;
    display: flex;
}

.news-list .pager .pagination .page-numbers{
    position: relative;
}

.news-list .pager .pagination .page-numbers+.page-numbers{
    margin-left: 10px;
}

.news-list .pager .pagination .page-numbers.current,
.news-list .pager .pagination .page-numbers:hover{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}

.news-list .pager .pagination .page-numbers.dots{
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

.news-list .pager .pagination .page-numbers{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}










.news-title{
    margin-bottom: 30px;
    padding: 30px 0 30px;
    background: #f2f2f2;
}

.news-title .inner{

}

.news-title .tag{
    margin-bottom: 20px;
    text-align: center;    
}

.news-title .tag .photo{
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
}

.news-title .tag .photo img{
    width: 22px;
    border-radius: 100px;
}

.news-title .tag .name{
    
}

.news-title .tag .name p{
    font-size: 11px;
}

.news-title .headline{
    margin-bottom: 20px;
    padding: 0 30px;
    text-align: center;
}

.news-title .headline p{
    line-height: 130%;
    font-size: 17px;
}

.news-title .date{
    text-align: center;    
}

.news-title .date p{
    padding: 3px 5px 2px;
    display: inline-block;
    background: #000;
    font-size: 9px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fefefe;
}










.news-detail{
    padding: 0 0 50px;
}

.news-detail .sns{
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.news-detail .sns .button+.button{
    margin-left: 10px;
}

.news-detail .article{
    margin: 0 20px 50px;
}

.news-detail .article .block{
    
}

.news-detail .article .block+.block{
    margin-top: 30px;
}

.news-detail .article .photo{
    text-align: center;
}

.news-detail .article .text{
    
}

.news-detail .article .text p{
    line-height: 150%;
    font-size: 13px;
}

.news-detail .article .text p+p{
    margin-top: 20px;
}

.news-detail .article .text a{
    text-decoration: underline;
}

.news-detail .article .text a:hover{
    text-decoration: none;
}

.news-detail .article .text em{
    font-style: italic;
}

.news-detail .article .text ul,
.news-detail .article .text ol{
    margin-left: 20px;
}

.news-detail .article .text ul li+li,
.news-detail .article .text ol li+li{
    margin-top: 10px;
}

.news-detail .article .text ul li{
    list-style-type: disc;
}

.news-detail .article .text ol li{
    list-style-type: decimal;
}

.news-detail .article .link{
    padding: 15px 15px 5px;
    display: flex;
    background: #f2f2f2;
}

.news-detail .article .link .catch{
    margin-right: 15px;
}

.news-detail .article .link .catch p{
    min-width: 68px;
    padding: 5px 0 3px;
    display: inline-block;
    background: #272B6E;
    text-align: center;
    font-size: 11px;
    color: #fefefe;
}

.news-detail .article .link .linkarea{
    display: flex;
    flex-wrap: wrap;
}

.news-detail .article .link .linkarea .link-text{
    margin-right: 15px;
    margin-bottom: 10px;
}

.news-detail .article .link .linkarea .link-text p{
    line-height: 150%;
    font-size: 13px;
}

.news-detail .article .link .linkarea .link-text a{
    text-decoration: underline;
    color: #272B6E;
}

.news-detail .article .link .linkarea .link-text a:hover{
    text-decoration: none;
}

.news-detail .button{
    text-align: center;
}










.artist-list{

}

.artist-list .background{
    padding: 50px 20px;
    background: #f2f2f2;
}

.artist-list .group{
}

.artist-list .group+.group{
    margin-top: 80px;
}

.artist-list .headline{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.artist-list .headline p{
    font-size: 12px;
}

.artist-list .headline span{
    margin-right: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.artist-list .list{
    display: flex;
    flex-wrap: wrap;
}

.artist-list .list .card{
    width: calc(50% - 10px);
    margin-right: 20px;
}

.artist-list .list .card:nth-child(even){
    margin-right: 0;
}

.artist-list .list .card:nth-child(n+3){
    margin-top: 20px;
}

.artist-list .list .card a,
.artist-list .list .card span{
    display: block;
    background: #fefefe;
}

.artist-list .list .card a:hover,
.artist-list .list .card a:hover .name .name-en p{
    color: #272b6e;
}

.artist-list .list .card a:hover .photo img{
    transform: scale(1.1);
}

.artist-list .list .card .photo{
    overflow: hidden;
}

.artist-list .list .card .photo img{
    width: 100%;
}

.artist-list .list .card .name{
    padding: 10px 0 8px;
    text-align: center;
}

.artist-list .list .card .name .name-jp{
    
}

.artist-list .list .card .name .name-jp p{
    font-size: 13px;
}

.artist-list .list .card .name .name-en{
    margin-top: 5px;
}

.artist-list .list .card .name .name-en p{
    transition: .2s;
    font-size: 9px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
}










.artist-detail{
    padding: 20px 0 0;
}

.artist-detail .button-more{

}

.artist-detail .button-more span{
    width: 180px;
    padding: 14px 0 13px;
    position: relative;
    display: inline-block;
    background: #000;
    text-align: center;
    transition: .2s;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    cursor: pointer;
    color: #fefefe;
}

.artist-detail .button-more span::after{
    width: 11px;
    height: 7px;
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_more.svg') center no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
}

.artist-detail .button-more span:hover{
    background: #D7E0E2;
    color: #000;
}

.artist-detail .button-more span:hover::after{
    background: url('/wp-content/themes/denner/assets/img/ico_arrow.svg') center no-repeat;
    color: #fefefe;
}

.artist-detail .information{
    margin-bottom: 50px;
}

.artist-detail .information .inner{
    margin: 0 20px;
}

.artist-detail .information .photoarea{
    margin-bottom: 40px;
}

.artist-detail .information .photoarea .photo-main{
    margin-bottom: 10px;
    text-align: center;
}

.artist-detail .information .photoarea .photo-main img{
}

.artist-detail .information .photoarea .photo-sub{
    display: flex;
    flex-wrap: wrap;
}

.artist-detail .information .photoarea .photo-sub .card{
    width: calc(20% - 8px);
    margin-right: 10px;
}

.artist-detail .information .photoarea .photo-sub .card:nth-child(5n){
    margin-right: 0;
}

.artist-detail .information .photoarea .photo-sub .card:nth-child(n+6){
    margin-top: 10px;
}

.artist-detail .information .textarea{
}

.artist-detail .information .textarea .name{
    margin-bottom: 40px;
}


.artist-detail .information .textarea .name-en{
    margin-bottom: 10px;
}

.artist-detail .information .textarea .name-en p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    color: #ccc;
}

.artist-detail .information .textarea .name-jp{
    
}

.artist-detail .information .textarea .name-jp p{
    font-size: 25px;
}

.artist-detail .information .textarea .data-list{
    
}

.artist-detail .information .textarea .data-list dl{
    position: relative;
}

.artist-detail .information .textarea .data-list dt{
    margin-bottom: 5px;
}

.artist-detail .information .textarea .data-list dt p{
    padding-top: 5px;
    font-size: 10px;
    color: #808080;
}

.artist-detail .information .textarea .data-list dd{
}

.artist-detail .information .textarea .data-list dd p{
    line-height: 150%;
    font-size: 13px;
}

.artist-detail .information .textarea .data-list dd+dt{
    margin-top: 20px
}

.artist-detail .information .textarea .data-list .buttonarea{
    display: flex;
}

.artist-detail .information .textarea .data-list .buttonarea .button{
    
}

.artist-detail .information .textarea .data-list .buttonarea .button+.button{
    margin-left: 5px;
}

.artist-detail .information .textarea .data-list .linkarea{
    margin-top: 10px;
}

.artist-detail .information .textarea .data-list .linkarea .link{
    
}

.artist-detail .information .textarea .data-list .linkarea .link a{
    padding-left: 20px;
    position: relative;
    color: #272b6e;
}

.artist-detail .information .textarea .data-list .linkarea .link a:hover{
    opacity: 0.6;
}

.artist-detail .information .textarea .data-list .linkarea .link a::before{
    content: '>';
    position: absolute;
    left: 0;
    top: 0;
}

.artist-detail .media{
    margin-bottom: 50px;
}

.artist-detail .media .inner{
    margin: 0 20px;
}

.artist-detail .media .headline{
    margin-bottom: 20px;
    text-align: center;
}

.artist-detail .media .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.artist-detail .media .list{
}

.artist-detail .media .list .card{
}

.artist-detail .media .list .card:nth-child(n+2){
    margin-top: 20px;
}

.artist-detail .media .list .card a{
    display: block;
}

.artist-detail .media .list .card .image{
    margin-bottom: 10px;
    position: relative;
}

.artist-detail .media .list .card .image img{
    width: 100%;
}

.artist-detail .media .list .card .image.video{
    
}

.artist-detail .media .list .card .image.video::after{
    width: 41px;
    height: 41px;
    content: '';
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    background: url('/wp-content/themes/denner/assets/img/ico_video.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .media .list .card .media{
    margin-bottom: 5px;
}

.artist-detail .media .list .card .media p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    color: #666;
}

.artist-detail .media .list .card .title{
    
}

.artist-detail .media .list .card .title p{
    font-size: 13px;
}

.artist-detail .media .button{
    margin-top: 20px;
    text-align: center;
}

.artist-detail .newsarea{
    margin-bottom: 50px;
    padding: 60px 0;
    background: #f2f2f2;
}

.artist-detail .newsarea .inner{
    padding: 0 20px;
}

.artist-detail .newsarea .headline{
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.artist-detail .newsarea .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.artist-detail .newsarea .list{
    margin-bottom: 20px;
}

.artist-detail .newsarea .list .card{
    border-bottom: 1px solid #ccc;
}

.artist-detail .newsarea .list .card a{
    padding: 15px 0;
}

.artist-detail .newsarea .list .card .date{
    margin-bottom: 5px;
}

.artist-detail .newsarea .list .card .date p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    color: #666;
}

.artist-detail .newsarea .list .card .text{
    
}

.artist-detail .newsarea .list .card .text p{
    line-height: 130%;
    font-weight: bold;
    font-size: 13px;
}

.artist-detail .newsarea .button{
    text-align: center;
}

.artist-detail .achieve{
    margin-bottom: 50px;
}

.artist-detail .achieve .inner{
    margin: 0 20px;
}

.artist-detail .achieve .headline{
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.artist-detail .achieve .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.artist-detail .achieve .list{
    
}

.artist-detail .achieve .list .card{
    border-bottom: 1px solid #ccc
}

.artist-detail .achieve .list .card .title{
    padding: 15px 0;
    position: relative;
    cursor: pointer;
}

.artist-detail .achieve .list .card .title::after{
    width: 17px;
    height: 17px;
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    background: url('/wp-content/themes/denner/assets/img/ico_plus.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .achieve .list .card .title.close::after{
    background: url('/wp-content/themes/denner/assets/img/ico_minus.svg') center no-repeat;
    background-size: contain;
}

.artist-detail .achieve .list .card .title p{
    padding-left: 15px;
    border-left: 3px solid #000;
    font-size: 18px;
    font-weight: bold;
}

.artist-detail .achieve .list .card .textarea{
    display: none;
}

.artist-detail .achieve .list .card .textarea p{
    padding: 0 30px 15px;
    line-height: 150%;
    font-size: 13px;
}










.company{
    padding-top: 50px;
}

.company .inner{
}

.company .list{
    margin: 0 20px 50px;
}

.company .list dl{
}

.company .list dt{
    margin-bottom: 10px;
    padding: 20px 20px 0;
}

.company .list dt p{
    font-weight: bold;
    font-size: 13px;
}

.company .list dd{
    padding: 0 20px 20px;
    border-bottom: 1px solid #ccc;
}

.company .list dd p{
    line-height: 130%;
    font-size: 13px;
}

.company .list dd a{
    padding-left: 12px;
    position: relative;
    color: #272b6e;
}

.company .list dd a::before{
    width: 8px;
    height: 10px;
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    background: url('/wp-content/themes/denner/assets/img/ico_googlemap.png') left center no-repeat;
    background-size: contain;
}

.company .maparea .headline{
    margin-bottom: 20px;
    text-align: center;
}

.company .maparea .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.company .maparea .map{

}

.company .maparea .map iframe{
    width: 100%;
    height: 150px;
}










.contactus{

}

.contactus .background{
    padding: 50px 0 60px;
    background: #f2f2f2;
}

.contactus .list{
    margin: 0 20px 20px;
}

.contactus .list .card{
    background: #fff;
}

.contactus .list .card+.card{
    margin-top: 20px;
}

.contactus .list .card .headline{
    padding: 80px 0;
    background: #D7E0E2;
    text-align: center;
}

.contactus .list .card .headline p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    color: #333;
}

.contactus .list .card .description{
    margin-bottom: 20px;
    padding: 30px 30px 0;
}

.contactus .list .card .description p{
    font-size: 13px;
    line-height: 180%;
}

.contactus .list .card .button{
    padding: 0 30px 30px;
    text-align: center;
}










.contact{

}

.contact .background{
    padding: 30px 0 60px;
    background: #f2f2f2;
}

.contact .message{
    margin: 0 20px 20px;
}

.contact .message p{
    line-height: 150%;
    font-size: 13px;
}

.contact .message p+p{
    margin-top: 20px;
}

.contact .form{
    margin: 0 20px;
}

.contact .form .inputarea{

}

.contact .form .inputarea input,
.contact .form .inputarea select,
.contact .form .inputarea textarea{
    line-height: 130%;
    padding: 10px;
    font-size: 13px;
}

.contact .form .inputarea input,
.contact .form .inputarea select,
.contact .form .inputarea textarea{
    width: 100%;
}

.contact .form .inputarea select{
    border: 1px solid #ccc;
}

.contact .form .inputarea textarea{
    height: 160px;
}

.contact .form .inputarea select,
.contact .form .inputarea input.half{
}

.contact .form .inputarea input.square{
    width: 50%;
}

.contact .form .inputarea+.inputarea{
    margin-top: 30px;
}

.contact .form .inputarea .headline{
    margin-bottom: 20px;
}

.contact .form .inputarea .headline p{
    padding-left: 15px;
    line-height: 100%;
    border-left: 5px solid #000;
    font-size: 18px;
}

.contact .form .inputarea .headline .note{
    margin-top: 10px;
    display: block;
    line-height: 100%;
    font-size: 13px;
    color: #c00;
}

.contact .form .inputarea .headline .required{
    margin-left: 5px;
    vertical-align: super;
    font-size: 13px;
    font-weight: bold;
    color: #c00;
}

.contact .form .inputarea .field{
    
}

.contact .form .inputarea .field p{
    font-size: 13px;
}

.contact .form .inputarea .field+.field{
    margin-top: 10px;
}

.contact .form .inputarea .error{
    margin-top: 10px;
}

.contact .form .button{
    margin-top: 40px;
    text-align: center;
}

.contact .form .button-back{
    width: 180px;
    margin: 30px auto 0;
    position: relative;
}

.contact .form .button-back::after{
    width: 11px;
    height: 4px;
    content: '';
    position: absolute;
    left: 15px;
    top: calc(50% - 2px);
    background: url('/wp-content/themes/denner/assets/img/ico_arrow_yellow.svg') center no-repeat;
    background-size: contain;
    transform: scale(-1, 1);
}

.contact .form .button-back input{
    width: 180px;
    padding: 14px 0;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #000;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #fefefe;
}

.contact .mw_wp_form_input .button-back{
    display: none;
}

.contact .mw_wp_form_confirm .message{
    display: none;
}

.contact .message-done{
    padding: 0 20px;
}

.contact .message-done p{
    line-height: 200%;
}










.common-contents{

}

.common-contents .background{
    padding: 40px 0 50px;
    background: #f2f2f2;
}

.common-contents .block{
    margin: 0 20px;
    padding: 40px 20px;
    background: #fff;
}

.common-contents .block+.block{
    margin-top: 40px;
}

.common-contents .block .headline{
    margin-bottom: 20px;
}

.common-contents .block .headline p{
    padding-left: 10px;
    border-left: 5px solid #000;
    font-weight: bold;
}

.common-contents .block .headline strong{
    line-height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.075em;
    font-size: 16px;
}

.common-contents .block .headline span{
    margin-left: 10px;
    vertical-align: baseline;
    font-size: 10px;
    font-weight: normal;
}

.common-contents .block .image{
    margin-bottom: 20px;
}

.common-contents .block .text{

}

.common-contents .block .text p{
    line-height: 150%;
    font-size: 13px;
}

.common-contents .block .text p+p{
    margin-top: 20px;
}

.common-contents .block .text span{
    font-weight: bold;
}










.privacypolicy{

}

.privacypolicy .inner{
    margin: 0 20px;
    padding: 50px 0;
}

.privacypolicy .headline{
    margin-bottom: 20px;
}

.privacypolicy .headline p{
    padding-left: 15px;
    line-height: 100%;
    border-left: 5px solid #000;
    font-size: 18px;
    font-weight: bold;
}

.privacypolicy .text{

}

.privacypolicy .text+.text{
    margin-top: 20px;
}

.privacypolicy .text p{
    line-height: 150%;
    font-size: 13px;
}

.privacypolicy .text ol{
    margin-left: 20px;
}

.privacypolicy .text ol li{
    line-height: 150%;
    list-style-type: decimal;
    font-size: 13px;
}

.privacypolicy .text a{
    text-decoration: underline;
}

.privacypolicy .text a:hover{
    text-decoration: none;
}














}



















/**************************************************
 * Slick Slider
 */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}