@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  群馬県クレー射撃場
 *  2016.03.28
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

.top-bg {
  background: url(../img/bg2.jpg) center center / cover no-repeat;
  height: 325px;
}

h1 {
  position: relative;
  top: -220px;
  left: 50%;
  width: 308px;
  height: 249px;
  margin-left: -154px;
  margin-bottom: -249px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
h1.about { background: url(../img/about-title.png) left top no-repeat; }
h1.availabilty { background: url(../img/availabilty-title.png) left top no-repeat; }
h1.beginners { background: url(../img/beginners-title.png) left top no-repeat; }
h1.skill { background: url(../img/skill-title.png) left top no-repeat; }
h1.overview { background: url(../img/overview-title.png) left top no-repeat; }
h1.tourism { background: url(../img/tourism-title.png) left top no-repeat; }
h1.news { background: url(../img/news-title.png) left top no-repeat; width: 551px; margin-left: -275px; }

/* ---------------------------------------------------------------------------
//  about
--------------------------------------------------------------------------- */
.about-intro {
  padding-top: 100px;
  background: #F2F2F2;
}

.about-intro .inner {
  background: url(../img/about-ph01.png) right top no-repeat;
  padding-bottom: 100px;
}

.about-intro h2 {
  background: url(../img/about-cap.png) left 20px no-repeat;
  width: 572px;
  height: 49px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 20px;
}

.about-intro h3 {
  width: 572px;
  font-size: 20px;
  color: #222;
  margin-top: 35px;
}

.about-intro p {
  width: 572px;
  line-height: 2.0;
  margin-top: 10px;
}

.about-step {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 70px 0 100px;
}

.about-step h2 {
  background: url(../img/about-step.png) left top no-repeat;
  width: 678px;
  height: 48px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 60px;
}

.about-step .flow { float: left; margin-right: 40px; }
.about-step .pdf-dl { float: left; }

.about-step .flow h3 {
  background: url(../img/about-step-title1.png) center top no-repeat;
  width: 485px;
  height: 55px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 15px;
}

.about-step .pdf-dl h3 {
  background: url(../img/about-step-title2.png) center top no-repeat;
  width: 455px;
  height: 55px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 15px;
}

.about-step .pdf-dl dl {
  background: url(../img/about-step-bg.png) left top no-repeat;
  height: 317px;
  padding: 0 15px;
  margin-bottom: 25px;
}

.about-step .pdf-dl dl dt {
  padding: 35px 0 10px;
}

.about-step .pdf-dl dl dd {
  border-bottom: 1px solid #C3C3C3;
  font-size: 14px;
  line-height: 2.2;
}

.about-step .pdf-dl dl dd a {
  background: url(../img/icon-pdf.png) left center no-repeat;
  padding-left: 40px;
  color: #222;
}
.about-step .pdf-dl dl dd a:hover { color: #888; }


/* ---------------------------------------------------------------------------
//  availabilty
--------------------------------------------------------------------------- */
.availabilty-content {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 80px 0 100px;
}

.availabilty-content h2 {
  background: url(../img/availabilty-calendar.png) left top no-repeat;
  width: 376px;
  height: 40px;
  margin: 0 auto 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.availabilty-content .explain {
  border-top: 1px solid #C9C9C9;
  margin-bottom: 30px;
}

.availabilty-content .explain ul {
  margin-right: 25px;
  width: 306px;
  float: left;
  color: #222;
}
.availabilty-content .explain ul:last-child { width: 318px; margin-right: 0; }

.availabilty-content .explain ul li { padding: 10px 0 10px 65px; }
.availabilty-content .explain ul li.ta { background: url(../img/calendar-TA.png) left 10px no-repeat; border-bottom: 1px solid #C9C9C9; }
.availabilty-content .explain ul li.tb { background: url(../img/calendar-TB.png) left 10px no-repeat; }
.availabilty-content .explain ul li.sa { background: url(../img/calendar-SA.png) left 10px no-repeat; border-bottom: 1px solid #C9C9C9; }
.availabilty-content .explain ul li.sb { background: url(../img/calendar-SB.png) left 10px no-repeat; }
.availabilty-content .explain ul li.ex { background: url(../img/calendar-ex.png) left 10px no-repeat; }

.availabilty-content .pdf-dl {
  margin-top: 20px;
}

.availabilty-content .pdf-dl a {
  background: url(../img/calendar-dl.png) left top no-repeat;
  display: block;
  width: 979px;
  height: 48px;
  color: #FFC100;
  line-height: 1.0;
  padding: 14px 0 0 363px;
  box-sizing: border-box;
}

.availabilty-content .pdf-dl a:after {
  content: url(../img/icon-pdf.png);
  padding-left: 10px;
}

.availabilty-content .pdf-dl a:hover {
  opacity: 0.7;
  background-color: transparent;
}

.contact {
  background: url(../img/contact-bg.jpg) center top / cover no-repeat;
}

.contact .inner {
  background: url(../img/contact-title.png) left 70px no-repeat;
  padding-top: 70px;
  height: 373px;
  box-sizing: border-box;
}
.contact .inner img {
  margin-left: 307px;
}

/* ---------------------------------------------------------------------------
//  beginners
--------------------------------------------------------------------------- */
.beginners-content {
  padding: 100px 0;
  background: #F2F2F2;
}

.beginners-content .inner {
  background: url(../img/beginners-img.png) right top no-repeat;
}

.beginners-content h2 {
  background: url(../img/beginners-cap.png) left top no-repeat;
  width: 572px;
  height: 69px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
}

.beginners-content h2 + p {
  line-height: 2.0;
  width: 572px;
}

/* --------------------------------------------------------------------------- */

dl.common {
  border-top: 1px solid #D9D9D9;
  width: 572px;
  margin-top: 20px;
}
dl.common dt {
  width: 120px;
  float: left;
  clear: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 15px 0;
}
dl.common dt.appy { background: url(../img/icon-appy.png) left center no-repeat; }
dl.common dt.day { background: url(../img/icon-day.png) left center no-repeat; }
dl.common dt.price { background: url(../img/icon-price.png) left center no-repeat; }

dl.common dd {
  border-bottom: 1px dotted #B3B3B3;
  padding: 15px 0 15px 120px;
}
dl.common dd p.link { margin-top: 10px; }
dl.common dd.price { color: #D80000; }
dl.common dd:last-of-type { border: none; }

/* --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
//  skill
--------------------------------------------------------------------------- */
.skill-content {
  padding: 100px 0;
  background: #F2F2F2;
}

.skill-content .inner {
  background: url(../img/skill-img.png) right top no-repeat;
  height: 396px;
}

.skill-content h2 {
  background: url(../img/skill-cap.png) left top no-repeat;
  width: 572px;
  height: 42px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
}

.skill-content h2 + p {
  line-height: 2.0;
  width: 572px;
}

/* ---------------------------------------------------------------------------
//  overview
--------------------------------------------------------------------------- */
.overview-photo {
  padding: 100px 0 60px;
  background: url(../img/overview-bg.jpg) left top repeat;
}

.overview-photo h2 {
  background: url(../img/overview-cap.png) left top no-repeat;
  width: 469px;
  height: 48px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 20px;
}

.overview-photo h2 + p {
  color: #FFF;
}

.photo-inner {
  width: 1010px;
  margin: 0 auto;
}

.photo-inner ul { margin-top: 30px; }
.photo-inner ul li { float: left; }
.photo-inner ul li:nth-child(odd) { margin-right: 10px; }

.overview-info {
  background: url(../img/bg1.jpg) center top / cover no-repeat;
  padding: 50px 0;
}

.overview-info .cap { margin-bottom: 40px; }
.overview-info .cap div { float: left; }
.overview-info .cap div:first-child { margin-right: 10px; }
.overview-info .cap div:nth-child(2) { margin-right: 4px; padding-top: 25px; }
.overview-info .cap div:nth-child(3) { padding-top: 25px; }

.overview-info .price-list {
  background: #FFF;
  border-radius: 5px;
  padding: 40px 38px;
}

.overview-info .price-list .title { float: left; width: 260px; }
.overview-info .price-list .table { float: left; border-left: 1px solid #D9D9D9; padding-left: 45px; width: 598px; }

.overview-info .price-list .table table {
  width: 100%;
}

.overview-info .price-list .table table th {
  border: 1px solid #D9D9D9;
  background: #19608C;
  color: #FFF;
  font-weight: normal;
  padding: 10px 0;
}
.overview-info .price-list .table table td {
  border: 1px solid #D9D9D9;
  font-size: 14px;
  color: #222;
  text-align: center;
  padding: 6px 0;
}
.overview-info .price-list .table table tr:nth-of-type(odd) td {
  background: #F2F6F9;
}

.overview-info .price-list .table table + p {
  font-size: 14px;
  color: #222;
  margin-top: 10px;
  text-align: right;
}

.access {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 80px 0 100px;
}

.access h2 {
  background: url(../img/access-cap.png) left top no-repeat;
  width: 691px;
  height: 37px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 50px;
}

#maparea { height: 560px; margin-bottom: 40px; }

.access .access-info { float: left; margin-right: 47px; }
.access .train { float: left; }

.access .train ul {
  border-bottom: 1px solid #E2E2E2;
}

.access .train ul li {
  display: inline-block;
  padding: 10px 0;
  color: #222;
}

.access .train ul li:nth-child(1) { width: 100px; }
.access .train ul li:nth-child(2) { width: 147px; }
.access .train ul li:nth-child(3) { width: 50px; }
.access .train ul li:nth-child(4) { width: 50px; }


/* ---------------------------------------------------------------------------
//  tourism
--------------------------------------------------------------------------- */
.tourism-content {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 80px 0 100px;
}

.tourism-content h2 {
  background: url(../img/tourism-cap1.png) left top no-repeat;
  width: 576px;
  height: 40px;
  margin: 0 auto 80px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.tourism-content .map-text {
  background: url(../img/tourism-img.png) left top no-repeat;
  padding-left: 278px;
  height: 240px;
  margin-bottom: 40px;
}

.tourism-content h3 {
  background: url(../img/tourism-cap2.png) left 20px no-repeat;
  width: 702px;
  height: 43px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 30px;
}

.tourism-content ul li { float: left; width: 475px; height: 541px; margin-bottom: 40px; }
.tourism-content ul li:nth-child(odd) { margin-right: 30px; }

.tourism-content ul li p {
  padding: 0 30px;
  color: #FFF;
  font-size: 14px;
  margin: 5px 0 10px;
}

.tourism-content ul li p.cap {
  font-size: 18px;
  margin-bottom: 0;
}

.tourism-content ul li.item1 { background: url(../img/tourism-b-bg.png) left top no-repeat; }
.tourism-content ul li.item2 { background: url(../img/tourism-r-bg.png) left top no-repeat; }
.tourism-content ul li.item3 { background: url(../img/tourism-g-bg.png) left top no-repeat; }

.tourism-content ul li a {
  padding: 0 23px;
}

/* ---------------------------------------------------------------------------
//  news
--------------------------------------------------------------------------- */
.news-list {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 80px 0 100px;
}

.news-list h2 {
  background: url(../img/news-cap.png) left top no-repeat;
  width: 288px;
  height: 28px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
}

.news-list dl {
  margin-top: 10px;
  border-top: 1px solid #D9D9D9;
}

.news-list dl dt {
  width: 8em;
  float: left;
  clear: left;
  padding: 1em 0;
  color: #222;
}

.news-list dl dd {
  padding: 1em 0 1em 8em;
  border-bottom: 1px dotted #B3B3B3;
}
.news-list dl dd a { color: #555; }
.news-list dl dd a:hover { color: #999; }

.news-item {
  background: url(../img/bg3.jpg) left top repeat;
  padding: 80px 0 100px;
}

.news-item dl {
  margin-top: 10px;
  border-top: 1px solid #D9D9D9;
  margin-bottom: 20px;
}

.news-item dl dt {
  width: 8em;
  float: left;
  clear: left;
  padding: 16px 0;
  color: #222;
}

.news-item dl dd {
  padding: 16px 0 16px 128px;
  border-bottom: 1px dotted #B3B3B3;
  font-size: 24px;
  color: #222;
}

.news-item #NCC {
  padding: 0 0 30px 128px;
  border-bottom: 1px solid #D9D9D9;
}

.news-item .btn {
  margin-top: 20px;
  text-align: right;
}

.news-item .btn img {
  margin-left: 10px;
}