@charset "UTF-8";
/* CSS Document */
body {
  width: 100%;
  background-color: #f1eee8;
  /*background: url("../images/all_bg.jpg") top center;
  background-size: 100%;
  background-repeat: repeat-y;*/
}

/*---------------------------------------------*/
/*改ページ制御*/
/*---------------------------------------------*/
.Print_NewPage {
	page-break-before:always;
}

/*PC SP切り替え
-----------------------------------*/
.pc_v { display: block; }
.sp_v {	display: none; }


/*----------------------------------------------------------
	メイン
----------------------------------------------------------*/
.new_contents{
  background-color: #FFFAE2;
}
.main_bg {
  width: 100%;
  background: #F9E47A;
}
.main_img {
  max-width: 1000px;
  margin: 0 auto;
}

/*----------------------------------------------------------
  リンク
----------------------------------------------------------*/
.link_area{
  text-align: center;
  background-color: #fff;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media print, screen and (min-width:768px){
  .link_area{
    padding: 60px 0;
  }
  .link_area .link_list_wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 60px;
  }
  .link_area .link_list_wrap .c_btn_01 a{
    width: 100%;
    font-size: 14px;
    font-weight: bold;
  }
}
@media screen and (max-width:768px) {
  .link_area{
    padding: 40px 0;
  }
  .link_area .link_list_wrap{
    justify-content: space-between;
    margin-top: 30px;
  }
  .link_area .link_list_wrap > div:not(.link_area .link_list_wrap > div:last-child){
    padding-bottom: 30px;
  }
  .link_area .link_list_wrap .c_btn_01 a{
    width: 100%;
    font-size: 14px;
    font-weight: bold;
  }
}

/*----------------------------------------------------------
  タイトル
----------------------------------------------------------*/
.title{
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #551900;
  font-weight: bold;
  letter-spacing: 0.16em;
  line-height: 1.625;
}
@media print, screen and (min-width:768px){
  .title{
    margin-bottom: 8px;
    font-size: 32px;
  }
  .title::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 5px;
    background: #551900;
    border-radius: 50px;
  }
}
@media screen and (max-width:768px) {
  .title{
    margin-bottom: 12px;
    font-size: 21px;
  }
  .title::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    width: 75px;
    height: 2.5px;
    background: #551900;
    border-radius: 50px;
  }
}

/*----------------------------------------------------------
	メニュー
----------------------------------------------------------*/
/*----------セット----------*/
.menu_donut1 {
  width: 950px;
  margin: 40px 0 0 0;
  text-align: center;
}

.menu_area {
  width: 950px;
  margin: 70px auto 0;
}
.menu_donut {
  margin: 0 0 50px 0;
  padding: 0 75px;
}
.new_menu_item {
  position: relative;
	float: left;
	width: 290px;
	padding: 0 0;
	color: #212423;
	text-align: center;
}
/*商品画像*/
.new_menu_img {
  width: 290px;
  margin: 0 auto;
}
/*商品番号*/
.new_menu_number {
  display: inline-block;
  background: #551900;
  padding: 2px 5px 0px;
  margin-bottom: 8px;
  color: #fff;
}
/*商品名*/
.new_menu_name {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4;
}
.new_menu_sub {
	font-size: 14px !important;
}
/*価格*/
.new_menu_name span {
  display: inline-block;
  margin-top: 5px;
	font-size: 14px;
	line-height: 1.2;
}
/*商品説明*/
.new_menu_txt {
  width: 300px;
	margin: 5px auto 0;
	font-size: small;
	line-height: 1.5;
  text-align: left;
  text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
}
.new_menu_txt span {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-weight: bold;
}


/*3商品
-----------------------------------*/
.menu_donut3 {
  padding: 0 0;
}
.menu_donut3 .new_menu_item {
	width: 290px;
	padding: 0 0;
  margin-top: 40px;
  margin-right: 40px;
}
.menu_donut3 .new_menu_item:nth-child(3n+1){
  clear: both;
}
.menu_donut3 .new_menu_item:nth-child(3n){
  margin-right: 0;
}
.menu_donut3 .new_menu_txt {
  width: 260px;
}





/*----------------------------------------------------------
	栄養成分・アレルギー情報、ショップを探すボタン
----------------------------------------------------------*/
.c_btn_01 a{
  width: 300px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/*注釈
-----------------------------------*/
.attention_menu {
  width: 950px;
  margin: 20px auto 0;
	margin-bottom: 30px;
	font-size: x-small;
  line-height: 130%;
}
.attention {
  width: 950px;
  margin: 20px auto 0;
	margin-bottom: 30px;
	font-size: x-small;
  line-height: 130%;
}

/*ページトップへ
-----------------------------------*/
.md_page_top {
	display: block;
	position: fixed;
	width: 74px;
	height: 75px;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}

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

footer

-------------------------------------------------- */
#footer{
  width: 100%;
  padding: 0;
}
#footer .footer_info{
  background-color: #551900;
}
#footer .footer_info_inner{
  max-width: 1000px;
  margin: auto;
}
#footer .footer_info .copyright > p{
  color: #fff;
}
@media print, screen and (min-width:768px){
  #footer .footer_info{
    padding-left: 25px;
    padding-right: 25px;
  }
  #footer .footer_info_inner{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #footer .footer_info .copyright{
    display: flex;
    justify-content: space-between;
  }
  #footer .footer_info .copyright > p{
    font-size: 12px;
  }
}
@media screen and (max-width:767px){
  #footer .footer_info{
    padding-left: 10px;
    padding-right: 10px;
  }
  #footer .footer_info_inner{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #footer .footer_info .copyright{
    font-size: 10px;
    text-align: center;
  }
  #footer .footer_info .copyright > p + p{
    margin-top: 5px;
  }
}

/*----------------------------------------------------------
  タイトル
----------------------------------------------------------*/
.netorder_area{
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  background-color: #E94908;
  font-weight: bold;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width:768px){
  .netorder_area{
    padding-top: 60px;
    padding-bottom: 100px;
    font-size: 24px;
  }
}
@media screen and (max-width:767px){
  .netorder_area{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .netorder_area .txt{
    width: 78%;
    margin: 0 auto;
  }
}

/*==============================================================
	768px以下のCSSを記述
==============================================================*/
@media screen and (max-width:768px) {
  body {
    width: 100%;
    /*background: url("../images/all_bg.jpg") top center;
    background-repeat: repeat-y;
    background-size: cover;*/
  }
  .new_contents {
    width: 100%;
    overflow: hidden;
  }
  
  /*PC SP切り替え
  -----------------------------------*/
  .pc_v { display: none; }
  .sp_v { display: inline-block; }


  /*----------------------------------------------------------
    メイン
  ----------------------------------------------------------*/
  .main_bg {
    margin-bottom: -10px;
  }

  /*----------------------------------------------------------
    メニュー
  ----------------------------------------------------------*/
  /*----------セット----------*/
  .menu_donut1 {
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
  }


  .menu_area {
    width: 86%;
    margin: 0 auto 0;
    padding: 40px 0 0 0;
    background-size: 100%;
  }
  .menu_donut3 {
    width: 100%;
    margin: 0;
  }
  .menu_donut3 .new_menu_item {
    float: left;
    width: 48.75%;
    margin-top: 20px;
    margin-right: 2.5%;
    text-align: center;
  }
  .menu_donut3 .new_menu_item:nth-child(3n){
    margin-right: 2.5%;
  }
  .menu_donut3 .new_menu_item:nth-child(2n){
    margin-right: 0;
  }
  .menu_donut3 .new_menu_item:nth-child(3n+1){
    clear: none;
  }
  .menu_donut3 .new_menu_item:nth-child(2n+1){
    clear: both;
  }


  /*商品画像*/
  .new_menu_img {
    width: 100%;
  }
  .menu_donut3 .new_menu_img img {
    width: 100%;
  }

  .menu_donut3 .new_menu_img {
  }
  .new_menu_img img {
    width: 100%;
  }

  /*商品名*/
  .new_menu_name {
    margin-top: 0;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.3;
  }
  .new_menu_sub {
    font-size: 11px !important;
  }

  /*商品価格*/
  .new_menu_name span {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0em;
  }


    /*----------------------------------------------------------
      栄養成分・アレルギー情報、ショップを探すボタン
    ----------------------------------------------------------*/
    .btn_area {
      width: 100%;
      margin: 20px auto 0;
    }
    .btn_img {
      float: none;
      width: 95%;
      margin: 15px auto 0;
    }



    /*----------------------------------------------------------
      出前館アプリ、公式サイト
    ----------------------------------------------------------*/
    .demaecan_bg {
      width: 100%;
      background: #fff;
      margin-top: 30px;
      padding: 20px 0;
    }
    .demaecan_contents {
      width: 95%;
      margin: 0 auto;
    }
    .demaecan_ttl {
      width: 95%;
      margin-bottom: 25px;
    }
    .demaecan_app_img {
      float: none;
      width: 120px;
    }
    .demaecan_link {
      width: 100%;
      margin-left: 0;
    }

    /*アプリ*/
    .demaecan_app_area {
      width: 100%;
      margin-bottom: 20px;
      padding: 0 0 20px;
      border-bottom: 1px dashed #3d0407;
      border-right: none;
    }
    .demaecan_app_ttl {
      width: 60%;
      margin: 0 auto 5px;
    }
    .btn_app {
      width: 51%;
    }
    .btn_googleplay {
      width: 46%;
    }
    .app_tyusyaku {
      display: inline-block;
      margin-top: 5px;
      font-size: x-small;
      line-height: 130%;
    }


    /*Webサイト*/
    .demaecan_web_area {
      float: none;
      width: 100%;
    }
    .demaecan_web_ttl {
      width: 70%;
      margin: 0 auto 10px;
    }
    .btn_demaecan {
      width: 100%;
      margin: 0 auto 10px;
    }

	/*注釈
	-----------------------------------*/
	.attention_menu {
		width: 100%;
    margin: 15px 0 0;
	}
	.attention {
		width: 95%;
		padding: 0 2.5%;
	}


	/*ページトップ
	-----------------------------------*/
	.md_page_top {
		display: block;
		position: fixed;
		width: 44px;
		height: 40px;
		bottom: 30px;
		right: 10px;
		z-index: 999;
	}

}