@charset "UTF-8";
strong {color:#B20000;}

@media screen and (min-width: 768px),print {
.contents {width:1100px; margin:0 auto 0px auto;}
/* Reset jquery.bxslider.css */
.bx-wrapper {
  box-shadow: none;
  border: none;
}
#mainslide {margin:0 auto; text-align:center; max-width:1500px; min-width:1100px;}
#top_slider {margin:0; padding:0;}
#top_slider li {
  height: 700px !important;
  width:1500px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size:cover;
}
#top_slider li p {position:absolute; top:630px; right:40px; padding:0 5px 0 15px; background-color:rgba(255,255,255,0.8); color:#000;}
.bx-wrapper img {min-width:1500px;}

/* top */
#top .maincopy {margin:90px 0 50px 0; text-align:center; font-size:36px; line-height:1.7em; letter-spacing:5px;}
#top .maincopy2 {margin:0px 0 70px 0; text-align:center; font-size:22px; line-height:1.7em; letter-spacing:2px; color:#555;}

#top ul.contents_btn {width:1100px; margin:0 auto 100px auto; padding:0; font-size:0; line-height:0;}
#top ul.contents_btn li {display:inline-block; margin:0; padding:0;}
#top ul.contents_btn li:nth-child(odd) {margin:0 40px 43px 0;}

#top .point {background:url(../img/common/navi_back.jpg) center top; height:680px;}
#top .point h3 {color:#FFF; font-size:36px; text-align:center; letter-spacing:10px; padding:60px 0 45px 0;}
#top .point_box { background-color:#EEE; width:350px; height:420px; display:block; float:left; text-align:center; line-height:1.6em;}
#top .point_box:nth-child(odd) {margin:0 25px;}
#top .point em {display:block; color:#888888; font-size:36px; margin:25px 0 15px 0;}
#top .point h4 {font-size:24px;}
#top .point p {font-size:18px; text-align:left; padding:0 25px;}
#top .point_box img {width:300px;}

#top .bn_cemetery {text-align:center; margin:80px auto 0 auto; font-size:0;}
#top .bn_cemetery img {margin:0 10px 20px;}
#top .bn_works {display:none;}
}


@media screen and (max-width: 767px) {
.contents {margin-top:20px;}

/* Reset jquery.bxslider.css */
.bx-wrapper {
  left: 0;
  box-shadow: none;
  border: none;
}
#mainslide {margin-top:55px;}
#top_slider { background-color:#CCC; margin:0; padding:0;}
#top_slider li {
  width:100%; height:210px;
  background: center / cover no-repeat;
}
#top_slider li p {position:absolute; top:180px; right:0; padding:0 0px 0 10px; background-color:rgba(255,255,255,0.8); color:#000; font-size:12px;}

/* top */
#top {margin-top:55px;}
#top .maincopy {margin:40px 0 0 0; padding:0px 5px 30px 10px; font-size:20px; line-height:1.6em;}
#top .maincopy2 {margin:0px 10px 40px 10px; font-size:15px;}

#top ul.contents_btn {margin:0px 15px 70px 15px;}
#top ul.contents_btn li {display:block; margin:0 0 10px 0; padding:0;}

#top .point {background:url(../img/common/navi_back.jpg) center top; padding-bottom:40px;}
#top .point h3 {color:#FFF; font-size:24px; text-align:center; letter-spacing:2px; padding:40px 0 30px 0;}
#top .point_box { background-color:#EEE; margin:0 2% 20px 2%; width:96%; line-height:1.6em; text-align:center; padding:10px 0 7px 0;}
#top .point em {display:block; color:#888888; font-size:30px; margin:5px 0 15px 0;}
#top .point h4 {font-size:22px; margin:0 0 15px 0;}
#top .point p {text-align:left; padding:0 15px 10px 15px;}
#top .point_box img {padding:0 15px;}

#top .bn_cemetery {text-align:center; margin:40px 20px 0 20px;}
#top .bn_cemetery img {max-width:350px;}

#top .bn_works {text-align:center; margin:50px 20px -20px 20px;}

}