@charset "utf-8";
/* CSS Document */

＊ {
	margin: 0;
	padding: 0;
	box-sizing: border-box; 
}

html {
  font: 10px/1.5 YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"
}

body {
	width: 100%;
	margin: 0 auto;
  font: 1.6rem/1.5 YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"
}

h2 {
  padding: 1rem;
  color: white;
  font-size: 1.8rem;
}

h3 {
	margin-bottom: 2rem;
	padding: .8rem;
	background: #f8f4e6;
}

a {
  transition: .25s;
}

a:hover {
  color: tomato;
}

p {
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #e6e6e6;
}

div {
	margin: 1rem;
}

figure {
  padding: 2rem 2rem 1rem;
  text-align: center;
}

img {
  width: 60%;
	box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.15);
}

img.yoko {
  width: 80%;
	box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.15);
}


/* ----------------------------------------------
　　メモ
---------------------------------------------- */.memo {
  margin-bottom: 2rem;
  padding: 1rem;
  background: #fff9e5;
}

.memo_ttl {
  margin: 0 0 1rem 0;
  padding-left: 2.8rem;
  color: #ffb36b;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}

.memo_ttl::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffb36b;
  color: #fff;
	font-family: "Font Awesome 5 Free";
  font-size: 1.4rem;
	font-weight: 700;
  text-align: center;
  content: "\f040";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}


/* ----------------------------------------------
　　注意書き
---------------------------------------------- */.memo.alert {
  background: #ffebeb;
}

.memo.alert .memo_ttl {
  color: #f46b6b;
}
.memo.alert .memo_ttl::before {
  background: #f46b6b;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  content: "\f12a";
}

/* ----------------------------------------------
　　リスト
---------------------------------------------- */
ul, ol {
	padding: .5rem .5rem .5rem 3rem;
	border-radius: 4px;
}

ol {
	background: #dcf0c8;
}

ul {
	background: #FFF6CC;
	list-style: none;
}

li {
	padding: .5rem 0;
}

ul li {
	margin-left: -2rem;
}


.baby {
  background: #f0908d;
}
.bridal {
  background: #38a1db;
}
.other {
  background: #82ae46;
}
.butsuji {
  background: #522f60;
}


@media screen and (max-width: 959px) {
}


@media screen and (max-width: 559px) {
  figure {
    padding: 1rem 0;
    text-align: center;
  }
  img {
    width: 100%;
  }
  img.yoko {
    width: 100%;
  }
}