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

h5#topcopi {font-weight:normal; }
#contents h4 {font-size:160%; text-align:center; background:url(../information/image/h4headxx.gif) no-repeat; }

@media print, screen and ( max-width: 679px ) {   /* スマホ用 */
h5#topcopi {text-align:center; }
#contents h4 {}
}

@media screen and (min-width:680px) { /* PC用 */
h5#topcopi {font-size:110%; margin:-10px auto 20px 46px; }
#contents h4 { }

#goannai p.alink {margin:40px auto; text-align:center; }
#goannai p.alink a {margin:0 auto; } 
}

/* ------------------------------------------------------
　　ご案内ページ
------------------------------------------------------ */
#goannai {}
#goannai .annai {}
#goannai p.topimage {}
#goannai ul.photos {margin:20px 0; }

.annai {background:url(../image/line4.gif) no-repeat bottom center; background-size:100%; }

@media print, screen and ( max-width: 679px ) {   /* スマホ用 */
#goannai h4 {margin:24px 0; width:75%; }
#goannai .annai {padding-bottom:20px; margin-bottom:30px; }
#goannai ul.photos {width:100%; display:flex; }
#goannai ul.photos li {margin:8px; }
}

@media screen and (min-width:680px) { /* PC用 */
#goannai p.topimage {margin:0; }
#goannai .clearfix {position:relative; }
#goannai .annai {padding-bottom:50px; margin-bottom:30px; }
#goannai h4 {position:absolute; top:60px; left:0; width:280px; }
#goannai p.text {width:280px; float:left; margin:220px auto 0 0; }
#goannai ul.photos {width:260px; float:right; margin:12px 0 0 auto; }
#goannai ul.photos li {margin:8px 0; }

#songarea { }
#songarea p.kasi {width:450px; margin:0 auto; }
#songarea img { }
}

/* ------------------------------------------------------
　　１日の流れ
------------------------------------------------------ */

#nagarepage {}

@media print, screen and ( max-width: 679px ) {   /* スマホ用 */
#contents #nagarepage h4 {text-align:center; width:70%; margin:20px auto 20px; }
#nagarepage .area+.area,
#nagarepage .clearfix+.clearfix {margin:0 auto; padding:0; }

#nagarepage p.photo {width:100%; margin:10px auto; }
#nagarepage p.photo img {width:100%; }
}

@media screen and (min-width:680px) { /* PC用 */
#nagarepage .nagare {margin:20px 0; }
#contents #nagarepage h4 {width:100%; margin:0 auto 20px 20px; text-align:center; }
#contents #nagarepage h4.left {width:280px; margin:0 auto 20px 20px; text-align:center; }
#nagarepage .text {width:270px; float:right; margin:0 0; line-height:2.4em; }
#nagarepage p.photo {width:280px; float:left; margin:0 auto 0 0; }
#nagarepage span.chenge {}
#nagarepage span.chenge .text {width:270px; float:left; margin:0 0; line-height:2.4em; }
#nagarepage span.chenge p.photo {width:280px; float:right; margin:0 auto 0 0; }
}

/* ------------------------------------------------------
　　かえでの森
------------------------------------------------------ */

#moripage {}
#moripage div.youtube {position:relative; height:0;  }
#moripage div.youtube iframe {position:absolute; width:100%; height:100%; top:0; left:0; }

@media print, screen and ( max-width: 679px ) {   /* スマホ用 */
#moripage h4 {margin:50px auto 30px; }
#moripage div.youtube {padding-top:60%; }
#moripage p {}
#moripage p.photo {}
#moripage p.text {margin:30px auto; }
#moripage p.caption {margin:30px auto 20px; text-align:center; }
}

@media screen and (min-width:680px) { /* PC用 */
#moripage h4 { }
#moripage div.youtube {padding-top:56.5%; }
#moripage div.youtube iframe {}
#moripage p {}
#moripage p.photo {}
#moripage p.text {margin:30px auto 30px 0; width:500px; }
#moripage p.caption {margin:30px auto 20px 0; width:500px; text-align:center; }

#morigallery {}
}