@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1200px) {
/* -基本設定- */ :root {
font-size:1.2vw;
}
/*header{position:absolute;}*/
section .section_inner{padding:0 2rem;}
/* -nav (ハンバーガー)- */
.menu-trigger_wrap.sp{display:block !important}
.menu-trigger_wrap {
background: none;
display: flex;
width: 2.8rem;
height: 2.4rem;
flex-direction: column;
-webkit-flex-direction: column;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
position: fixed;
right: 3rem;
top: 3.5rem;
z-index: 12;
cursor: pointer;
}

.menu-trigger_wrap.on {
background: #00A4E3;
}
.menu-trigger_wrap .txt {
font-size: 12px;
display: block;
margin-top: 3px;
display: none;
}
.menu-trigger_wrap a {
position: relative;
}
.menu-trigger_wrap a, .menu-trigger_wrap a span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger_wrap a {
position: relative;
width: 2.8rem;
height: 2.4rem;
display: block;
margin: 0;
cursor: pointer;
}
.menu-trigger_wrap a span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 4px;
}
.menu-trigger_wrap a span:nth-child(1) {
top: 1px;
left: 0;
}
.menu-trigger_wrap a span:nth-child(2) {
top: 50%;
margin: -1px 0 0 0;
}
.menu-trigger_wrap a span:nth-child(3) {
bottom: 1px;
left: 0;
}
.menu-trigger_wrap a.on {
width: 4rem;
}
.menu-trigger_wrap a.on span {
background-color: #000;
}
.menu-trigger_wrap a.on span:nth-child(1) {
top:50%;
-moz-transform: translateY(-50%) rotate(315deg) scale(1);
-o-transform: translateY(-50%) rotate(315deg) scale(1);
-ms-transform: translateY(-50%) rotate(315deg) scale(1);
-webkit-transform: translateY(-50%) rotate(315deg) scale(1);
transform: translateY(-50%) rotate(315deg) scale(1);
}
.menu-trigger_wrap a.on span:nth-child(2) {
width: 2.4rem;
height: 2.4rem;
background-color: transparent;
border: 3px solid #000;
border-radius: 50%;
margin: -15px 0 0 -4px;
left: 1px;
opacity: 0;
}
.menu-trigger_wrap a.on span:nth-child(3) {
bottom:50%;
-moz-transform: translateY(50%) rotate(-315deg) scale(1);
-o-transform: translateY(50%) rotate(-315deg) scale(1);
-ms-transform: translateY(50%) rotate(-315deg) scale(1);
-webkit-transform: translateY(50%) rotate(-315deg) scale(1);
transform: translateY(50%) rotate(-315deg) scale(1);
}
body#top .main_visual{min-height:0;}
body#top .main_visual .slide li{min-height:0;}
header{width:100%;left:50%;width:100%;transform:translate(-50%,0);}
body#top header{
    position: fixed;
}
header .logo{left:2rem;top:3.5rem;transition: all 0.3s;}
header nav{left:0;top:0;z-index:11;opacity:0;overflow:hidden;height:0;position:fixed;transition:all 0.3s;display:flex;align-items: center;justify-content: center;flex-wrap:wrap;flex-direction: column;}
header nav.on{background:#fff;z-index:11;width:100%;height:100vh;opacity:1;}
header .logo .logo_img img{height:6rem;}
/*body.fixed .logo{opacity:0;pointer-events: none;;}*/

header nav .gnav{margin:0 0 4rem;width:100%;}
header nav .gnav ul{display:none;}
header nav .sns{display:none;width:100%;}
header nav.on .gnav ul{display:block;}
header nav.on .sns{display:block;}

header nav .gnav > ul > li{text-align:center;margin:0 0 2.5rem;}
header nav .gnav > ul > li a{font-size:2rem;}
header nav .gnav > ul > li .sub_menu{height:auto;}
header nav.on .gnav .sub_menu ul{display:flex;justify-content: center;}
header nav .gnav > ul > li .sub_menu a{font-size:1.5rem;}
header nav .gnav > ul > li .sub_menu a:hover:after{display:none;}
header nav .gnav > ul > li.-sub > a{pointer-events: none;}

header nav .sns ul{flex-direction:row;justify-content: center;}
header nav .sns ul li{margin:0 1rem;}
header nav .sns ul li a{font-size:1.5rem}
.news_list{width:90%;bottom:2rem;left:50%;transform:translate(-50%,0);}
.news_list ul li a span.date{display:block;}

#pankuzu ol{padding-left: 2rem;}
}
@media screen and (min-width: 601px) {
/* -基本設定- */
.tab {
display: none !important;
}
.sp {
display: none !important;
}
}
@media screen and (max-width: 600px) {

/* -基本設定- */
/* article:not(.kaso_visual) .section_inner:first-child{min-height: 0;} */
:root {
font-size: 2.2vw;
}
main {
padding: 0;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
img{max-width:100%;height:auto;}
footer .footer_inner{width:auto;}

.main_visual .slick-slide img{}

/*kaso*/
#pankuzu ol {
    padding-left: 0;
}
header .logo h1{display: none;}
body.kaso header .logo{top:1rem;}
body.kaso .menu-trigger_wrap{top:1.5rem;}
body.kaso header .logo .logo_img img{width:10rem;}
body.kaso header{top:0;height:0;transition:all 0.3s;}
body.kaso.fixed header{top:0;background:rgba(255,255,255,0.8);height: 6rem;display: block;}
body.kaso.fixed .logo{top:0rem;}
body.kaso.fixed header .logo .logo_img img{width:8rem;transtion:all 0.3s;} 
body.kaso.fixed .menu-trigger_wrap{top:1.5rem;transition:all 0.3s;}
#pankuzu{width:auto;padding:0 2rem;}
.kaso_visual_img{background:url("/img/kaso_img_common_sp.jpg") center center no-repeat;background-size:cover;}
.kaso_visual_img img{opacity:0;}
section{padding:7rem 0 2rem;}
section:nth-last-child(2){padding:7rem 0 4rem;}
section .section_inner{padding:0;}
.section_title{margin:0 0 4rem;}
.section_title .en{padding: 0 0 1rem;margin: 0px 0 1rem;}

.commitment_content{flex-wrap:wrap;}
.commitment_content .img{width:40%;margin:0 auto 6rem;height:auto;}
.commitment_content .img:after{bottom: -6rem;right:-5rem;transform: scale(0.8);}
.commitment_content .content{width:85%;margin:0 auto;}
.commitment_content .content .title{font-size:2.4rem}

.concept_content{width:85%;margin:0 auto;}
.concept_content .text{text-align:left;}


.profile_content .profile_box {flex-wrap:wrap;}
.profile_content .profile_box .img{width:40%;margin:0 auto 2rem;height:auto;}
.profile_content .profile_box  .img:after{bottom: -6rem;}
.profile_content .profile_box .content{width:85%;margin:0 auto;}
.profile_content .profile_box .content .name,
.profile_content .profile_box .content .position{text-align:center;margin:0 0 1rem;}
.profile_content .profile_box .content .name{margin:0 0 3rem;}
.profile_content .profile_box  .content .title{font-size:2.4rem}

.menu_box {flex-wrap:wrap;}
.menu_box .img{width:70%;margin:0 auto 2rem;height:auto;background:none;}
.menu_box .content{width:85%;margin:0 auto;}
.menu_box .content .category{margin:0;}
.menu_box .content .name,
.menu_box .content .position{text-align:center;margin:0 0 1rem;}
.menu_box .content .name{margin:0 0 3rem;}
.menu_box  .content .title{font-size:2.4rem;margin:0 0 3rem;}
.menu_box .content .price{margin:0 0 2rem;}
.menu_box_note{width:85%;margin:0 auto;}

.wine_content{margin:0 auto;width:90%;}
.wine_content > .title{margin:0 0 4rem}
.wine_content .wine_box .box_menu{white-space:inherit;display:block;}
.wine_content .wine_box .box_menu .item{margin:0 0 1rem;}
.wine_content .wine_box .box_menu .price{text-align:right;}
.salon_content .text{width:90%;margin:0 auto 4rem auto;text-align:left;}

.map_content{flex-wrap:wrap;}
.map_content .left{width:90%;margin:0 auto 2rem;}
.map_content .right{width:90%;margin:0 auto 2rem;}

.section_desc{text-align:left;width:90%;margin:0 auto 2rem;}
#contact th{display:block;width:auto;padding:0 0 1rem;}
#contact td{display:block;width:auto;}
#contact table{width:90%;}
#contact textarea,#contact input[type="tel"], #contact input[type="text"]{margin:0 0 0.5rem !important;width:100%;box-sizing: border-box;}
.syusei, .kakunin{margin:0 0 1rem;}

.sitemap_content{width:90%;margin:auto;}
.sitemap_content ul{flex-wrap:wrap;white-space:initial;}
.sitemap_content ul li dl dt{font-size:1.3rem;}

.redWineTasting{text-align:left;}
footer{padding:3rem 0;}
footer .footer_inner{padding:0 1rem;}
footer .footer_last,
footer .footer_logo{text-align:center;}
}