@charset "UTF-8";
body {
  background-color: #F5F1D9; /*全体背景色*/ /*#F5F1D9*/
}
/*トップページ*/
div#top {
  height: 720px;
  background-image: url("imges/topBack.png");
  margin: 0;
  padding: 0;
  min-height: 720px;
}
img.logo { /*ロゴ*/
  position: absolute;
  top: 10px;
  left: 145px;
  padding-top: 20px;
}
h1.moji { /*トップの文字*/
  position: absolute;
  top: 530px;
  left: 33px;
  z-index: 20;
}
img.usiro {/*文字の下の四角*/
  z-index: 10;
  position: absolute;
  top: 620px;
  left: 30px;
  margin-left: 20px;
}
img.topImage { /*トップの画像*/
  width: 260px;
  height: 407px;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-style: none;
}
span.honmono {
  color: #B92A2D; /*赤*/
}
/*導入ページ*/
div#dounyu {
  margin-top: 0;
  background-color: #F5F1D9; /*トップページ以外の背景色*/
  height: 720px;
  min-height: 720px;
}
p.white {/*導入　メッセージ*/
  background-color: rgba(255, 255, 255, 0.65); /*半透明　白*/
  padding: 20px;
  margin-top: 60px;
  margin-right: 30px;
  margin-left: 20px;
  position: relative;
  z-index: 20;
}
img.nakami {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  top: -55px;
  position: relative;
  z-index: 10;
}
/*文字について*/
h1 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  font-size: 33px;
  padding-left: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}
/*各ページのタイトル*/
h2 {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: normal;
  font-size: 30px;
  color: ivory;
  background-color: #F7D348; /*見出しの後ろの黄色*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-right: 20px;
  margin-left: 0;
  margin-top: 40px;
  box-shadow: 15px 15px 0px 0 rgba(204, 204, 204, 0.5); /*影*/
}
h3 {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: medium;
}
p {
  font-size: 18px;
  padding: 20px;
  padding: 0;
}
/*こだわりページ*/
div#kodawari {
  background-color: #F5F1D9;
  margin: 0;
}
div.sozaiList {
  display: flex;
  margin-bottom: 20px;
}
img.sozaiImage { /*01と03の画像*/
  box-shadow: 15px 15px 0px 0 rgba(247, 211, 72, 0.7); /*画像の影*/
}
img.sozaiImageT { /*02の画像*/
  box-shadow: -15px 15px 0px 0 rgba(247, 211, 72, 0.7); /*画像の影（卵）*/
}
span.number {
  font-size: 35px;
  color: #B92A2D;
}
span.point {
  font-size: 20px;
  font-weight: normal;
  padding: 0;
  position: relative;
  top: -7px;
  border-bottom: solid 1px #B92A2D;
  display: inline-block;
}
p.setumei { /*卵の説明*/
  padding: 10px;
  margin-top: 25px;
  position: relative;
  top: 13px;
}
p.setumeiY { /*焼き目の説明*/
  padding: 10px;
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 10px;
  position: relative;
  left: 10px;
}
p.setumeiK { /*カラメルの説明*/
  padding: 10px;
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 10px;
  position: relative;
  left: 5px;
}
h3.komidasi {
  position: relative;
  top: 50px;
  text-align: right;
  margin-right: 15px;
}
h3.komidasiT { /*02の小見出しだけ右に置く*/
  position: relative;
  top: 56px;
  left: 30px;
}
/*商品紹介ページ*/
div#syouhin {
  background-color: #F5F1D9;
}
/*値段表記について*/
p.nedan {
  text-align: right;
  padding: 0;
  margin-right: 20px;
  font-size: 18px;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  color: #B92A2D;
  font-weight: bold;
}
/*商品名部分*/
h3.syohinmei {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 23px;
  font-weight: inherit;
  border-bottom: solid 2px #B92A2D;
  text-align: center;
  padding: 0;
}
h3.syohinmeiyon {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 20px;
  font-weight: inherit;
  border-bottom: solid 2px #B92A2D;
  text-align: center;
  padding: 0;
}
/*焼きプリン画像*/
div.YP {
  display: :flex;
  text-align: center;
  margin-top: 65px;
  margin-bottom: 30px;
}
img.main {
  position: relative;
  z-index: 20;
  margin-right: 50px
}
img.PR {
  position: absolute;
  left: 230px;
  z-index: 10;
}
/*アレルギー表示について*/
ul {
  list-style: none;
  display: flex;
}
li {
  margin-right: 25px;
}
/*4個入り*/
img.yonkoiri {
  position: relative;
  top: -10px;
  left: 20px;
  margin-left: 50px;
  margin-top: 50px;
  z-index: 20;
}
img.PR4 {
  position: relative;
  top: -50px;
  right: 18px;
  z-index: 10;
}
/*商品紹介の各項目*/
h3.koumoku {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: medium;
  border-bottom: solid 1px #B92A2D;
  display: inline-block;
  text-align: left;
  margin: 0;
}
p.syosai {
  padding: 10px;
}
/*注意書き*/
p.kome {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: lighter;
  font-size: 15px;
  padding: 0;
  margin-top: 0px;
}
/*その他商品*/
img.sonota {
  align-items: center;
  margin: 50px;
  margin-left: 90px;
}