/*
Theme Name:ACD
Author: yuki izawa
Version:1.0
*/

/* --------トップページ--------- */


@font-face {
	font-family: 'COTILLIO';
	src: url(../COTILLIO.ttf);
}




.sp_only {
  display: none !important;
}
.pc_none {
    display: none!important;
}
.sp_none {
    display: block!important;
}

.top_eye_inner {
    background-image: url("../image/top/bg.png");
    background-repeat: no-repeat;
    padding-bottom: 7vw;
    margin-top: 100px;
}

.top_eye_text_box p {
    font-size: 3.65vw;
    font-family: "Cormorant Garamond";
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 4vw;
    margin-top: 30px;
    padding-left: 9vw;
}


.top_fair_carousel {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin: 100px 100px 150px 100px;
}

.top_fair_carousel_left{
    padding: 0 0 50px 80px;
}

.top_carousel_bottom_box {
    margin-bottom: 50px;
}


.carousel_text_box p {
    font-family: "Cormorant Garamond";
    color: #000;
    letter-spacing: 0.1em;
    line-height: 4vw;
    margin-top: 30px;
    padding-left: 9vw;
    padding-top: 50px;
    text-align: left;
}

.top_fair_carousel_left_top_text{
    font-size: 1.4rem;
}

.top_fair_carousel_left_text h2 {
    font-family: "Cormorant Garamond";
    font-size: 3.65vw!important;
    font-weight: 100;
    letter-spacing: 0.1em;
}


.top_fair_carousel_left_text {
    line-height:48px;
    font-size: 0.83vw;
}    

.top_eye_inner img {
    width: 92vw;
}

.top_eye_bottom_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 100px;
}
.top_eye_bottom_left_text_01 { 
    font-size: 2.5vw;
    font-family: "COTILLIO";
    font-weight: 100;
    color: #000;
    letter-spacing: 0.1em;
}
.top_eye_bottom_left_text_02 {
    font-size: 1.25vw;
    margin-top: 50px;
    margin-left: 5vw;
}
.top_eye_bottom_left {
    width: 28%;
    margin: auto;
}
.top_eye_bottom_right {
    width: 62%;
}

/* 
.top_eye_bottom_inner {
    margin-top: -10vw;
}
*/
.top_btn {
    width: 300px;
    margin: auto;
    display: block;
    text-align: center;
    background-color: #68657c;
    color: #fff;
    font-size: 1.4rem;
    padding: 26px 0;
}
.top_party_inner {
    margin-top: 150px;
    position: relative;
}
.top_party_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top_party_bg {
    height: 10vw;
    background-color: #97c3ca;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.top_party_box_left {
    width: 62%;
}
.top_party_box_right {
    width: 35%;
    margin-top: 6.5vw;
}
.top_party_box_right h2 {
    font-family: "Cormorant Garamond";
    font-size: 3.65vw;
    font-weight: 100;
    letter-spacing: 0.1em;
}
.top_party_box_right_text {
    line-height:48px;
    margin-top: 50px;
    font-size: 0.83vw;
    
}

.top_list_inner {
    max-width: 1200px;
    margin: auto;
    margin-top: 150px;
    padding: 0 20px;
}
.top_list_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 150px;
}
.top_list_box_right {
    width: 58%;
}
.top_list_box_left {
    width: 42%;
}
.top_list_box_left h2 {
    font-family: "Cormorant Garamond";
    font-size: 3.6rem;
    font-weight: 100;
    text-align: center;
    margin-top: -20px;
    letter-spacing: 0.1em;
}
.top_list_box_left p {
    text-align: center;
    margin: 50px 0;
    line-height: 30px;
    font-size: 0.83vw;
}
.top_list_box img {
    display: block;
    margin: auto;
}
.top_list_box a {
    font-family: "Cormorant Garamond";
    font-size: 1.4rem;
    line-height: 20px;
    padding: 15px 0;
}
.top_list_box a span {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.top_list_inner ul li:nth-child(2) .top_list_box_left,.top_list_inner ul li:nth-child(4) .top_list_box_left {
    width: 58%;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right,.top_list_inner ul li:nth-child(4) .top_list_box_right {
    width: 42%;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right h2,.top_list_inner ul li:nth-child(4) .top_list_box_right h2  {
    font-family: "Cormorant Garamond";
    font-size: 3.6rem;
    font-weight: 100;
    text-align: center;
    margin-top: -20px;
    letter-spacing: 0.1em;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right p,.top_list_inner ul li:nth-child(4) .top_list_box_right p {
    text-align: center;
    margin: 50px 0;
    line-height: 30px;
    font-size: 0.83vw;
}

.top_list_inner ul li:nth-child(3) .top_list_box_left h2 {
    margin-top: -40px;
}
.top_list_inner ul li:nth-child(4) .top_list_box_right h2 {
    margin-top: -40px;
}
.top_list_inner ul li:nth-child(3) .top_list_box a span {
    letter-spacing: 0;
}
.top_cuisine_bg {
    position: relative;
    background-color: #97c3ca;
    height: 300px;
}
.top_cuisine_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1360px;
    margin: auto;
    padding: 0 20px;
    margin-top: -150px;
    z-index: 0;
    position: relative;
}
.top_cuisine_box_left {
    width: 73%;
}
.top_cuisine_box_right {
    width: 24%;
}
.top_cuisine_box_right h2 {
    font-family: "Cormorant Garamond";
    font-size: 3.65vw;
    font-weight: 100;
    letter-spacing: 0.1em;
}
.top_cuisine_box_right_text {
    margin: 50px 0;
    text-align: center;
    font-size: 0.83vw;
}
.top_cuisine_box_right a {
    font-family: "Cormorant Garamond";
    font-size: 1.4rem;
    line-height: 20px;
    padding: 15px 0;
}
.top_cuisine_box_right a span {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.top_ga_inner {
    background-color: #97c3ca;
    padding-bottom: 200px;
    margin-top: 250px;
    padding-top: 30px;
}
.top_ga_inner h2 {
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size:7rem;
    font-weight: 100;
    letter-spacing: 0.1em;
    margin-top: -70px;
}
.top_ga_inner p {
    text-align: center;
}
/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 3.7);
  padding: 0 10px;
}
.d-demo__item > img{
   width: 100%;
}
.d-demo {
    margin: 100px 0;
}
.top_ga_inner a {
    font-family: "Cormorant Garamond";
    font-size: 1.4rem;
    line-height: 20px;
    padding: 15px 0;
}
.top_ga_inner a span {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.top_eye_bottom_right_sp {
    display: none;
}
.top_list_box_right_sp {
    display:none;
}
 .top_eye_bottom_left_text_01_sp {
    display:none;
} 
.top_eye_bottom_left_text_02_sp {
    display: none;
}













/* --------スマホ対応--------- */
@media screen and (max-width: 960px)   {
	
.top_eye_bottom_right_pc {
    display: none;
}
.top_eye_bottom_right_sp {
    display: block;
    width: 90%;
    margin: auto;
    margin-top: 20px;
}
.top_eye_bottom_inner {
    margin-top: 0vw;
}

.top_fair_carousel {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin: 100px 15px 100px 15px;
}


.top_fair_carousel_left{
    padding: 0 0 30px 0;
}

.top_fair_carousel_left_top_text{
    font-size: 1.4rem;
    text-align: center;
}


.top_eye_bottom_box {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}
.top_eye_bottom_left {
    width: auto;
    margin: auto;
}
.top_eye_bottom_left {
    
    margin: auto;
}
.top_eye_bottom_left_text_01 {
    font-size: 1.8rem;
    margin-top: 30px;
    text-align: center;
}
.top_eye_bottom_left_text_02 {
    font-size: 1.4rem;
    margin-top: 20px;
    margin-left: 0;
    letter-spacing: 2px;
    text-align: center;
}
.top_party_inner {
    margin-top: 100px;
    position: relative;
}
.top_party_bg {
    height: 150px;
    background-color: #97c3ca;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.top_party_box {
    display: block;
    flex-wrap: wrap;
}
.top_party_box_left {
    width: 85%;
    margin: auto;
}
.top_party_box_right {
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
.top_party_box_right_top_text {
    font-size: 1.4rem;
    text-align: center;
}
.top_party_box_right h2 {
    font-family: "Cormorant Garamond";
    font-size: 3rem;
    font-weight: 100;
    letter-spacing: 0.1em;
    line-height:30px;
    text-align: center;
}
.top_party_box_right_text {
    line-height: 30px;
    margin-top: 30px;
    font-size: 1.4rem;
    text-align: center;
}
.top_list_inner {
    max-width: 1200px;
    margin: auto;
    margin-top: 50px;
    padding: 0 20px;
}
.top_list_box {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 100px;
}
.top_list_box_left {
    width: auto;
    margin-top: 20px;
}
.top_list_box_right {
    width: auto;
}
.top_list_inner ul li:nth-child(2) .top_list_box_left, .top_list_inner ul li:nth-child(4) .top_list_box_left {
    width: auto;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right, .top_list_inner ul li:nth-child(4) .top_list_box_right {
    width: auto;
    margin-top: 20px;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right h2, .top_list_inner ul li:nth-child(4) .top_list_box_right h2 {
    font-family: "Cormorant Garamond";
    font-size: 3rem;
    font-weight: 100;
    text-align: center;
    margin-top: -20px;
    letter-spacing: 0.1em;
}
.top_list_inner ul li:nth-child(2) .top_list_box_right p, .top_list_inner ul li:nth-child(4) .top_list_box_right p {
    text-align: center;
    margin: 30px 0;
    line-height: 30px;
    font-size: 1.4rem;
    letter-spacing: 0;
}
.top_cuisine_bg {
    position: relative;
    background-color: #97c3ca;
    height: 200px;
}
.top_cuisine_box {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1360px;
    margin: auto;
    padding: 0 20px;
    margin-top: -150px;
    z-index: 0;
    position: relative;
}
.top_cuisine_box_left {
    width: auto;
}
.top_cuisine_box_right {
    width: auto;
    margin-top: 20px;
}
.top_cuisine_box_right h2 {
    font-family: "Cormorant Garamond";
    font-size: 3rem;
    font-weight: 100;
    letter-spacing: 0.1em;
}
.top_cuisine_box_right_top_text {
    font-size: 1.4rem;
}
.top_cuisine_box_right_text {
    margin: 30px 0;
    text-align: center;
    font-size: 1.4rem;
}
.top_ga_inner {
    background-color: #97c3ca;
    padding-bottom: 100px;
    margin-top: 100px;
    padding-top: 30px;
}
.top_ga_inner h2 {
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 3rem;
    font-weight: 100;
    letter-spacing: 0.1em;
    margin-top: -45px;
}
.d-demo {
    margin: 50px 0;
}
.d-demo__item {
    width: calc(100vw / 1.5);
    padding: 0 10px;
}
.top_list_box_right_pc {
    display: none;
}
.top_list_box_right_sp {
    display:block;
}
.top_list_box_left p {
    text-align: center;
    margin: 30px 0;
    line-height: 30px;
    font-size: 1.4rem;
    letter-spacing: 0;
}
.top_eye_text_box p {
    font-size: 3.2rem;
    font-family: "Cormorant Garamond";
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 40px;
    margin-top: 30px;
    padding-left: 30px;
}
.top_eye_inner img {
    width: 90%;
}
.top_eye_inner {
    margin-top: 80px;
}
.top_eye_bottom_left_text_01_pc {
    display: none;
}
 .top_eye_bottom_left_text_01_sp {
    display: block;
}
.top_eye_bottom_left_text_02_pc {
    display: none;
}
.top_eye_bottom_left_text_02_sp {
    display: block;
}

.sp_none {
    display: none !important;
}
.sp_only {
    display: inline-block !important;
}
.reserve_btn_inner a.sp_only {
  display: flex !important;
}
  .top_btn.sp_only {
    display: block !important;
  }

    
}