@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@media screen and (min-width: 769px) {
    .sp_only {
        display:none !important;
    }
    html {
        color: #000;
        background: #FFF;
    }
    body {
        margin: 0;
        color: #404040;
        /* text-align: center; */
        font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 12px;
        background: #FFF;
    }
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
        margin: 0;
        padding: 0;
    }
    div {
        display: block;
    }
    li {
        list-style: none;
    }
    a:link {
        color: #003780;
        text-decoration: none;
    }
    a:visited {
        color: #003780;
        text-decoration: none;
    }
    div.wrapper_ {
        margin: 0;
        width: 100%;
        text-align: inherit;
    }
    div.wrapper_ {
        margin: 0 auto;
    }
    fieldset, img {
        border: 0;
    }
    .block-header--link-box {
	  position: absolute;
	    top: 22px;
	    left: 0;
	}
	.block-header--link-box--inner {
	  display: flex;
	  flex-flow: row wrap;
	}
	.block-header--link-box--list {
	  position: relative;
	  margin-right: 20px;
	}
	.block-header--link-box--list::before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: -9px;
	  width: 1px;
	  height: 10px;
	  background-color: #646464;
	  margin-top: -5px;
	}
	.block-header--link-box--list:last-child {
	  margin-right: 0;
	}
	.block-header--link-box--list:last-child::before {
	  display: none;
	}
	.block-header--link-box--link {
	  color: #646464 !important;
	  font-size: 12px;
	  font-weight: 600;
	  line-height: 12px;
	}
	.pane-7clover-header .block-header--frame .block-header--right .block-header--reserve a {
	  font-size: 0;
	  line-height: 0;
	  background-color: #FFFFFF;
	}
	.block-header--reserve-link {
	  text-align: center;
	}
	.block-header--reserve-image {
	  display: inline-block;
	  width: 100%;
	  height: auto;
	}
    body .container_ {
        font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;   
        color: #000;
    }
    .wrapper_ .pane-7clover-header .block-header--frame {
        width: 1200px;
        height: 200px;
        margin: 0 auto;
        position: relative;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--left {
        padding-top: 40px;
        
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--ab {
        font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;     
        position: absolute;
        top: 27%;
        right: 7.3%;
        font-size: 20px;
        font-weight: bold;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--ab span {
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;   
    }
    /*mainvisual*/
    .block_mainvisual {
        width: 1200px;
        height: 500px;
        margin: 0 auto;
    }
    .block_mainvisual .block_mainvisual_re {
        width: 100%;
        position: relative;
    }
    .block_mainvisual .block_mainvisual_re img {
        width: 100%;
    }
    .block_mainvisual .block_mainvisual_ab_text {
        position: absolute;
        top: 0;
        width: 100%;
        height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-weight: bold;
        z-index: 2;
    }
    .block_mainvisual .block_mainvisual_ab_text .block_mainvisual_ab_text_1 {
        font-size: 80px;
        letter-spacing: 9px;
        line-height: 1em;
        color: #fff;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .block_mainvisual .block_mainvisual_ab_text .block_mainvisual_ab_text_2 {
        font-size: 30px;
        color: #fff;
    }
    .block_mainvisual .block_mainvisual_ab_image {
        position: absolute;
        bottom: -10%;
        left: 5.5%;
        width: 400px;
        z-index: 3;
    }
    .block_mainvisual .block_mainvisual_ab_bk {
        position: absolute;
        top: 0;
        background-color: #000;
        opacity: 0.5;
        width: 100%;
        height: 250px;
        z-index: 1;
    }

    /*section_2 content*/
    .block_maincontent_1 {
        width: 1200px;
        margin: 0 auto;
        padding: 72px 0 94px;
        background-color: #F0F0F0;
    }

    .block_maincontent_1 .content_1_title {
        margin: 0 0 5%;
        text-align: center;
        font-weight: bold;
    }   
    .block_maincontent_1 .content_1_title .content_1_title_1 {
        font-size: 46px;
        margin-bottom: 1.5%;
        position: relative;
    }
    .block_maincontent_1 .content_1_title .content_1_title_1::before {
        content: '';
        position: absolute;
        width: 5px;
        height: 60px;
        border-left: 1px solid #000;
        transform: rotate(-30deg);
        left: 30%;
        top: 0;
    }
    .block_maincontent_1 .content_1_title .content_1_title_1::after {
        content: '';
        position: absolute;
        width: 5px;
        height: 60px;
        border-left: 1px solid #000;
        transform: rotate(210deg);
        right: 30%;
        top: 0;
    }
    .block_maincontent_1 .content_1_title .content_1_title_2 {
        font-size: 64px;
        line-height: 1em;
        margin-bottom: 2%;
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 {
        font-size: 40px;
        line-height: 3em;
        margin-left: -2%;
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 .content_1_title_3_1 {
        font-size: 80px;
        color: #C1272D;
        /*font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;*/
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 .content_1_title_3_2 {
        font-size: 160px;
        color: #C1272D;
        margin-left: 0%;
        letter-spacing: -8px;
        /*font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;*/
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 .content_1_title_3_3{
        font-size: 30px;
        /*font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;*/
    }
    .block_maincontent_1 .content_1_title img {
        width: 100%;
    }

    .block_maincontent_1 .content_1_title {
        margin: 0 auto 30px;
    }   
    .block_maincontent_1 .content_1_title img {
        width: 100%;
    }
    .block_maincontent_1 .content_1_list {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .block_maincontent_1 .content_1_list.first_content_1_list {
        margin-bottom: 40px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text {
        padding: 30px 38px;
        width: 424px;
        height: 440px;
        background-color: #fff;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_title_pink_bk {
        font-size: 47px;
        font-weight: bold;
        background: linear-gradient(transparent 50%, #e09396 0%);
        display: inline-block;
        margin-bottom: 34px;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail {
        margin-left: -6px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li{
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li:nth-child(4) {
        letter-spacing: 0px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li:nth-child(5) {
        letter-spacing: -2px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li:nth-child(6) {
        letter-spacing: 1px;
    }
    .block_maincontent_1 .content_1_list.second_content_1_list {
        flex-direction: row-reverse;
    }
    .block_maincontent_1 .content_1_list.second_content_1_list .content_1_list_text {
        padding: 30px 38px;
        height: 440px;
    }
    .block_maincontent_1 .content_1_list.second_content_1_list .content_1_list_text .content_title_pink_bk {
        margin-bottom: 25px;
    }   
    .block_maincontent_1 .content_1_list.second_content_1_list .content_1_list_text .content_list_detail.content_1_detail_bigger li:nth-child(1) {
        font-size: 31px;
        line-height:40px;
        margin-bottom: 28px;
    }
    .block_maincontent_1 .content_1_list.second_content_1_list .content_1_list_text .content_list_detail.content_1_detail_bigger li:not(:nth-child(1)) {
        font-size: 28px;
        margin-bottom: 13px;
        letter-spacing: 3px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_image {
        width: 500px;
        height: 500px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_image img {
        width: 100%;
    }
    .block_maincontent_1 .content_1_sub_title {
        margin: 75px auto 25px;
        letter-spacing: 3px;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
        line-height: 1em;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .block_maincontent_1 .content_1_sub_description {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 65px;
    }
    .block_maincontent_1 .content_1_sub_description div:first-child {
        letter-spacing: -1px;
    }
    .block_maincontent_1 .content_1_sub_description div:nth-child(2) {
        margin-bottom: 28px;
    }
    .block_maincontent_1 .content_1_sub_mv_image {
        width: 1000px;
        margin: 0 auto;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-track li {
        width: 100%;
        height: 600px;
        overflow: hidden;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-track li img {
        width: 100%;
    }
    .block_maincontent_1 ul.slick-dots {
        display: flex !important;
        width: 77.5px;
        justify-content: space-between;
        margin: 15px auto 0;
    }
    .block_maincontent_1 ul.slick-dots > li button {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        font-size: 0;
        cursor: pointer;
        background: #CCC;
    }
    .block_maincontent_1 ul.slick-dots > li.slick-active button {
        background: #333;
    }
    .block_maincontent_1 .content_1_sub_info {
        width: 1000px;
        display: flex;
        justify-content: space-between;
        margin: 45px auto 0;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box {
        width: 277.7998px;
        height: 165.1885px;
        padding: 27.2445px 21.1px;
        background-color: #fff;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_title {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 15px;
        border-bottom: 1px solid #000;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_text {
        font-size: 17px;
        line-height: 28px;
        letter-spacing: 1.3px;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_text span {
        font-size: 13px;
    }

    /*section_3 content*/
    .block_maincontent_2 {
        background-color: #DCDCDC;
        width: 1200px;
        margin: 0 auto;
        padding: 85px 0;
    }
    .block_maincontent_2 .content_2_title {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 50px;
    }
    .block_maincontent_2 .content_2_title .content_2_title_1 {
        font-size: 43px;
        line-height: 55px;
        letter-spacing: -3px;
    }
    .block_maincontent_2 .content_2_title .content_2_title_2 {
        font-size: 82px;
        font-weight: bold;
        line-height: 102px;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .block_maincontent_2 .content_2_title .content_2_title_3 {
        font-size: 40px;
        line-height: 40px;
    }
    .block_maincontent_2 .content_2_mv {
        width: 1000px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .block_maincontent_2 .content_2_mv img{
        width: 500px;
    }
    .block_maincontent_2 .content_2_description {
        width: 1000px;
        border-bottom: 1px solid #000;
        margin: 40px auto 0;
        padding-bottom: 86px;
        text-align: center;
    }
    .block_maincontent_2 .content_2_description .content_2_description_1 {
        font-size: 35px;
        font-weight: bold;
        line-height: 65px;
    }
    .block_maincontent_2 .content_2_description .content_2_description_2 {
        font-size: 25px;
        line-height: 36px;
        margin-top: 8px;
    }
    .block_maincontent_2 .content_2_description .content_2_description_3 {
        font-size: 25px;
        line-height: 36px;
        margin-top: 12px;
    }
    .block_maincontent_2 .content_2_list_maintitle {
        margin-top: 71px;
        font-size: 60px;
        font-weight: bold;
        line-height: 1em;
        text-align: center;
        margin-bottom: 50px;
        letter-spacing: 2px;
    }
    .block_maincontent_2 .content_2_list {
        display: flex;
        justify-content: center;
        width: 1000px;
        height: 500px;
        margin: 0 auto 40px;
    }
    .block_maincontent_2 .content_2_list.content_2_list_reserve {
        flex-direction: row-reverse;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text {
        width: calc(50% - 66px);
        padding: 40px 33px;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(1) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_1_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 18%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(2) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_2_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 44%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(3) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_3_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 45%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(4) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_4_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 47%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text .content_2_list_title {
        font-size: 38px;
        font-weight: bold;
        line-height: 45px;
        margin-bottom: 25px;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text .content_2_list_detail {
        font-size: 28px;
        line-height: 35px;
    }
    .block_maincontent_2 .content_2_list .content_2_list_image {
        width: 50%;
    }
    .block_maincontent_2 .content_2_list .content_2_list_image img {
        width: 100%;
        height: 100%;
    }
    .block_maincontent_2 .btn_7clover_mainLink {
        width: 1000px;
        margin: 70px auto 0;
    }
    .block_maincontent_2 .btn_7clover_mainLink img {
        width: 100%;
    }
    .block_subline {
        width: 1200px;
        margin: 0 auto;
        font-size: 45px;
        font-weight: bold;
        line-height: 100px;
        text-align: center;
        color: #fff;
        background-color: #999999;
    }

    .block_reserve_btn {
        position: static;
        bottom: 0;
        left: 0;
    }
    .block_reserve_btn a {
        position: fixed;
        z-index: 10;
        bottom: 16.355px;
        left: 50%;
        width: 330px;
        transform: translate(-50%, 0);
    }
    .block_reserve_btn img {
        width: 100%;
    }
    .block_reserve_btn .block_reserve_btn_bk {
        position: fixed;
        z-index: 9;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background-color: #000;
        opacity: 0.5;
    }
    .top_banner {
        font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;     
        width: 1200px;
        height: 60px;
        margin: 0 auto;
        background-color: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }
    #footer.pane-7clover-footer {
    	padding-bottom: 180px;
    }

    /*7clover.css*/
    /* ----共通---- */
    body {
        line-height: 1.5;
    }

    /* ----ヘッダー---- */
    .pane-7clover-header .block-header--frame {
        position: relative;
        width: 960px;
        height: 185px;
        margin: 0 auto;
    }
    .pane-7clover-header .block-header--frame .block-header--left {
        padding: 50px 140px 0;
    }
    .pane-7clover-header .block-header--frame .block-header--left .block-header--logo {
        margin: 0 auto;
        text-align: center;
    }
    .pane-7clover-header .block-header--frame .block-header--right .block-header--reserve {
        position: absolute;
        top: 0;
        right: 0;
        width: 140px;
        height: 140px;
    }
    .pane-7clover-header .block-header--frame .block-header--right .block-header--reserve a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 140px;
        color: #FFF !important;
        font-size: 18px;
        font-weight: 600;
        background: #000;
    }

    /* ----グローバルナビ---- */
    .block-global-navi {
        height: 64px;
    }
    .block-global-navi .block-global-navi--nav-frame {
        background: #FFF;
    }
    .block-global-navi.is-fixed .block-global-navi--nav-frame {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #8F8F8F;
        z-index: 9999;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 960px;
        margin: 0 auto;
    }
    .block-global-navi.is-fixed .block-global-navi--nav-frame ul.block-global-navi--nav-list {
        justify-content: flex-end;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list > li {
        padding: 23px 25px;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list > li.instagram {
        padding: 19px 35px;
    }
    .block-global-navi.is-fixed .block-global-navi--nav-frame ul.block-global-navi--nav-list > li.instagram {
        padding-right: 25px;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list > li.reserve {
        display: none;
        padding: 0;
        width: 140px;
        height: 140px;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list > li.reserve a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 140px;
        color: #FFF;
        font-size: 18px;
        font-weight: 600;
        background: #000;
    }
    .block-global-navi.is-fixed .block-global-navi--nav-frame ul.block-global-navi--nav-list > li.reserve {
        display: flex;
    }
    .block-global-navi .block-global-navi--nav-frame ul.block-global-navi--nav-list > li a {
        color: #000;
    }

    /* ----フッター---- */
    #footer.pane-7clover-footer {
        margin: 0;
        padding: 65px 0 45px;
        border: 0;
        background: #dcdcdc;
    }
    .pane-7clover-footer .block-footer--frame {
        width: 960px;
        margin: 0 auto;
    }
    .pane-7clover-footer .block-footer--text {
        margin: 0 0 60px;
        font-size: 23px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }
    .pane-7clover-footer .block-footer--separate {
        display: flex;
        margin: 0 0 35px;
    }
    .pane-7clover-footer .block-footer--separate .block-footer--separate-left,
    .pane-7clover-footer .block-footer--separate .block-footer--separate-center,
    .pane-7clover-footer .block-footer--separate .block-footer--separate-right {
        width: 320px;
    }
    .pane-7clover-footer .block-footer--separate .block-footer--separate-left {
        height: 251px;
    }
    .pane-7clover-footer .block-footer--separate .block-footer--separate-center {
        padding: 0 35px;
        box-sizing: border-box;
    }
    .pane-7clover-footer .block-footer--separate .block-footer--separate-right {
        padding: 0 5px;
        box-sizing: border-box;
    }
    .pane-7clover-footer .block-footer--logo {
        margin: 0 0 35px;
        text-align: center;
        height: 91px;
    }
    .pane-7clover-footer .block-footer--addr {
        font-size: 15px;
        line-height: 1.667;
    }
    .pane-7clover-footer .block-footer--time {
        font-size: 15px;
        line-height: 2.0;
    }
    .pane-7clover-footer .block-footer--time-comment {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 2.0;
    }
    .pane-7clover-footer ul.block-footer--sns {
        width: 320px;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pane-7clover-footer ul.block-footer--sns > li {
        margin: 0 10px;
    }

    /* --------------------------------------------------------------------
        2021/0620追記 開始
    --------------------------------------------------------------------- */
    .pane-7clover-footer ul.block-footer--info {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0 auto 10px;
    }
    .pane-7clover-footer ul.block-footer--info > li {
        margin: 0 10px;
    }
    /* --------------------------------------------------------------------
        2021/0620追記 終了
    --------------------------------------------------------------------- */

    .pane-7clover-footer .block-footer--copyright {
        font-size: 13px;
        line-height: 2.0;
        color: #000;
        text-align: center;
    }

    /* ----メインビジュアル---- */
    .block-mainvisual {
        width: 100%;
        margin: 0;
    }

    .block-mainvisual ul.block-mainvisual--list li {
        text-align: center;
    }

    .block-mainvisual ul.block-mainvisual--list li img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    /* ----メインビジュアル テキスト---- */
    .block-mainvisual-text {
        width: 960px;
        margin: 0 auto;
        padding: 75px 0;
    }
    .block-mainvisual-text .block-mainvisual-text--text {
        font-size: 18px;
        font-weight: 500;
        line-height: 2.0;
        text-align: center;
    }

    /* ----ニュース---- */
    .block-news {
        padding: 75px 0;
        background: #f0f0f0;
    }
    .block-news .block-news--inner {
        width: 960px;
        margin: 0 auto;
    }
    .block-news ul.block-news--list {
        display: flex;
        margin: 0 -10px;
    }
    .block-news ul.block-news--list.slick-slider {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 0;
    }
    .block-news ul.block-news--list > li,
    .block-news ul.block-news--list li.slick-slide {
        width: 470px;
        margin: 0 10px;
    }
    .block-news ul.block-news--list.slick-slider .slick-track {
        display: flex;
    }
    .block-news ul.block-news--list.slick-slider .slick-track li {
        height: auto;
    }
    .block-news ul.block-news--list li a {
        color: #333;
    }
    .block-news ul.block-news--list .block-news--list-item {
        height: 100%;
        padding: 0 0 35px;
        color: #333;
        background: #FFF;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-image {
        margin: 0 0 25px;
        text-align: center;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-image img {
        width: 100%;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-date,
    .block-news ul.block-news--list .block-news--list-item .block-news--list-text {
        font-size: 13px;
        line-height: 1.5;
        padding: 0 18px;
    }
    .block-news ul.block-news--list .slick-list {
        order: 10;
        width: 100%;
        margin: 0 0 40px;
    }
    .block-news ul.block-news--list ul.slick-dots {
        display: flex;
        order: 30;
    }
    .block-news ul.block-news--list ul.slick-dots > li {
        width: 10px;
        margin: 0 15px;
        font-size: 0;
    }
    .block-news ul.block-news--list ul.slick-dots > li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        font-size: 0;
        cursor: pointer;
        background: #CCC;
    }
    .block-news ul.block-news--list ul.slick-dots > li.slick-active button {
        background: #333;
    }
    .block-news ul.block-news--list .slick-prev {
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 2px solid #333;
        border-left: 2px solid #333;
        transform: rotate(-45deg);
        font-size: 0;
        cursor: pointer;
        background: none;
        order: 20;
    }
    .block-news ul.block-news--list .slick-next {
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 2px solid #333;
        border-right: 2px solid #333;
        transform: rotate(45deg);
        font-size: 0;
        cursor: pointer;
        background: none;
        order: 40;
    }

    /* ----メニュー---- */
    .block-menu {
        padding: 75px 0;
    }
    .block-menu .block-menu--inner {
        width: 960px;
        margin: 0 auto;
    }
    .block-menu ul.block-menu--list > li {
        display: flex;
        width: 100%;
        margin: 0 0 40px;
    }
    .block-menu ul.block-menu--list > li:last-of-type {
        margin-bottom: 0;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-image {
        width: 520px;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc {
        width: 400px;
        margin-left: 40px;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-name {
        margin: 0 0 30px;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.5;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-desc-title {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 2.0;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-desc-text {
        margin: 0 0 40px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-button a {
        display: block;
        padding: 15px 20px;
        border: 1px solid #333;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        color: #000;
    }

    /* ----イベント---- */
    .block-event {
        padding: 75px 0;
        background: #f0f0f0;
    }
    .block-event .block-event--inner {
        width: 960px;
        margin: 0 auto;
    }
    .block-event .block-event--comment {
        margin: 0 0 35px;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }
    .block-event .block-event--image {
        margin: 0 0 35px;
        text-align: center;
    }
    .block-event .block-event--contact {
        margin: 0 0 30px;
        font-size: 20px;
        font-weight: bold;
    }
    .block-event .block-event--desc-title {
        margin: 0 0 5px;
        font-size: 20px;
        font-weight: bold;
    }
    .block-event .block-event--desc-text {
        margin: 0 0 20px;
        font-size: 15px;
        font-weight: 500;
    }
    .block-event .block-event--detail a {
        display: block;
        margin-top: 50px;
        padding: 15px 0;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        color: #FFF;
        background: #000;
    }

    /* ----ロケーション---- */
    .block-location {
        padding: 75px 0;
    }
    .block-location .block-location--inner {
        display: flex;
        width: 960px;
        margin: 0 auto;
    }
    .block-location .block-location--inner .block-location--inner-left {
        width: 310px;
        margin-right: 50px;
    }
    .block-location .block-location--inner .block-location--inner-right {
        width: 600px;
    }
    .block-location .block-location--inner .block-location--text {
        margin: 0 0 30px;
        font-size: 15px;
        line-height: 2.0;
    }
    .block-location .block-location--inner .block-location--button a {
        display: block;
        border: 1px solid #000;
        border-radius: 10px;
        padding: 15px 0;
        font-size: 15px;
        line-height: 2.0;
        text-align: center;
        color: #000;
    }
    .block-location .block-location--inner .block-location--image {
        text-align: center;
    }

    /* ----Instagram---- */
    .block-instagram {
        padding: 75px 0;
        background: #f0f0f0;
    }
    .block-instagram .block-instagram--inner {
        width: 960px;
        margin: 0 auto;
    }
    .block-instagram ul.block-instagram--list {
        width: 960px;
        margin: 0 auto 35px;
        display: flex;
        flex-wrap: wrap;
    }
    .block-instagram ul.block-instagram--list > li {
        width: calc((100% - 30px) / 3);
        margin: 0 15px 15px 0;
    }
    .block-instagram ul.block-instagram--list > li:nth-of-type(3n) {
        margin-right: 0;
    }
    .block-instagram ul.block-instagram--list > li img {
        max-width: 100%;
    }
    .block-instagram .block-instagram--link {
        text-align: center;
    }
    .block-instagram .block-instagram--link a {
        display: inline-block;
        padding-left: 25px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        color: #000;
        text-align: center;
        background: url(../img/usr/7clover/ico_sns_instagram.png) center left no-repeat;
        text-decoration: none;
    }

    /* ----NEWS メインビジュアル---- */
    .block-news-head {
        width: 960px;
        padding: 75px 0 0;
        margin: 0 auto;
    }

    /* ----NEWS 記事詳細---- */
    .block-news-article-detail {
        width: 960px;
        margin: 0 auto 80px;
    }
    .block-news-article-detail h2.event_title_ {
        display: none;
    }
    .block-news-article-detail .block-news-article-detail--date {
        font-size: 18px;
        font-weight: bold;
    }
    .block-news-article-detail .block-news-article-detail--title {
        margin: 0 0 45px;
        font-size: 18px;
        font-weight: bold;
    }
    .block-news-article-detail .block-news-article-detail--image {
        margin: 0 0 35px;
        text-align: center;
    }
    .block-news-article-detail .block-news-article-detail--text {
        margin: 0 0 40px;
        font-size: 12px;
        line-height: 1.75;
    }
    .block-news-article-detail .block-news-article-detail--return a {
        display: block;
        padding: 15px 0;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        color: #FFF;
        background: #000;
    }

    /* ----イベント---- */
    .block-event-detail {
        padding: 75px 0;
    }
    .block-event-detail .block-event-detail--inner {
        width: 800px;
        margin: 0 auto;
    }
    .block-event-detail .block-event-detail--comment {
        margin: 0 0 35px;
        font-size: 25px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--contact {
        margin: 0 0 30px;
        font-size: 20px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--desc-title {
        margin: 0 0 30px;
        font-size: 20px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--desc-text {
        margin: 0 0 20px;
        font-size: 15px;
        font-weight: 500;
    }
    .block-event-banner {
        width: 800px;
        margin: 0 auto 80px;
    }
    .block-event-banner ul.block-event-banner--list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .block-event-banner ul.block-event-banner--list > li {
        width: calc(50% - 20px);
        margin: 0 40px 40px 0;
    }
    .block-event-banner ul.block-event-banner--list > li:nth-of-type(2n) {
        margin-right: 0;
    }
    .block-event-banner ul.block-event-banner--list > li .block-event-banner--image {
        margin: 0 0 20px;
        text-align: center;
    }
    .block-event-banner ul.block-event-banner--list > li .block-event-banner--image img{
        width: 381px;
    }
    .block-event-banner ul.block-event-banner--list > li .block-event-banner--text {
        font-size: 12px;
        line-height: 1.667;
    }
    .block-event-banner .block-event-banner--return a {
        display: block;
        padding: 15px 0;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        color: #FFF;
        background: #000;
    }
    
    
}

@media screen and (max-width: 768px) {
    .pc_only {
        display: none !important;
    }
    ul {
        list-style: none;
    }
    body .wrapper_ {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;   
        color: #000;
    }
    .wrapper_ .pane-7clover-header {
        height: auto;
    }
    .wrapper_ .pane-7clover-header .block-header--frame {
        margin: 6% auto;
        position: relative;
        align-items: center;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--left {
        width: 28%;
        margin-left: 13%;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--logo {
        width: 100%;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--logo img {
        width: 100%;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--ab {    
        font-size: 2.94vw;
        font-weight: bold;
        line-height: 2em;
        margin-left: 5%;
        margin-top: 1%;
        letter-spacing: 0.3px;
    }
    .wrapper_ .pane-7clover-header .block-header--frame .block-header--ab span {
        font-size: 1em;
    }   
    
    /*mainvisual*/
    .block_mainvisual {
        margin: 0 auto;
    }
    .block_mainvisual .block_mainvisual_re {
        width: 100%;
        position: relative;
    }
    .block_mainvisual .block_mainvisual_re img {
        width: 100%;
    }
    .block_mainvisual .block_mainvisual_ab_text {
        position: absolute;
        top: 0;
        width: 100%;
        height: 53%;
        display: flex;
        align-items: center;
        flex-direction: column;
        font-weight: bold;
        z-index: 2;
    }
    .block_mainvisual .block_mainvisual_ab_text .block_mainvisual_ab_text_1 {
        font-size: 7.2vw;
        letter-spacing: 3px;
        margin-top: 5%;
        line-height: 1em;
        color: #fff;
    }
    .block_mainvisual .block_mainvisual_ab_text .block_mainvisual_ab_text_2 {
        font-size: 3.47vw;
        color: #fff;
        margin-top: 1%;
    }
    .block_mainvisual .block_mainvisual_ab_image {
        position: absolute;
        bottom: -23%;
        left: 7%;
        width: 34%;
        z-index: 3;
    }
    .block_mainvisual .block_mainvisual_ab_bk {
        position: absolute;
        top: 0;
        background-color: #000;
        opacity: 0.5;
        width: 100%;
        height: 55%;
        z-index: 1;
    }

    /*section_2 content*/
    .block_maincontent_1 {
        margin: 0 auto;
        padding: 13% 0 7%;
        background-color: #F0F0F0;
    }
    .block_maincontent_1 .content_1_title {
        margin: 0 0 5%;
        text-align: center;
        font-weight: bold;
    }   
    .block_maincontent_1 .content_1_title .content_1_title_1 {
        font-size: 4.8vw;
        margin-bottom: 1.5%;
        position: relative;
    }
    .block_maincontent_1 .content_1_title .content_1_title_1::before {
        content: '';
        position: absolute;
        width: 4.5vw;
        height: 4.5vw;
        border-left: 1px solid #000;
        transform: rotate(-30deg);
        left: 23%;
        top: 0;
    }
    .block_maincontent_1 .content_1_title .content_1_title_1::after {
        content: '';
        position: absolute;
        width: 4.5vw;
        height: 4.5vw;
        border-left: 1px solid #000;
        transform: rotate(210deg);
        right: 22%;
        top: 0;
    }
    .block_maincontent_1 .content_1_title .content_1_title_2 {
        font-size: 5.87vw;
        line-height: 1em;
        margin-bottom: 1%;
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 {
        font-size: 4.5vw;
        line-height: 3em;
        margin-left: -3%;
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 .content_1_title_3_1 {
        font-size: 7vw;
        color: #C1272D;
    }
    .block_maincontent_1 .content_1_title .content_1_title_3 .content_1_title_3_2 {
        font-size: 12.8vw;
        color: #C1272D;
        margin-left: 3%;
    }
    .block_maincontent_1 .content_1_title img {
        width: 100%;
    }
    .block_maincontent_1 .content_1_list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 5%;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text {
        padding: 5% 5%;
        background-color: #fff;
        width: 90%;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_title_pink_bk {
        font-size: 5.86vw;
        font-weight: bold;
        background: linear-gradient(transparent 50%, #e09396 0%);
        display: inline-block;
        margin-bottom: 5%;
        line-height: 1.3em;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li{
        font-size: 3.3vw;
        margin-bottom: 1%;
    }
    .block_maincontent_1 .content_1_list.second_content_1_list .content_1_list_text .content_list_detail li {
        font-size: 3.3vw;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li:nth-child(4) {
        letter-spacing: 0px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_text .content_list_detail li:nth-child(6) {
        letter-spacing: 1px;
    }
    .block_maincontent_1 .content_1_list .content_1_list_image,
    .block_maincontent_1 .content_1_list .content_1_list_image img {
        width: 100%;
    }
    .block_maincontent_1 .content_1_sub_title {
        margin: 10% auto 5%;
        font-size: 7vw;
        font-weight: bold;
        text-align: center;
        line-height: 1em;
    }
    .block_maincontent_1 .content_1_sub_description {
        text-align: center;
        margin-bottom: 5%;
    }
    .block_maincontent_1 .content_1_sub_description div{
        font-size: 3.5vw;
        line-height: 1.5em;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-slider {
        margin: 0 -5%;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-list {
        padding: 0 5%;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-slide {
        margin: 0 5px;
    }
    .block_maincontent_1 .content_1_sub_mv_image .slick-slide img {
        width: 100%;
        margin: 0 auto;
    }
    .block_maincontent_1 ul.slick-dots {
        display: flex !important;
        width: 16%;
        justify-content: space-between;
        margin: 2% auto 0;
    }
    .block_maincontent_1 ul.slick-dots > li button {
        width: 3vw;
        height: 3vw;
        border-radius: 50%;
        border: 0;
        padding: 0;
        font-size: 0;
        cursor: pointer;
        background: #CCC;
    }
    .block_maincontent_1 ul.slick-dots > li.slick-active button {
        background: #333;
    }
    .block_maincontent_1 .content_1_sub_info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 6% auto 0;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box {
        margin: 0 15% 5%;
        padding: 5%;
        width: 60%;
        background-color: #fff;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_title {
        font-size: 4.55vw;
        font-weight: bold;
        margin-bottom: 3%;
        padding-bottom: 1%;
        border-bottom: 1px solid #000;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_text {
        font-size: 3.3vw;
        line-height: 1.8em;
    }
    .block_maincontent_1 .content_1_sub_info .content_1_sub_info_box .content_1_sub_info_box_text span {
        font-size: 2.5vw;
    }

    /*section_3 content*/
    .block_maincontent_2 {
        background-color: #DCDCDC;
        margin: 0 auto;
        padding: 10% 0;
    }
    .block_maincontent_2 .content_2_title {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 5%;
    }
    .block_maincontent_2 .content_2_title .content_2_title_1 {
        font-size: 4vw;
        line-height: 1.5em;
    }
    .block_maincontent_2 .content_2_title .content_2_title_2 {
        font-size: 8.81vw;
        font-weight: bold;
        line-height: 1.5em;
    }
    .block_maincontent_2 .content_2_title .content_2_title_3 {
        font-size: 4vw;
        line-height: 1.5em;
    }
    .block_maincontent_2 .content_2_mv {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 10%;
    }
    .block_maincontent_2 .content_2_mv img{
        width: 50%;
    }
    .block_maincontent_2 .content_2_description {
        border-bottom: 1px solid #000;
        margin: 5% 5% 0;
        padding-bottom: 10%;
        text-align: center;
    }
    .block_maincontent_2 .content_2_description .content_2_description_1 {
        font-size: 4.55vw;
        font-weight: bold;
    }
    .block_maincontent_2 .content_2_description .content_2_description_2 {
        font-size: 3.2vw;
        line-height: 1.7em;
        margin-top: 8px;
    }
    .block_maincontent_2 .content_2_description .content_2_description_3 {
        font-size: 3.2vw;
        line-height: 1.7em;
    }
    .block_maincontent_2 .content_2_list_maintitle {
        margin: 8% 0 5%;
        font-size: 6.4vw;
        font-weight: bold;
        text-align: center;
    }
    .block_maincontent_2 .content_2_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto 6%;
    }
    .block_maincontent_2 .content_2_list_main {
        margin: 0 5%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text {
        padding: 5%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(1) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_1_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 10%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(2) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_2_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 20%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(3) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_3_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 21%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list:nth-child(4) .content_2_list_text {
        background: url('../cms/img/usr/7clover_lp/content_2_list_4_bk.png') no-repeat #fff;
        background-position: 50% 50%;
        background-size: 23%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text .content_2_list_title {
        font-size: 5.55vw;
        font-weight: bold;
        margin-bottom: 3%;
    }
    .block_maincontent_2 .content_2_list_main .content_2_list .content_2_list_text .content_2_list_detail {
        font-size: 3.45vw;
        line-height: 1.5em;
    }
    .block_maincontent_2 .content_2_list .content_2_list_image img {
        width: 100%;
    }
    .block_maincontent_2 .btn_7clover_mainLink {
        margin: 5% 5% 0;
    }
    .block_maincontent_2 .btn_7clover_mainLink img {
        width: 100%;
    }
    .block_subline {
        margin: 0 auto;
        padding: 3% 0;
        font-size: 3.75vw;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: #999999;
    }

    .block_reserve_btn {
        position: static;
        bottom: 0;
        left: 0;
    }
    .block_reserve_btn a {
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        z-index: 10;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        text-decoration: none;
    }
    .block_reserve_btn a div {
        color: #fff;
    }
    .block_reserve_btn a div:nth-child(1) {
        margin-right: 3%;
    }
    .block_reserve_btn a div:nth-child(2) {
        margin-right: 2%;
        font-size: 5vw;
    }
    .block_reserve_btn a div:nth-child(3) {
        margin-right: 2%;
        font-size: 3.7vw;
    }
    .block_reserve_btn .block_reserve_btn_bk {
        position: fixed;
        z-index: 9;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #000;
    }
    .top_banner {    
        width: 100%;
        height: 60px;
        margin: 0 auto;
        background-color: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3vw;
        text-align: center;
    }
    .forcms_block #footer.pane-7clover-footer {
        background-color: #B4B4B4;
    }
    .pane-7clover-footer .block-footer--copyright {
    	padding-bottom: 50px;
    }
    body {
        line-height: 1.5;
    }
    .breadcrumb {
        padding-left: 25px;
        padding-right: 25px;
    }
    .breadcrumb,
    .breadcrumb a,
    .breadcrumb span {
        font-size: 9px;
    }
    .block-7clover-title {
        margin: 0 0 15px;
        font-size: 21px;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
        color: #000;
    }
    
    /* ----ヘッダー---- */
    .pane-7clover-header {
        height: 61px;
    }
    .pane-7clover-header .block-header--inner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #FFF;
        z-index: 9999;
    }
    .pane-7clover-header .block-header--frame {
        display: flex;
        width: 100%;
        background: #FFF;
    }
    .pane-7clover-header .block-header--frame .block-header--opener {
        position: relative;
        width: 61px;
        height: 61px;
        cursor: pointer;
    }
    .pane-7clover-header .block-header--frame .block-header--opener::before {
        position: absolute;
        top: 24px;
        left: 20px;
        width: 21px;
        height: 1px;
        transition: all 0.3s;
        background: #000;
        content: "";
    }
    .pane-7clover-header .block-header--frame .block-header--opener::after {
        position: absolute;
        top: 36px;
        left: 20px;
        width: 21px;
        height: 1px;
        transition: all 0.3s;
        background: #000;
        content: "";
    }
    .pane-7clover-header .block-header--frame .block-header--opener span {
        position: relative;
        top: 30px;
        left: 20px;
        display: block;
        width: 21px;
        height: 1px;
        transition: all 0.3s;
        background: #000;
    }
    .pane-7clover-header .block-header--frame .block-header--opener.is-open::before {
        top: 30px;
        transform: rotate(-45deg);
    }
    .pane-7clover-header .block-header--frame .block-header--opener.is-open::after {
        top: 30px;
        transform: rotate(45deg);
    }
    .pane-7clover-header .block-header--frame .block-header--opener.is-open span {
        opacity: 0;
    }
    .pane-7clover-header .block-header--frame .block-header--logo {
        width: calc(100% - 122px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pane-7clover-header .block-header--frame .block-header--logo img {
        width: 55px;
    }
    .pane-7clover-header .block-header--frame .block-header--reserve {
        width: 61px;
        height: 61px;
    }
    .pane-7clover-header .block-header--frame .block-header--reserve a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 61px;
        height: 61px;
        font-size: 10px;
        font-weight: 600;
        text-decoration: none;
        color: #FFF;
        background: #000;
    }
    .pane-7clover-header .block-header--navi {
        display: none;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 2.0;
        background: #FFF;
    }
    .pane-7clover-header .block-header--navi a {
        color: #000;
        text-decoration: none;
    }
    .pane-7clover-header .block-header--navi li.instagram a {
        position: relative;
        padding-right: 18px;
        background: url(../img/usr/7clover/ico_sns_instagram.png) center right / 12px auto no-repeat;
    }
    .pane-7clover-header ul.block-header--navi-list > li {
        padding: 18px 0;
    }
    
    /* ----フッター---- */
    #footer.pane-7clover-footer {
        margin: 0;
        padding: 25px 25px 30px;
        border: 0;
        background: #dcdcdc;
    }
    .pane-7clover-footer .block-footer--text {
        margin: 0 0 20px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }
    .pane-7clover-footer .block-footer--image {
        margin: 0 0 20px;
        text-align: center;
    }
    .pane-7clover-footer .block-footer--logo {
        margin: 0 0 35px;
        text-align: center;
    }
    .pane-7clover-footer .block-footer--logo img {
        width: 61px;
    }
    .pane-7clover-footer .block-footer--addr {
        margin: 0 0 20px;
        font-size: 11px;
    }
    .pane-7clover-footer .block-footer--separate-right {
        margin-bottom: 20px;
        font-size: 11px;
        line-height: 2.0;
    }
    .pane-7clover-footer .block-footer--time-comment {
        display: inline-block;
        font-size: 9px;
    }
    .pane-7clover-footer ul.block-footer--sns {
        margin: 0 auto 7px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pane-7clover-footer ul.block-footer--sns > li {
        margin: 0 5px;
    }
    /* ----20220622追記開始---- */
    .pane-7clover-footer ul.block-footer--info a {
        text-decoration: none;
        font-size: 9px;
        line-height: 1.5;
        text-align: center;
    }
    /* ----20220622追記終了---- */
    .pane-7clover-footer .block-footer--copyright {
        font-size: 10px;
        line-height: 2.0;
        color: #000;
        text-align: center;
    }
    /* ----メインビジュアル---- */
    .block-mainvisual {
    }
    
    .block-mainvisual ul.block-mainvisual--list > li {
        text-align: center;
    }
    
    /* ----メインビジュアル テキスト---- */
    .block-mainvisual-text {
        padding: 25px 0;
    }
    .block-mainvisual-text .block-mainvisual-text--text {
        font-size: 12px;
        font-weight: 500;
        line-height: 2.0;
        text-align: center;
    }
    
    /* ----ニュース---- */
    .block-news {
        padding: 25px;
        background: #f0f0f0;
    }
    .block-news .block-news--inner {
    }
    .block-news ul.block-news--list {
        display: flex;
        margin: 0 -8px;
    }
    .block-news ul.block-news--list.slick-slider {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 0;
    }
    .block-news ul.block-news--list > li,
    .block-news ul.block-news--list li.slick-slide {
        width: calc(50% - 8px);
        margin: 0 8px;
    }
    .block-news ul.block-news--list.slick-slider .slick-track {
        display: flex;
    }
    .block-news ul.block-news--list.slick-slider .slick-track li {
        height: auto;
    }
    .block-news ul.block-news--list li a {
        color: #333;
        text-decoration: none;
    }
    .block-news ul.block-news--list .block-news--list-item {
        height: 100%;
        padding: 0 0 8px;
        color: #333;
        background: #FFF;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-image {
        margin: 0 0 10px;
        text-align: center;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-image img {
        width: 100%;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-date,
    .block-news ul.block-news--list .block-news--list-item .block-news--list-text {
        font-size: 11px;
        line-height: 1.5;
        padding: 0 15px;
    }
    .block-news ul.block-news--list .block-news--list-item .block-news--list-date {
        font-weight: bold;
    }
    .block-news ul.block-news--list .slick-list {
        order: 10;
        width: 100%;
        margin: 0 0 20px;
    }
    .block-news ul.block-news--list ul.slick-dots {
        display: flex;
        order: 30;
    }
    .block-news ul.block-news--list ul.slick-dots > li {
        width: 10px;
        margin: 0 7px;
        font-size: 0;
    }
    .block-news ul.block-news--list ul.slick-dots > li button {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        font-size: 0;
        cursor: pointer;
        background: #CCC;
    }
    .block-news ul.block-news--list ul.slick-dots > li.slick-active button {
        background: #333;
    }
    .block-news ul.block-news--list .slick-prev {
        width: 15px;
        height: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        transform: rotate(-45deg);
        font-size: 0;
        cursor: pointer;
        background: none;
        order: 20;
    }
    .block-news ul.block-news--list .slick-next {
        width: 15px;
        height: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        transform: rotate(45deg);
        font-size: 0;
        cursor: pointer;
        background: none;
        order: 40;
    }
    
    /* ----メニュー---- */
    .block-menu {
        padding: 25px;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-image {
        margin: 0 0 18px;
        text-align: center;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-name {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-desc-title {
        margin: 0 0 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 2.0;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-desc-text {
        margin: 0 0 20px;
        font-size: 11px;
        line-height: 1.5;
    }
    .block-menu ul.block-menu--list > li .block-menu--list-desc .block-menu--list-button a {
        display: block;
        margin: 0 0 30px;
        padding: 7px 0;
        border: 1px solid #333;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        color: #000;
    }
    
    /* ----イベント---- */
    .block-event {
        padding: 25px;
        background: #f0f0f0;
    }
    .block-event .block-event--comment {
        margin: 0 0 22px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }
    .block-event .block-event--image {
        margin: 0 0 18px;
        text-align: center;
    }
    .block-event .block-event--contact {
        margin: 0 0 18px;
        font-size: 13px;
        font-weight: bold;
    }
    .block-event .block-event--desc-title {
        font-size: 13px;
        font-weight: bold;
    }
    .block-event .block-event--desc-text {
        margin: 0 0 12px;
        font-size: 11px;
        font-weight: 500;
    }
    .block-event div.block-event--detail a {
        display: block;
        margin-top: 30px;
        padding: 9px 0;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        color: #FFF;
        background: #000;
    }
    
    /* ----ロケーション---- */
    .block-location {
        padding: 25px;
    }
    .block-location .block-location--inner .block-location--image {
        margin: 0 0 15px;
        text-align: center;
    }
    .block-location .block-location--inner .block-location--text {
        margin: 0 0 15px;
        font-size: 11px;
        line-height: 2.0;
    }
    .block-location .block-location--inner .block-location--button a {
        display: block;
        border: 1px solid #000;
        border-radius: 5px;
        padding: 7px 0;
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        color: #000;
    }
    
    /* ----Instagram---- */
    .block-instagram {
        padding: 25px;
        background: #f0f0f0;
    }
    .block-instagram ul.block-instagram--list {
        width: 100%;
        margin: 0 0 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .block-instagram ul.block-instagram--list > li {
        width: calc(50% - 6px);
        margin: 0 12px 10px 0;
    }
    .block-instagram ul.block-instagram--list > li:nth-of-type(2n) {
        margin-right: 0;
    }
    .block-instagram .block-instagram--link {
        text-align: center;
    }
    .block-instagram .block-instagram--link a {
        display: inline-block;
        padding-left: 20px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5;
        color: #000;
        text-align: center;
        background: url(../img/usr/7clover/ico_sns_instagram.png) top left / 15px auto no-repeat;
        text-decoration: none;
    }
    
    /* ----NEWS メインビジュアル---- */
    .block-news-head {
        padding: 25px 0 0;
    }
    
    /* ----NEWS 記事詳細---- */
    .block-news-article-detail {
        padding: 10px 25px 40px;
    }
    .block-news-article-detail h2.event_title_ {
        display: none;
    }
    .block-news-article-detail .block-news-article-detail--date {
        font-size: 13px;
        font-weight: bold;
    }
    .block-news-article-detail .block-news-article-detail--title {
        margin: 0 0 20px;
        font-size: 13px;
        font-weight: bold;
    }
    .block-news-article-detail .block-news-article-detail--image {
        margin: 0 0 18px;
        text-align: center;
    }
    .block-news-article-detail .block-news-article-detail--text {
        margin: 0 0 20px;
        font-size: 11px;
        line-height: 1.75;
    }
    .block-news-article-detail .block-news-article-detail--freespace p {
        font-size: 11px;
        line-height: 1.75;
    }
    .block-news-article-detail .block-news-article-detail--return a {
        display: block;
        padding: 7px 0;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        color: #FFF;
        background: #000;
    }
    
    /* ----イベント---- */
    .block-event-detail {
        padding: 40px 25px 15px;
    }
    .block-event-detail .block-event-detail--comment {
        margin: 0 0 18px;
        font-size: 12px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--contact {
        margin: 0 0 18px;
        font-size: 13px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--desc-title {
        font-size: 13px;
        font-weight: bold;
    }
    .block-event-detail .block-event-detail--desc-text {
        margin: 0 0 12px;
        font-size: 11px;
        font-weight: 500;
    }
    .block-event-banner {
        padding: 0 25px;
    }
    .block-event-banner ul.block-event-banner--list > li .block-event-banner--image {
        margin: 0 0 12px;
        text-align: center;
    }
    .block-event-banner ul.block-event-banner--list > li .block-event-banner--text {
        margin: 0 0 30px;
        font-size: 9px;
        line-height: 1.75;
    }
    .block-event-banner div.block-event-banner--return a {
        display: block;
        margin: 0 0 40px;
        padding: 8px 0;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        color: #FFF;
        background: #000;
    }

    /*smartpn.css*/
    body {
        color: #404040;
        background: #ffffff;
        font-size: 14px;
        line-height: 1.5;
        font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        min-width: 320px;
    }
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 14px;
        vertical-align: baseline;
        background: transparent;
    }
    a {
        margin:0;
        padding:0;
        vertical-align:baseline;
        background:transparent;
    }
    div.wrapper_ a, div.wrapper_ a:link {
        color: #000;
    }
    footer {
        padding-top: 20px;
        text-align: center;
        border-top: 1px solid #CCC;
    }
    /*smartpn2.css*/
    body {
        margin: 0;
        /* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        line-height: 1.5;
        min-width: 320px;
        color: #333;
        background-color: #fff;
    }
}