.reserveFormContainer{}
.reserveFormContainer .reserveFormInner{}
.reserveFormContainer .reserveFormInner h2{}
.reserveFormContainer .reserveFormInner h3{
	text-align: center;
	color: #fff;
	background-color: #39414c;
	border: none;
	font-size: 24px;
	margin-top: 24px;
}
.reserveFormContainer .reserveFormInner .categoryBox{
	display:-webkit-box;
	display:-ms-flexbox;
 	display:flex;
	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  padding: 20px 0 40px;
}
.reserveFormContainer .reserveFormInner .categoryBox .categoryTitle{
  width: 100%;
  border-bottom: solid 2px #333;
  font-weight: 700;
  margin-bottom: 32px;
}
.reserveFormContainer .reserveFormInner .categoryBox .categoryTitle p{
	font-size: 22px;
  margin-bottom: 0;
  padding-left: 16px;
  line-height: 1.6;
}
.reserveFormContainer .reserveFormInner .categoryBox .item{
	width: calc( calc(100% / 3) - 24px);
  margin-bottom: 32px;
	display: flex;
  flex-direction: column;
}
.reserveFormContainer .reserveFormInner .categoryBox .item .imgArea{
	width: 100%;
	position: relative;
}
.reserveFormContainer .reserveFormInner .categoryBox .item .imgArea p{
	position: absolute;
	display: block;
	bottom: 24px;
	font-family: serif;
	font-size: 14px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.reserveFormContainer .reserveFormInner .categoryBox .item p{
	margin: 0;
}
.reserveFormContainer .reserveFormInner .categoryBox .item .menu-name{
  font-weight: 700;
  padding-left: 12px;
  font-size: 16px;
	text-align: center;
	flex-grow: 1;
}
.reserveFormContainer .reserveFormInner .categoryBox .item .price{
  font-weight: 700;
  padding-left: 12px;
  font-size: 14px;
	text-align: center;
}
.reserveFormContainer .reserveFormInner .formInner{
	display:-webkit-box;
	display:-ms-flexbox;
 	display:flex;
	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
}
.reserveFormContainer .reserveFormInner .formItem{
	display:-webkit-box;
	display:-ms-flexbox;
 	display:flex;
	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
  width: 100%;
  padding-left: 24px;
}
.reserveFormContainer .reserveFormInner .confirmInner{
	text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.reserveFormContainer .reserveFormInner .confirmInner input{
   background-color: #39414c;
   color: #fff;
   border: none;
   padding: 8px 62px;
   font-size: 16px;
   font-weight: 700;
	transition: .3s;
	 margin: 0 8px;
}
.reserveFormContainer .reserveFormInner .confirmInner input:hover{
	opacity: .65;
}
.reserveFormContainer .reserveFormInner .formItem p:nth-child(1){
	display: block;
  width: 240px;
  font-size: 16px;
  font-weight: 700;
}
.reserveFormContainer .reserveFormInner .formItem p:nth-child(2){
	width: calc(100% - 260px);
	position: relative;
}
.reserveFormContainer .reserveFormInner .formItem input,
.reserveFormContainer .reserveFormInner .formItem select,
.reserveFormContainer .reserveFormInner .formItem .mwform-tel-field{
	width: 100%;
	max-width: 420px;
	position: absolute;
	left: 0;
  padding-left: 12px;
}

.reserveFormContainer .reserveFormInner .formItem select{
  padding: 10px 12px;
}
.reserveFormContainer .reserveFormInner .formItem .mwform-tel-field{
	padding: 0;
}
.reserveFormContainer .reserveFormInner .formItem .mwform-tel-field input{
	position: static;
	width: 24%;
}
.confirmContContainer .confirmContInner{
	text-align: left !important;
}
.confirmContContainer .confirmContInner h2{
	margin-top: 40px;
}
.confirmBlock {
  padding-left: 16px;
}
.confirmBlock .form_box{
	font-weight: 700;
}
.confirmBlock .form_box span{
	font-weight: 100;
}
.inputNumber {
  position: relative;
  height: 50px;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
}
.inputNumber .numberForm{
	appearance: none;
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 50px;
	text-align: center;
	background-color: #fff;
  border-radius: 8px;
  border: solid 2px #333;
  overflow: hidden;
	font-weight: 700;
}
.inputNumber .numberForm::-webkit-inner-spin-button {
  -webkit-appearance: none;
 } 
.form-type-numbe .numberForm::-webkit-outer-spin-button {
	-webkit-appearance: none;
 }
.inputNumber .btn-minus,
.inputNumber .btn-plus {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #39414c;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
		border: solid 2px #333;
		cursor: pointer;
		transition: .3s;
}
.inputNumber .btn-minus:hover,
.inputNumber .btn-plus:hover {
	opacity: .75;
}
.inputNumber .btn-minus {
  left: 0px;
	border-radius: 8px 0 0 8px;
}
.inputNumber .btn-plus {
  right: 0px;
	border-radius: 0 8px 8px 0;
}
@media screen and (max-width:768px){
	.reserveFormContainer .reserveFormInner .categoryBox .item{
		width: 49%;
	}

}
@media screen and (max-width:500px){
	.reserveFormContainer .reserveFormInner h3{
		font-size: 18px;
	}	
	.reserveFormContainer .reserveFormInner .categoryBox .categoryTitle p{
		font-size: 16px;
	}
	.reserveFormContainer .reserveFormInner .categoryBox .item .menu-name{
		font-size: 14px;
		line-height: 1.4;
    margin-top: 12px;
	}
	.reserveFormContainer .reserveFormInner .categoryBox .item .price{
		font-size: 12px;
	}
	.inputNumber .numberForm,
	.inputNumber .btn-minus, .inputNumber .btn-plus{
		height: 42px;
	}
	.inputNumber .btn-minus, .inputNumber .btn-plus{
		width: 42px;
	}
	.reserveFormContainer .reserveFormInner .categoryBox{
		    padding: 20px 0 0px;
	}
	.reserveFormContainer .reserveFormInner .categoryBox .item .imgArea p{
		font-size: 10px;
		bottom: 12px;
	}
	.reserveFormContainer .reserveFormInner .formItem p:nth-child(1){
    width: 112px;
    font-size: 14px;
	}
	.reserveFormContainer .reserveFormInner .formItem p:nth-child(2) {
    width: calc(100% - 112px);
	}
	.reserveFormContainer .reserveFormInner .formItem{
		padding-left: 0px;
	}
	.reserveFormContainer .reserveFormInner .confirmInner input{
    padding: 8px 40px;
	}
}
/******************************************
| COMMON
******************************************/

#header .site-navigation {
}

#header .container {
  width: 95%;
  margin: auto;
}

#header .container .right-menu {
  margin: 0px !important;
}

#header #logo_text {
  top: 25px;
}

#header .container #main-menu {
}

#header .container #main-menu li a {
  font-size: 14px;
  text-align: center;
	font-family: serif;
	transition: .3s;
}
#header .container #main-menu li a:hover{
	opacity: .5;
}
#header .container #main-menu li a span {
  font-size: 10px;
  display: block;
  margin: 0px 0px 2px 0px;
}

#logo_text #description {
  font-size: 10px !important;
  margin: 8px 0px 0px 0px !important;
}

#media_image-2 img {
  width: 100% !important;
}

#footer {
  height: 56px;
}

#footer_description {
  font-size: 12px !important;
  margin: 15px 0px 40px 0px;
}

#footer_logo_text_area {
  margin: 0px 0px 50px 0px;
}

.footer-menu ul li:nth-child(1) a {
  font-weight: bold;
}
.scrolltotop {
/*  display: none;*/
}

.copr {
  font-size: 1.0rem !important;
  text-align: center;
  color: rgba(255,255,255,0.5) !important;
  padding: 12px 0;
}


section .front-bnr-area{
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 160px;
}
section .front-bnr-area img{
	display: block;
	width: 100%;
}

a.menu_button:before {
  color: #fff;
}
.mobile #global_menu a{
	font-family: serif;
}
.mobile #global_menu a span{
	padding-right: 16px;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  #header .site-navigation {
  }

  #header .container {
    width: 100%;
    margin: auto;
  }

  #header .container .right-menu {
    margin: 0px !important;
  }

  #header #logo_text {
    top: 28px;
  }

  #header .container #main-menu {
  }

  #header .container #main-menu li a {
    font-size: 16px;
    text-align: center;
  }

  #header .container #main-menu li a span {
    font-size: 12px;
    display: block;
    margin: 0px 0px 2px 0px;
  }

  #logo_text #description {
    font-size: 10px !important;
    margin: 8px 0px 0px 0px !important;
  }

  #media_image-2 img {
    width: 100% !important;
  }

  #footer {
    height: 56px;
  }

  #footer_description {
    font-size: 12px !important;
    margin: 15px 0px 40px 0px;
  }

  #footer_logo_text_area {
    margin: 0px 0px 50px 0px;
  }

  .footer-menu ul li:nth-child(1) a {
    font-weight: bold;
  }
  .scrolltotop {
    display: none;
  }

  .copr {
    /* background:#444; */
    display: none;
  }

  a.menu_button {
    /* top:10px; */
  }

  a.menu_button:before {
    color: #fff;
  }

  .footer_main .footer-menu.navbar-collapse.collapse {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
  }

  .footer_main .footer-menu.navbar-collapse.collapse .nav {
  }
  .footer_main .amore-section .row {
    width: 95% !important;
    margin: auto !important;
  }
}

@media screen and (max-width: 771px) {
  #header .site-navigation {
  }

  #header .container {
    width: 100%;
    margin: auto;
  }

  #header .container .right-menu {
    margin: 0px !important;
  }

  #header #logo_text {
    top: 4px !important;
  }

  #header .container #main-menu {
  }

  #header .container #main-menu li a {
    font-size: 16px;
    text-align: center;
  }

  #header .container #main-menu li a span {
    font-size: 12px;
    display: block;
    margin: 0px 0px 2px 0px;
  }

  #logo_text #description {
    font-size: 10px !important;
    margin: 8px 0px 0px 0px !important;
  }

  #media_image-2 img {
    width: 100% !important;
  }

  #footer {
    height: 56px;
  }

  #footer_description {
    font-size: 12px !important;
    margin: 15px 0px 40px 0px;
  }

  #footer_logo_text_area {
    margin: 0px 0px 50px 0px;
  }

  .footer-menu ul li:nth-child(1) a {
    font-weight: bold;
  }
  .scrolltotop {
    display: none;
  }

  .copr {
    /* background:#444; */
    display: none;
  }

  a.menu_button {
    /* top:10px; */
  }

  a.menu_button:before {
    color: #fff;
  }

  .footer_main .footer-menu.navbar-collapse.collapse {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
  }

  .footer_main .footer-menu.navbar-collapse.collapse .nav {
  }
  .footer_main .amore-section .row {
    width: 95% !important;
    margin: auto !important;
  }
	.first-h1{
		font-size: 24px !important;
		padding-right: 0 !important; 
	}
	section .front-bnr-area{
		bottom: auto;
		left: 32px;
    width: 120px;
    top: 88px;
	}
}

/******************************************
| TOP
******************************************/
.top-headline {
  font-weight: normal;
  font-size: 40px;
  line-height: 1.8;
	font-family: serif;
}

.amore-divider {
}
.first-h1{
	text-align: right;
	padding-right: 20%;
	font-size: 4.4rem;
  letter-spacing: 3.2px;
}
@media screen and (max-width: 991px) {
  .top-headline {
    margin-top: 0px !important;
  }
  .amore-divider {
    display: flex;
    align-items: center;
    min-height: 240px;
  }

  .amore-divider .container {
    width: 95%;
  }
}

@media screen and (max-width: 771px) {
  .top-headline {
    margin-top: 0px !important;
    height: auto;
  }
  .amore-divider {
    display: flex;
    align-items: center;
    min-height: 200px;
  }

  .amore-divider .container {
    width: 95%;
  }
}

/******************************************
| TOP SECOND
******************************************/

#second {
  overflow: hidden;
}

#second .amore-welcome-top {
  display: flex;
  justify-content: space-between;
  /* width: 1050px; */
  width: 100%;
  margin: auto;
  padding: 80px 15px;
}

#second .amore-welcome-top .second-lead {
  width: 48%;
  margin: 0px !important;
}

#second .amore-welcome-top .custom-second-lead-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 50vw;
  height: 100%;
}

#second .amore-welcome-top .second-body {
  width: 48%;
  padding: 0px 0px 0px 120px;
}

#second .amore-welcome-top .second-body h2 {
  margin: 0px 0px 40px 0px;
	font-family: serif;
}

#second .amore-welcome-top .second-body p {
  margin: 0px 0px 40px 0px;
}

@media screen and (max-width: 991px) {
  #second {
    overflow: hidden;
  }

  #second .amore-welcome-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding: 80px 15px;
  }

  #second .amore-welcome-top .second-lead {
    width: 48%;
    margin: 0px !important;
  }

  #second .amore-welcome-top .custom-second-lead-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100vw;
    height: 100%;
  }

  #second .amore-welcome-top .second-body {
    width: 48%;
    padding: 0px 0px 0px 30px;
  }

  #second .amore-welcome-top .second-body h2 {
    margin: 0px 0px 40px 0px;
  }

  #second .amore-welcome-top .second-body p {
    margin: 0px 0px 40px 0px;
  }
}

@media screen and (max-width: 771px) {
  #second {
    overflow: hidden;
  }

  #second .amore-welcome-top {
    display: block;
    width: 100%;
    margin: auto;
    padding: 40px 0px;
  }

  #second .amore-welcome-top .second-lead {
    width: 100%;
    margin: 0px !important;
    height: 200px;
  }

  #second .amore-welcome-top .custom-second-lead-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 94vw;
		margin: 0 auto;
    height: 100%;
  }

  #second .amore-welcome-top .second-body {
    width: 100%;
    padding: 0px 15px 0px;
    text-align: center;
  }

  #second .amore-welcome-top .second-body h2 {
    font-size: 32px;
    margin: 0px 0px 20px 0px;
  }

  #second .amore-welcome-top .second-body p {
    font-size: 14px;
    margin: 0px 0px 20px 0px;
  }
}

/******************************************
| TOP THIRD
******************************************/
#third {
}

#third .amore-section {
  display: flex;
}

#third .amore-section .col-sm-40 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#third .third-banner-body {
  text-align: center;
}

#third .romaji {
  margin-top: auto;
}

#third .romaji a {
  background: #333333;
  width: 240px;
  padding: 15px 0px;
}

#third .romaji a:hover {
  opacity: 0.8;
  background: #333333 !important;
}

#third .romaji a:hover {
  opacity: 0.8;
  background: #333333 !important;
}

@media screen and (max-width: 991px) {
  #third {
  }

  #third .amore-section {
    display: flex;
  }

  #third .amore-section .col-sm-40 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px !important;
  }

  #third .third-banner-body {
    text-align: center;
  }

  #third .romaji {
    margin-top: auto;
  }

  #third .romaji a {
    background: #333333;
    width: 240px;
    padding: 15px 0px;
  }

  #third .romaji a:hover {
    opacity: 0.8;
    background: #333333 !important;
  }

  #third .romaji a:hover {
    opacity: 0.8;
    background: #333333 !important;
  }
}

@media screen and (max-width: 771px) {
  #third {
  }

  #third .amore-section {
    display: block;
  }

  #third .amore-section .col-sm-40 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px !important;
  }

  #third .third-banner-body {
    text-align: center;
  }

  #third .romaji {
    margin-top: auto;
  }

  #third .romaji a {
    background: #333333;
    width: 200px;
    padding: 12px 0px;
    height: auto;
  }

  #third .romaji a:hover {
    opacity: 0.8;
    background: #333333 !important;
  }

  #third .romaji a:hover {
    opacity: 0.8;
    background: #333333 !important;
  }
}

/******************************************
| TOP FOURTH
******************************************/
#fourth {
}

#fourth .timestamp {
  color: #a5954f;
  font-weight: normal;
}

#fourth .list-title {
  font-weight: normal;
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  #fourth {
  }

  #fourth .timestamp {
    color: #a5954f;
    font-weight: normal;
  }

  #fourth .list-title {
    font-weight: normal;
    font-size: 15px;
  }
}

@media screen and (max-width: 771px) {
  #fourth {
  }

  #fourth .top-headline2 {
    margin: 10px auto 20px;
  }

  #fourth .timestamp {
    color: #a5954f;
    font-weight: normal;
  }

  #fourth .list-title {
    font-weight: normal;
    font-size: 15px;
  }
}

/******************************************
| TOP FIFTH
******************************************/
.fifth-banner-headline {
  line-height: 1.7;
  font-size: 28px;
}

#fifth .amore-section {
  display: flex;
}

#fifth .amore-section .col-sm-38 {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

.fifth-banner-image {
  margin-bottom: 10px !important;
}

#fifth .third-banner-body {
  text-align: center;
}

.fifth-banner-copy {
  margin-top: auto;
}

#fifth .romaji {
  margin: auto auto 0px;
}

#fifth .romaji a {
  background: #333333;
  width: 240px;
  padding: 15px 0px;
  text-align: center;
	transition: .3s;
}
#fifth .romaji a:hover {
	background-color: #333333 !important;
	opacity: .5;
}
@media screen and (max-width: 991px) {
  .fifth-banner-headline {
    line-height: 1.7;
    font-size: 28px;
  }

  #fifth .amore-section {
    display: flex;
  }

  #fifth .amore-section .col-sm-38 {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
  }

  .fifth-banner-image {
    margin-bottom: 10px !important;
  }

  #fifth .third-banner-body {
    text-align: center;
  }

  .fifth-banner-copy {
    margin-top: auto;
  }

  #fifth .romaji {
    margin: auto auto 0px;
  }

  #fifth .romaji a {
    background: #333333;
    width: 240px;
    padding: 15px 0px;
    text-align: center;
  }
}

@media screen and (max-width: 771px) {
  .fifth-banner-headline {
    line-height: 1.7;
    font-size: 28px;
  }

  #fifth .amore-section {
    display: block;
  }

  #fifth .amore-section .col-sm-38 {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    text-align: cneter;
  }

  #fifth .amore-section .col-sm-38 p {
    text-align: center;
  }

  .fifth-banner-image {
    margin-bottom: 10px !important;
  }

  #fifth .third-banner-body {
    text-align: center;
  }

  .fifth-banner-copy {
    margin-top: auto;
  }

  #fifth .romaji {
    margin: auto auto 0px;
  }

  #fifth .romaji a {
    background: #333333;
    width: 200px;
    padding: 12px 0px;
    text-align: center;
    height: auto;
  }
}

/******************************************
| TOP SIX
******************************************/
.custom-top-six {
}

.custom-top-six h2 {
  margin: 0px 0px 16px 0px;
}

.custom-top-six p {
  margin: 0px 0px 20px 0px;
}

.custom-top-six-table {
  word-break: keep-all;
}

.custom-top-six-table tr th {
  width: 30%;
  vertical-align: top;
}

.custom-top-six-table tr td {
  width: 70%;
  vertical-align: top;
}

.custom-top-six-map {
  width: 100%;
  height: 480px;
  border: 4px solid white;
  border-radius: 2px;
}

.custom-top-six-map iframe {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

@media screen and (max-width: 991px) {
  .custom-top-six {
  }

  .custom-top-six h2 {
    margin: 0px 0px 10px 0px;
  }

  .custom-top-six p {
    margin: 0px 0px 20px 0px;
  }

  .custom-top-six-table {
  }

  .custom-top-six-table tr th {
    width: 30%;
    vertical-align: top;
  }

  .custom-top-six-table tr td {
    width: 70%;
    vertical-align: top;
  }

  .custom-top-six-map {
    width: 100%;
    height: 480px;
    border: 4px solid white;
    border-radius: 2px;
  }

  .custom-top-six-map iframe {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 771px) {
  #sixth {
    background: #222222 !important;
  }
  .custom-top-six {
  }

  .custom-top-six h2 {
    margin: 0px 0px 10px 0px;
  }

  .custom-top-six p {
    margin: 0px 0px 20px 0px;
  }

  .custom-top-six-table {
  }

  .custom-top-six-table tr th {
    width: 30%;
    vertical-align: top;
		font-size: 12px;
  }

  .custom-top-six-table tr td {
    width: 70%;
    vertical-align: top;
		font-size: 12px;
  }

  .custom-top-six-map {
    width: 100%;
    height: 480px;
    border: 4px solid white;
    border-radius: 2px;
  }

  .custom-top-six-map iframe {
    width: 100%;
    height: 100%;
  }
}

/******************************************
| SUBPAGE COMMON
******************************************/

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.custom-common-title {
  margin-bottom: 20px !important;
  border-left: 5px solid #535353 !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  background: #f1f1f1 !important;
}

.custom-common-sub-title {
  border-top: 4px double #535353 !important;
  border-bottom: 4px double #535353 !important;
  padding: 10px 15px !important;
}

.custom-common-area {
  margin: 0px 0px 60px 0px !important;
}


/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */

/******************************************
| MENU
******************************************/
#custom-menu {
}

.custom-menu-inner {
}

.custom-menu-inner h3 {
}

.custom-menu-table-container {
  margin: 0px 0px 24px 0px;
}

.custom-menu-table-container p {
  font-size: 12px !important;
  margin: 5px 0px !important;
}

.custom-menu-table {
  margin: 0px 0px 10px 0px !important;
}

.custom-menu-table tbody tr th {
  width: 72%;
}

.custom-menu-table tbody tr th,
.custom-menu-table tbody tr td {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;
}
.custom-menu-table tbody tr td{
	text-align: right;
}
.custom-menu-table tbody tr td .price {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.custom-menu-box-photo{
	margin: 0 auto 40px;
	max-width: 800px;
	width: 100%;
}
@media screen and (max-width:768px){
	.custom-menu-table tbody tr td .price{
		font-size: 12px;
	}
}
/******************************************
| TAKEOUT-MENU
******************************************/
#custom-takeout {
}

.custom-takeout-inner {
}

.custom-takeout-inner h3 {
}

.custom-takeout-table {
  margin: 0px 0px 10px 0px !important;
}

.custom-takeout-table tbody tr th {
  width: 75%;
}

.custom-takeout-table tbody tr th,
.custom-takeout-table tbody tr td {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px dashed #535353;
}
.custom-takeout-table tbody tr td{
	text-align: right;
}
.custom-takeout-table tbody tr td .price {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.custom-takeout-box-photo{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 24px;
}
.custom-takeout-box-photo img{
	display: block;
	width: 49%;
}
.custom-takeout-link{
		margin-top: 40px;
}
.custom-takeout-link a{
    display: block;
    max-width: 350px;
    width: 94%;
    background-color: #222222;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
		margin: 0 auto;
		border: solid 2px #222;
		transition: .3s;
}
.custom-takeout-link a:hover{
	opacity: .65;
	text-decoration: none;
	/*
	text-decoration: none;
	background-color: #aaa;
	color: #222;
*/
}
@media screen and (max-width:768px){
	.custom-takeout-box-photo img{
		width: 100%;
		max-width: 500px;
		margin: 12px auto;
	}
	.custom-takeout-table tbody tr th{
		width: 68%;
	}
	.custom-takeout-table tbody tr td .price{
		font-size: 14px;
	}
}
/******************************************
| STORE
******************************************/
#custom-store {
}

.custom-store-inner {
}

.custom-store-table tr td a {
  color: #535353;
}

.custom-store-map {
}

.custom-store-map iframe {
  width: 100%;
}

.custom-store-btn {
  background: #535353;
  color: #ffffff;
  width: 50%;
  display: block;
  text-align: center;
  padding: 10px 0px;
  border-radius: 10px;
  margin: 20px auto 20px;
}

.custom-store-btn {
  text-decoration: none;
  color: #ffffff;
}

/******************************************
| PRIVATE
******************************************/
#custom-private {
}

.custom-private-inner {
}

.custom-private-box {
}

.custom-private-box-photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  margin: 0px 0px 20px 0px;
}

.custom-private-box-photo img {
	display: block;
  width: 49%;
}

.custom-private-box-item h3 {
  border-bottom: 4px double #535353;
  padding: 10px 15px;
  border-top: 4px double #535353;
}
@media screen and (max-width:768px){
	.custom-private-box-photo img {
		display: block;
		margin: 0 auto 12px;
		width: 100%;
		max-width: 500px;
	}
}

/******************************************
| CONCEPT
******************************************/
#custom-concept {
}
.custom-concept-area p{
	font-size: 14px;
}
.custom-concept-inner {
}

.custom-concept-box-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px 120px 0px;
	flex-wrap: wrap;
}

.custom-concept-box-01 .custom-concept-box-item {
  width: 48%;
}

.custom-concept-box-01 .custom-concept-box-item h2 {
  font-size: 32px;
  line-height: 1.6;
  margin: 0px 0px 28px 0px;
  font-family: serif;
}

.custom-concept-box-01 .custom-concept-box-item p {
  font-size: 14px;
}

.custom-concept-box-01 img {
  width: 48%;
  height: auto;
}

.custom-concept-box-02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px 120px 0px;
}

.concept02 .custom-concept-box-02 {
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.concept02 .custom-concept-box-02 h2{
  font-size: 32px;
	width: 54%;
  line-height: 1.6;
  margin: 0px 0px 28px 0px;
  font-family: serif;
}
.concept02 .custom-concept-box-02 img{
	width: 45%;
	display: block;
}
.concept02 .custom-concept-box-02 h3{
  font-size: 22px;
  line-height: 1.6;
  margin: 0px 0px 28px 0px;
  font-family: serif;
	border-bottom: none;
	padding-bottom: 0;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.custom-concept-box-02 .custom-concept-box-item {
  width: 48%;
}

.custom-concept-box-02 .custom-concept-box-item h2 {
  font-size: 32px;
  margin: 0px 0px 28px 0px;
  line-height: 1.6;
	font-family: serif;
}

.custom-concept-box-02 .custom-concept-box-item p {
  font-size: 14px;
}

.custom-concept-box-02 img {
  width: 48%;
  height: auto;
}
.custom-concept-box-02 .custom-concept-box-item ul {
  margin: 0px;
  list-style: disc !important;
}

.custom-concept-box-02 .custom-concept-box-item ul li {
}

.custom-concept-box-03 {
  margin: 0px 0px 120px 0px;
}
.concept02 .custom-concept-box-03{
	margin-bottom: 0;
}
.concept02 .custom-concept-box-item ul{
	list-style: none;
	margin-bottom: 80px;
}
.custom-concept-box-03 h2 {
  font-size: 32px;
  margin: 0px 0px 28px 0px;
  line-height: 1.6;
	font-family: serif;
}

.custom-concept-box-03 p {
  font-size: 14px;
}

.custom-concept-box-03 .custom-concept-box-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0px 0px 20px 0px;
}
.custom-concept-box-03 .flex-item {
	display: block;
  max-width: 330px;
	width: calc( calc(100% / 3) - 8px);
  height: auto;
  margin: 0px 0px 40px 0px;
	overflow: hidden;
	position: relative;
}
.custom-concept-box-03 .flex-item a{
	opacity: 999;
	position: relative;
  display: block;
  width: 100%;
  height: 100%;
	text-decoration: none;
}
.custom-concept-box-03 .flex-item p{
	position: absolute;
	display: flex;
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg, rgba(0,0,0,0.15449929971988796) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5) 100%);;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	opacity: 0;
	transition: .3s;
  font-family: serif;
}
.concept02 .custom-concept-box-03 .flex-item p{
	font-size: 1.6rem;
}
.custom-concept-box-03 .flex-item span{
	color: #000;
	font-size: 12px;
	font-family: serif;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	display: block;
	background-color: #fff;
	position: relative;
	z-index: 10;
	line-height: 20px;
	text-decoration: none;
	padding-top: 4px;
}
.custom-concept-box-03 .flex-item:hover p{
	opacity: 1;
}
.custom-concept-box-03 .flex-item img {
	display: block;
	width: 100%;
}
@media screen and (max-width:768px){
	.custom-concept-box-01{
		flex-wrap: wrap;
	}
	.custom-concept-box-01 .custom-concept-box-item h2,
	.custom-concept-box-02 .custom-concept-box-item h2,
	.custom-concept-box-03 h2,
	.concept02 .custom-concept-box-02 h2{
		font-size: 24px;
		width: 100%;
	}
	.concept02 .custom-concept-box-02 img{
		order: unset;
		width: 100%;
	}
	.concept02 .custom-concept-box-02 h3{
		font-size: 18px;
	}
	.custom-concept-box-01 .custom-concept-box-item{
		width: 100%;
	}
	.custom-concept-box-01 img{
		width: 100%;
	}
	.custom-concept-box-02{
		flex-wrap: wrap;
	}
	.custom-concept-box-02 .custom-concept-box-item{
		width: 100%;
		order: 1;
	}
	.custom-concept-box-02 img{
		width: 100%;
		order: 2;
	}
	.custom-concept-box-03 .flex-item{
		width: 49.5%;
		max-width: 49.5%;
		margin: 0 0 1% 0;
	}
}