/* main_visual
----------------------------------- */
#sub_visual {    padding-top: 90px;background: url(../images/sub_visual.png) no-repeat center;height: 205px;position: relative;z-index: 0;background-size: cover;width: 100%;margin: 0 auto;z-index:10;}
#sub_visual  .span{ width: 100%;margin-bottom: 10px;display: block;font-size: 35px;padding: 0;text-align: center;color: #fff; margin: 0 auto;font-family: "Noto Serif JP", serif;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;background-image: url(../images/sub_bg04.png);    height: 50px;padding-right: 10px;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0px 0px 0px;max-width:1280px;margin:0 auto;color:#fff;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;color:#fff;}
#sub_contents .bread_crumb p a {text-decoration:underline;color:#fff;font-size:12px;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;;background-attachment: fixed; background: url(../images/sub_bg.png) repeat center center; padding-bottom:1px;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{padding: 0px; margin: 80px auto 100px; max-width: 94%;}
#sub_contents .h2{ text-align: center;font-size:40px;  position: relative; line-height: 100%; padding-top:15px;margin-top: 55px;scroll-margin-top: 100px; margin-bottom: 50px;}
#sub_contents .col_whi{ color: #fff !important;}
#sub_contents .h2 .span{ display: block;margin-top:5px;text-align: center; font-family: "Noto Serif JP", serif;    font-size: 23px;}
#sub_contents .h2 .span p{ font-size:23px;}
#sub_contents .h2 .small{  display: block;margin-top:5px;text-align: center; font-family: "Noto Serif JP", serif;}
#sub_contents .h2 .small p{ font-size:20px;color: #430b00;}
#sub_contents .h2 .small_second p{ font-size:20px;color: #fff; font-family: "Noto Serif JP", serif;}
#sub_contents .h2:before {content: '';position: absolute;top: -30px;display: inline-block;width: 50px;height: 50px;background-image: url(../images/sub_bg01.png); right: 0;left: 0;margin: 0 auto;z-index: -1;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .mt80{margin-top: 80px;} 
#sub_contents .mt30{margin-top: 30px;} 
#sub_contents .gap-20{gap: 30px;} 
#sub_contents .txt_cen strong{ text-align: center; font-weight: bold;font-size: 23px;padding-bottom: 50px;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;    margin-bottom: -20px;}
#sub_contents .sub_bg{background-image: url(../images/sub_bg03.png); width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 90%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: url(../images/sub_bg05.png); font-size: 17px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;}
#sub_contents .btn_list02 .li{width: 44%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #111 !important;background: #fff; font-size: 17px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li a:hover{opacity: 0.8;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;}

/* course
----------------------------------- */
#sub_contents .concept_area04 {background:url(../images/img07_06.png) repeat center center; background-size:cover; padding:40px 5px;color: #fff;background-attachment: fixed; height:auto;text-align: left;}
#sub_contents .concept_area04 .box {background:rgba(0, 0, 0, 0.5);padding:5px;}
#sub_contents .concept_area04 .box .ttl p{font-size:18px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area04 .box p {font-size:16px;line-height:3;margin-top:10px;}
#sub_contents .check_txt:first-child {margin-top: 0;}
#sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img07_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .check_txt02 {font-size: 17px;line-height: 1.4em;background: url(../images/img07_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;color: #111 !important;}
#sub_contents .rec_box {background-color: #fff;width: 100%;padding: 20px 5px;}
#sub_contents .wh_bg {background-color: #fff;width: 570px;padding: 20px;}
#sub_contents .rec_ttl p{font-weight: bold;font-size: 19px;}
#sub_contents .rec_ttl02 p{font-weight: bold;font-size: 19px;color: #111 !important;}
#sub_contents .con_txt {position: relative;margin-top: 0px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .con_txt em{font-style: normal !important;display: inline-block;}
#sub_contents .con_txt strong{font-style:bold;display: block;margin-bottom: 10px;font-size: 20px;}
#sub_contents .tre_img{width: 40%;margin: 0 auto 30px;}
#sub_contents .black p{color: #111 !important;}

/* horse
----------------------------------- */
#sub_contents .hor_box{background-color: #fff;width: 100%;padding: 30px 30px 30px 100px; color: #111 !important;        text-align: left;}
#sub_contents .hor_ttl{font-size: 20px; color: #111 !important;position: relative;}
#sub_contents .hor_ttl:before {content: '';position: absolute;top: 0px;display: inline-block;width: 50px;height: 50px;background-image: url(../images/img06_01.png); left: -70px;z-index: 0;}
#sub_contents .concept_area03 {background:url(../images/img06_02.png) repeat center center; background-size:cover; padding:40px 5px;color: #fff;background-attachment: fixed; height:auto;text-align: left;}
#sub_contents .concept_area03 .box {background:rgba(0, 0, 0, 0.5);padding:40px 5px; }
#sub_contents .concept_area03 .box .ttl p{font-size:18px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area03 .box p {font-size:16px;line-height:3;margin-top:10px;}

/* alcohol
----------------------------------- */
#sub_contents .concept_area02 {background:url(../images/img05_09.png) repeat center center; background-size:cover; padding:40px 5px;color: #fff;background-attachment: fixed; height:auto;text-align: left;}
#sub_contents .concept_area02 .box {background:rgba(0, 0, 0, 0.5);padding:40px 5px;}
#sub_contents .concept_area02 .box .ttl p{font-size:18px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area02 .box p {font-size:16px;line-height:3;margin-top:10px;}
#sub_contents .case_txt p {border-bottom: 3px solid #430b00;padding-bottom: 5px;font-size: 30px;width: 100%;margin: 0 auto 50px;}
#sub_contents .case_box {gap: 40px;}
#sub_contents .col_item {width: 100%;border-left: 10px solid #430b00;padding-left: 20px;background: #fff; margin-bottom: 30px;    padding: 30px 10px;}
#sub_contents .case_ttl p{font-size: 25px;font-weight: bold; margin-bottom: 10px;color: #430b00;}
#sub_contents .case_brfore p{font-size: 25px;font-weight: bold; margin-bottom: 10px;}
#sub_contents .col_ttl p{font-size: 25px;font-weight: bold;margin: 10px auto;}
#sub_contents .col_box {position: relative;gap: 20px;}
#sub_contents .col_box .flex_item {background:  #fcfdef;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .col_box .col_item img {width: 90%;height: auto;text-align: center;}
#sub_contents .page-grid {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 5.25rem;}
#sub_contents .wine-item { display: flex; flex-direction: column; gap: 1rem;}
#sub_contents .wine-item__images { display: flex;align-items: flex-end;gap: 30px;}
#sub_contents .wine-item__images img{width: 35%;}
#sub_contents .alc_ttl p{font-size: 18px; font-weight: bold;}

/* menu
----------------------------------- */
#sub_contents .menu_txt p{font-size: 18px; font-weight: bold;}
#sub_contents .menu_sub p{font-size: 20px; text-align: center;margin-bottom: 30px;font-weight: bold;}
#sub_contents .menu__item { width: 100%; max-width: 100%;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:100% } 
#sub_contents .menu__name p{font-size: 16px;     } 
#sub_contents .menu_price { display: inline-block; width: 100%; text-align: right; } 
#sub_contents .menu__img { max-width: 100%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;    margin-bottom: 30px;}
#sub_contents .pri_ttl p{ font-size: 19px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl em{font-style: normal; font-weight: bold !important;display: block;}
#sub_contents .pri_ttl {border-bottom: 1px solid #430b00 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}

/* about
----------------------------------- */
#sub_contents .concept_area {background:url(../images/img03_01.png) repeat center center; background-size:cover; padding:40px 5px;color: #fff;background-attachment: fixed; height:auto;text-align: left;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.5);padding:40px 5px;}
#sub_contents .concept_area .box .ttl p{font-size:18px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area .box p {font-size:16px;line-height:3;margin-top:10px;}
#sub_contents .abo_txt {background-color: #fff;width: 100%;padding: 20px 5px;color: #111 !important;}
#sub_contents .abo_ttl01 p{font-size: 20px;}
#sub_contents .abo_ttl02 p {font-size: 20px;}
#sub_contents .abo_ttl02 p strong{font-size: 30px;padding-right: 5px;font-weight: bold;}
#sub_contents .sta_img {width:100%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 100%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 100%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#430b00;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #430b00;width: 100px;padding-right: 10px;}
#sub_contents .syam_li{width: 100%;margin-bottom: 30px;}
#sub_contents .syam_img{width: 100px;    margin: 0 auto 10px;}
#sub_contents .sya_box{gap: 13px;}
#sub_contents .sya_ttl{background-color: #ece4e4;padding: 10px;width: 185px;text-align: center;}
#sub_contents .pro_img{width: 100%;}
#sub_contents .pro_img02{width: 100%;}
#sub_contents .pro_ttl p{  font-size: 20px;border-left: 5px solid #430b00;border-bottom: 1px solid #fff;box-sizing: border-box;padding-bottom: 10px;font-weight: 600;padding-left: 15px;}
#sub_contents .pro_box{	background: #fff8eb;    padding: 20px 0px;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 0px;position:relative;margin-bottom: 10px;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:20px;text-align:left;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;margin-bottom: 10px;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal; font-weight: bold !important;display: block;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#dfd3b5;z-index: 1;    font-size: 35px; top: -28px; left: 0%;line-height:0;font-family: "Noto Serif JP", serif;} 

/* scene
----------------------------------- */
#sub_contents .title-box{position: relative;}
#sub_contents .title-box:before {content: '';position: absolute;top: -10px;display: inline-block;width: 50px;height: 50px;background-image: url(../images/sub_bg06.png); right: 0;left: 0px;z-index: 1;}
#sub_contents .scene_bg{position: relative;margin-top: 105px;}
#sub_contents .scene_bg::after {content: "";position: absolute;top: -120px;left: 0px;width: 300px;height: 150px;display: inline-block;background: url(../images/img02_09.png) no-repeat center;  }
#sub_contents .scene_bg02{position: relative;margin-top: 105px;}
#sub_contents .scene_bg02::after {content: "";position: absolute;top: -120px;left: 0px;width: 300px;height: 150px;display: inline-block;background: url(../images/img02_10.png) no-repeat center;  }
#sub_contents .scene_bg03{position: relative;margin-top: 105px;}
#sub_contents .scene_bg03::after {content: "";position: absolute;top: -120px;left: 0px;width: 300px;height: 150px;display: inline-block;background: url(../images/img02_11.png) no-repeat center;  }
#sub_contents .scene_bg04{position: relative;margin-top: 105px;}
#sub_contents .scene_bg04::after {content: "";position: absolute;top: -120px;left: 0px;width: 300px;height: 150px;display: inline-block;background: url(../images/img02_12.png) no-repeat center;  }
#sub_contents .title-box p{font-weight: bold;}
#sub_contents .box-wrap .box{overflow-x:hidden;}
#sub_contents .box-wrap .box:not(:last-of-type){margin-bottom:100px;}
#sub_contents .box-wrap .box .img-box{width:100%;gap:10%;margin-bottom:7px;}
#sub_contents .box-wrap .box:nth-of-type(even) .img-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .img-box.on img{opacity:0;transform:translateY(50px);-ms-filter:blur(10px);filter:blur(10px);}
#sub_contents .box-wrap .box .img-box.on.active img{animation-name:bottomin;animation-duration:1.2s;animation-timing-function:ease;animation-fill-mode:forwards;}
#sub_contents .box-wrap .box .img-box img:nth-of-type(1){width:100%;margin-bottom:5%;}
#sub_contents .box-wrap .box .img-box img:nth-of-type(2){width:35%;animation-delay:0.4s;margin: 60px 0 5px 10px;}
#sub_contents .box-wrap .box .txt-box{max-width:1280px;padding:0;position:relative;}
#sub_contents .box-wrap .box:nth-of-type(even) .txt-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .txt-box .title-box p{position:relative;       font-size: 22px; padding-left: 50px;}
#sub_contents .box-wrap .box .txt-box .title-box p::after{content:"";width:175px;height:1px;position:absolute;top:50%;left:45%;} 
#sub_contents .sce_ttl p{font-weight: bold; font-size: 20px;} 

/*faq
----------------------------------- */
#sub_contents .faq_a{ padding: 20px 5px 20px 20px; display: flex; align-items: baseline; letter-spacing: 0.05em; } 
#sub_contents .faq_icon { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 22px; line-height: 1em; margin: 0 6px 0 0; display: inline-block; } 
#sub_contents .faq_q { padding: 5px 15px 10px 15px; background-color: #430b00; color: #fff; display: flex; align-items: baseline; font-weight: 900; letter-spacing: 0.05em; }
#sub_contents .faq_items {overflow: hidden;   background-color: #fff; border: 4px solid #430b00; margin: 20px 0 50px 0; } 
#sub_contents .faq_box { margin: 35px 0 0; min-height: 30px; }

/* about
----------------------------------- */
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 100%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: block; justify-content: flex-start;}
#sub_contents .table01 .th{width: 35%;padding: 20px;border-bottom:1px solid #430b00;line-height: 1.6;}
#sub_contents .table01 .td{width: 100%;padding: 20px 5px;line-height: 1.6;border-bottom:1px solid #fff;}

/* news
----------------------------------- */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;color:#fff;}
#sub_contents .subnews_flex{ display: block;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: inline-block; font-weight:normal; font-family: "Zen Kaku Gothic New", sans-serif;}
#sub_contents .webgene-blog .news__item .news__cate {display: none; }
#sub_contents .webgene-blog .news__item .news__title {width: 300px;    display: inline-block; font-family: "Zen Kaku Gothic New", sans-serif;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px; display: block; font-weight:bold;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}

/* contact
----------------------------------- */
#sub_contents .form_btn a{color: #111 !important;} 
#sub_contents .f30 p{font-size: 30px; font-family: "Noto Serif JP", serif;} 
#sub_contents .form_btn{background: #fff; padding: 10px 10px;width: 345px;margin: 0 auto 30px;color: #111;  text-align: center;    font-size: 30px;} 
#sub_contents .form_btn02 a{color: #fff !important;} 
#sub_contents .f30 p{font-size: 30px; font-family: "Noto Serif JP", serif;} 
#sub_contents .form_btn02{background: url(../images/sub_bg05.png); padding: 10px 10px;width: 100%;margin: 0 auto 30px;color: #fff;  text-align: center;    font-size: 30px;} 

@media screen and (min-width:768px) {

/* main_visual
----------------------------------- */
#sub_visual {    padding-top: 140px;background: url(../images/sub_visual.png) no-repeat center;height: 345px;position: relative;z-index: 0;background-size: cover;width: 100%;margin: 0 auto;z-index:10;}
#sub_visual  .span{ width: 690px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: center;color: #fff; margin: 0 auto;font-family: "Noto Serif JP", serif;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;background-image: url(../images/sub_bg04.png);    height: 50px;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0px 0px 0px;max-width:1280px;margin:0 auto;color:#fff;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;;background-attachment: fixed; background: url(../images/sub_bg.png) repeat center center;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 1280px; margin: 80px auto 80px;position: relative;}
#sub_contents .h2{ text-align: center;font-size:40px;  position: relative; line-height: 100%; padding-top:15px;margin-top: 120px;scroll-margin-top: 100px; margin-bottom: 50px;}
#sub_contents .col_whi{ color: #fff !important;}
#sub_contents .h2 .span{ display: block;margin-top:5px;text-align: center; font-family: "Noto Serif JP", serif; font-size: 40px;}
#sub_contents .h2 .span p{ font-size:40px;}
#sub_contents .h2 .small{  display: block;margin-top:5px;text-align: center; font-family: "Noto Serif JP", serif;}
#sub_contents .h2 .small p{ font-size:20px;color: #430b00;}
#sub_contents .h2 .small_second p{ font-size:20px;color: #fff; font-family: "Noto Serif JP", serif;}
#sub_contents .h2:before {content: '';position: absolute;top: -30px;display: inline-block;width: 50px;height: 50px;background-image: url(../images/sub_bg01.png); right: 0;left: 0;margin: 0 auto;z-index: -1;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .mt80{margin-top: 80px;} 
#sub_contents .mt30{margin-top: 30px;} 
#sub_contents .gap-20{gap: 30px;} 
#sub_contents .txt_cen strong{ text-align: center; font-weight: bold;font-size: 30px;padding-bottom: 50px;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline; margin-bottom:0px;}
#sub_contents .sub_bg{background-image: url(../images/sub_bg03.png); width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 32%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: url(../images/sub_bg05.png); font-size: 17px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;}
#sub_contents .btn_list02 .li{width: 23%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #111 !important;background: #fff; font-size: 17px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li a:hover{opacity: 0.8;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;}

/* course
----------------------------------- */
#sub_contents .concept_area04 {background:url(../images/img07_06.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: fixed; height:auto;text-align: center;}
#sub_contents .concept_area04 .box {background:rgba(0, 0, 0, 0.5);padding:40px;}
#sub_contents .concept_area04 .box .ttl p{font-size:26px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area04 .box p {font-size:18px;line-height:3;margin-top:10px;}
#sub_contents .check_txt:first-child {margin-top: 0;}
#sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img07_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .check_txt02 {font-size: 17px;line-height: 1.4em;background: url(../images/img07_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;color: #111 !important;}
#sub_contents .rec_box {background-color: #fff;width: 600px;padding: 20px;}
#sub_contents .wh_bg {background-color: #fff;width: 570px;padding: 20px;}
#sub_contents .rec_ttl p{font-weight: bold;font-size: 19px;}
#sub_contents .rec_ttl02 p{font-weight: bold;font-size: 19px;color: #111 !important;}
#sub_contents .con_txt {position: relative;margin-top: 0px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .con_txt em{font-style: normal !important;display: inline-block;}
#sub_contents .con_txt strong{font-style:bold;display: block;margin-bottom: 10px;font-size: 20px;}
#sub_contents .tre_img{width: 40%;margin: 0 auto 30px;}
#sub_contents .black p{color: #111 !important;}

/* horse
----------------------------------- */
#sub_contents .hor_box{background-color: #fff;width: 100%;padding: 30px 30px 30px 100px; color: #111 !important;        text-align: left;}
#sub_contents .hor_ttl{font-size: 20px; color: #111 !important;position: relative;}
#sub_contents .hor_ttl:before {content: '';position: absolute;top: 0px;display: inline-block;width: 50px;height: 50px;background-image: url(../images/img06_01.png); left: -70px;z-index: 0;}
#sub_contents .concept_area03 {background:url(../images/img06_02.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: fixed; height:auto;text-align: center;}
#sub_contents .concept_area03 .box {background:rgba(0, 0, 0, 0.5);padding:40px;}
#sub_contents .concept_area03 .box .ttl p{font-size:26px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area03 .box p {font-size:18px;line-height:3;margin-top:10px;}

/* alcohol
----------------------------------- */
#sub_contents .concept_area02 {background:url(../images/img05_09.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: fixed; height:auto;text-align: center;}
#sub_contents .concept_area02 .box {background:rgba(0, 0, 0, 0.5);padding:40px;}
#sub_contents .concept_area02 .box .ttl p{font-size:26px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area02 .box p {font-size:18px;line-height:3;margin-top:10px;}
#sub_contents .case_txt p {border-bottom: 3px solid #430b00;padding-bottom: 5px;font-size: 30px;width: 100%;margin: 0 auto 50px;}
#sub_contents .case_box {gap: 40px;}
#sub_contents .col_item {width: 35%;border-left: 10px solid #430b00;padding-left: 20px;background: #fff; margin-bottom: 30px;    padding: 30px 10px;}
#sub_contents .case_ttl p{font-size: 25px;font-weight: bold; margin-bottom: 10px;color: #430b00;}
#sub_contents .case_brfore p{font-size: 25px;font-weight: bold; margin-bottom: 10px;}
#sub_contents .col_ttl p{font-size: 20px;font-weight: bold;margin: 10px auto;}
#sub_contents .col_box {position: relative;gap: 20px;}
#sub_contents .col_box .flex_item {background:  #fcfdef;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .col_box .col_item img {width: 90%;height: auto;text-align: center;}
#sub_contents .page-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem;}
#sub_contents .wine-item { display: flex; flex-direction: column; gap: 1rem;}
#sub_contents .wine-item__images { display: flex;align-items: flex-end;gap: 30px;}
#sub_contents .wine-item__images img{width: 35%;}
#sub_contents .alc_ttl p{font-size: 18px; font-weight: bold;}


/* about
----------------------------------- */
#sub_contents .concept_area {background:url(../images/img03_01.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: fixed; height:auto;text-align: center;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.5);padding:40px;}
#sub_contents .concept_area .box .ttl p{font-size:26px;display:inline-block;margin:0px;font-weight:bold;}
#sub_contents .concept_area .box p {font-size:18px;line-height:3;margin-top:10px;}
#sub_contents .abo_txt {background-color: #fff;width: 585px;padding: 20px;color: #111 !important;}
#sub_contents .abo_ttl01 p{font-size: 20px;}
#sub_contents .abo_ttl02 p {font-size: 20px;}
#sub_contents .abo_ttl02 p strong{font-size: 30px;padding-right: 20px;font-weight: bold;}
#sub_contents .sta_img {width:40%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 55%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#430b00;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #430b00;width: 100px;padding-right: 10px;}
#sub_contents .syam_li{width: 100%;margin-bottom: 30px;}
#sub_contents .syam_img{width: 100px;    margin: 0 auto 10px;}
#sub_contents .sya_box{gap: 13px;}
#sub_contents .sya_ttl{background-color: #ece4e4;padding: 10px;width: 185px;text-align: center;}
#sub_contents .pro_img{width: 100%;}
#sub_contents .pro_img02{width: 100%;}
#sub_contents .pro_ttl p{  font-size: 20px;border-left: 5px solid #430b00;border-bottom: 1px solid #fff;box-sizing: border-box;padding-bottom: 10px;font-weight: 600;padding-left: 15px;}
#sub_contents .pro_box{	background: #fff8eb;    padding: 20px 0px;}
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 48%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal; font-weight: bold !important;display: inline;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#dfd3b5;z-index: 1;font-size:40px; top: -10px;left: -5%;line-height:0;font-family: "Noto Serif JP", serif;} 

/* scene
----------------------------------- */
#sub_contents .scene_bg{position: relative;margin-top: 105px;}
#sub_contents .scene_bg::after {content: "";position: absolute;top: 265px;left: 0px; width: 400px;height: 200px;display: inline-block;background: url(../images/img02_01.png) no-repeat center;  }
#sub_contents .scene_bg02{position: relative;margin-top: 105px;}
#sub_contents .scene_bg02::after {content: "";position: absolute;top: 265px;left: 0px;;width: 400px;height: 200px;display: inline-block;background: url(../images/img02_02.png) no-repeat center;  }
#sub_contents .scene_bg03{position: relative;margin-top: 105px;}
#sub_contents .scene_bg03::after {content: "";position: absolute;top: 265px;left: 0px;width: 400px;height: 200px;display: inline-block;background: url(../images/img02_03.png) no-repeat center;  }
#sub_contents .scene_bg04{position: relative;margin-top: 105px;}
#sub_contents .scene_bg04::after {content: "";position: absolute;top: 265px;left: 0px;width: 400px;height: 200px;display: inline-block;background: url(../images/img02_04.png) no-repeat center;  }
#sub_contents .box-wrap .box{overflow-x:hidden;}
#sub_contents .box-wrap .box:not(:last-of-type){margin-bottom:100px;}
#sub_contents .box-wrap .box .img-box{width:80%;gap:10%;    margin: 0 auto 15px;}
#sub_contents .box-wrap .box:nth-of-type(even) .img-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .img-box.on img{opacity:0;transform:translateY(50px);-ms-filter:blur(10px);filter:blur(10px);}
#sub_contents .box-wrap .box .img-box.on.active img{animation-name:bottomin;animation-duration:1.2s;animation-timing-function:ease;animation-fill-mode:forwards;}
#sub_contents .box-wrap .box .img-box img:nth-of-type(1){width: 100%; margin-bottom: 5%;height: 330px;object-fit: cover;      }
#sub_contents .box-wrap .box .img-box img:nth-of-type(2){        width: 100%;margin: 160px auto 0;height: 100%;margin-left: 10px;}
#sub_contents .box-wrap .box .txt-box{max-width:1280px;        padding: 0px 180px; position:relative;margin-top:50px;}
#sub_contents .box-wrap .box:nth-of-type(even) .txt-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .txt-box .title-box p{position:relative;        font-size: 26px;color: #430b00;}
#sub_contents .box-wrap .box .txt-box .title-box p::after{content:"";width:175px;height:1px;position:absolute;top:50%;left:45%;} 

/*faq
----------------------------------- */
#sub_contents .faq_a{ padding: 20px 5px 20px 20px; display: flex; align-items: baseline; letter-spacing: 0.05em; } 
#sub_contents .faq_icon { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 22px; line-height: 1em; margin: 0 6px 0 0; display: inline-block; } 
#sub_contents .faq_q { padding: 5px 15px 10px 15px; background-color: #430b00; color: #fff; display: flex; align-items: baseline; font-weight: 900; letter-spacing: 0.05em; }
#sub_contents .faq_items {overflow: hidden;   background-color: #fff; border: 4px solid #430b00; margin: 20px 0 50px 0; } 
#sub_contents .faq_box { margin: 35px 0 0; min-height: 30px; }

/* about
----------------------------------- */
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 30%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: flex; justify-content: flex-start;}
#sub_contents .table01 .th{width: 30%;padding: 20px;border-bottom:1px solid #430b00;line-height: 1.6;}
#sub_contents .table01 .td{width: 90%;padding: 20px 10px;line-height: 1.6;border-bottom:1px solid #fff;}

/* news
----------------------------------- */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;color:#fff;}
#sub_contents .subnews_flex{ display: block;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: inline-block; font-weight:normal; font-family: "Zen Kaku Gothic New", sans-serif;}
#sub_contents .webgene-blog .news__item .news__cate {display: none; }
#sub_contents .webgene-blog .news__item .news__title {width: 300px;    display: inline-block; font-family: "Zen Kaku Gothic New", sans-serif;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px; display: block; font-weight:bold;}
#sub_contents .news_text{background: rgba(255,255,255,.7);        padding: 30px;}

/* contact
----------------------------------- */
#sub_contents .form_btn a{color: #111 !important;} 
#sub_contents .f30 p{font-size: 30px; font-family: "Noto Serif JP", serif;} 
#sub_contents .form_btn{background: #fff; padding: 10px 10px;width: 345px;margin: 0 auto 30px;color: #111;  text-align: center;    font-size: 30px;} 
#sub_contents .form_btn02 a{color: #fff !important;} 
#sub_contents .f30 p{font-size: 30px; font-family: "Noto Serif JP", serif;} 
#sub_contents .form_btn02{background: url(../images/sub_bg05.png); padding: 10px 10px;width: 345px;margin: 0 auto 30px;color: #fff;  text-align: center;    font-size: 30px;} 
}

@media screen and (min-width:1024px) {
/* menu
----------------------------------- */
#sub_contents .menu_txt p{font-size: 18px; font-weight: bold;}
#sub_contents .menu_sub p{font-size: 20px; text-align: center;margin-bottom: 30px;font-weight: bold;}
#sub_contents .menu__item { width: 42%; max-width: 700px;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:70% } 
#sub_contents .menu__name p{font-size: 16px;     } 
#sub_contents .menu_price { display: inline-block; width: 120px; text-align: right; } 
#sub_contents .menu__img { max-width:60%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;    margin-bottom: 30px;}
#sub_contents .pri_ttl p{ font-size: 25px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl em{font-style: normal; font-weight: bold !important;display: inline;}
#sub_contents .pri_ttl {border-bottom: 1px solid #430b00 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 32%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: url(../images/sub_bg05.png); font-size: 17px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;}
#sub_contents .btn_list02 .li{width: 15%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{      position: relative; font-weight: normal;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #111 !important;background: #fff; font-size: 17px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li a:hover{opacity: 0.8;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;}

}