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

@font-face{
	font-family:'Forum', cursive, 'Noto Sans JP';
}

html{
	font-size: 62.5%; /*16px * 62.5% =10px*/

}

a{
	color: #eeeeee;
}

body{
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #eee;
	font-family: 'Times New Roman', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	background-color: #151515;
	font-feature-settings: 'palt';
}
img{
	width: 100%;
}



/*font-family
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Forum', cursive;*/


/*-------------------------
*
* sp-pc display
*
--------------------------*/
.pc__img{
	display: none !important;
}
.sp__img{
	display: block; 
}

/*-------------------------
*
* utility
*
--------------------------*/
.text-center{
	text-align: center;
}
.textarea{
	width: 85%;
	margin: 0 auto;
}
.wrapper{
	max-width: 1440px;
	margin: 0 auto;
}

/*-------------------------
*
* jQuery
*
--------------------------*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}


/*-------------------------
*
* loading
*
--------------------------*/

#showloading {
	width: 100%;
	height: 100vh;
	background-color: #851a3e;
	position: relative;
	z-index: 100;
	top:0%;
	left:0%;
}
#showloading img {
	margin: 0 auto;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate(-50%, -50%);
}
.hidden {
display: none;
}

/*-------------------------
*
* common
*
--------------------------*/
.section-header{
	padding: 40px 0px;
	font-size: 3rem;
	color: #d4b572;
	font-family:'Forum';
	text-align: center;
}
.section-footer{
	padding-bottom: 50px;
}
.div-line-base{
	width: 60px;
	height: 1px;
	margin: 0 auto;
	padding-bottom:40px;
}
.ja-title{
	font-size: 1.5rem;
}
/*-------------------------
*
* sp-button
*
--------------------------*/
.more-button{
	background-color: rgba(133,26,62,0.7);
	font-size: 1.8rem;
	padding: 8px 0px;
	color: #D4B572;
	font-family: 'Times New Roman', Times, 'serif';
	width: 225px;
	border: 1px solid rgba(212,181,114,0.7);
  	border-radius: 2px;
	text-align: center;
	display: inline-block;
	transition: .4s;
}

.more-button-outer{
	width: 100%;
	margin: 0 auto;
}
.more-button__triangle{
	width: 6px;
	height: 7px;
	padding: 8.5px 0 8.5px 16px;
}
.more-button.rakuten-button{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}



	

/*-------------------------
*
* sp-navi
*
--------------------------*/
/*-------------------------
*top-navi
--------------------------*/


.header__outer{
    padding: 10px;
	width: 100%;
	z-index: 999;
	box-sizing: border-box;
	position: fixed;
	-webkit-overflow-scrolling: touch;
}
.header__sp_logo{
	width: 73px;
	height: 51px;
	z-index: 20;
	display: inline;
}
/*.header__base{
	position: relative;
    width: 100%;
    height: 55px;
}*/
.top-sp-navi{
	-webkit-appearance:none;
	appearance:none;
	height: 45px;
	width: 45px;
	background-color: rgba(238,238,238,0.85);
	position: absolute;
	right:15px;
	top:15px;
	z-index: 999;
	padding: 10px;
	box-sizing: border-box;	
    cursor: pointer;
}
#moveAccess{
	color:#EEEEEE;
	font-family: 'Times New Roman', Times, 'serif';
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}
.top-sp-navi-base{
	position: relative;
}
.top-sp-navi-base span{
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	transform-origin: center;
	background-color: #151515;
	transition: all .8s;
}
.top-sp-navi-base span:first-child{
	top:0;
}
.top-sp-navi-base span:nth-child(2){
	top:11px;
}
.top-sp-navi-base span:last-child{
	top:22px;
}
.top-sp-navi-base.active span:first-child{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 10px;
}
.top-sp-navi-base.active span:nth-child(2){
	opacity: 0;
}
.top-sp-navi-base.active span:last-child{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top:10px;
}
/*-------------------------
*
* home-navi
*
--------------------------*/
.nav{
	-webkit-overflow-scrolling: touch;
	display: none;
	position: fixed;
	overflow-y: auto;
	top:0;
	left:0;
	width: 100%;
	height: 120%;
	background-color: rgba(133,26,62,0.95);
	padding: 100px 0;
	max-height: 100vh;
	z-index: 15;
}
.nav__item{
	padding-bottom: 40px;
	font-size: 2.4rem;
	color:#EEEEEE;
}
.nav__item_ja{
	font-size: 1.2rem;
}
.nav__base2{
	font-size: 1.8rem;
}
.nav__item_sub:first-of-type::before{
	content:"";
	display:inline-block;
	width:1.3em;
	height:1.3em;
	background:url("../images/top/white-shopcart.png") no-repeat;
	background-size:contain;
	padding-right: 10px;
}
.nav__item_sub:nth-last-child(2)::before{
	content:"";
	display:inline-block;
	width:1.3em;
	height:1.3em;
	background:url("../images/top/white-map-pin.png") no-repeat;
	background-size:contain;
	padding-right: 5px;
}
.nav__item_sub:last-child::before{
	content:"";
	display:inline-block;
	width:1.3em;
	height:1.3em;
	background:url("../images/top/white-phone-icon.png") no-repeat;
	background-size:contain;
	padding-right: 5px;
}
.nav__item_sub{
	padding: 0 0 30px;
}
.nav__item_sub:last-of-type{
	padding:16px 0 30px;
	font-size: 1.5rem;
}
.nav__partation{
	width: 63px;
	height: 1px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.nav__base3{
	display: flex;
	padding: 0 55px 200px;
	justify-content: space-around;
}
.nav__base3>li{
	width: 36px;
}

/*-------------------------
*
* slick-slider
*
--------------------------*/
#slider{
    margin: 100px auto;
    width: 80%;
}
#slider img{
    height: auto;
    width: 100%;
}

/*-------------------------
*
* home-intro
*
--------------------------*/
.cachcopy{
	width: 85%;
	margin: 0 auto;
	box-sizing: border-box;
}

.intro__catch_ja{
	width: 100%;
	padding: 50px 0 20px;
	font-size: 1.8rem;
	font-feature-settings: "palt" 1;
	line-height: 2.3em;
}
.intro__catch_en{
	padding-bottom:150px;
	line-height: 1.8em;
	font-family: 'Forum'
}



/*-------------------------
*
* home-about
*
--------------------------*/
.ja-title.about{
	color: #D4B572;
	font-size: 1.5rem;
	padding-bottom: 20px;
}

.section-header.about{
	font-family:'Forum';
	font-size:2.4rem;
	padding-bottom: 5px;
}
.div-line{
	width: 60px;
	height: 1px;
	padding: 22px 0 40px;
}
.about__text{
	width: 335px;
	margin: 0 auto;
	font-size: 1.2rem;
	padding-bottom: 1em;
	line-height: 2em;
}
.about__text2{
	width: 100%;
	font-size: 1.2rem;
	padding-bottom: 2rem;
	line-height: 2em;
}
.about__img02{
	width: 246px;
	height: 183px;
}
.about__img03{
	width: 153px;
	height: 115px;
}
.about__images{
	position: relative;
	width: 85%;
	margin: 0 auto;
}
.about__img03{
	position: absolute;
	left: 50%;
    bottom: 90%;
}
.more-button-outer>.about-area{
	margin-bottom: 50px;
	width: 225px;
}

/*-------------------------
*
* home-menu
*
--------------------------*/
.menu{
	background-image: url("../images/top/damask-gray.jpg");
	background-repeat: repeat;
	padding:45px 0 0;
}
.course__textbox__wrapper{
	width: 85%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.course__textbox{
    background: #1b1b1b;
    width: 100%;
    height: auto;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
	border:0.02px solid rgba(212,181,114,0.7);
	transform: translate3d(0px, -18px, 0px);
	z-index: 2;
	box-sizing: border-box;
}
.menu__title{
	font-family: 'Forum';
	color:#D4B572;
	font-size: 3rem;
	padding: 23px 0 10px;
}
.menu__subtitle{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#D4B572;
	font-size: 1.8rem;
	padding-top: 10px;
}
.menu__text{
	font-size:1.5rem;
}
.div-line.menu-area{
	width: 50px;
	padding: 20px 0;
}
.more-button-outer.menu-area, .more-button-outer.izakaya-area{
	padding: 20px 0px 22px;
}
/*-------------------------
* home-Izakaya
--------------------------*/
.menu__title_iza{
	font-family: 'Forum';
	color:#D4B572;
	font-size: 3rem;
	padding: 23px 0 5px;
}
.menu__subtitle_iza{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#D4B572;
	font-size: 1.8rem;
	padding-bottom: 20px;
}
.menu__text__subtitle{
	padding: 0 0 20px 0;
}
.menu__text__detail{
	font-size: 1.2rem;
	padding: 0 50px;
	text-align: justify;
}

/*-------------------------
*
* home-square-wine-online
* and reservation
*
--------------------------*/

/*reservation-spも同じCSS*/

.square__title{
	font-family: 'Forum';
	color:#D4B572;
	font-size: 3rem;
	padding: 50px 0 10px;
}
.square__subtitle{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#D4B572;
	font-size: 1.8rem;
	padding-bottom: 18px;
}
.square__text{
	font-size:1.2rem;
	text-align: justify;
	padding-bottom: 20px;
	margin: 0 auto;
	line-height: 2em;
	box-sizing: border-box;
	width: 100%;
}
.square__subtitle.reserve-area{
	padding-bottom: 0px;
}
.div-line-square.reserve-area{
	width: 50px;
	height: 1px;
	padding: 30px 0 40px;
}
.square-area>button{
	margin-bottom: 50px;
}
.more-button-outer_square{
	padding-bottom: 50px;
}
/*-------------------------
*
* box-sec
*
--------------------------*/
.div-line-square.box-area{
	padding: 22px 0 40px;
	width: 50px;
}
/*-------------------------
* lunch
--------------------------*/
.lunch{
	background-color: rgba(212,181,114,0.48);
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.lunch__title{
	font-size: 1.8rem;
	padding: 30px 0 20px;
}
.box__text{
	width: 100%;
	text-align: justify;
	margin: 0 auto;
	font-size: 1.2rem;
	padding-bottom: 13px;
	line-height: 2em;
}
.box__price{
	padding-bottom: 15px;
	font-size: 1.2rem;
	font-weight: bold;
}
.box__sp_img{
	width: 100%;
}
/*-------------------------
* osechi
--------------------------*/
.osechi{
	background-color: rgba(212,181,114,0.48);
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.osechi__title{
	font-size: 1.8rem;
	padding: 5px 0 20px;
}
.osechi__date{
	padding-top: 30px;
	font-size:1.2rem;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.osechi__date span{
	color: #FBA8C4;
}
/*-------------------------
* tel
--------------------------*/
.tel{
	width: 100%;
	background-color: #1B1B1B;
	border:0.02px solid rgba(212,181,114,0.7);
	font-size: 1.8rem;
	box-sizing: border-box;
	padding: 38px 0;
}
.tel__wrapper{
	margin: 0 auto;
	width: 85%;
}
.tel__text_or{
	font-size: 1.5rem;
}
.tel__icon::before{
	content: "";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("../images/top/tel-icon.png") no-repeat;
	background-size:contain;
	padding-right: 5px;
}
.tel p:first-of-type{
	padding-bottom: 20px;
}
.tel p:nth-of-type(2){
	padding-bottom: 10px;
}
.tel p:last-of-type{
	padding-top: 0px;
}

/*-------------------------
*
* sp-top-Access
*
--------------------------*/
.access__title{
	font-family: 'Forum';
	color:#D4B572;
	font-size: 3rem;
	padding: 50px 0 10px;
}
.access__subtitle{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#D4B572;
	font-size: 1.8rem;
	padding-bottom: 18px;
}
.maps-outer_sp{
	position: relative;
	padding-top: 66%;
}
.maps_sp{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.info{
	width: 85%;
	margin: 0 auto;
	padding-bottom: 50px;
}
.info__box{
	width: 85%;
	background-color: #1B1B1B;
	border:0.02px solid rgba(212,181,114,0.7);
	font-size: 1.8rem;
	padding: 40px 25px;
	z-index: 2;
	transform: translate3d(0px, -18px, 0px);
}
.info__box_title{
	font-size: 1.8rem;
}
.info__box_title2{
	font-size: 2.4rem;
}
.info__table>table{
  border-collapse: collapse;
}
.info__table_detail, .info__table_index {
  display: block;
}
.info__table_index{
	font-size: 1.5rem;
	color: #D4B572;
	text-align: left;
	padding-top: 20px;
}
.info__table_index.upper{
	text-transform: uppercase;
}
.info__table_detail{
	font-size: 1.5rem;
	text-align: left;
}

/*-------------------------
*
* sp-home-footer
*
--------------------------*/
.page-top-icon{
	width: 50px;
	height: 50px;
	background-color: rgba(133,26,62,0.8);
	-webkit-appearance:none;
	appearance:none;
	background-image: url("../images/top/arrow-upforward.png");
	position: fixed;
	bottom:20px;
    right: 20px;
    z-index: 10;
	background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: 1px solid #eeeeee;
}
.footer{
	background: url("../images/top/final-black.jpg");
	padding-bottom: 48px;
}
.logo_sp_center{
	width: 79.5px;
	height: 54px;
	padding: 40px 0 20px;
}
.footer__sns_base{
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
}
.footer__sns.sp{
	padding:0 10px;
}
.copyright{
	color:#D4B572;
	
}

/*-------------------------
*
* ////////////////////sp-top-page-END/////////////
*
--------------------------*/

/*-------------------------
*
* sp-about-page
*
--------------------------*/
/*-------------------------
*about
--------------------------*/
.about-sec>div>.section-header{
	padding: 40px 0 10px;
	font-family: 'Forum';
}
.section-body1_text{
	width: 85%;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 2em;
	padding-bottom: 20px;
}
.section-body1_text2{
	width: 85%;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 2em;
	padding-bottom: 40px;
}

/*-------------------------
*Concept
--------------------------*/
.concept-sec>div>.section-header{
	padding: 0px 0px 10px;
	font-family: 'Forum';
}
.section-body2{
	width: 85%;
	margin:0 auto;
	padding-bottom: 40px;
}
.section-body2>div{
	width: 100%;
	background-color:rgba(55,55,55,0.27);
    height: auto;
	border:0.02px solid rgba(212,181,114,0.7);
	font-size: 1.8rem;
	box-sizing: border-box;
}
.section-body2_box{
	padding: 30px 0 25px;
}
.section-body2_box2{
	padding-bottom: 30px;
}
.section-body2-text{
	width: 85%;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 2em;
}
.section-body2-text>p:first-of-type{
	padding-bottom: 20px;
}
.section-body2-text>p:nth-of-type(2){
	padding-bottom: 20px;
}
.section-body2-text>p:last-of-type{
	padding-bottom: 42px;
}
/*-------------------------
*chef
--------------------------*/
.chef-sec>div>h3{
	padding: 0 0 10px;
}
.section-body3-img{
	width: 64%;
	margin: 0 auto;
}
.section-body3{
	width: 80%;
	margin: 0 auto;
}
.section-body3_detail{
	font-size: 1.2rem;
	line-height: 2em;
	padding-bottom: 20px;
}
.section-body3_detail>p{
	padding-bottom: 30px;
}
.section-body3_intro>p:first-of-type{
	font-size: 1.8rem;
	padding: 20px 0 10px;
}
.section-body3_intro>p:nth-of-type(2){
	font-size: 3rem;
	padding-bottom: 15px;
}
.section-body3_intro>p:last-of-type{
	font-size: 1.5rem;
	padding-bottom:30px;
}
/*-------------------------
*
* ////////////////////sp-about-page-END/////////////
*
--------------------------*/

/*-------------------------
*
* sp-course-page
*
--------------------------*/
.section-header.course-area{
	font-size: 3rem;
	padding: 40px 0 10px;
}
.ja-title.course-area{
	font-size: 1.8rem;
	text-align: center;
	color:#D4B572;
}
.course-sec_text-area{
	width: 85%;
	margin: 0 auto;
}
.course_menu-title>li:first-of-type{
	font-size:1.8rem;
	padding-bottom: 10px;
}
.course_menu-title>li:last-of-type{
	font-size:1.5rem;
	padding-bottom: 20px;
}
.course_menu-detail{
	font-size:1.2rem;
	padding-bottom: 20px;
	line-height: 2em;
}
.more-button_course{
	padding-bottom: 40px;
}


/*-------------------------
*
* ////////////////////sp-course-page-END/////////////
*
--------------------------*/

/*-------------------------
*
* sp-izakaya-page
*
--------------------------*/

.izakaya-sec{
	font-family: 'Noto Sans JP', sans-serif;
}
.izakaya-sec_textarea{
	width: 85%;
	margin: 0 auto;
}
.section-header-iza_title{
	font-size: 2.4rem;
	padding: 50px 0 60px;
}
.section-header-iza_text{
	text-align: left;
	padding: 20px 0 40px;
	font-size: 1.2rem;
}
.section-body-iza>h3{
	font-size: 1.8rem;
	padding-bottom: 20px;
}
.section-body-iza_table>table>tr{
	width: 100%;
}
.izakaya_price{
	text-align: right;
	width: 35px;
	display: block;
}
.section-body-iza_detail{
	padding: 10px 0 50px;
	font-size: 1.2rem;
}
/*-------------------------
*
* ////////////////////sp-about-page-END/////////////
*
--------------------------*/

/*-------------------------
*
* sp-wine-page
*
--------------------------*/
.section-header.wine-area{
	font-size: 3rem;
	padding: 40px 0 10px;
}
.ja-title.wine-area{
	font-size: 1.8rem;
	padding-bottom: 40px;
	color: #D4B572;
}

.section-body-wine>div{
	width: 100%;
	background-color:rgba(55,55,55,0.27);
	border:0.02px solid rgba(212,181,114,0.7);
	font-size: 1.2rem;
	line-height: 2em;
	padding: 40px;
	box-sizing: border-box;
}
.bourgogne, .rhone-row{
	letter-spacing: -0.05rem;
}
.wine_main caption{
	text-align: left;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 40px 0 15px;
}
.caption-subtitle{
	font-size:1.5rem;
	font-weight: bold;
}
.wine_price{
	text-align: right;
	width: 35px;
	display: block;
}
.wine_year{
	text-align:center;
	width: 35px;
	display: block;
}
.section-body-wine2 td{
	padding: 0 3% 0;
	font-feature-settings: "palt";
}
.section-body-wine2_asterisk{
	font-size:1.2rem;
	padding-top: 10px;
}
.wine-sec .section-footer{
	padding: 50px 0 0;
}
/*-------------------------
*other-drinks
--------------------------*/
.section-body-other .section-body-other_first-title{
	padding-top: 0px;
}
.other-sec .section-footer{
	padding-top: 50px;
}
/*-------------------------
*
* ////////////////////sp-wine-page-END/////////////
*
--------------------------*/

/*-------------------------
*
* sp-reserve-page
*
--------------------------*/
.reserve-sec .section-header{
	padding-bottom: 0;
}
.section-header.reserve{
	padding-bottom: 5px;
}
.ja-title.reserve{
	font-size: 1.8rem;
	color:#d4b572;
}
.section-body-reserve{
	font-size: 1.2rem;
}
.section-body-reserve_top-text>p{
	padding-bottom: 20px;
}
.section-body-reserve_form{
	font-family: 'Noto Sans JP';
}
.required{
	background-color: rgba(133,26,62,0.8);
	color:#D4B572;
	border: 1px solid rgba(212,181,114,0.7);
	font-size: .9rem;
	line-height: 0.3em;
	padding: 0 2px 0;
	margin-left: 5px;
}
.form-group{
	padding-bottom: 25px;
}
.form-group_question{
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-bottom: 20px;
	line-height: 1.5em;
}
.form-group_question.inquiry{
	padding-bottom: 10px;
	line-height: 1.5em;
}
.form-group_time-select,.form-group_course-select{
	background-color:#EEEEEE;
	height: 1.8em;
    font-size: 1.4rem;
}
.form-group_course-title{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.form-group_time-title{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.form-label.comment{
	padding-bottom: 10px;
}
.section-body-reserve_bottom-text>p{
	padding-bottom: 10px;
}
.section-body-reserve_bottom-text>p:last-of-type{
	padding-bottom: 20px;
}

.input-form_long{
	width: 90%;
	height: 1.8em;
}
.input-form_guest-number{
	width: 60px;
	height: 1.8em;
	margin-right: 10px;
}
.input-form_date{
	height: 1.8em;
}
.section-body-reserve textarea{
	width: 90%;
	height: 100px;
}
img.ui-datepicker-trigger{
  cursor: pointer;
  margin-left: 7px!important;
  vertical-align: middle;
	width: 30px;
	color: #eeeeee;
}

/*-------------------------
*
* ////////////////////sp-reserve-page-END/////////////
*
--------------------------*/

@media screen and (min-width:768px){
	body{
		width: 100%;
		margin: 0 auto
	}
	/*-------------------------
	*
	* sp-pc display
	*
	--------------------------*/
	.pc__img{
		display:inline!important;
	}
	.sp__img{
		display: none !important;
	}
	
	/*-------------------------
	*
	* loading
	*
	--------------------------*/
	#showloading {
		width: 100%;
		height: 100vh;
		background-color: #851a3e;
		position: relative;
		z-index: 999;
	}
	#showloading img {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.hidden {
	display: none;
	}
	
	/*-------------------------
	*
	* utility
	*
	--------------------------*/
	.ja-title{
		font-size: 3rem;
		color: #d4b572;
	}
	.div-line{
		width: 100px;
		padding: 0px;
	}
	.banner{
		width: 100vw;
		}
	.text-wrapper{
		width: 85%;
		margin: 0 auto;
	}
	/*-------------------------
	*
	* pc-botton
	*
	--------------------------*/
	.more-button:hover{
	background: rgba(133,26,62);
	border-color: #BB9239;
	}
	.more-button{
	font-size: 2.4rem;
	padding: 13px 0px;
	width: 250px;
	transition: .4s;
	}
	.more-button__triangle{
	width: 10px;
	height: 12px;
	padding-left: 30px;
	}

	/*-------------------------
	*
	* header
	*
	--------------------------*/
	/*-------------------------
	* pc-top-navi
	--------------------------*/	
	.header_logo{
		display: block;
		width: 151px;
		height: 102px;
	}
	.top-navi{
		background-image: url("../images/top/final-black.jpg");
		background-repeat: repeat;
	}
	.top-navi_wrapper{
		width: 82%;
		margin: 0 auto;
		box-sizing: border-box;
		height: 120px;
	}
	.top-navi-wrapper{
		width: 100%;
		display: flex;
		align-items:center;
		justify-content: space-between;
	}

	.top-navi_base>li{
		padding: 35px 20px 20px;
		font-size: 1.8rem;
		text-align: center;
	}
	.top-navi_base__icon{
		width: 20px;
		padding-right: 10px;
	}
	.top-navi_base__icon.cart{
		width: 25px;
	}
	.top-navi_base>li>a:hover{
		color: #d4b572;
		transition: 0.6s;
	}
	.top-navi_base>li:first-of-type{
		text-transform: uppercase;
	}
	.top-navi_base>li:nth-of-type(2){
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.top-navi_base>li:last-of-type{
	}
	.top-navi_base{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: flex-end;
	}	
	.top-navi_base__access{
		letter-spacing: 0.2em;
		font-size: 1.2rem;
	}
	.top-navi_base__ja{
		font-size: 1.2rem;
		letter-spacing: 0.05em
	}

	/*-------------------------
	* pc-main-navigation
	--------------------------*/

	.nav.fix{
		width: 100%;
		position: fixed;
		z-index: 20;
		top: 0;
		left: 0;
		animation:nyuru 0.5s;		
	}
	.nav__outer.fix{
		border-bottom: thin solid rgba(212,181,114,0.7);
	}
	@keyframes nyuru {
		0%{
			margin-top:0px; 
		}
		100%{
			margin-top: 0;
		}
	}
	
		.header__outer{
		position: static;
		box-sizing: border-box;
	}

	h1{
		position: relative;
	}
	h1>a{
		position: absolute;
	}
	.nav{
		display: inline;
		background-color: initial;
		height: inherit;
		position: static;
		padding: 0;
	}
	.nav__outer{
		background-image: url("../images/top/bg-damask.jpg");
		background-repeat: repeat;
		background-size: 525px;
		height: 60px;
		top: 0;
		left: 0;
		margin: 0 auto;
		padding: 0;
		border-top: thin solid rgba(212,181,114);
		overflow-y: hidden;
		opacity: 0.9;
	}
	.nav__item>a:hover{
	color: #d4b572;
	transition: 0.6s;
	}
	.nav__item{
		padding-top: 10px;
		padding-bottom: 0;
		text-transform: uppercase;
		font-size: 2rem;
		    line-height: 1em;
	}
	.nav__base{
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		width: 1150px;
		margin: 0 auto;
	}
	.nav__item_ja{
		line-height: 0.01em;
	}
	.nav__item_lowercase{
		text-transform: capitalize;
	}

	
	
	/*-------------------------
	* pc-main-visual
	--------------------------*/
	.hero,.page-hero{
		width: 100%;
		height: 100vh;
		overflow: hidden;
	  	background-size: cover;
		background-position: center center;
		background-repeat:  no-repeat;
		background-attachment: fixed;
	}
	
	/*-------------------------
	*
	* pc-top-intro
	*
	--------------------------*/
	.intro__catch_ja{
		font-size: 4rem;
		padding: 160px 0 40px;
	}
	.intro__catch_en{
		font-size: 3.6rem;
		font-family: 'Forum';
	}
	/*-------------------------
	*
	* pc-top-about
	*
	--------------------------*/
	.pc__img.about__images{
		position: relative;
	}
	.about__images{
		margin-bottom: 180px;
	}
	.about_images-below{
		width: 493px;
		padding-top: 200px;
	}
	.about_images-above{
		padding-top: 180px;
		width: 260px;
		position: absolute;
		top: -25%;
		left: 50%;
	}
	
	.about_wrapper{
		width: 85%;
		margin: 0 auto;
		display:flex;
	}
	.section-header.about{
		padding-top: 30px;
		font-size: 4.8rem
	}
	.ja-title.about{
		padding: 10px 0 60px 0;
		font-size: 3rem;
	}
	.about_wrapper h4{
		padding-bottom: 20px;
	}
	.about__text{
		padding: 40px 0;
		font-size: 1.4rem;
	}
	.about__text2{
		padding-bottom: 40px;
		font-size: 1.4rem;
	}
	.more-button-outer>.about-area{
		margin-bottom: 160px;
		width: 300px;
		margin: 0 auto;
	}
	.more-button-outer.about-area{
		margin-bottom: 160px;
	}
	/*-------------------------
	*
	* pc-top-menu
	*
	--------------------------*/
	.menu{
		padding-top: 100px;
		background-image: url("../images/top/final-gray.jpg");
		background-repeat: no-repeat;
		background-size: cover;

	}
	.course{
		display: flex;
	}
	.course__textbox{
		width: 100%;
	}
	.menu__title{
		font-size: 4.8rem;
		padding: 108px 0 20px;
	}
	.menu__subtitle{
		padding: 0 0 30px;
		font-size: 3rem;
	}
	.menu__text{
		font-size: 3rem;
		padding-bottom: 0px;
	}
	.menu__text2{
		font-size: 2.4rem;
		line-height: 1.8em;
	}
	.div-line.menu-area{
		width: 100px;
		padding: 40px 0;
	}
	.course__textbox__wrapper{
		width: 33%;
		text-align: left;
		padding: 0 30px 80px;
	}
	.course__textbox{
		background: none;
		width: 100%;
		height: auto;
		box-shadow:none;
		border:none;
		transform:none;
		box-sizing: border-box;
	}
	.more-button-outer.menu-area{
		padding: 82px 0 93px;
		width: 65%;
		margin: 0 auto;
	}
	.more-button.menu-area{
		width: 300px;
	}
	/*-------------------------
	* pc-top-izakaya
	--------------------------*/
	.izakaya{
		display: flex;
		justify-content: flex-end;
	}
	.menu__text__subtitle{
		font-size: 2.4rem;
		padding-bottom: 37px;
		line-height: 2em;
	}
	.menu__title_iza{
		font-family: 'Forum';
		color:#D4B572;
		padding: 53px 0 8px;
		font-size: 4.8rem;
	}
	.menu__subtitle_iza{
		padding: 8px 0 37px;
		font-size: 3rem;
		color:#D4B572;
	}
	.menu__text__detail{
		font-size: 1.4rem;
		line-height: 2em;
	}
	.course__textbox__wrapper.izakaya-area{
		text-align: right;
		padding-bottom: 100px;
	}
	.more-button-outer.izakaya-area{
		padding: 70px 0 50px;
		width: 81.3%;
		margin: 0 auto;
	}
	.izakaya__pic{
		width: 100%;
	}
	/*-------------------------
	*
	* pc-top-square-area
	*
	--------------------------*/
	/*-------------------------
	* pc-top-wine
	--------------------------*/
	.table-area.textarea{
		max-width: 1200px;
		margin: 0 auto;
	}
	.wine, .online{
		display: flex;
		max-width: 1400px;
		margin: 0 auto
	}
	.more-button.square{
		width: 250px;
	}
	.wine_price{
		white-space: nowrap;
	}

	
	.more-button-outer_square{
		padding: 70px 0 50px;
		width: 35%;
		margin: 0 auto;
	}
	.textarea.square__area{
		width: 700px;
		margin: 0;
		
	}
	.square__title{
		font-size: 4.8rem;
		padding: 191px 0 23px;
	}
	.square__subtitle{
		font-size: 3rem;
		padding: 0px;
	}
	.div-line.square__area{
		padding: 40px 0 40px;
	}
	.square__text{
		padding-bottom: 0;
		font-size: 1.4rem;
	}
	.square__text_outer{
		width: 67.5%;
		margin: 0 auto;
	}
	/*-------------------------
	* pc-top-reserve
	--------------------------*/
	.square__title.reserve-area{
		padding: 128px 0 20px;
	}
	.div-line-square.reserve-area,.div-line-square.box-area{
		width: 123px;
		padding: 40px 0;
	}
	.reserve__text-wrapper{
		width: 38%;
		margin: 0 auto;
	}
	.square__text.reserve__text{
		width: 100%;
		text-align: center;
	}
	.more-button-outer.square__area.reserve-area{
		width: 31.5%;
		padding: 40px 0 140px;
	}
	/*-------------------------
	*
	* pc-top-lunch-box
	*
	--------------------------*/
	/*-------------------------
	* pc-top-lunch
	--------------------------*/
	.square__title.box-area{
		padding: 114px 0 20px;
	}
	.lunch_box-inner,.osechi_box-inner{
		display: flex;
		margin: 0 auto;
		width: 100%;
	}
	.lunch_img,.osechi_img{
		padding-top: 30px;
	}
	.lunch__title{
		font-size: 3rem;
		padding: 80px 0 60px;
	}
	.box__text{
		font-size: 1.4rem;
		padding-bottom: 46px;
	}
	.lunch__text-wrapper{
		width: 80%;
		margin: 0 auto;;
	}
	.box__price{
		font-size: 1.8rem;
		font-weight: bold;
		padding-bottom: 50px;
		letter-spacing: 0.1em;
	}
	.lunch_img>img{
		width: 100%;
	}
	.lunch__text-base{
		width: 50%;
		padding-left: 80px;
	}
	
	/*-------------------------
	* pc-top-osechi
	--------------------------*/
	.osechi__date{
		font-size: 1.8rem;
		padding: 36px 0 20px;
	}
	.osechi__title{
		font-size: 3rem;
		padding-bottom: 34px;
	}
	.lunch__text-base.osechi-area{
		padding: 0 80px 0 0;
	}
	.osechi_img{
		padding-top: 50px;
	}
	/*-------------------------
	* pc-top-tel
	--------------------------*/
	.tel{
		width: 58.7%;
		background-color: #1B1B1B;
		border:0.02px solid rgba(212,181,114,0.7);
		font-size: 1.8rem;
		box-sizing: border-box;
		padding: 0 0 73px;
		margin: 0 auto;
	}
	.tel__wrapper-pc.pc__img{
		width: 100%;

	}
	.tel>p:first-of-type{
		font-size: 2.4rem;
		padding: 68px 0 28px;
	}
	.tel__icon{
		font-size: 3rem;
		padding-bottom: 73px;
	}
	.tel__text_or{
		font-size: 2.4rem;
		padding-right: 20px;
	}
	/*-------------------------
	*
	* pc-top-Access
	*
	--------------------------*/
	.access__title{
		padding: 100px 0 20px;
		font-size: 4.8rem;
	}
	.access__subtitle{
		padding: 0;
		font-size: 3rem;
	}
	.info__box{
		margin: 0 auto;
		transform: translate3d(0px, -36px, 0px);
		display: flex;
		padding-top: 80px;
	}
	.info__box_title{
		font-size: 3rem;
		padding-top: 45%;
	}
	.info__box_title2{
		font-size: 3.6rem;
		padding-top: 10px;
	}
	.info__table_index{
		font-size: 2.4rem;
		padding-top: 0;
		padding-bottom: 50px;
		width: 250px;
	}
	.info__table_detail{
		font-size: 1.8rem;
		padding-bottom: 50px;
	}
	.info__table_index-top{
		font-size: 2.4rem;
		padding-top: 40px;
		padding-bottom: 50px;
		color:#D4B572;
		width: 250px;
		text-align: left;
	}
	.info__title{
		padding:0 110px 0 50px;
	}
	.info__table__base{
		display: flex;
	}

	/*-------------------------
	*
	* pc-top-footer
	*
	--------------------------*/
	.page-top-icon:hover{
		background-color: rgba(174,69,104,0.9);
		background-image: url("../images/top/arrow-upforward.png");
		background-repeat: no-repeat;
		background-position:top;
		background-size: 20px;
		transition: 0.6s;
		}
	.page-top-icon{
		width: 50px;
		height: 50px;
		background-color: rgba(133,26,62,0.8);
		-webkit-appearance:none;
		appearance:none;
		background-image: url("../images/top/arrow-upforward.png");
		position: fixed;
		bottom:20px;
		right: 20px;
		z-index: 10;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 20px;
		border: 1px solid #eeeeee;
		transition: 0.6s;
	}
	.logo_center{
		padding: 100px 0 60px;
		width: 176px;
		height: 120px;
	}

	.footer__sns_base{
		padding-bottom: 60px;
	}
	.footer{
		padding-bottom: 100px;
	}
	/*-------------------------
	*
	* ////////////////////pc-top-page-END/////////////
	*
	--------------------------*/
	
	
	/*-------------------------
	*
	* pc-About-page
	*
	--------------------------*/
	/*-------------------------
	* about marche
	--------------------------*/
	.textarea.about-area{
		padding: 0 40px 0;
	}
	.section-header.about{
		font-size: 4.8rem;
		padding: 100px 0 20px;
	}
	.ja-title.about{
		padding: 0 0 40px;
	}
	.section-footer{
		padding-bottom: 100px;
	}
	
	.concept-sec>div>.section-header{
		font-size: 4.8rem;
		padding: 0 0 20px;
	}

	.chef-sec>div>h3{
 	 	padding: 0 0 20px;
		font-size: 4.8rem;
	}
	.text-wrapper_about{
		width: 85%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.section-body1{
		font-size: 1.4rem;
	}
	.section-body1_text {
		width: 63%;
		text-align: center;
		font-size: 1.4rem;
		line-height: 2em;
		padding:0 0 40px;
	}
	.section-body1_text2 {
		width: 63%;
		text-align: center;
		font-size: 1.4rem;
		line-height: 2em;
		padding:0 0 100px;
	}
	/*-------------------------
	* concept
	--------------------------*/
	.section-body2{
		width: 66%;
	}
	.section-body2_box{
		font-size: 3rem;
		padding: 70px 0 30px;
		line-height: 1.8em;
	}
	.section-body2_box2{
		font-size: 3rem;
		padding-bottom: 70px;
		line-height: 1.8em;
	}
	.section-body2-text>p{
		line-height: 2em;
		font-size: 1.4rem;
		text-align: center;
		width: 40%;
		margin: 0 auto;
	}
	.section-body2-text>p:first-of-type{
		padding: 20px 0 60px;
	}
	.section-body2-text>p:nth-of-type(2){
		padding-bottom: 60px;
	}
	.section-body2-text>p:last-of-type{
		padding-bottom: 60px;
	}
	/*-------------------------
	* about chef
	--------------------------*/
	.chef-sec{
		width: 80%;
		margin: 0 auto;
	}
	.ja-title.chef{
		padding: 0 0 80px;
		font-size: 3rem;
		color:#D4B572;
	}

	.section-body3_base{
		display: flex;
	}
	.section-body3-img {
		width: initial;
		margin: 0;
		padding:0 70px 160px 0;
	}
	.section-body3_intro>p:first-of-type{
		font-size:3rem;
		padding:0 0 40px;
	}
	.section-body3_intro>p:nth-of-type(2){
		font-size:4.8rem;
		padding-bottom: 20px;
	}
	.section-body3_intro>p:last-of-type{
		font-size:2.4rem;
		padding-bottom:60px;
	}
	.section-body3_detail>p{
		font-size: 1.4rem;
		padding-bottom: 40px;
	}
	/*-------------------------
	*
	* pc-Course-page
	*
	--------------------------*/
	.ja-title.course-area{
		font-size: 3rem;
	}
	.div-line.course{
		width: 123px;
		padding: 60px 0 80px;
		margin: 0 auto;
	}
	.section-header.course-area{
		font-size: 4.8rem;
		padding: 90px 0 20px;
	}
	.course_menu-title{
	  display:flex;
	  justify-content: space-between;
	}
	.course_menu-title>li:first-of-type{
		font-size: 3rem;
		padding-bottom: 40px;
	}
	.course_menu-title>li:last-of-type{
		font-size: 2.4rem;
	}
	.course_menu-detail{
		font-size: 1.4rem;
		padding-bottom: 80px;
	}
	.more-button_course{
		width: 27%;
		margin: 0 auto;
		padding-bottom: 150px;
	}
	.section-header-iza_title{
		font-size: 3rem;
		padding: 80px 0 80px;
	}
	.section-header-iza_text{
		text-align: center;
		padding: 30px 0 80px;
		font-size: 1.2rem;
	}
	.section-body-iza>h3{
		font-size: 2.8rem;
		padding-bottom: 40px;
	}
	.nav__partation {
		width: 123px;
		height: 1px;
		margin: 0 auto;
		padding-bottom: 100px;
	}	
	.section-body-iza_table{
		font-size: 1.8rem;
		display: flex;
	}
	.iza_menu-list1{
		width: 100%;
	}
	.iza_menu-list2{
		width: 100%;
	}
	.section-body-iza_detail{
		padding: 40px 0 100px;
	}
	.section-body-iza_detail>p{
		font-size: 1.8rem;
	}
	.section-body-iza_detail>p:first-of-type{
		padding-bottom: 20px;
	}
	/*-------------------------
	*
	* ////////////////////pc-izakaya-page-END/////////////
	*
	--------------------------*/
	
	/*-------------------------
	*
	* pc-wine-page
	*
	--------------------------*/
	/*-------------------------
	* wine-sec
	--------------------------*/
	.section-header.wine-area{
		font-size: 4.8rem;
		padding: 80px 0 20px;
	}
	.ja-title.wine-area{
		font-size: 3rem;
		padding-bottom: 40px;
		width: 100%;
	}
	.wine_year{
		text-align: left;
	}
	.section-body-wine>div{
		width: 66%;
		margin: 0 auto;
		font-size: 1.4rem;
		padding: 88px 128px;
		box-sizing: border-box;
	}
	.wine_main caption {
    	padding: 80px 0 40px;
		font-size: 3rem;
	}
	.caption-subtitle{
		font-size: 2.4rem;
		padding-left: 20px;
		font-weight: normal;
	}
	.section-body-wine2 td {
		font-size: 1.8rem;
	}
	.bourgogne, .loire-row, .rhone-row, .section-body-other {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
		align-items: baseline;
	}
	.glass-wine {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
		align-items: baseline;
	}
	.glass-wine>table{
		width: 45%;
		height: auto;
	}
	.section-body-wine2_asterisk{
		display: inline;
		margin-left: 3%;
		width:45%;
		height: auto;
	}
	.section-body-wine2_asterisk>p{
		font-size: 1.8rem;
		padding: 80px 0 50px;
	}
	.champagne{
		width: 100%;
		height: auto;
	}
	.champagne>table, .champagne>td {
		width: 45%;
	}
	.bourgogne>table:first-of-type{
		margin-right: 3%;
		width:45%;
		height: auto;
	}
	.bourgogne>table:nth-of-type(2){
		margin-left: 3%;
		width: 45%;
		height: auto;
	}
	.bourgogne>table, .bourgogne>td {
		width: 45%;
	}
	.loire-row>table:first-of-type{
		margin-right: 3%;
		width: 45%;
		height: auto;
	}
	.loire-row>table:nth-of-type(2){
		margin-left: 3%;
		width: 45%;
		height: auto;
	}
	.loire-row>table, .loire-row>td {
		width: 45%;
	}
	.rhone-row>table:first-of-type{
		margin-right: 3%;
		width: 45%;
		height: auto;
	}
	.rhone-row>table:nth-of-type(2){
		margin-left: 3%;
		width: 45%;
		height: auto;
	}
	.rhone-row>table,.rhone-row>td {
		width: 45%;
	}
	
	/*-------------------------
	* other drinks
	--------------------------*/
	
	.section-body-other>table:first-of-type{
		margin-right: 3%;
		width: 45%;
		height: auto;
	}
	.section-body-other>table:nth-of-type(2){
		margin-left: 3%;
		width: 45%;
		height: auto;
	}
	.section-body-other td {
	font-size: 1.8rem;
	}
	.section-body-other{
		padding-bottom: 110px;
	}
	/*-------------------------
	*
	* ////////////////////pc-wine-page-END/////////////
	*
	--------------------------*/
	
	/*-------------------------
	*
	* pc-reservation-page
	*
	--------------------------*/
	.reserve-sec>button, input, textarea {
	  	font-family : inherit;
	  	font-size   : 100%;
	}
	.required{
		display: inline-block;
		margin-bottom: 10px;
		height: 17px;
		box-sizing: border-box;
		padding: 5px 4px;
	}
	.section-header.reserve{
		font-size: 4.8rem;
		padding: 90px 0 20px;
	}
	.ja-title.reserve{
		font-size: 3rem;
	}
	.div-line.reserve{
		padding: 60px 0 60px;
	}
	.section-body-reserve_top-text, .section-body-reserve_bottom-text{
		width: 54%;
		margin: 0 auto;
		font-size: 1.6rem;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
	.section-body-reserve_form{
		width: 54%;
		margin: 0 auto;
		font-size: 1.8rem;
	}
	.section-body-reserve_bottom-text{
		padding: 15px 0 0;	
	}
	.form-label_comment-text{
		font-size: 1.6rem;
	}
	input::placeholder{
		font-size: 1.8rem;
	}
	
	.more-button-outer.square-area {
		width: 375px;
		padding: 0px 0 80px;
	}
	.form-group{
		padding-bottom: 40px;
	}
	.section-body-reserve_top-text>p:last-of-type{
		padding-bottom: 40px;
	}
	.input-form_long {
		width: 100%;
		height: 3em;
	}
	.form-group.question{
		position: relative;
	}
	.more-button.form{
		font-size: 2.4rem;
		padding: 13px 0px;
	}
	.form-group_time-select,.form-group_course-select{
	background-color:#EEEEEE;
	height: 3em;
    font-size: 1.4rem;	
	}	

}