@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/



.sp {
  display: none;
}

.pc {
  display: block;
}


#head {
    margin: 0;
  }

@media all and (max-width: 1200px) {
  nav ul li{
    margin-left:15px;
}
}


@media all and (max-width: 1100px) {
  #head {
    display: block;
  }
  .contact_top {
    margin-top: 30px;
    display: inline-block;
    text-align: left;
  }
  nav ul li{
    margin-left:12px;
}
  nav ul li:first-child {
    margin-left:0px;
}

  nav .telnumber {
    margin-bottom: 0;
  }
}



@media all and (max-width: 796px) {
    nav ul li{
    margin-left:0px;
}



  .sp {
    display: block;
  }
  
  .pc {
    display: none;
  }
	
  nav.pc {
    display: none;
  }

  .u-flex {
    display: block;
  }
	

  body {
    font-size: 14px;
  }

  .writing-mode2 {
    writing-mode: horizontal-tb;
  }
  .article_1 .article_text {
    width: 100%;
  }
 .article_1 .article_img{
  width: 100%;
}

.w1200 {
	width: 100%;
	margin: 0;
	padding: 0 20px;
	display: block;
}


/*--------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------*/
header {
padding: 8px 0 0;
height: 76px;
}

.site-logo {
padding: 0;
}

.site-logo img {
  width: 257px;
  height: auto;
}

.site-logo a {
display: inline-block;
}
nav ul {
margin: 0;
}

#topmenue {
  width:100%;
  height:168px;
  margin-bottom: 120px;
}

#particular .top_img, #menueid .top_img, #menue .top_img, #detail .top_img, #takeouthow .top_img, #takeout .top_img, #complete .top_img, #confirm .top_img, #reserve .top_img, #personal .top_img, #company .top_img {
  max-width:100%;
  height:300px;
  margin-bottom: 50px;
}


#company .top_img{
  width:100%;
  height:300px;
  margin-bottom: 50px;
}


.top_text h2 {
  font-size: 16px;
  top: 30px;
  left: 20px;
  }
#menueid .top_text h2,
#menue .top_text h2 {
 font-size: 24px;
  top: calc(50% - 55px);
  left: 20px;
}

#detail .top_text h2 {
 font-size: 16px;
  top: 51px;
  left: 20px;
}

#particular .top_text h2 {
 font-size: 24px;
  top: calc(50% - 55px);
  left: 20px;
}
#personal .top_text h2 {
  font-size: 24px;
  top: calc(50% - 102px);
  left: 20px;
  }
#takeouthow .top_text h2, #takeout .top_text h2, #complete .top_text h2,  #confirm .top_text h2  {
  font-size: 24px;
  top: calc(50% - 89px);
  left: 20px;
  }
#reserve .top_text h2 {
  font-size: 24px;
  top: calc(50% - 89px);
  left: 20px;
  }
#company .top_text h2 {
  font-size: 24px;
  top: calc( 50% - 51px);
  left: 20px;
  }

.site-logo {
  width: 82%;
}

  header nav {
    margin-left: 0;
  }
  nav {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    padding: 0;
    background:#c67b1a;
    z-index: 9999;
		display:none;
		height: auto;
		font-size: 16px;
  }
  
  header nav .menu a {
    padding: 20px;
    margin-right: 0;
    font-size: 16px;
  }

  .menubt {
    z-index: 3;
    width: 42px;
    height: 42px;
    display: block;
    right: 10px;
    top: 10px;
    position: absolute;
    background: #c67b1a;
    background-size: contain;
  }
  
  .menubt span {
    width: 25px;
    height: 2px;
    display: block;
    background: #fff;
    border-radius: 0;
    position: absolute;
    right: 8px;
    top: 20px;
    transition: all 0.4s;
    transform: rotate(0deg);
  }
  
  .menubt .top {
    -webkit-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    transform: translateY(-250%);
  }
  
  .menubt .bottom {
    -webkit-transform: translateY(250%);
    -ms-transform: translateY(250%);
    transform: translateY(250%);
  }
  
  .menubt .menuclick1 {
    transform: rotate(-215deg);
  }
  
  .menubt .menuclick2 {
    background-color: rgba(255,255,255,0);
  }
  
  .menubt .menuclick3 {
    transform: rotate(215deg);
  }

  header nav .menu {
    margin-right: 0;
  }

  nav .container {
    width: 100%;
  }

  nav li {
    border-top: 1px solid #fff;
    margin-right: 0;
  }
    nav li a{
    color: #fff;
    padding: 10px;
  }
  
  .sub1 a {
  margin: 2px;
  padding: 12px;
  background-color: #FBF1E3;
  text-align: center;
  font-size: 16px;
  }

  .sub2 a {
  margin: 2px;
  padding: 12px;
  background-color: #FBF1E3;
  text-align: center;
  font-size: 16px;
  }

.menue_text_sp {
  font-size: 17px;
  padding: 10px 20px;
   background-color: rgba( 255, 255, 255, 0.9);
    color: #000000;
  position: absolute;
  bottom: -70px;
}

.f_logo img {
	margin-right: 0;
}

.f_logo a {
	display: inline-block;
}

/*--------------------------------------------------------------------------------------------
  content
--------------------------------------------------------------------------------------------*/

.botn_box a {
  display: block;
  width: 70%;
  margin: 0;
  text-align: center;
  color: #fff;
  padding:15px 0px;
  font-size:14px;
}
.botn_box3 a {
  display: inline-block;
  width: 285px;
  text-align: center;
  padding:15px 0px;
  font-size:14px;
}

#introduce {
margin-bottom: 40px;
}

#introduce ul{
  margin:0;
  margin-bottom: 30px;
}
#introduce ul li {
  margin-left:0;
  text-align: left;
  font-size: 24px;
  line-height: 2rem;
  padding:0;
}
#introduce .text {
  font-size: 14px;
  line-height: 1.5rem;
}

.article_1 {
  margin-bottom: 50px;
}

.back_img img{
  width: 80%;
  position: absolute;
  top: 20%;
  right:-2%;
  z-index: 0;
}

.article_1 .article_title {
  letter-spacing: 3px;
  font-size: 30px;
		font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.3;
}

.article_1 .article_text p {
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.article_1 .main_ph {
  margin-top: 30px;
}
.article_2 {
  margin-bottom: 50px;
}

.article_2 .article_text2 {
  width:100%;
}
.article_2 .article_img2 {
  width:100%;
}

.article_2 .article_title2 {
  text-align: left;
  letter-spacing: 3px;
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.3;
		font-weight: 500;
}
.article_2 .article_text2 p {
  text-align: left;
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.botn_box2 {
  text-align: left;
}

.article_2 .main_ph2_sp img{
  width: 100%;
  margin-top: 20px;
}
.article_2 .main_ph3_sp img{
  width: 100%;
  margin-bottom: 20px;
}
.article_3 {
  margin-bottom: 30px;
}

.article_3 .article_img3 {
	position: static;
}

.article_3 .article_text3 {
  width:100%;
		margin: 0;
}

.article_3 .article_title3 {
	margin-top: 10px;
}

.article_3 .back_gry {
  margin-bottom: 30px;
}

.article_3 .article_title3 {
  letter-spacing: 3px;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.3;
		font-weight: 500;
		margin-top: 0;
}

.article_3 .article_text3 p {
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.article_3 .article_img3 {
  width: 100%;
}

.article_3 .main_ph4_sp img{
  width: 100%;
  margin-top: 20px;
}

/*--------------------------------------------------------------------------------------------
   particular
--------------------------------------------------------------------------------------------*/


 #particular .part1,
	 #particular .part3 {
  justify-content: space-between;
  margin-bottom: 10px;
}
 

#particular .part1 .part1_title,
#particular .part3 .part1_title {
  width:100%;
  letter-spacing: 3px;
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.3;
		font-weight: 500;
}

#particular .part1 .part1_text p,
#particular .part3 .part1_text p {
  width:100%;
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
#particular .part1_text {
  width:100%;
		margin-left: 0;
}

#particular .part2_text {
  width:100%;
		position: static;
}

#particular .part1_img_sp img {
  margin-bottom: 20px;
}

#particular .part2 .part2_title {
  width:100%;
  letter-spacing: 3px;
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.3;
		font-weight: 500;
}

#particular .part2 .part2_title span {
	letter-spacing: 0 !important;
}

#particular .part2 .part2_text p {
  width:100%;
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}

#particular .part2_img_sp img {
  margin-bottom: 20px;
}
 #particular .part2 {
  justify-content: space-between;
  margin-bottom: 30px;
}



/*--------------------------------------------------------------------------------------------
menue
--------------------------------------------------------------------------------------------*/
#menue .menue1{
margin-bottom: 10px;
}


#menue .menue1_left{
  width: 100%;
		margin-left: 0;
}
#menue .menue1_right{
  width: 100%;
}

#menue .menue1 .title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 20px;
		font-weight: 500;
}
#menue .menue1 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 40px;
}


#menue .menue1_sp  {
  margin-top: 10px;
  margin-bottom: 50px;
}


/*----menue（釜飯）----------------------------------------------------------------------------------------
*/
#menue .menue2{
margin-bottom: 40px;
}


#menue .menue2_left{
  width: 100%;
		margin-left: 0;
}
#menue .menue2_right{
  width: 100%;
}

#menue .menue2 .title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.3;
		font-weight: 500;
  margin-top: 51px;
  margin-bottom: 20px;
}
#menue .menue2 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 18px;
}
#menue .menue2 .text_small {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.2rem;
  margin-bottom: 22px;
}
#menue .menue2_right {
  position: relative;
}
#menue .menue2_right .pc img {
  position: absolute;
  top: 12px;
  left: 9px;
}

#menue .menue2 .coution {
  margin-top: 5px;
  letter-spacing: 1px;
  color: #c67b1a;
  line-height: 1rem;
  margin-bottom: 10px;
}
#menue .detail .detail_ul {
	width: 94%;
	margin: 0 auto;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#menue .detail .detail_ul li {
	width: 48%;
}

#menue .detail .menue_name {
  font-size: 18px;
  line-height: 1.5rem;
  margin-top: 10px;
}
#menue .menue2 .menue_botn_box {
  margin-top: 22px;
}
#menue .detail .detail_ul li {
  margin-bottom: 30px;
}

#menue .menue3{
height: auto;
padding: 0;
margin: 0;
max-width: none;
  }
#menue .menue3 .wrapper {
background-color: #eed4ae;
margin:0 10px;
}
#menue .menue3_left {
  width: 100%;
}
#menue .menue3_right {
  width: 100%;
  margin-left: 0;
}

#menue .menue3 .wrapper {
  padding-bottom: 10px;
}

#menue .menue3 .title{
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
		line-height: 1.3;
		font-weight: 500;
}

#menue .menue3 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 15px;
}
#menue .menue3 .menue-name {
  font-size: 18px;
}
#menue .menue3 .menue-name span{
  font-size: 13px;
}

#menue .menue3 .main_ph_sp2 img {
  margin-top: 5px;
}
#menue .menue3 .waku3_sp {
  margin-top: 30px;
		text-align: center;
		position: relative;
		bottom: -40px;
}

#menue .menue3 .inner img {
	display: block;
	margin: 0 auto;
}

#menue .menue4 .menue4_ul {
  margin-top: 110px;
  margin-bottom: 52px;
		display: flex;
}

#menue .menue4 .menue4_ul li {
	width: 48%;
}

#menue .menue4 .menue_name {
  font-size: 18px;
  line-height: 1.5rem;
  margin-top: 10px;
}
#menue .menue4 .menue_name span{
  font-size: 13px;
}
#menue .menue4 .menue_botn_box {
  margin-top: 22px;
}
#menue .menue4 .menue4_ul li {
  margin-bottom: 30px;
}

#menue .menue5{
margin-bottom: 62px;
}


#menue .menue5_left{
  width: 100%;
		margin-left: 0;
}
#menue .menue5_right{
  width: 100%;
}

#menue .menue5 .title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.3;
		font-weight: 500;
  margin-bottom: 20px;
}
#menue .menue5 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 30px;
}
 #menue  .menue5 .menue_name {
  font-size:18px;
  letter-spacing: 1px;
  margin-bottom: 10px;
 }
  #menue  .menue5 .menue_name span{
  font-size:13px;
 }

 #menue  .menue5 .menue5_right {
  position: relative;
}
#menue .menue5 .menue5_right .pc img {
  position: absolute;
  top: 12px;
  left: 18px;
}

#menue .menue6{
margin-bottom: 60px;
flex-direction: row-reverse;
}

#menue .menue6 .w1200 {
	display: block;
}

#menue .menue6_left{
  width: 100%;
}
#menue .menue6_right{
  width: 100%;
}

#menue .menue6 .title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 20px;
}
#menue .menue6 .text {
  letter-spacing: 1px;
  line-height: 1.5rem;
  margin-bottom: 10px;
}

#menue .menue6 .menue_name {
  font-size: 18px;
  line-height: 1.5rem;
  margin-top: 7px;
  margin-bottom: 20px;
}
#menue .menue6 .menue_name span{
  font-size: 13px;
}


#menue .menue6 .coution {
  margin-top: 8px;
  letter-spacing: 1px;
  line-height: 1rem;
  color: #c67b1a;
  margin-left: 1rem;
  text-indent: -1rem;
}

#menue .menue6 .waku2_sp {
  margin-top: 19px;
}
#menue .menue7{
margin-bottom: 84px;
}


#menue .menue7_left{
  width: 100%;
		margin-left: 0;
}
#menue .menue7_right{
  width: 100%;
}

#menue .menue7 .title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 20px;
}
#menue .menue7 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 10px;
}

#menue .menue7 .text_small {
  font-size:12px;
  margin-bottom: 20px;
}

#menue .menue7 .menue_name {
  font-size: 18px;
  line-height: 1.5rem;
  margin-top: 10px;
  margin-bottom: 10px;

}
#menue .menue7 .menue_name span{
  font-size: 13px;
}


#menue .menue8{  
flex-direction: row-reverse;  
margin-bottom: 20px;
}

#menue .menue8 .w1200 {
	display: block;
}

#menue .menue8_left{
  width: 100%;
		margin-left: 0;
}
#menue .menue8_right{
  width: 100%;
}

#menue .menue8 .sp {
  padding-left: 50px;
}

#menue .menue9 {
	padding-bottom: 40px;
}

#menue .menue8 .title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 20px;
}
#menue .menue8 .text {
  letter-spacing: 1px;
  line-height: 1.4rem;
  margin-bottom: 15px;
}

.text_right {
  margin-left: 20px;
}

#menue .menue8 .main_ph_sp {
  padding-left: 0;

}

#menue .menue_left, #menue .menue_right {
  width: 100%;
  margin-bottom: 10px;
} 
#menue .menue9 ul li {
  font-size: 12px;
  margin-bottom: 15px;
}
#menue .menue9 .li_tax{
  font-size: 13px;
}
#menue .menue9 .li_before{
  font-size: 12px;
  margin-right: 2px;
  color: #c67b1a;
}


/*--------------------------------------------------------------------------------------------
 detail
--------------------------------------------------------------------------------------------*/

#detail .part_img {
  margin-bottom: 30px;
}

#detail .part_title {
  font-size: 22px;
  font-weight:normal;
  margin-bottom: 23px;
}

#detail .part-detail {
  line-height: 1.2rem;
  margin-bottom: 20px;

}
#detail .part-menue {
  font-size: 16px;
  line-height: 2.2rem;
  margin-bottom: 30px;
}
#detail .part-menue span{
  font-size: 13px;
}
/*--------------------------------------------------------------------------------------------
 takeout
--------------------------------------------------------------------------------------------*/
#takeouthow .take_title,
#takeout .take_title {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
#takeouthow .take_no1,
#takeout .take_no1 {
  font-size: 16px;
  margin-bottom: 20px;
}
#takeouthow .take_no2,
#takeout .take_no2 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#takeouthow .take_no3,
#takeout .take_no3 {
  line-height: 1.3rem;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 18px;
}
#takeouthow .take_text,
#takeout .take_text{
  margin-bottom: 50px;
  line-height: 1.2rem;
}
#takeouthow .take_ul,
#takeout .take_ul {
  margin-bottom: 30px;
  padding-left: 0;
}

#takeouthow .take_ul li,
#takeout .take_ul li{
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
/*--------------------------------------------------------------------------------------------
 reserve
--------------------------------------------------------------------------------------------*/
#reserve dl {
  line-height: 1.2rem;
  padding: 1px;
  margin-bottom: 30px;
}
#reserve dd {
  margin-bottom: 5px;
}
#reserve table.order {
  margin-bottom: 24px

  }

#reserve table.order tr td {
  display: inline-block;
  margin-bottom: 5px;
}

#reserve table.order tr td.middle {
	display: block;
	width: 100%;
}

#reserve table.order tr td.long {
	display: block;
	width: 100%;
}

#reserve table.order .text {
  text-align: left;
		width: 100%;
}

#reserve table.order .red-box{
		display: inline-block;
}


#reserve table.order .red-box span{
  display: inline-block;
  text-align: center;
  padding: 0px 4px;
  background: red;
  color:#fff;
}

.red_box td{
  text-align: left;
}
.middle input {
  width: 100%;
		height: auto;
  margin-bottom: 7px;
		font-size: 16px;
}
textarea {
width: 100%;
}

#reserve .personal {
  text-align: center;
  width: 100%;
  padding:15px 0 15px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}

input[type=checkbox] {
  transform: scale(1);
  margin: 0px 10px 0 0;
  position: relative;
  top: 2px;
}

#reserve .personal_link {
  margin-top: 5px;
}

.takeout-botn {
  margin:30px 0 30px;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#reserve .submitbtn {
display: inline-block;
  width: 80%;
  text-align: center;
  color: #fff;
  padding:21px 0px;
  background: #c67b1a;
  font-size:19px;
		border: none;
		cursor: pointer;
		margin: 0 auto 20px;
}

#reserve .backbtn {
display: inline-block;
  width: 80%;
  text-align: center;
  padding:20px 0px;
  background: #fff;
  font-size:19px;
  border: solid 1px #000;
		cursor: pointer;
		margin: 0 auto 20px;
		color: #000;
}

/*--------------------------------------------------------------------------------------------
complete
--------------------------------------------------------------------------------------------*/
#complete .form-title,
#reserve .form-title {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

#complete .text,
#reserve .text {
  letter-spacing: 1px;
  line-height: 1.2rem;
  margin-bottom: 30px;
}


/*--------------------------------------------------------------------------------------------
confirm
--------------------------------------------------------------------------------------------*/
#confirm .table_3 {
width: 100%;
border-bottom: none;
margin-bottom: 30px;
}


#confirm .table_3 .title {
width: 100%;
}
#confirm .table_3 td {
display: inline-block;
margin-bottom: 0px;
}
#confirm .table_3 tr:last-child {
display: inline-block;
margin-bottom: 30px;
}
#confirm .table_3 .title {
display: inline-block;
margin-top: 10px;
}


#confirm .container {
  margin-bottom: 30px;
}
#confirm .send-botn {
  margin-left: 0px;
		margin-right: 0;
  margin-top: 15px;
		text-align: center;

}

#confirm .botn_box a {
	display: inline-block;
}

#confirm .back-botn a {
	width: 70%;
}

#confirm .back-botn a:hover {
  display: inline-block;
	width: 70%;
  text-align: center;
  padding:15px 0px;
  font-size:14px;
}



/*--------------------------------------------------------------------------------------------
company
--------------------------------------------------------------------------------------------*/
#company .content1 {
  margin-bottom: 60px;
}


#company .content1 .title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
#company .content3 .title {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
}

#company .content4 .title {
  font-size: 30px;
  font-weight: 500;
		width: 94%;
		line-height: 1.3;
		margin: 0 auto 20px;
}
#company .content1_text {
  line-height:1.2rem;
		width: 100%;
}
#company .content3 .title {
  margin-bottom: 10px;
}


#company .content1_right, #company .content1_left{
  width: 100%;
}

#company .content1_left {
	margin-left: 0;
}

#company .content1-right {
	width: 100%;
	margin: 0;
}

#company .ul_ph {
  margin:0 20px;
  margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
    }
#company .ul_ph li{
  margin-left: 0px;
  margin-top: 10px;
  text-align:center;
		width: 25%;
}
#company .table_4  {
  width: 100%;
}

#company .table_4  {
  margin: 10px 0 30px;
}

#company .table_4  td {
	display: inline-block;
}

#company .table_4 .table_left {
  width: 30%;
  padding:20px 10px;
  border-bottom: none;
		text-align: center;
}
#company .table_4 .table_right {
  width: 70%;
  padding:20px 10px;
}

#company .table_5{
  width: 94%;
		margin: 0 auto;
}
#company .main-ph{
  width: 94%;
		margin: 20px auto;
}
#company .main-ph_1 {
  margin-bottom: 11px;
}
#company .main-ph_2 {
}

#company .table_5 td {
	display: table-cell;
}

#company .table_5 .table_left{
width: 30%;
border-top: solid 1px #000;
line-height: 1.8rem;
padding:10px 20px 10px 0;
white-space: nowrap;

}
#company .table_5 .table_left2{
width: 30%;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
padding:2px 0;
line-height: 1.8rem;
}

#company .table_5 .table_right {
width: 70%;
padding:10px 0;
border-top: solid 1px #000;
line-height: 1.8rem;
}
#company .table_5 .table_right2 {
width: 70%;
padding:10px 0;
border-top: solid 1px #000;
line-height: 1.8rem;
}
#company .table_5 .table_right3 {
width: 80%;
padding:10px 0;
border-top: solid 1px #000;
line-height: 1.8rem;
}
#company .table_5 .table_right4 {
width: 80%;
padding:10px 0;
border-top: solid 1px #000;
line-height: 1.8rem;
}
#company .table_5 .table_right5 {
width: 80%;
padding:10px 0;
border-top: solid 1px #000;
line-height: 1.8rem;
}
#company .table_5 .table_right6 {
width: 80%;
padding:10px 0;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
line-height: 1.8rem;
}





#company .main-ph_sp {
  margin-top: 20px;
}
#company .main-ph_sp_1 {
  margin-bottom: 10px;
}

#company .ul_ph5 li{
  display: block;
  text-align: center;
  margin:0px;
  margin-bottom: 10px;
}
.sp_2 {
  max-width: 92%;

}





/*--------------------------------------------------------------------------------------------
 personal
--------------------------------------------------------------------------------------------*/
.table_1 th, td {
  display: block;
}
.table_2 th, td {
  display: block;
}

#personal .text_detail{
  font-size: 13px;
  margin-bottom: 30px;
    line-height: 1.2rem;
}
#personal .text_title {
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;

}
#personal .text_info{
  font-size: 12px;
  line-height: 1rem;
  padding-bottom: 15px;
  border-bottom: solid 1px #000;
  margin-bottom: 15px;
}
#personal .text2_title {
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 20px;
}
#personal .text2_title::before {
  content:"■";
}

#personal .table_contact {
  margin-top: 0px;
  margin-bottom:30px;
  letter-spacing: 1px;
}
#personal .text2_title {
  width: 100%;
  vertical-align: top;
}
#personal .table_contact td {
  padding-bottom: 0px;
}


/*------------------------------------------------------------------------------------------------
  footer (take_out)
--------------------------------------------------------------------------------------------------*/
#takeout {
  padding: 30px 20px;
}

#takeout .mail_box  {
  text-align: center;
  margin: 0;
}

#takeout .takeout-text {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 30px;
}


#takeout .tex_box a {
  width: 100%;
  text-align: center;
  font-size: 22px;
  padding: 8px 60px;
  border: solid 2px #000;
  border-radius: 7px;
}

#takeout .tex_box a:hover {
  background: #000;
  border: none;
  border-radius: 7px;
  border: solid 2px #000;
  color: #fff;
}


#takeout .mail_box {
  margin-top: 20px;
}
#takeout .mail_box a {
  color: #fff;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  background: #c67b1a;
  padding: 15px 0;
}
#takeout .tex_number p {
    width: 100%;
    text-align: center;
}

/*------------------------------------------------------------------------------------------------
  footer (access)
--------------------------------------------------------------------------------------------------*/
#access {
  background: #372f18;
  padding-bottom: 30px;
}
#access .access_title {
  font-size: 26px;
  padding: 20px 0 20px;
}

#access table tr td{
  color: #fff;
  padding-bottom: 0px;
  letter-spacing: 1px;
}
#access .access-table {
  margin-top: 30px;
}
#access .table_top {
  width: 100%;
}
#access .table_1{
  width: 100%;
  margin-bottom: 20px;
}
.table_top {
  margin-top: 0.5rem;
}


.table_top::after {
  content: "："
}
 .table_after {
  margin-left:1rem;
 }
 .f_bottom {
  text-align: left;
}

.f_logo img{
  width: 100px;
}
.address_text {
  line-height: 1.2rem;
		margin-top: 20px;
  margin-bottom: 20px;
		text-align: center;
}

.f_bottom ul li{
  padding-left: 0;
  margin-bottom: 0;
}

.logo_img, .logo_img2 {
  text-align: center;
}
.f_bottom a{
  margin-top: 0px;
  font-size: 12px;
}

.f_bottom ul {
	display: flex;
	background-color: #372f18;
}

.f_bottom ul li {
	width: 50%;
}

.f_bottom ul li:nth-child(1) {
	border-right: 1px solid #FFF;
}

.f_bottom ul li a {
	padding: 12px;
	color: #FFF;
	text-align: center;
}

#footer .inner2 {
	padding: 40px 0 0;
}


/*------------------------------------------------------------------------------------------------
  topmenue
--------------------------------------------------------------------------------------------------*/
#topmenue {
	background: url(../image/title_top_sp.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 300px;
	margin-bottom: 80px;
}

.menue_text_sp {
	position: absolute;
	line-height: 1.8;
	padding: 8px 12px 0;
	font-size: 17px;
	writing-mode: vertical-rl;
	top: 40px;
	right: 20px;
	bottom: 0;
	height: 100%;
}

.menue_text_sp p {
	margin: 0;
	white-space: nowrap;
}

.menue_text_sp .middle_line_sp {
	text-indent: -10px;
}

#introduce {
	display:flex;
	align-items: top;
 flex-wrap: nowrap;
	justify-content: center;
	min-height: 280px;
}

#introduce ul li {
	font-size: 24px;
	line-height: 1.5;
}

#introduce ul {
	margin-left: 20px;
}

#introduce .text {
	line-height: 1.3rem;
}

#introduce .writing-mode2 {
	writing-mode: vertical-rl;
}

.article_1.u-flex {
	display: flex;
	flex-wrap: wrap;
}

.article_1.u-flex .article_text {
	order: 2;
	margin: 0 20px;
}

.article_1.u-flex .article_img {
	order: 1;
	margin-bottom: 40px;
}

.article_1.u-flex .article_img .back_img {
	display: none;
}

.article_2.u-flex {
	display: flex;
	flex-wrap: wrap;
}

.article_2.u-flex .article_text2 {
	order: 2;
	margin: 0 20px;
}

.article_2.u-flex .article_img2 {
	order: 1;
	margin-bottom: 40px;
}


.article_3.u-flex .w1200 {
	display: flex;
	flex-wrap: wrap;
}

.article_3.u-flex .article_text3 {
	order: 2;
	margin: 0 20px;
}

.article_3.u-flex .article_img3 {
	order: 1;
	margin-bottom: 40px;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

#access .map_ph {
 display: block;
	width: 100%;
}

#access .map_ph .accessPhoto {
 width: 94%;
	margin: 0 auto;
}

#access .map_ph .accessPhoto img {
	max-width: 100%;
}

#access .map_ph .gmap {
 width: 94%;
	margin: 0 auto;
}

#particular .top_img {
	background: url(../image/title_particular_sp.jpg) no-repeat center center;
	background-size: cover;
}

#particular .part1 .w1200,
#particular .part2 .w1200,
#particular .part3 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#particular .part1 .w1200 .part1_text,
#particular .part2 .w1200 .part2_text,
#particular .part3 .w1200 .part1_text {
	order: 2;
	padding: 0 20px;
}

#particular .part1 .w1200 .part1_img_sp,
#particular .part2 .w1200 .part2_img_sp,
#particular .part3 .w1200 .part1_img_sp {
	order: 1;
}

#menue .top_img,
#menu .top_img {
	background: url(../image/title_menu_sp.jpg) no-repeat 100% 100%;
	background-size: cover;
}

#menu .menue1 .w1200,
#menue .menue1 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue1 .w1200 .menue1_left,
#menue .menue1 .w1200 .menue1_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue1 .w1200 .menue1_sp,
#menue .menue1 .w1200 .menue1_sp {
	order: 1;
}

#menu .menue1 .w1200 .menue1_sp.inner,
#menue .menue1 .w1200 .menue1_sp.inner {
	padding: 0;
}

#menu .menue1 .w1200 .menue1_left .waku1_sp,
#menue .menue1 .w1200 .menue1_left .waku1_sp {
	margin-bottom: 40px;
}

#menu .menue2,
#menue .menue2 {
	padding-top: 40px;
}
	
#menu .menue2 .w1200,
#menue .menue2 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue2 .w1200 .menue2_left,
#menue .menue2 .w1200 .menue2_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue2 .w1200 .menue2_sp,
#menue .menue2 .w1200 .menue2_sp {
	order: 1;
}

#menu .menue3 .menue3_right,
#menue .menue3 .menue3_right {
	padding: 0 20px;
}

#menu .menue3 .menue3_left img,
#menue .menue3 .menue3_left img {
	max-width: 100%;
}

#menu .menue5 .w1200,
#menue .menue5 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue5 .w1200 .menue5_left,
#menue .menue5 .w1200 .menue5_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue5 .w1200 .menue5_sp,
#menue .menue5 .w1200 .menue5_sp {
	order: 1;
}

#menue .menue5 .menue5_right {
	margin-bottom: 40px;
}

#menu .menue6 .w1200,
#menue .menue6 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue6 .w1200 .menue6_left,
#menue .menue6 .w1200 .menue6_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue6 .w1200 .menue6_sp,
#menue .menue6 .w1200 .menue6_sp {
	order: 1;
}

#menue .menue6 .w1200 .menue6_right,
#menu .menue6 .w1200 .menue6_right {
	margin-right: 0;
	margin-bottom: 40px;
}

#menue .menue6 .w1200 .menue6_right img,
#menu .menue6 .w1200 .menue6_right img {
	max-width: 100%;
	height: auto;
}

#menu .menue7 .w1200,
#menue .menue7 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue7 .w1200 .menue7_left,
#menue .menue7 .w1200 .menue7_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue7 .w1200 .menue7_sp,
#menue .menue7 .w1200 .menue7_sp {
	order: 1;
}

#menue .menue7 .w1200 .menue7_right,
#menu .menue7 .w1200 .menue7_right {
	margin-right: 0;
	margin-bottom: 40px;
}

#menu .menue8 .w1200,
#menue .menue8 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

#menu .menue8 .w1200 .menue8_left,
#menue .menue8 .w1200 .menue8_left {
	order: 2;
	margin: 0 20px;
}

#menu .menue8 .w1200 .menue8_sp,
#menue .menue8 .w1200 .menue8_sp {
	order: 1;
}

#menue .menue8 .w1200 .menue8_right,
#menu .menue8 .w1200 .menue8_right {
	margin-right: 0;
	margin-bottom: 40px;
}

#menue .menue9 {
	padding-left: 40px;
	padding-right: 40px;
}

#company .top_img {
	background: url(../image/title_company_sp.jpg) no-repeat center center;
	background-size: cover;
}

#company .content1 .w1200 {
	display: flex;
	justify-content: space-between;
}

#company .main_ph_sp {
	margin-top: 0;
}

#company .content1_left {
	width: 74%;
}

#company .content1-right{
	width: 24%;
	text-align: right;
}

#company .main_ph_sp img {
	max-width: 100%;
}


#company .content1_text {
	font-size: 12px;
}

#company .content3 {
	padding: 40px 20px;
}

#company .content5 img {
	max-width: 100%;
}

#company .main-ph_1 {
	margin-bottom: 2px;
}

#company .main-ph,
#company .content5 {
	width: 100%;
	padding: 0 20px;
	margin: 0 0 2px;
}

#company .content5 {
	margin-bottom: 20px;
}

#takeouthow .top_img {
	background: url(../image/title_takeouthow_sp.jpg) no-repeat center center;
	background-size: cover;
}

#reserve .top_img {
	background: url(../image/title_reserve_sp.jpg) no-repeat center center;
	background-size: cover;
}

#personal .top_img {
	background: url(../image/title_personal_sp.jpg) no-repeat center center;
	background-size: cover;
}

.mw_wp_form_confirm .table_3 td {
	display: block !important;
	padding: 20px !important;
	width: 100%;
	margin-bottom: 0 !important;
}

.mw_wp_form_confirm .table_3 td.red-box {
display: none !important;
}

.mw_wp_form_confirm .table_3 .text,
.mw_wp_form_confirm .table_3 .title {
	display: block;
width: 100%;
margin: 0;
background-color: #e6e6e6;
}

.mw_wp_form_confirm .table_3 tr:last-child {
	display: block;
}

#reserve table.order tr td {
padding: 0 0 10px;
}

.mw_wp_form_input .table_3 td.text,
.mw_wp_form_input .table_3 td.red-box {
display: inline !important;
width: 20% !important;
padding: 0 10px 0 0 !important;
}

.mw_wp_form_input .table_3 td.middle,
.mw_wp_form_input .table_3 td.long {
padding-top: 20px !important;
}

.mw_wp_form_confirm .takeout-botn {
padding: 40px 0 0;
}

#particular .part1 .part1_title span {
letter-spacing: -6px !important;
}

}