@charset "UTF-8";

/* ------ MV ------ */
.main_visual{
  max-width:1600px;margin:0 auto;width:100%;height:756px;position:relative;z-index:1;border:10px solid #fff;border-top:0;
  /*background:url(/html/user_data/assets/img/top/main.jpg) top left/cover no-repeat;*/
  background:url("/html/user_data/assets/img/top/about-danran-bg.jpg") center/cover no-repeat;}
.main_visual .lead{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;}
.main_visual .lead div{text-align:center;max-width:800px;}
.main_visual .lead .ttl{font-size:4rem;margin-bottom:25px;padding-bottom:30px;position:relative;}
.main_visual .lead .ttl::after{content:"";display:block;width:30px;height:4px;background:#fff;position:absolute;left:50%;bottom:0;margin-left:-15px;}
.main_visual .lead p{font-size:1.7rem;line-height:2;}
.main_visual .box{min-width:500px;max-width:100%;padding:30px 20px 20px 60px;background:rgba(255,255,255,0.9);position:absolute;bottom:0;right:0;}
.main_visual .box:before{content:"";display:block;width:4px;height:100%;position:absolute;left:0;bottom:0;
  background-image: -moz-linear-gradient( -90deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);}
.main_visual .box .txt_r2{text-align:right;font-size:1.2rem;}
.main_visual .box .name{font-size:2.4rem;letter-spacing:0.1em;}
.main_visual .box .name .big{font-size:3.4rem;line-height:1;}
.main_visual .box .name .en_serif{font-size:1.4rem;color:#e8a02b;letter-spacing:0.2em;}
.main_visual .box ul{display:flex;margin-top:25px;font-size:1.8rem;flex-wrap:wrap;gap:30px;}
.main_visual .box ul span{display:inline-block;color:#fff;font-size:1.4rem;width:87px;height:24px;line-height:24px;margin-right:16px;background:#e8a02b;text-align:center;border-radius:12px;vertical-align:2px;}
.main_visual .box .btn{display:block;margin-top:30px;font-size:1.4rem;text-align:right;}

.l-contents{background:#fff;padding:100px 0 65px;}
.l-contents section+section{margin-top:65px;}

.ttl_area{position:relative}
.ttl_area .ttl{position:relative;padding-bottom:25px;margin-bottom:30px;text-align:center;font-size:3.5rem;}
.ttl_area .ttl::after,.ttl_area .ttl::before{content:"";position:absolute;bottom:0;width:30px;height:3px}
.ttl_area .ttl::before{left:50%;margin-left:-30px;background:#e8a02b}
.ttl_area .ttl::after{right:50%;margin-right:-30px;background:#cd4a38}
.ttl_area .ttl span{font-size:1.5rem;display:block;margin-bottom:15px}
.ttl_area .btn02{position:absolute;right:0;top:0}
.ttl_area .btn02 a span{padding:5px 15px}

.about-danran{display:block;padding:65px 0;color:#fff;background:url("/html/user_data/assets/img/top/about-danran-bg.jpg") center/cover no-repeat;}
.about-danran .container{display:flex;gap:60px;align-items:center;}
.about-danran .container::before,.about-danran .container::after{content:none}
.about-danran .container figure{flex-shrink:0;}
.about-danran .container .ttl{font-size:2.8rem;margin-bottom:25px;}
.about-danran .container p{margin-bottom:0;}

.event_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.event_list .event_box{position:relative;margin-bottom:20px;padding:0 0 30px;}
.event_list .event_box::after,.event_list .event_box::before{content:"";position:absolute;bottom:0;width:50%;height:1px}
.event_list .event_box::before{left:50%;margin-left:-50%;background:#e8a02b}
.event_list .event_box::after{right:50%;margin-right:-50%;background:#cd4a38}
.event_list .event_box .thumb{position:relative;margin-bottom:20px;text-align:center}
.event_list .event_box .thumb figure{width:100%;height:0;padding-top:100%;background:center/cover no-repeat}
.event_list .event_box .thumb .new,.event_list .event_box .thumb .soon{position:absolute;left:0;top:0;display:block;background:#f0c622;color:#fff;width:60px;height:60px;line-height:60px;border-radius:50%;text-align:center;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;z-index:10;font-size:1.4rem}
.event_list .event_box .thumb .soon{background:#cd4a38;font-size:1.1rem}
.event_list .event_box .thumb .new::after,.event_list .event_box .thumb .soon::after{content:"";position:absolute;left:-4px;top:-4px;width:64px;height:64px;border-radius:50%;border:2px solid #f0c622}
.event_list .event_box .thumb .soon::after{border:2px solid #cd4a38}
.event_list .event_box .thumb .end{position:absolute;left:10px;top:-1px;z-index:1000;width:235px;height:261px}
.event_list .event_box .thumb .cat{position:absolute;left:0;bottom:0;display:inline-block;background:#1e1109;color:#fff;font-size:1.3rem;padding:3px 10px;text-align:center;z-index:1000}
.event_list .event_box .date{text-align:center;font-size:1.5rem;font-family:"Crimson Text",serif;margin-bottom:10px}
.event_list .event_box .date span{font-size:2rem;color:#e8a02b}
.event_list .event_box h3{font-size:1.5rem;font-weight:500}
.event_list .event_box .area{color:#aaa;font-size:1.3rem}

.maintenance-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.maintenance-list .maintenance-link{padding:0;}
.maintenance-list .maintenance-link a{display:flex;justify-content:center;align-items:center;height:300px;padding:20px;background:#e0e0e0;text-align:center;color:#fff;font-size:3.2rem;letter-spacing:0.04em;position:relative;}
.maintenance-list .maintenance-link a .en{display:block;font-size:1.5rem;padding-bottom:15px;letter-spacing:0.1em;}
.maintenance-list .maintenance-link a::before{content:"";display:block;width:calc(100% - 22px);height:calc(100% - 22px);border:1px solid #fff;position:absolute;top:10px;left:10px;}
.maintenance-list .maintenance-link a::after{content:"";display:block;width:17px;height:31px;background:url("/html/user_data/assets/img/common/arrow/arrow_white.svg") center/contain no-repeat;position:absolute;bottom:40px;left:50%;margin-left:-9px;}
.maintenance-list .maintenance-link01 a{background:url("/html/user_data/assets/img/top/maintenance-bg01.jpg") center/cover no-repeat;}
.maintenance-list .maintenance-link02 a{background:url("/html/user_data/assets/img/top/maintenance-bg02.jpg") center/cover no-repeat;}

.index_event{background:url(/html/user_data/assets/img/top/index_bg01.png) no-repeat center -180px #f5f5f5;padding:65px 0}
.index_event .ttl_area{position:relative}
.index_event .ttl_area .btn02{position:absolute;right:0;top:0}
.index_event .ttl_area .btn02 a{font-family:"Crimson Text",serif}
.index_event .ttl_area .btn02 a span{padding:5px 15px}
.index_event .event_cat_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:2px solid #fff;border-bottom:2px solid #fff;margin:0 auto 30px;font-size:1.3rem;}
.index_event .event_cat_list li{padding:8px}
.index_event .event_cat_list li a{-webkit-transition:all .3s ease;transition:all .3s ease}
.index_event .event_cat_list li span{color:#e8a02b}
.index_event .event_box.ie_cafe .week{margin-bottom:10px}
.index_event .event_box.ie_cafe .week span{font-size:2.6rem;color:#e8a02b}
.index_event .event_box.ie_cafe p{margin-bottom:0}

.index_link .ttl{font-family:"Josefin Sans",sans-serif;font-size:2.8rem;}
.index_link .ttl a{display:block;padding:0 0 30px 35px;position:relative;border-bottom:1px solid #1e1109}
.index_link .ttl a::before{content:"";position:absolute;left:0;top:10px;width:22px;height:3px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}
.index_link .ttl.ttl-01 a::before{background:#f0c622}
.index_link .ttl.ttl-02 a::before{background:#cd4a38}
.index_link .ttl i{position:absolute;right:0}
.index_link .ttl i img{width:12px;}
.index_link .ttl span{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;font-size:1.3rem;font-weight:500;vertical-align:text-top;margin-left:25px;line-height:180%;}


@media only screen and (max-width:767px) {
  .main_visual{height:auto;margin-top:70px;/*background:none;*/}
  /*.main_visual:before{content:"";display:block;width:100%;height:0;padding-top:120%;background:url("/html/user_data/assets/img/top/main_sp.jpg") center/cover no-repeat;}*/
  .main_visual .lead{padding:50px 7% 20px;}
  .main_visual .box{width:100%;min-width:0;padding:30px 15px 0;position:relative;}
  .main_visual .box::before{width:100%;height:4px;bottom:auto;top:0;
    background-image: -moz-linear-gradient( 0deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(232,160,43) 0%, rgb(205,74,56) 100%);}
  .main_visual .box .name{line-height:1;}
  .main_visual .box .name .big{font-size:3rem;}
  .main_visual .box ul{margin-top:15px;}
  .main_visual .box .btn{margin-top:15px;}
  
  .l-contents{padding:40px 0 30px;}
  .l-contents section + section{margin:30px 0 0;}
  
  .ttl_area .ttl{font-size:3rem;}
  
  .about-danran a{padding:30px 0;}
  .about-danran .container{flex-direction:column;gap:20px;}
  .about-danran .container>div{width:90%;}
  .about-danran .container .ttl{font-size:2.4rem;margin-bottom:15px;text-align:center;}
  
  .maintenance-list .maintenance-link+.maintenance-link{margin-top:20px;}
  
  .index_event{padding:40px 0;}
  .index_event .event_cat_list{overflow-x:auto;white-space:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
  .index_event .event_list{padding:0 15px;}
  .event_list .event_box .thumb .end{width:100%;left:0}
  .event_list .event_box .thumb .new{width:40px;height:40px;line-height:40px;font-size:1.2rem}
  .event_list .event_box .thumb .soon{width:40px;height:40px;font-size:1.1rem;line-height:20px}
  .event_list .event_box .thumb .new::after,.event_list .event_box .thumb .soon::after{width:44px;height:44px}
  .event_list .event_box h3{font-size:1.4rem;line-height:1;/*min-height:62px*/}
  .event_list .event_box .date span{font-size:2rem}
  .event_list .event_box.ie_cafe .week{font-size:1.3rem}
  .event_list .event_box.ie_cafe p{font-size:1.2rem;line-height:1.2}
  .event_list .event_box a{margin:0 5px;display:block}
  .event_list .event_box h3{font-size:1.3rem;line-height:1.6;/*min-height:70px*/}
  .event_list .slick-next,.event_list .slick-prev{background-color:#838383;background-size:20%;top:20%;width:30px;height:30px}
  
  .maintenance-list .maintenance-link a{height:160px;font-size:2.4rem;}
  .maintenance-list .maintenance-link a .en{padding-bottom:5px;font-size:1.2rem;}
  .maintenance-list .maintenance-link a::after{width:12px;height:21px;left:auto;right:25px;bottom:50%;margin:0 0 -15px 0;}
  
  .index_link{margin:40px 0!important;}
  .index_link .col-sm-6+.col-sm-6{margin-top:30px;}
  .index_link .ttl{font-size:2.4rem;}
  .index_link .ttl a{padding-bottom:15px;}
  .index_link .ttl span{margin-left:15px;}
  
}
@media only screen and (max-width:480px) {
  .main_visual .box .name{font-size:1.8rem;}
  .main_visual .box .name .big{font-size:2.4rem;}
  .main_visual .box ul{flex-direction: column;gap:10px;}
  
  .ttl_area .ttl{font-size:2.4rem;}
  .ttl_area .ttl span{font-size:1.2rem;margin-bottom:5px;}
  
  .maintenance-list .maintenance-link a{font-size:1.8rem;}
  .maintenance-list .maintenance-link a .en{line-height:1;}
  
  .index_link .ttl a::before{top:50%;margin-top:-10px;}
  .index_link .ttl span{display:block;margin:0;}
  .index_link .ttl i{top:50%;margin-top:-20px;}
  
}