@charset "utf-8";


/* contents
---------------------------------------------------- */
#green{  background:url(../img/green/bg_main.jpg) repeat-y center top; background-size: cover; width: 100%; min-width: 960px;}
#green #mainColumn{ background-color: rgba(255,255,255,0.8); width: 960px; padding: 70px; box-sizing: border-box; margin: 30px auto 30px;}
#green #mainColumn img{ width: 100%; opacity:1.0; background-color:#fff; display:block;}
#green .lBox{ width:60%; float:left;}
#green .rBox{ width:30%; float:right;}
#green .lBox h2{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#005726; font-size:24px;  margin-bottom: 20px; font-weight:bold; line-height:40px;}
#green .lBox p{ color: #000;}

@media screen and (max-width: 768px) {
#green{ background: #999 url(../img/green/bg_main.jpg) no-repeat center top; background-size: contain;  width: 100%; min-width: 320px !important;}
#green nav.pageNav{ padding-top:30px;}
#green #mainColumn{ background-color: rgba(255,255,255,0.8); width: 100%; padding: 10px; box-sizing: border-box; margin: 30px auto 0;}
#green .lBox{ width:100%; float:none; padding-bottom: 20px;}
#green .rBox{ width:100%; float:none; padding-bottom: 20px;}
#green #mainColumn img{ width:100%;}
#green .lBox h2{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#005726; font-size:20px;  margin-bottom: 20px; font-weight:bold; line-height:35px;}
}

/* #detail
---------------------------------------------------- */
#detail{  background:url(../img/green/bg_main_detail.jpg) no-repeat center top; width: 100%; min-width: 1000px; max-width: 1368px; margin: 0 auto;}
#detail header{ height: 470px;}
#detail #mainColumn{ background-color: #fff; opacity:0.8; width: 960px; padding: 70px; box-sizing: border-box; margin: 0 auto 30px;}
#detail #mainColumn img{ width: 100%;}

#detail h1{ width:100%; float: left; font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#detail .rBox{ width:100%; float: right;}
#detail .detailBox { width:100%; border-bottom:1px dashed #333; padding:0 0 30px 0; margin:0 0 30px 0;}
#detail h2 { font-size: 24px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000; margin-top:30px;}
#detail h3 { font-size: 20px; font-weight:bold; margin-top:20px;}
#detail p { margin-bottom:20px;}
#detail .mapBtn { font-size:16px; text-align:center; padding-top:20px;}
#detail table.photTable { margin-top:20px;}
#detail table.photTable td { padding:5px;}

#detail table.itemTable { margin-top:20px;}
#detail table.itemTable td { padding:5px;}
#detail table.itemTable th { padding:5px; color:#fff; background-color:#333; border-right: 10px #fff solid; border-left: 10px #fff solid;}

#detail table { margin-top:20px;}
@media screen and (max-width: 768px) {
#detail{  background:url(../img/car-reborn/bg_main_sp.jpg) no-repeat center top; width: 100%; min-width: 320px; max-width: 768px; margin: 0 auto;}
#detail h1{ width:100%; float: none;}
#detail .rBox{ width:100%; float: none;}
}

/* table
---------------------------------------------------- */
.sanyoTable{ border-top: 1px solid #f2f2f2;}
.sanyoTable th{ border-bottom: 1px solid #f2f2f2; font-weight: bold; padding: 10px; width: 30%; box-sizing: border-box; text-align:left;}
.sanyoTable td{ border-bottom: 1px solid #f2f2f2; padding: 10px; width: 70%; box-sizing: border-box;}
@media screen and (max-width: 768px) {
.sanyoTable th{ display:block; padding-bottom:0; width:100%; border-bottom:none;}
.sanyoTable td{ display:block; width:100%;}
}