@charset "UTF-8";
@import url('/css/style.css');

main { background-color: #fdfaf5; }
main div#path { margin: 0 auto; padding-top: 30px; }
main section#page { margin-bottom: 0;}
main section#page div#title { margin-bottom: 35px; }
main section#page div#title h1 { padding: 0; background: none; }
main section#page div#title img { width: 100%; }
main section#page div#title img.pc { display: inline; }
main section#page div#title img.sp { width: 100%; max-width: 590px; display: none; }
main section#page div#contents { text-align: center; color: #202020; font-size: 1.8rem; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }
main section#page div#contents strong { padding-bottom: 2px; font-size: 3.0rem; font-family: fot-tsukuardgothic-std, sans-serif; background: linear-gradient(transparent 70%,  #f7bcb0 70%);}
main section#page div#contents p { line-height: 1.8;}

#sakura { width: 1200px; display: flex; flex-wrap: wrap;  justify-content: space-between; }
#sakura .sakura-inner { margin-bottom: 30px; padding-bottom: 2rem; width: 582px; background: #fff; border-radius: 10px;  }
#sakura .sakura-inner h2.hana { text-align: center; color: #111111; font-size: 2rem; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight: normal; text-decoration: none; padding-right: 50px; border: none;}
#sakura .sakura-inner h2 span {color: #990000; font-size: 80%; text-decoration: underline; }
#sakura .sakura-inner h2.hana:before { content: url("../img/hana.png"); }
#sakura .sakura-inner dl { margin: 0; }
#sakura .sakura-inner dt{ width: 500px; margin: 0 auto; display: block; }
#sakura .sakura-inner dt img{ margin: 0 auto; display: block; margin-bottom: 1em; }
#sakura .sakura-inner dd { margin: 0 auto; width: 500px; box-sizing: border-box; font-size: 1.6rem; line-height: 1.8; text-align: left; color: #111111; }
#sakura .sakura-inner dd a { color: #990000; font-weight: 500; text-decoration: underline; }

main section#page div.banner ul { margin: 50px 0 60px; display: flex; justify-content: space-between; list-style: none; }

section#page div.banner ul { margin: 50px 0 60px; display: flex; justify-content: space-between; list-style: none; }
section#page div.banner ul strong, section#page div.banner span { display: none; }

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

@media screen and (max-width: 767px) {
main div#path { margin: 0 10px; }
main section#page div#title img.pc { display: none; }
main section#page div#title img.sp { display: inline; }
main section#page div#contents { font-size: 1.6rem; }
main section#page div#contents strong { font-size: 2.8rem; }

#sakura { width: 100%;  }
#sakura .sakura-inner { width: 100%;  }
#sakura .sakura-inner h2.hana { font-size: 2.0rem; }
#sakura .sakura-inner dl { margin: 0; width: 100%; }
#sakura .sakura-inner dt{ width: 100%; }
#sakura .sakura-inner dt img{ width: auto; max-width: 90%; }
#sakura .sakura-inner dd { width: 90%; font-size: 1.4rem; line-height: 1.6;}

section#page div.banner {}
section#page div.banner li { width: 49%; }
section#page div.banner a { padding: 10px 0; width: 100%; border-radius: 10px; color: #5a2c05; font-family: fot-tsukuardgothic-std, sans-serif; font-size: 1.6rem; text-align: center; display: block; }
section#page div.banner a.pre { background: #e3c945; border: dashed 1px #a07e2e; }
section#page div.banner a.main { background: #d24e1a; border: dashed 1px #922800; color: #fff; }
section#page div.banner img { display: none !important; }
section#page div.banner ul li { width: 49%; display: flex; }
section#page div.banner ul a { height: auto; display: block; }
section#page div.banner ul img { display: none; }
section#page div.banner ul strong { margin-bottom: 5px; background: none; font-size: 2rem; display: block; }
section#page div.banner ul span { margin: 0 8px; padding: 10px 0; height: 3em; background: #fff; border-radius: 8px; color: #5a2c05; font-size: 1.4rem; line-height: 1.2; display: flex; align-items: center; justify-content: center; }
}