@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
.ofj._contain img {
    object-fit: contain !important;
}
.main .slick-track .slick-slide img{
    height: 80vh !important;
}
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/
body{
	overflow:hidden;
}
.btn_tor{
	display: block;
	width: 240px;
	margin: 0 auto;
}
.result-news a {
    max-width: 100% !important;
}
.resultwrap .slick-track > div {
    margin: 20px 10px 0 0 !important;
}
.resultwrap{
	padding-right: 10px;
}

.event_Instagram01{
    border:none!important;
    margin:15px 0;
}
    .sns_list{
        display: flex;
        flex-direction: row!important;
        flex-wrap: wrap!important;
        border:none;
        justify-content: space-between;
    }
    .sns_text{
        display: none;
        width: 0%!important;
    }
    .sns_photo{
        width: 100%!important;
        padding:0!important;
    }
    div.sns_list > div {
        display: flex;
        border-bottom: 0px dashed #ccc;
        width:30%;
        margin-bottom:20px; 
    }
    .sns_photo img{
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    }
.sns_list {
    display: flex;
    border: none!important; 
    box-sizing: border-box;
}
.flyer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .4s;
}
.flyer.active{
    opacity: 0;
    pointer-events: none;
}
.flyer a{
    display: block;
    height: auto !important;
    position: relative;
}
.flyer a:before{
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    display: block;
    margin: auto;
    width: 150px;
    content: "詳しく見る";
    background: #000;
    border-radius: 100px;
    color: #fff;
    text-align: center;
}
.flyer .wrap{
    display: flex;
    align-items: center;
    width: 40% !important;
    max-width: 500px !important;
    height: auto !important;
    position: relative;
}
.flyer .wrap > div{
    position: absolute;
    top: -60px;
    right: -60px;
    color: #fff;
    font-size: 3rem;
    z-index: 99999;
    font-weight: 100;
}
.flyer .wrap > div:hover{
    cursor: pointer;
}
.flyer a img{
    width: auto !important;
}
.main .copy{
    z-index: 1;
}
@media screen and (max-width: 1600px){
/* ================================================================= 
 *
 * notepc size
 *
 * ================================================================= */
.flyer .wrap{
    display: flex;
    align-items: center;
    width: 26% !important;
    max-width: 500px !important;
    height: auto !important;
    position: relative;
}
@media screen and (max-width: 834px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
 .flyer .wrap{
    width: 70% !important;
    max-width: 500px !important;
}

/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* tablet END ###################################################### */
}
@media screen and (max-width: 640px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
 .main .slick-track .slick-slide img{
    object-fit: cover !important;
    height: auto !important;
}
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

.btn_tor{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.resultwrap{
	margin-left: -2px;
}

.result-wrap div {
    font-weight: 900;
    font-size:16px;
}

.num1 > div {
    font-size: 50px!important;
}

.num2 > div {
    font-size: 50px!important;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 32px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
}


/* smartphone END ################################################## */
}