h1{ color: #333 }
section{ overflow: hidden; padding: 0 }
#main + .inner section{ margin-bottom: 40px }
#main + .inner section#reserve{ margin-bottom: 0 }
.left{ float: left; width: 50%; height: 500px; box-sizing: border-box }
.right{ float: right; width: 50%; height: 500px; box-sizing: border-box }
#about .right, #price .left, #method .right, #reserve .left{ padding: 70px 40px 0 40px }
.comment{ margin-bottom: 50px; text-align: center }

#about h1, #price h1, #method h1, #reserve h1{ font-size: 34px; line-height: 68px }

/*main*/
#main{ height: auto }

/*news*/
#news{ padding: 70px 0 }
#news h1{ font-size: 30px; line-height: 40px; text-align: left; margin-bottom: 50px }
#news li{ border-bottom: solid 1px #ccc; margin-bottom: 20px; padding-bottom: 20px }
#news li:nth-child(3n){ border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
#news li a{ display: block; overflow: hidden; background: url(img/arrow.png) no-repeat; background-size: 10px; background-position: 100% 50% }
#news .day{ float: left; display: block; font-size: 12px; font-weight: bold; color: #fff; background: #f78bc5; text-align: center; width: 95px; height: 32px; line-height: 32px; margin-right: 20px }
#news .text{ float: left }

/*about*/
#about .left{ background: url(img/about.jpeg) no-repeat; background-size: cover; background-position: 50% }

/*price*/
#price .right{ background: url(img/price.jpeg) no-repeat; background-size: cover }

/*method*/
#method .left{ background: url(img/method.jpeg) no-repeat; background-size: cover; background-position: 50% }

/*reserve*/
#reserve .right{ background: url(img/reserve.jpeg) no-repeat; background-size: cover; background-position: 50% }
#reserve{ padding-bottom: 50px }

@media(max-width: 768px){
section .img{ width: 100%; margin-bottom: 30px }
#main + .inner section{ margin-bottom: 0 }
.left , .right{ float: none; width: 100%; height: auto }
#about .right, #price .left, #method .right, #reserve .left{ padding: 40px 10px }
#about .left, #price .right, #method .left, #reserve .right{ background: none }
#about h1, #price h1, #method h1, #reserve h1{ font-size: 26px; line-height: 52px }

/*news*/
#news{ padding: 40px 0 }
#news h1{ font-size: 20px; line-height: 30px; margin-bottom: 30px }
#news li{ margin-bottom: 15px; padding-bottom: 15px }
#news li a{ background: none }
#news .day{ float: none; margin-bottom: 10px }
#news .text{ float: none; display: block; width: 100%; box-sizing: border-box; padding-right: 30px; background: url(img/arrow.png) no-repeat; background-size: 10px; background-position: 100% 50% }

/*reserve*/
#reserve{ padding-bottom: 40px }
}