.topimg_wrap{
width: 100%;
position: relative;
background: #dcdcdc;
margin-top: 60px;
}
.swiper{
width: 100%;
height: 600px;
}
.swiper-wrapper{
width: 100%;
height: 600px;
}
.swiper-slide{height: 600px;position: relative;}
.swiper-slide img{
max-width: unset;
position: absolute;
transform: translate(-50%, -50%);
min-width: 1100px;
}
.swiper-slide img.slide_img01 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img02 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img03 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img04 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img05 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img06 {width: 100%;top: 50%;left: 50%;}
.swiper-slide img.slide_img07 {width: 100%;top: 50%;left: 50%;}

.title_wrap{
position: absolute;
z-index: 2;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
opacity: 0;

/* アニメーション */
animation: fadeIn 3s linear;
animation-fill-mode: both;
}
.title_wrap img{max-height: 100%;}

@keyframes fadeIn{
0%{opacity: 0;}
40%{opacity: 0;}
100%{opacity: 1;}
}

@media screen and (max-width:768px){
.swiper{height: 500px;}
.swiper-wrapper{height: 500px;}
.swiper-slide{height: 500px;}
.swiper-slide img{min-width: auto;width: auto !important;height: 100%;}

.swiper-slide img.slide_img01 {left: 50%; top: 50%;}
.swiper-slide img.slide_img02 {left: 50%; top: 50%;}
.swiper-slide img.slide_img03 {left: 50%; top: 50%;}
.swiper-slide img.slide_img04 {left: 30%; top: 50%;}
.swiper-slide img.slide_img06 {left: 50%; top: 50%;}
.swiper-slide img.slide_img07 {left: 50%; top: 50%;}
.title_wrap{width: 90%;height: auto;top: 42%;}
}

/*top -----------------------------------------------------------------*/
.top_info{text-align: center;}
.top_info h1{
font-size: 22px;
text-align: center;
width: 100%;
margin-bottom: 0.5em;
}
.top_info p{
margin-bottom: 1em;
width: 100%;
font-size: 1.2em;
text-align: center;
}
.open_date{
color: #c10034;
font-weight: bold;
font-size: 1.7em !important;
margin: 1em 0 0.3em !important;
}
.time{margin: 0 0 1.5em !important;}
.time span{font-weight: bold;}
.top_info_text{
width: 650px;
margin: 0 auto;
}
.top_info_text p{text-align:left !important;}

.open_wrap{
background: rgba(256, 256, 256, 0.8);
display: flex;
justify-content: space-between;
width: 530px;
margin: 0 auto;
padding: 0.5em 1.6em;
border: solid 2px #e8d988;
}
.open_text1,.open_text2{font-size: 1.5em;font-weight: bold;}
.open_text1{}
.open_text2{color: #c10034;}

.img_wrap{justify-content: center;margin: 1em auto;}
.fujisantei_img{
width: calc(100% / 3 - 10px);
margin: 0 5px 10px;
}
.map_wrap{
width: 100%;
height: 500px;
margin-top: -2em;
}

@media screen and (max-width:768px){
.top_info{text-align: left;}
.top_info h1{font-size: 20px;margin-bottom: 1em;line-height: 1.6;}
.top_info p{font-size: 1.0em;}
.open_date{font-size: 1.4em !important;margin: 0.2em 0 0.3em !important;}
.time{margin: 0 0 2em !important;}
.top_info_text{width: 100%;}
.open_wrap{
width: 80%;
flex-wrap: wrap;
justify-content: center;
padding: 0.5em 1.2em 0.3em;
margin-top: 4em;
}
.open_text1,.open_text2{font-size: 1.3em;text-align: center;}
.img_wrap{justify-content: center;}
.fujisantei_img{width: calc(100% / 2 - 4px); margin: 0 2px 5px;}
.map_wrap{height: 350px;}
}

/*vip tour -----------------------------------------------------------------*/
.tour_wrap{
margin: 2em auto 1.5em;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
padding: 2em;
}
.tour_wrap h2{
margin-bottom: 0.5em;
font-size: 1.8em;
position: relative;
padding-bottom: 20px;
}
.tour_wrap h2::after {
content: "";
position: absolute;
bottom: 0;
width: 60px;
height: 5px;
left: 50%;
background: #c10034;
margin-left: -30px;
border-radius: 30px;
}
.tour_co{align-items: center;margin-bottom: 2em;}
.tour_wrap img.touvip{width: 30%;}
.tour_text{
width: 67%;
margin-left: 3%;
}
.vipliner_text{font-size: 1.1em;}
.viptour_text{text-align: center;width: 100%;}
.tour_btn{
width: 55%;
margin: 2em auto 0;
}
.tour_btn2{
margin: 1.4em auto 0;
width: 50%;
}
.tour_btn a,.tour_btn2 a{
padding: 0.7em 2em;
border-radius: 10px;
color: #c10034;
background: #fff;
text-align: center;
font-size: 1.2em;
font-weight: bold;
display: block;
border: solid 3px #c10034;
}
.tour_btn a:hover,.tour_btn2 a:hover{
color: #fff;
background: #c10034;
opacity: 1;
}
.tour_img_wrap{margin: 1em 0 0;}
.tour_img_wrap img{width: calc(100% / 4);}

@media screen and (max-width:768px){
.tour_wrap{padding: 1.2em;}
.tour_wrap h2{font-size: 20px;}
.tour_wrap h2::after {width: 40px;margin-left: -20px;height: 3px;}
.tour_co{margin-bottom: 3em;}
.tour_wrap img.touvip{width: 75%;margin: 0 auto 1em;}
.tour_text{margin: 0;width: 100%;}
.vipliner_text{font-size: 1em;}
.viptour_text{text-align: left;}
.tour_btn{width: 90%;margin: 1em auto 0;}
.tour_btn2{margin: 1.4em auto 1em;width: 90%;}
.tour_btn a,.tour_btn2 a{padding: 0.6em 1em;font-size: 1.1em;}
.tour_img_wrap img{width: calc(100% / 2);}
}

/*神戸牛紹介TOP -----------------------------------------------------------------*/
section.section_top{
background-color: #000;
background-image: url(../img/header_img_kobe-beef.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin: -1em 0 0em;
padding: 1.5em 0 2em;
color: #fff;
}
.content.top{}
.content.top h2{width: 100%;margin: 1em 0 0.3em;}
.logo_wrap,.logo_wrap2{display: flex;flex-wrap: wrap;}
.logo_wrap{
width: 100%;
justify-content: space-between;
align-items: flex-start;
}
.logo_wrap2{}
.section_top .logo_kobe-beef,.section_top .logo_kobe-beef_gi,.section_top .mark_A5{position: unset;}
.section_top .logo_kobe-beef{width: 280px;}
.section_top .logo_kobe-beef_gi{width: 200px;order: 2;}
.section_top .mark_A5{width: 100px;order: 1;margin-right: 10px;}
.section_top .top_text{
font-size: 1.1em;
width: 76%;
margin-bottom: 1em;
margin-right: 24%;
}
.statue_wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.statue_img{width: 25%;order: 2;}
.statue_text{
width: 490px;
margin: 0 3% 0 2%;
order: 1;
}
.statue_text span{font-weight: bold;}
.btn_agency{
width: 490px;
margin: 0 0 0 2%;
order: 3;
}
.btn_agency a{
font-weight: bold;
text-align: center;
color: #333;
text-decoration: none;
display: block;
background: #fff;
padding: 0.7em 1.0em;
}

@media screen and (max-width:768px){
section.section_top{padding: 1em 0 2em;background-size: 70%;background-position: right 5em;}
.content.top{width: 96%;}
.content.top h2{font-size: 20px;}
.logo_wrap{align-items: center;}
.logo_wrap2{width: 155px;}
.section_top .logo_kobe-beef{margin: 0;width: calc(100% / 1 - 155px - 20px);}
.section_top .logo_kobe-beef_gi{width: 100px;order: 1;margin-right: 5px;}
.section_top .mark_A5{width: 50px;order: 2;margin: 0;}
.section_top .top_text{width: 100%;margin: 0 0 1em;}
.statue_wrap{}
.statue_img{order: 1;width: 70%;margin: 0 auto 1em;}
.statue_text{width: 100%;margin: 0 0;order: 2;}
.btn_agency{width: 80%;margin: 1em auto 0;}
}