@charset "utf-8";
/* ============================================================
   トップページ の統合CSS（style-main-all.css）
   style-main-pc.css と style-main-tb.css を1本にまとめたもの。
   ・上半分 = PC用（画面幅 1180px 以上）
   ・下半分 = タブレット／スマートフォン用（画面幅 1179px 以下）
   読み込み側の media 属性で振り分けていたものを @media に置き換えただけで、
   どの画面幅でどのルールが効くかは分割時とまったく同じ。
   ============================================================ */

/* ------------------------------------------------------------
   PC（画面幅 1180px 以上）
   ------------------------------------------------------------ */
@media screen and (min-width:1180px) {

  /* CSS Document */

  body {
  	background-image: url("../../../../uploads/diamond-assets/block-haikei.webp");
  	background-repeat: repeat;
  }
  #wrap {
  	max-width: 1600px;
  	margin: 0 auto;
  	background-color: #fff;
  	overflow-x: hidden;
  }

  /*メインコンテンツ領域*/
  #main-content{
  	display: block;
  	width: 100%;
  	margin: 0 auto;
  }
  /*クーポン*/
  #coupon {
  	position: fixed;
      bottom: 45px;
      left: 5px;
      z-index: 990;
  }
  #coupon a {
  	cursor: pointer;
  }
  #close-coupon {
  	position: absolute;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      right: -11px;
      top: -11px;
  	width: 50px;
  }
  #coupon-btn {
  	width: 250px;
  }

  /*かき氷*/
  #kakigoori {
  	margin: 0 auto 1vw;
  	text-align: center;
  }
  #kakigoori img {
  	max-width: 1280px;
  }
  /*アイキャッチスライドショー画像*/
  #eye-catch {
  	width: 90%;
  	margin: 0 auto;
  	padding-bottom: 20px;
  }
  #eye-catch-img {
  	width: 100%;
  	height: 30vw;
  	margin: 0px auto 0;
  	text-align: center;
  }
  #main-content .slide-show li img {
  	width: 100%;
  }
  .eye-title img {
  	position: absolute;
  	top: 10%;
  	left: 80%;
  	z-index: 999;
  	width: 140px;
  }
  #oshirase {
  	width: 80%;
  	margin: 0 auto;
  	padding: 1vw 0 0;
  }
  .oshirase-take {
  	border: 1px solid #804000;
  	padding: 1vw;
  	margin: 1vw;
  }
  .oshirase-baner {
  	margin: 1vw;
  }
  /*コロナ対策*/
  #corona-taisaku {
  	width: 100%;
  	padding: 1vw 0;
  }
  #corona-taisaku h2 {
  	font-size: 4vw;
  	font-weight: bold;
  	line-height: 4vw;
  	color: #fff;
  	padding: 0.5vw;
  	text-align: center;
  }
  #corona-taisaku h3 {
  	font-size: 3vw;
  	line-height: 3vw;
  	font-weight: bold;
  	padding: 0.5vw;
  	color: #ffe100;
  	text-align: center;
  }
  #corona-taisaku p {
  	color: #fff;
  	text-align: left;
  	font-size: 1.2vw;
  	line-height: 1.5vw;
  	padding: 0.5vw;
  }
  #corona-taisaku h4 {
  	font-size: 1.2vw;
  	line-height: 1.3vw;
  	font-weight: bold;
  	color: #fff;
  	text-align: left;
  }
  #corona-taisaku h5 {
  	font-size: 1.5vw;
  	line-height: 2vw;
  	font-weight: bold;
  	padding: 0.5vw;
  	color: #ffe100;
  	text-align: center;
  }
  #corona-taisaku img {
  	padding: 0.5vw;
  }
  .corona-center {
  	max-width: 1200px;
  	margin: 0 auto;
  	padding: 0 1vw;
  	background-color: #fff;
  }
  .corona-contents {
  	width: 100%;
      background-color: #2baea1;
  	border-radius: 20px;
  }
  .corona-coments {
  	margin: 0 auto;
  	width: 90%;
  	border-radius: 20px;
  	border: 5px solid #fff;
  }

  .oshirase-take{margin: 0;}
  #far {
  	max-width: 680px;
  	margin: 1vw auto;
  	border: 1px solid #B60925;
  }
  #far p {
  	font-size: 1.5vw;
  	text-align: center;
  }
  /*バレンタイン*/
  #varentains {
  	max-width: 852px;
  	margin: 0 auto;
  	border: 1px solid #B60925;
  }
  #varentains p {
  	font-size: 1.5vw;
  	text-align: center;
  }
  /*店舗情報*/
  #tenpo {
  	width: 90%;
  	margin: 2vw auto;
  	position: relative;
  }
  #tenpo::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 0;
  }
  #tenpo .tenpo-bg {
  	position: absolute;
  	height: 18vw;
  	width: 100%;
  	background: #b38c66;
  	top: 10vw;
  	left: 0%;
  }
  #tenpo p {
  	font-size: 24px;
  	color: #333333;
  	line-height: 34px;
  }
  #tenpo p span {
  	font-weight: bold;
  	color: #804000;
  }
  #tenpo table td img {
  	width: 100%;
  }
  #tenpo table tr.tenpo-table {
  	padding-top: 1vw;
  	display: block;
  }
  #tenpo table td {
  	padding: 0 10px;
  }
  @media screen and (max-width: 1300px) {
  	#tenpo .tenpo-bg {
  		height: 20vw;
  		top: 12vw;
  	}
  }
  /*新着情報*/
  .news-top {
  	width: 96%;
  	margin: 4vw auto;
  	padding: 2vw 1vw;
  	border-top: 1px solid #804000;
  	border-bottom: 1px solid #804000;
  } 
  .news-top h2 {
  	color: #804000;
  	font-size: 24px;
  	text-align: center;
  	padding-bottom: 10px;
  }
  .news-contents {
  	width: 100%;
  	margin: 2vw auto;
  }
  a.news-links {
  	display: block;
      border: 1px solid rgba(119, 119, 119, 1);
  	box-shadow: 5px 5px 5px #999999;
  }
  a.news-links:hover {
  	box-shadow: 5px 5px 5px #ff0000;
  	border: 1px solid rgba(255, 0, 0, 1);
  }
  .news-block {
      /*border: 1px solid #999999;*/
      background-color: #ffffff;
  	margin: 0 0 1vw;
  }
  span.news_thumb {
  	background-position: center top;
  	width: 100%;
      height: 8vw;
      display: block;
      background-repeat: no-repeat;
      /*background-size: auto 100%;*/
      /*-webkit-background-size: auto 100%;*/
  	background-size: cover;
  }
  h5.news-time,h4.news-title {
  	font-size: 1em;
  	margin: 0;
  }
  h5.news-time {
  	padding: 0.2vw 0.2vw 0;
  }
  h4.news-title {
  	padding: 0 0.2vw 0.2vw;
  	font-weight: bold;
  }
  .news-btn {
  	margin-top: 1vw;
  	text-align: center;
  }

  /*期間限定*/
  /*フェア*/ 
  #gentei-menu{
   padding: 50px 0 30px;
   .container-fluid{
    padding:0;
    width:98%;
  max-width: 1480px;
  }
  }

  /*ピッツァ紹介*/
  #pizza {
  	width: 90%;
  	margin: 0 auto;
  	position: relative;
  	padding-top: 100px;
  }
  #pizza::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 600px;
  }
  #pizza .title-waku, #pasta .title-waku, #coffee .title-waku, #sweets .title-waku {
  	position: absolute;
  	width: 200px;
  	height: 200px;
  	top: 0px;
  	z-index: 100;
  	background: #804000;
  	vertical-align: middle;
  	text-align: center;
  }
  #pizza .title-waku h2, #pasta .title-waku h2, #coffee .title-waku h2, #sweets .title-waku h2 {
  	color: #fff;
  	font-size: 45px;
  	font-style: italic;
  	padding-top: 40%;
  }
  #pizza .title-bg1 {
  	position: absolute;
  	top: 100px;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 300px;
  }
  #pizza .title-bg2 {
  	position: absolute;
  	top: 100px;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 500px;
  }
  #pizza .title-bg3 {
  	position: absolute;
  	top: 700px;
  	right: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 40%;
  	height: 400px;
  }
  #pizza .craft-img {
  	width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 50px;
  	left: 16%;
  }
  #pizza .craft-img h2, #pizza .bread-img h2 {
  	font-style: italic;
  	font-size: 38px;
  	color: #555;
  	text-align: center;
  	padding-top: 10px;
  }
  #pizza .pizza-coment {
  	position: absolute;
  	z-index: 400;
  	top: 150px;
  	left: 50%;
  	width: 48%;
  }
  #pizza .pizza-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 24px;
      line-height: 30px;
  }
  #pizza .bread-img {
  	width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 300px;
  	left: 70%;
  }
  #pizza .vegetable-img01 {
  	width: 16%;
  	z-index: 200;
  	position: absolute;
  	top: 240px;
  	left: 0;
  }
  #pizza .vegetable-img02 {
  	width: 20%;
  	z-index: 200;
  	position: absolute;
  	top: 380px;
  	left: 44%;
  }
  #pizza .fork-spoon {
  	width: 16%;
  	z-index: 200;
  	position: absolute;
  	top: 450px;
  	left: 10%;
  }
  .harf-harf {
  	width: 80%;
  	margin: 0 auto;
  }
  .harf-harf h2 {
  	font-style: italic;
  	font-size: 38px;
  	color: #804000;
  	text-align: left;
  	padding: 10px 0px 10px 20px;
  	border-bottom: 1px solid #804000;
  	width: 60%;
  }
  .harf-harf p {
  	color: #804000;
  	font-weight: bold;
  	font-size: 24px;
      line-height: 30px;
  	padding: 20px;
  	width: 60%;
  }
  .harf-harf-img {
  	width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 70%;
  	right: 9%;
  }
  /*パスタメニュー*/
  #pasta {
  	width: 90%;
  	margin: 2vw auto 0;
  	position: relative;
  }
  #pasta::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 50%;
  }
  #pasta .title-bg1 {
  	position: absolute;
  	top: 100px;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 300px;
  }
  #pasta .title-bg2 {
  	position: absolute;
  	top: 100px;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 500px;
  }
  #pasta .pasta-coment {
  	position: absolute;
  	z-index: 400;
  	top: 150px;
  	left: 19%;
  	width: 50%;
  }
  #pasta .pasta-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 24px;
      line-height: 30px;
  }
  .nama-pasta {
  	position: absolute;
  	width: 20%;
  	z-index: 200;
  	top: 340px;
  	left: 0%;
  }
  .pasta-img01 {
  	position: absolute;
  	width: 30%;
  	z-index: 200;
  	top: 100px;
  	right: -1%;
  }
  .pasta-img02 {
  	position: absolute;
  	width: 30%;
  	z-index: 200;
  	top: 67%;
  	left: 24%;
  }
  .vegetable-img03 {
  	width: 18%;
  	z-index: 200;
  	position: absolute;
  	top: 360px;
  	right: 29%;
  }
  .pasta-img03 {
  	position: absolute;
  	width: 20%;
  	z-index: 200;
  	top: 80%;
  	right: 12%;
  }
  /*コーヒー*/
  #coffee {
  	width: 90%;
  	margin: 6vw auto 0;
  	position: relative;
  	padding-top: 160px;
  }
  #coffee::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 42%;
  }
  #coffee .title-bg1 {
  	position: absolute;
  	top: 100px;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 300px;
  }
  #coffee .title-bg2 {
  	position: absolute;
  	top: 100px;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 500px;
  }
  #coffee .coffee-coment {
  	position: absolute;
  	z-index: 400;
  	top: 20%;
  	left: 18%;
  	width: 62%;
  }
  #coffee .coffee-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 24px;
      line-height: 30px;
  }
  .coffee-img01 {
  	width: 20%;
  	position: absolute;
  	z-index: 300;
  	top: 300px;
  	left: 0%;
  }
  .coffee-img02 {
  	width: 20%;
  	position: absolute;
  	z-index: 300;
  	top: 50px;
  	right: -2%;
  }
  .coffee-img03 {
  	width: 26%;
  	position: absolute;
  	z-index: 300;
  	top: 56%;
  	right: 10%;
  }
  .coffee-img04 {
  	width: 26%;
  	position: absolute;
  	z-index: 300;
  	top: 60%;
  	left: 25%;
  }
  .coffee-mame {
  	width: 20%;
  	position: absolute;
  	z-index: 200;
  	top: 50%;
  	left: 50%;
  }
  /*スイーツ*/
  #sweets {
  	width: 90%;
  	margin: 40px auto;
  	position: relative;
  }
  #sweets::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 60%;
  }
  #sweets .title-bg1 {
  	position: absolute;
  	top: 100px;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 300px;
  }
  #sweets .title-bg2 {
  	position: absolute;
  	top: 100px;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 500px;
  }
  #sweets .sweets-coment {
  	position: absolute;
  	z-index: 400;
  	top: 150px;
  	left: 18%;
  	width: 46%;
  }
  #sweets .sweets-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 24px;
      line-height: 30px;
  }
  #sweets .sweets-img01 {
  	width: 16%;
  	position: absolute;
  	z-index: 300;
  	top: 210px;
  	left: 0%;
  }
  #sweets .sweets-img02 {
  	width: 26%;
  	position: absolute;
  	z-index: 300;
  	top: 54%;
  	left: 20%;
  }
  #sweets .sweets-img03 {
  	width: 40%;
  	position: absolute;
  	z-index: 300;
  	top: 0px;
  	right: -5%;
  }
  #sweets .sweets-img04 {
  	width: 30%;
  	position: absolute;
  	z-index: 300;
  	top: 58%;
  	right: 5%;
  }
  .vegetable-img04 {
  	width: 16%;
  	z-index: 200;
  	position: absolute;
  	top: 360px;
  	right: 34%;
  }
  /*アクセス*/
  #access {
  	width: 80%;
  	margin: 10px auto;
  	padding: 10px 20px;
  	border: 1px solid #804000;
  } 
  #access h2 {
  	color: #804000;
  	font-size: 24px;
  	text-align: center;
  	padding: 20px 0;
  }
  #access h3 {
  	color: #804000;
  	font-size: 20px;
  	text-align: center;
  	padding: 0px 0;
  }
  #access p {
  	padding: 0.5rem 0;
  	margin-top: 0.5rem;
  	width: 100%;
  	margin: 0 auto;
  	font-size: 18px;
  }
  #access p.sega {
  	text-align: center;
  	font-weight: bold;
  	color: #ff0000;
  }
  #access p.sega:hover {
  	color: #087cc9;
  }
  #access img {
  	padding: 2px;
  }
  .diamond-map {
  	padding-top: 10px;
  }
  table.address-table {
  	display: block;
  	width: 100%;
  }
  table.address-table tr {
  	border-bottom: 1px dotted #c8c8c8;
  }
  .address-table {
  	margin: 10% auto;
  }
  #event {
  	width: 90%;
  	margin: 1vw auto;
  }
  /**期間限定バナー中央配置**/
  #gentei-menu .row {
      display: flex !important;
      justify-content: center !important;
      flex-wrap: wrap;
  }

}


/* ------------------------------------------------------------
   タブレット・スマートフォン（画面幅 1179px 以下）
   ------------------------------------------------------------ */
@media screen and (min-width:0px) and (max-width:1179px) {

  /* CSS Document */

  body {
  	background-image: url("../../../../uploads/diamond-assets/block-haikei.webp");
  	background-repeat: repeat;
  }
  #wrap {
  	width: 100%;
  	background-color: #fff;
  }

  /*右メインコンテンツ領域*/
  #main-content{
  	display: block;
  	width: 100%;
  	margin: 14vw auto 0;
  }
  /*クーポン*/
  #coupon {
  	position: fixed;
      bottom: 0px;
      left: 0px;
      z-index: 990;
  }
  #coupon a {
  	cursor: pointer;
  }
  #close-coupon {
  	position: absolute;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      left: 34%;
      top: -20%;
  	width: 10%;
  }
  #coupon-btn {
  	width: 40%;
  }

  /*アイキャッチスライドショー画像*/
  #eye-catch {
  	width: 96%;
  	margin: 0 auto;
  	padding-bottom: 20px;
  }
  #eye-catch-img {
  	width: 100%;
  	height: 50vw;
  	margin: 0px auto 0;
  	text-align: center;
  }
  #main-content .slide-show li img {
  	width: 100%;
  }
  .eye-title img {
  	position: absolute;
  	top: 15%;
  	left: 80%;
  	z-index: 999;
  	width: 10%;
  }
  @media screen and (max-width: 767px) {
  	#eye-catch-img {
  		height: 50vw;
  	}
  }
  #oshirase {
  	width: 98%;
  	margin: 0 auto;
  	padding: 1vw 0 0;
  }
  .oshirase-take {
  	border: 1px solid #804000;
  	padding: 1vw;
  	margin: 2vw;
  }
  .oshirase-baner {
  	margin: 2vw;
  }
  /*コロナ対策*/
  #corona-taisaku {
  	width: 90%;
  	margin: 1vw auto;
  	padding: 2vw 0;
  }
  #corona-taisaku h2 {
  	font-size: 8vw;
  	font-weight: bold;
  	line-height: 8vw;
  	color: #fff;
  	padding: 1vw;
  	text-align: center;
  }
  #corona-taisaku h3 {
  	font-size: 6vw;
  	line-height: 6vw;
  	font-weight: bold;
  	padding: 0.5vw;
  	color: #ffe100;
  	text-align: center;
  }
  #corona-taisaku p {
  	color: #fff;
  	text-align: left;
  	font-size: 2.5vw;
  	line-height: 2.5vw;
  	padding: 1vw;
  }
  #corona-taisaku h4 {
  	font-size: 2.5vw;
  	line-height: 2.6vw;
  	font-weight: bold;
  	color: #fff;
  	text-align: left;
  }
  #corona-taisaku h5 {
  	font-size: 3vw;
  	line-height: 3.5vw;
  	font-weight: bold;
  	padding: 0.5vw;
  	color: #ffe100;
  	text-align: center;
  }
  #corona-taisaku img {
  	padding: 1vw;
  }
  .corona-center {
  	max-width: 1200px;
  	margin: 0 auto;
  	padding: 1vw;
  	background-color: #fff;
  }
  .corona-contents {
  	width: 100%;
      background-color: #2baea1;
  	border-radius: 20px;
  }
  .corona-coments {
  	margin: 0 auto;
  	width: 90%;
  	border-radius: 20px;
  	border: 5px solid #fff;
  }
  #kakigoori {
  	margin: 0 auto 1vw;
  	text-align: center;
  }
  #kakigoori img {
  	max-width: 1280px;
  }

  /*フェア*/
  #far {
  	max-width: 860px;
  	margin: 1vw 1vw;
  	border: 1px solid #B60925;
  }
  #far p {
  	font-size: 3vw;
  	text-align: center;
  }
  /*バレンタイン*/
  #varentains {
  	max-width: 852px;
  	margin: 0 1vw;
  	border: 1px solid #B60925;
  }
  #varentains p {
  	font-size: 3vw;
  	text-align: center;
  }

  /*店舗情報*/
  #tenpo {
  	width: 96%;
  	margin: 1vw auto 0;
  	position: relative;
  }
  #tenpo::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 0vw;
  }
  #tenpo .tenpo-bg {
  	position: absolute;
  	height: 20vw;
  	width: 100%;
  	background: #b38c66;
  	top: 13vw;
  	left: 0%;
  }
  #tenpo p {
  	font-size: 2vw;
  	color: #333333;
  	line-height: 2.5vw;
  }
  #tenpo p span {
  	font-weight: bold;
  	color: #804000;
  }
  #tenpo table {
  	width: 100%;
  }
  #tenpo table td img {
  	width: 100%;
  }
  #tenpo table tr.tenpo-table {
  	margin-top: 1vw;
  	display: block;
  }
  #tenpo table td {
  	padding: 0 5px;
  }
  @media screen and (max-width: 991px) {
  	#tenpo p {
  		padding-top: 1vw;
  		font-size: 3vw;
  		line-height: 3.5vw;
  	}
  	#tenpo .tenpo-bg {
  		display: none;
  	}
  }

  /*新着情報エリア*/
  .news-top {
  	width: 98%;
  	margin: 1vw auto;
  	padding: 5vw 20px;
  	border-top: 1px solid #804000;
  	border-bottom: 1px solid #804000;
  } 
  .news-top h2 {
  	color: #804000;
  	font-size: 5vw;
  	text-align: center;
  	padding: 0 0 3vw;
  }
  a.news-links {
  	display: block;
      border: 1px solid rgba(119, 119, 119, 1);
  	box-shadow: 5px 5px 5px #999999;
  }
  a.news-links:hover {
  	box-shadow: 5px 5px 5px #ff0000;
  	border: 1px solid rgba(255, 0, 0, 1);
  }
  .news-block {
      /*border: 1px solid #999999;*/
      background-color: #ffffff;
  	margin: 0 0 4vw;
  }
  span.news_thumb {
  	background-position: center top;
  	width: 100%;
      height: 28vw;
      display: block;
      background-repeat: no-repeat;
      /*background-size: auto 100%;*/
      /*-webkit-background-size: auto 100%;*/
  	background-size: cover;
  }
  @media screen and (min-width: 1199px) and (max-width: 1199px) {
  	span.news_thumb {
  		height: 28vw;
  	}
  }
  @media screen and (min-width: 992px) {
  	span.news_thumb {
  		height: 10vw;
  	}
  }
  h5.news-time,h4.news-title {
  	font-size: 1em;
  	margin: 0;
  }
  h5.news-time {
  	padding: 0.2vw 0.2vw 0;
  }
  h4.news-title {
  	padding: 0 0.2vw 0.2vw;
  	font-weight: bold;
  }
  .news-btn {
  	margin-top: 2vw;
  	text-align: center;
  }

  /*期間限定メニュー*/
  #gentei-menu h1 {
    position: relative;
    display: inline-block;
    padding: 2vw 2vw;
    text-align: center;
    width: 100%;
    font-size: 4vw;
    color: #804000;
  }
  #gentei-menu h1:before, #gentei-menu h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 10vw;
    height: 5px;
    border-top: solid 1px #804000;
    border-bottom: solid 1px #804000;
  }
  #gentei-menu {
  	padding: 2vw 0 1vw;
  }
  #gentei-menu h1:before {
    left:20%;
  }
  #gentei-menu h1:after {
    right: 20%;
  }
  @media screen and (max-width: 650px) {
  	#gentei-menu h1:before {
  	  display: none;
  	}
  	#gentei-menu h1:after {
  	   display: none;
  	}
  }
  h3.title {
  	text-align: center;
  	font-size: 2vw;
  	font-weight: bold;
  	color: #544b4d;
  	vertical-align:middle;
  	padding: 3%;
  	overflow: hidden;
  }
  h4.source-tomato,h4.source-teriyaki,h4.source-meatsauce,h4.source-white,h4.source-chiri,h4.source-basil,h4.source-cool,h4.source-less {
  	font-size: 2vw;
  	text-align: center;
  	font-weight: bold;
  	padding-top: 1vw;
  }
  h4.source-tomato {
  	color: #ff6347;
  }
  h4.source-teriyaki {
  	color: #934B02;
  }
  h4.source-meatsauce {
  	color: #d2691e;
  }
  h4.source-white {
  	color: #FFA500;
  }
  h4.source-chiri {
  	color: #d40000;
  }
  h4.source-basil {
  	color: #2e8b57;
  }
  h4.source-cool {
  	color: #4169e1;
  }
  h4.source-less {
  	color: #999999;
  }
  h4.topping {
  	text-align: left;
  	padding: 10px 1%;
  }
  h4.category {
  	text-align: center;
  	margin: 0 20px;
  	border: 1px solid #999;
  	background: #f5f5f5;
  	padding: 5px 0 0;
  }
  h4.coment {
  	text-align: center;
  	color: #804000;
  	padding: 10px 0;
  }
  h4.price {
  	text-align: center;
  	color: #555;
  	font-size: 1.5vw;
  }
  h4.price span {
  	color: #d40000;
  	font-size: 2.5vw;
  }
  p span {
  	font-weight: bold;
  }
  @media screen and (max-width: 767px) {
  	h3.title {
  		font-size: 3vw;
  	}
  	h4.source-tomato,h4.source-teriyaki,h4.source-meatsauce,h4.source-white,h4.source-chiri,h4.source-basil,h4.source-cool,h4.source-less {
  		font-size: 2.5vw;
  	}
  	h4.topping {
  		font-size: 2.5vw;
  		line-height: 3vw;
  	}
  	h4.price {
  		font-size: 2vw;
  	}
  	h4.price span {
  		font-size: 3.5vw;
  	}
  }
  .menu-waku {
  	box-shadow:3px 3px 5px 3px rgba(0, 0, 0, 0.3);
  	border:1px solid #555;
  	margin-bottom: 20px;
  	position: relative;
  }
  .menu-waku .ranking {
  	width: 30%;
  	position: absolute;
  	z-index: 20;
  	top: 0px;
  	left: 0px;
  }
  .menu-waku .limited {
  	width: 20%;
  	position: absolute;
  	z-index: 20;
  	top: 5px;
  	left: 5px;
  }
  .lunchi-dinner-ok {
  	position: absolute;
  	width: 20%;
  	z-index: 20;
  	top: 5px;
  	right: 5px;
  }
  /*ピッツァ紹介*/
  #pizza {
  	width: 96%;
  	margin: 0 auto;
  	position: relative;
  	padding-top: 1vw;
  }
  #pizza::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 60vw;
  }
  #pizza .title-waku, #pasta .title-waku, #coffee .title-waku, #sweets .title-waku {
  	position: absolute;
  	width: 18vw;
  	height: 18vw;
  	top: 0px;
  	z-index: 100;
  	background: #804000;
  	vertical-align: middle;
  	text-align: center;
  }
  #pizza .title-waku h2, #pasta .title-waku h2, #coffee .title-waku h2, #sweets .title-waku h2 {
  	color: #fff;
  	font-size: 4vw;
  	font-style: italic;
  	padding-top: 40%;
  }
  #pizza .title-bg1 {
  	position: absolute;
  	top: 8vw;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 30vw;
  }
  #pizza .title-bg2 {
  	position: absolute;
  	top: 10vw;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 50vw;
  }
  #pizza .title-bg3 {
  	position: absolute;
  	top: 62vw;
  	right: 0%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 44%;
  	height: 40vw;
  }
  #pizza .craft-img {
  	width: 30vw;
  	z-index: 200;
  	position: absolute;
  	top: 0%;
  	right: 0%;
  }
  #pizza .craft-img h2, #pizza .bread-img h2 {
  	font-style: italic;
  	font-size: 4vw;
  	color: #555;
  	text-align: center;
  	padding-top: 10px;
  }
  #pizza .pizza-coment {
  	position: absolute;
  	z-index: 400;
  	top: 10vw;
  	left: 22%;
  	width: 46%;
  }
  #pizza .pizza-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 2.5vw;
      line-height: 3vw;
  }
  #pizza .bread-img {
  	width: 30vw;
  	z-index: 200;
  	position: absolute;
  	top: 30vw;
  	left: 30%;
  }
  #pizza .vegetable-img01 {
  	/* width: 17vw;
  	z-index: 200;
  	position: absolute;
  	top: 240px;
  	left: 0; */
   display: none;
  }
  #pizza .vegetable-img02 {
  	/* width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 37vw;
  	right: 10%; */
   display: none;
  }
  #pizza .fork-spoon {
  	/* width: 18vw;
  	z-index: 200;
  	position: absolute;
  	top: 40vw;
  	left: 8%; */
   display: none;
  }
  .harf-harf {
  	width: 100%;
  	margin: 0 auto;
  }
  .harf-harf h2 {
  	font-style: italic;
  	font-size: 4vw;
  	color: #804000;
  	text-align: left;
  	padding: 10px 0px 10px 20px;
  	border-bottom: 1px solid #804000;
  	width: 60%;
  }
  .harf-harf p {
  	color: #804000;
  	font-weight: bold;
  	font-size: 2.5vw;
      line-height: 3vw;
  	padding: 20px;
  	width: 60%;
  }
  .harf-harf-img {
  	width: 36vw;
  	z-index: 200;
  	position: absolute;
  	top: 64vw;
  	right: 2%;
  }
  /*パスタ紹介*/
  #pasta {
  	width: 96%;
  	margin: 40px auto;
  	position: relative;
  	padding-top: ;
  }
  #pasta::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 86vw;
  }
  #pasta .title-bg1 {
  	position: absolute;
  	top: 8vw;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 40vw;
  }
  #pasta .title-bg2 {
  	position: absolute;
  	top: 30vw;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 58vw;
  }
  #pasta .pasta-coment {
  	position: absolute;
  	z-index: 400;
  	top: 12vw;
  	left: 20%;
  	width: 48%;
  }
  #pasta .pasta-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 2.5vw;
      line-height: 3vw;
  }
  .nama-pasta {
  	position: absolute;
  	width: 28vw;
  	z-index: 300;
  	top: 10vw;
  	right: 1%;
  }
  .pasta-img01 {
  	position: absolute;
  	width: 34vw;
  	z-index: 200;
  	top: 42vw;
  	left: 2%;
  }
  .pasta-img02 {
  	position: absolute;
  	width:34vw;
  	z-index: 200;
  	top: 62vw;
  	left: 34%;
  }
  .vegetable-img03 {
  	/* width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 42vw;
  	left: 44%; */
   display: none;
  }
  .pasta-img03 {
  	position: absolute;
  	width: 30vw;
  	z-index: 200;
  	top: 50vw;
  	right: 0%;
  }
  /*コーヒー紹介*/
  #coffee {
  	width: 96%;
  	margin: 40px auto 0;
  	position: relative;
  }
  #coffee::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 74vw;
  }
  #coffee .title-bg1 {
  	position: absolute;
  	top: 6vw;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 50vw;
  }
  #coffee .title-bg2 {
  	position: absolute;
  	top: 10vw;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 64vw;
  }
  #coffee .coffee-coment {
  	position: absolute;
  	z-index: 400;
  	top: 10vw;
  	left: 20%;
  	width: 50%;
  }
  #coffee .coffee-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 2.5vw;
      line-height: 3vw;
  }
  .coffee-img01 {
  	width: 26vw;
  	position: absolute;
  	z-index: 300;
  	top: 44vw;
  	left: 0%;
  }
  .coffee-img02 {
  	width: 24vw;
  	position: absolute;
  	z-index: 300;
  	top: 4vw;
  	right: 2%;
  }
  .coffee-img03 {
  	width: 30vw;
  	position: absolute;
  	z-index: 300;
  	top: 40vw;
  	right: 0%;
  }
  .coffee-img04 {
  	width: 34vw;
  	position: absolute;
  	z-index: 300;
  	top: 46vw;
  	left: 30%;
  }
  .coffee-mame {
  	width: 20%;
  	position: absolute;
  	z-index: 200;
  	top: 50%;
  	left: 50%;
  }
  /*スイーツ紹介*/
  #sweets {
  	width: 96%;
  	margin: 40px auto;
  	position: relative;
  }
  #sweets::before {/*各コンテンツの重なり防止*/
  	content: "";
      display: block;
      padding-top: 84vw;
  }
  #sweets .title-bg1 {
  	position: absolute;
  	top: 8vw;
  	left: 10%;
  	z-index: 80;
  	background: #B38C66;
  	width: 90%;
  	height: 300px;
  }
  #sweets .title-bg2 {
  	position: absolute;
  	top: 20vw;
  	left: 5%;
  	z-index: 50;
  	background-image: url("../../../../uploads/diamond-assets/bg_ten.webp");
  	width: 90%;
  	height: 54vw;
  }
  #sweets .sweets-coment {
  	position: absolute;
  	z-index: 400;
  	top: 12vw;
  	left: 22%;
  	width: 52%;
  }
  #sweets .sweets-coment p {
  	color: #fff;
  	font-weight: bold;
  	font-size: 2.5vw;
      line-height: 3vw;
  }
  #sweets .sweets-img01 {
  	width: 20vw;
  	position: absolute;
  	z-index: 300;
  	top: 1vw;
  	right: 2%;
  }
  #sweets .sweets-img02 {
  	width: 30vw;
  	position: absolute;
  	z-index: 300;
  	top: 32vw;
  	left: 38%;
  }
  #sweets .sweets-img03 {
  	width: 44vw;
  	position: absolute;
  	z-index: 300;
  	top: 50vw;
  	left: 0%;
  }
  #sweets .sweets-img04 {
  	width: 34vw;
  	position: absolute;
  	z-index: 300;
  	top: 50vw;
  	right: 0%;
  }
  .vegetable-img04 {
  	/* width: 24vw;
  	z-index: 200;
  	position: absolute;
  	top: 30vw;
  	left: 2%; */
   display: none;
  }
  /*マップ*/
  #access {
  	width: 96%;
  	margin: 10px auto;
  	padding: 10px 20px;
  	border: 1px solid #804000;
  } 
  #access h2 {
  	color: #804000;
  	font-size: 4vw;
  	text-align: center;
  	padding: 20px 0;
  }
  #access h3 {
  	color: #804000;
  	font-size: 4vw;
  	text-align: center;
  	padding: 10px 0;
  }
  #access p {
  	padding: 5px 0;
  	margin-top: 1vw;
  	width: 100%;
  	margin: 0 auto;
  	font-size: 18px;
  }
  #access p.sega {
  	text-align: center;
  	font-weight: bold;
  	color: #ff0000;
  }
  #access p.sega:hover {
  	color: #087cc9;
  }
  #access img {
  	padding: 2px;
  }
  .diamond-map {
  	padding-top: 10px;
  }
  table.address-table {
  	display: block;
  	width: 100%;
  }
  table.address-table tr {
  	border-bottom: 1px dotted #c8c8c8;
  }
  .address-table {
  	margin-top: 5%;
  	margin-left: 1%;
  }
  #event {
  	width: 90%;
  	margin: 1vw auto;
  }

}