@charset "utf-8";
/* CSS Document */
/* @font-face {
		font-family: 'Glyphicons Halflings';
		src: url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.eot');
		src: url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../osyogatsu/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} */

.pcHidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .pcHidden {
    display: block;
  }
}

@media screen and (max-width: 768px) {
 .spHidden {
    display: none !important;
  }
}


.btn__fixedReserve{
	display: none;
}
.mbox * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
html {
		/* -webkit-text-size-adjust: 100%; */
}
body {
		background-color: #000;
}
.mbox {
		color: #fff;
}
.mbox a:hover{
  text-decoration: none;
}
.inner1000 {
		width: 1000px;
		margin: 0 auto;
}
.font--mincho {
		font-family: "Yu Mincho", "MS PMincho", "Hiragino Mincho Pro", serif;
}
small {
		font-size: 60%;
}
.bb {
	font-size: 120%;
	font-weight: bold;
}
strong {
	color: lightpink;
}
img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
		-ms-interpolation-mode: bicubic;
}
a:link, a:hover, a:active, a:visited {
		/* color: #fff; */
		/* text-decoration: none; */
}
/*------------------------*/
.pcnone {
		display: none
}
.spnone {
		display: block
}
/*------------------------*/
.sold-out {
	pointer-events: none;
}

/*parts------------------------------*/
.info1{
  position:  relative;
}
.parts1{
width: 1100px;
    z-index: -1;
    position: absolute;
    top: -200px;
    left: -805px;
    transform: rotate(-34deg);
}
.parts1 img{
  width: 100%;
}
.cook--wrapper{
  position: relative;
}
.parts2{
    width: 1100px;
    z-index: -1;
    position: absolute;
    top: 231px;
    right: -1017px;
    transform: rotate(-45deg);
}
.parts2 img{
  width: 100%;
}
@media screen and (max-width:1536px){
.parts1{
    top: -140px;
    left: -630px;
    transform: rotate(-35deg);
}
.parts2{
    right: -830px;
}

}
@media screen and (max-width:767px){
.parts1{
    width: 900px;
    top: -212px;
    left: -550px;
    transform: rotate(-45deg);
}
.parts2 {
    width: 900px;
    top: -30px;
    right: -720px;
    transform: rotate(-45deg);
}
  }


/*過去のスタイル---------------------------------*/
.pt5{
	padding-bottom: 5px;
}

.pb{
	padding-bottom: 5px;
}
.mb5{
	margin-bottom: 5px;
}


/*arita---------------------------------*/
.arita--wrapper{
  padding: 10px;
  margin: auto;
  display: block;
  background-image: url("../images/bg02.jpg");
  background-repeat: repeat;
  color:#fff;
}
.arita_.mbox{
  width: 700px;
  margin: 10px auto;
}
.arita_.mbox img{
  width: 100%;
}
.arita--flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.arita--title{
background: #850000;
    margin: 0;
    padding: 10px;
  text-align: center;
}

.arita--table{
  width: 80%;
  margin: auto;
  border: #fff solid 1px;
}
.arita--table th{
  font-weight: bold;
  text-align: left;
  width: 150px;
  padding: 10px;
  line-height: 3;
  vertical-align: top;
}
.arita--table tr{
border-bottom:  #fff solid 1px;
}
.arita--child-box{
  background-image: url("../images/bg01.jpg");
  background-repeat: repeat;
  width: 300px;
  padding: 10px;
  box-shadow: 5px 6px 15px -10px rgb(0 0 0 / 50%);
  color:#000;
  margin-bottom: 10px;
}
.arita--child-box img{
  width: 100%;
  margin: 0;
}
.font_gold{
	font-weight:bold;
	color: transparent;
	background: linear-gradient(1deg, #FEE9A0 0%, #DAAF08 45%, #FEE9A0 70%,  85%, #B67B03 90% 100%); 
	-webkit-background-clip: text;
}
.font_red{
    background: #d7c331;
    font-weight: bold;
    color: #a50202;
    padding: 2px;
    border-radius: 10px;
}
.arita-name{
background: #850000;
padding: 5px;
  text-align: center;
}
  .arita_menu{
    display: flex;
    flex-wrap: nowrap;
    width: 70%;
    margin: auto;
    background: #222;
    padding: 10px;
  }
  .arita_menu:hover{
    opacity: 0.8;
  }
.arita_menu_box1{
    width: 50%;
}
.arita_menu_box1 img{
  width: 100%;
}
.arita_menu_box2{
    width: 45%;
    margin: auto;
}
.con4_box{
  position: relative;
}
@media screen and (max-width:767px){
  .arita_.mbox{
  width: 100%;
}
.arita--title{
  text-align: left;
}
  .arita--flex{
  display:block;
}
  .arita--child-box{
    width: 100%;
  }
  .arita--child-flex{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }

  .arita--child-flex-box{
    width: 45%;
  }
  .arita--table{
  width: 100%;
}
    .arita_menu{
    display: block;
  }
.arita_menu_box1{
    width: 100%;
}
.arita_menu_box2{
    width: 100%;
  text-align: center;
}

}
@media screen and (max-width:500px){

  .arita--child-flex{
    display: block;
    width: 100%;
    text-align: center;
  }
  .arita--child-box img{
  width: 70%;
}
  .arita--child-flex-box{
    width: 100%;
  }
  .arita--table tr,.arita--table th,.arita--table td{
  display: block;
}
    .arita--table tr{
    border-bottom: none;
}
 .arita--table th{
  background: rgba(255,255,255,0.30);
   width: 100%;
   text-align: center;
   line-height: 1.5;
}
  .arita--table td{
    padding: 10px 5px;
}
}


/*nav---------------------------------*/
.haikei_hukumu a img {
		transition: 0.2s;
}
.haikei_hukumu a img:hover {
		opacity: 0.7;
}
.nav--wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
}
.nav--wrapper img {
		width: 85%;
}
.nav--wrapper .haikei_hukumu img {
		padding-top: 54px;
}
.nav--wrapper figure {
		text-align: center;
		margin: 0;
}
.nav--wrapper .haikei_hukumu.red {
		background: url(../images/nav_bg01.png);
		background-position: 0px;
		background-repeat: no-repeat;
		background-size: 100% 86%;
}
.nav--wrapper .haikei_hukumu.purple {
		background: url(../images/nav_bg02.png);
		background-position: 0px;
		background-repeat: no-repeat;
		background-size: 100% 86%;
}
.nav--wrapper .haikei_hukumu.gold {
		background: url(../images/nav_bg03.png);
		background-position: 0px;
		background-repeat: no-repeat;
		background-size: 100% 86%;
}
.nav--text {
		font-size: 24px;
}
.nav__block {
		background-color: #fff;
}
/*button---------------------------------*/
.button01 {
		color: #fff;
		display: inline-block;
		text-align: center;
		background-color: #7F6E3D;
		padding: 20px 40px;
		width: 45%;
		margin: 0 auto 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #7F6E3D;
		transition: 0.5s;
}
#osechi .button01 {
	padding: 15px 40px;
	width: 100%;
}
.button01:hover {
		background-color: #000;
}
.button01_before {
		display: inline-block;
		text-align: center;
		background-color: #6B5E3A;
		padding: 20px 40px;
		width: 45%;
		margin: 0 auto 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
.button01_before img {
		width: 200px;
}
.button02 {
	color: #fff;
		text-align: center;
		background-color: #222222;
		border: 1px solid #222222;
		transition: 0.5s;
}
.button02:hover {
		background-color: #D8D0B5;
		color: #222222;
}
.button03 {
		text-align: center;
		background-color: #7C2424;
		border: 1px solid #7C2424;
		transition: 0.5s;
}
.button03:hover {
		background-color: #D8D0B5;
		color: #7C2424;
}
.button03_before {
		text-align: center;
		background-color: #853A3A;
}
.button03_before img {
		width: 150px;
}
/*lead---------------------------------*/
.lead01 .lead01--h {
		font-size:28px;
}
.lead01 .lead01--text {
		line-height: 2.4;
		font-size: 100%;
}
/*table---------------------------------*/
.tokuten table {
	background-color: #7F6E3D;
}
.tokuten table th {
	font-size: 120%;
	font-weight: bold;
}
.tokuten table th,
.tokuten table td {
	padding: 10px 20px;
	border: 1px solid #fff;
}
/*cook---------------------------------*/
.cookList01, .cookList02, .cookList03 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
}
@media screen and (min-width: 751px) {
		.cook-image {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
		}
		.cook-info-wapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
		}
}
.cook-image figure {
		margin: 0;
}
/*menu---------------------------------*/
.menu--col2 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
}
.menu--col2 figure {
		margin: 0;
}
.osechi--haikei {
		background: url(../images/bg01.jpg);
		padding: 60px 0;
}
.menu--text {
		width: 37%;
		margin-left: 30px;
}
.menu--title, .price--text {
		font-size: 30px;
}
.menu--list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		background: url(../images/bg01.jpg);
		padding: 40px 40px;
		color: #000;
}
.menu--list--flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
}
.menu--list--text {
		font-size: 15px;
	line-height: 2.0;
}
#ichidanju .menu--col2 {
		position: relative;
}
#ichidanju .menu--text .new_ic {
		position: absolute;
		top: -30px;
		left: -45px;
}
#ichidanju .menu--text .new_ic img {
		width: 100%;
}
@media screen and (min-width: 751px) {
	#nidanju .menu--list{
		padding: 40px 80px;
	}
}

/*#ichidanju .new_ic img {
	width: 30%;
}*/
/*number---------------------------------*/
.number--tel {
		font-size: 40px;
}
/*--- modals---*/
.cursorP {
		cursor: pointer;
}
#sandanju .menu--col2, #nidanju .menu--col2, #ichidanju .menu--col2 {
		position: relative;
}
.modals-content {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		z-index: 2;
		width: 1000px;
}
.modals-overlay {
		z-index: 1;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		background-color: rgba(0, 0, 0, 0.75);
}
.modals-close {
		display: block;
		color: #FFF;
		text-align: center;
		background-color: #907a53;
		width: 40%;
		padding: 5px 30px;
		margin: 18px auto 20px;
}
.buttomPosition .modals-close {
		position: absolute;
		top: 0;
		right: 0;
		background-color: transparent;
		color: #404040;
		text-align: right;
		width: 0;
		padding: 5px 45px;
		margin: 0 auto;
		font-size: 28px;
}
/*pagetop---------------------------------*/
.pagetop {
		display: none;
		position: fixed;
		bottom: 15px;
		right: 15px;
}
.pagetop a {
		display: block;
		background: #aaa;
		opacity: 0.6;
		text-align: center;
		color: #222;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		filter: alpha(opacity=50);
		width: 38px;
		height: 38px;
		position: relative;
}
.pagetop a span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 750px) {
		.mt30 {
				margin-top: 20px;
		}
		.mt40 {
				margin-top: 30px;
		}
		.mt50 {
				margin-top: 35px;
		}
		.mt60 {
				margin-top: 40px;
		}
		.mt70 {
				margin-top: 45px;
		}
		.mt80 {
				margin-top: 50px;
		}
		.mb30 {
				margin-bottom: 20px;
		}
		.mb40 {
				margin-bottom: 30px;
		}
		.mb50 {
				margin-bottom: 35px;
		}
		.mb60 {
				margin-bottom: 40px;
		}
		.mb70 {
				margin-bottom: 45px;
		}
		.mb80 {
				margin-bottom: 50px;
		}
		.pt30 {
				padding-top: 20px;
		}
		.pt40 {
				padding-top: 30px;
		}
		.pt50 {
				padding-top: 35px;
		}
		.pt60 {
				padding-top: 40px;
		}
		.pt70 {
				padding-top: 45px;
		}
		.pt80 {
				padding-top: 50px;
		}
		.pb30 {
				padding-bottom: 20px;
		}
		.pb40 {
				padding-bottom: 30px;
		}
		.pb50 {
				padding-bottom: 35px;
		}
		.pb60 {
				padding-bottom: 40px;
		}
		.pb70 {
				padding-bottom: 45px;
		}
		.pb80 {
				padding-bottom: 50px;
		}
		/*------------------------*/
		.pcnone {
				display: block
		}
		.spnone {
				display: none
		}
		/*------------------------*/
		.inner1000 {
				width: auto;
				margin: 0 16px;
		}
		/*kv---------------------------------*/
		.kv h1 {
				width: 100%;
		}
		.kv--inner {
				width: 100%;
		}
		/*number---------------------------------*/
		.number--tel {
				font-size: 32px;
		}
		/*button---------------------------------*/
		.button01_before {
				width: 80%;
		}
		/*lead---------------------------------*/
		.lead01 .lead01--h {
				font-size: 18px;
		}
		.lead01 .lead01--text {
				line-height: 2.2;
				font-size: 12px;
				;
		}
		.nav--wrapper .haikei_hukumu.red {
				background-size: 100% 70%;
		}
		.nav--wrapper .haikei_hukumu.purple {
				background-size: 100% 70%;
		}
		.nav--wrapper .haikei_hukumu.gold {
				background-size: 100% 70%;
		}
		.nav--wrapper .haikei_hukumu img {
				padding-top: 36px;
		}
		.nav--text {
				font-size: 16px;
		}
		/*cook---------------------------------*/
		.cook-image {
				width: 130px;
				min-width: 130px;
		}
		/*menu---------------------------------*/
		.menu--col2 {
				display: block;
		}
		.menu--text {
				width: 100%;
				margin-left: 0;
		}
		.osechi--haikei {
				padding: 20px 0;
		}
		.menu--title, .price--text {
				font-size: 28px;
		}
		.menu--list {
				display: block;
				padding: 20px 20px;
		}
		.menu--list--flex {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-webkit-justify-content: flex-start;
				-moz-justify-content: flex-start;
				-ms-justify-content: flex-start;
				-o-justify-content: flex-start;
				justify-content: flex-start;
		}
		#ichidanju .menu--list--flex {
				display: block;
		}
		#ichidanju .menu--text .new_ic {
				top: -18px;
				left: -9px;
		}
		#ichidanju .menu--text .new_ic img {
				width: 80%;
		}
		.menu--list--text {
				font-size: 12px;
		}
		/*button---------------------------------*/
		.button01 {
				padding: 10px 40px;
				width: 80%;
		}
		/*modals---------------------------------*/
		.modals-content {
				width: 100%;
		}
}
.menu--list--text .line-h_min{
  line-height: 1.2;
  display: inline-block;
  margin: 8px 0;
}

@media screen and (max-width: 768px) and (max-width: 640px) {
  #sp-nav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #6f0101;
    border-top: 3px ridge #fff;
    z-index: 1500;
    width: 100%;
  }

  .sp-nav-box {
    width: 70%;
    margin: 5px 0 5px 28px;
    text-align: center;
  }

  .sp-nav-box p {
    padding: 12px;
    padding-left: 40px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
  }

  #g-nav .ja {
    font-family: "Libre Baskerville", serif;
    font-size: 22px;
    padding-left: 45px;
    color: #5E4331;
  }

  .h-list h2 {
    font-family: "Libre Baskerville", serif;
    color: #5E4331;
    font-size: 2.6rem;
    line-height: 3;
  }
}

#pageTop.is-active{
	z-index: 10000;
}