/* style.css */ html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,table { margin: 0; padding: 0; } img { max-width: 100%; height: auto; vertical-align: top; } .in { padding: 0 3%; } .none { display: none !important; } .ib { display: inline-block !important; } .header-wp { padding: 5px 0 10px; text-align: center; } .header-wp .h-1 { font-size: 11px; font-weight: normal; } .header-wp .logo { margin-top: 10px; width: 30%; max-width: 180px; } .price-wp { background: url(img/bg-giza-sp.png) no-repeat center top; margin-top: 20px; text-align: center; position: relative; } .price-wp .price { display: inline-block; font-size: 17px; padding: 130px 0 50px 50px; background: url(img/ico-car.png) no-repeat center 40px,url(img/ico-plus.png) no-repeat left 135px; background-size: 105px,40px; color: #fff; text-align: center; } .price-wp .price .big { font-family: times,serif; font-size: 40px; } .price-wp .price .small { font-size: 13px; } .price-wp .price .bold { font-size: 20px; font-weight: bold; } .img-wp img { width: 100%; } .calendar-sec { padding: 80px 0 65px; background: url(img/bg-stripe.png) repeat left top; text-align: center; } .calendar-sec .h { font-size: 17px; } .calendar-sec .h .small { font-size: 14px; } .calendar-sec #genzai-yoyaku { display: inline-block; margin-top: 25px; font-size: 17px; font-weight: bold; text-decoration: none; background: #00798d; color: #fff; padding: 5px 60px 3px; border-radius: 20px; text-align: center; } .calendar-sec .text { margin-top: 20px; } .calendar-sec .ico { padding-top: 3px; width: 15px; } .calendar-sec .ico.v1 { margin-left: 30px; } .calendar-sec .nav-wp { margin-top: 35px; } .calendar-sec .tab { display: inline-block; font-size: 15px; font-weight: bold; background: #6290aa; color: #fff; padding: 5px 0 10px; border-radius: 10px 10px 0 0 / 10px 10px 0 0; text-align: center; width: 49%; } .calendar-sec select { display: inline-block; font-size: 15px; font-weight: bold; margin-left: 2%; position: relative; top: 5px; padding: 5px 0 5px; border: 1px solid #b2b2b2; border-radius: 10px; text-align: center; width: 49%; } .calendar-sec .blue-box-2 { background: #6290aa; color: #fff; padding: 10px; overflow: hidden; } .calendar-sec .blue-box-2 .prev { display: inline-block; float: left; cursor: pointer; } .calendar-sec .blue-box-2 .next { display: inline-block; float: right; cursor: pointer; } #plan-reserve-calendar figure { margin: 0; } #plan-reserve-calendar figure.active { display: none; } #plan-reserve-calendar figure.active.top { display: block; } .calendar-sec .notice { display: inline-block; font-size: 14px; line-height: 2; font-weight: bold; background: url(img/bg-line.png) no-repeat left 20px; background-size: 100%; } @media screen and (min-width: 800px) { .pc-mw1600 { max-width: 1600px; margin: auto; } .pc-mw1000 { max-width: 1000px; margin: auto; } .pc-none { display: none !important; } .pc-ib { display: inline-block !important; } .pc-block { display: block !important; } .header-wp { padding: 5px 0 25px; overflow: hidden; } .header-wp .h-1 { float: right; width: 70%; margin: 20px 0 0 0; } .header-wp .logo { float: left; width: 30%; max-width: 180px; } .main-img-wp img { width: 100%; } .price-wp { background: url(img/bg-giza-pc.png) no-repeat center top; margin-top: -10px; } .price-wp .price { font-size: 17px; padding: 70px 50px 60px; background: url(img/ico-car.png) no-repeat right top 60px,url(img/ico-plus.png) no-repeat 90px 90px; background-size: 135px,50px; color: #fff; text-align: center; } .price-wp .price .big { font-size: 66px; } .price-wp .price .small { font-size: 20px; } .price-wp .price .bold { font-size: 24px; font-weight: bold; } .calendar-sec { padding: 120px 0; } .calendar-sec .h { font-size: 22px; } .calendar-sec .h .small { font-size: 16px; } .calendar-sec #genzai-yoyaku { margin-top: 10px; } .calendar-sec .nav-wp { display: none; } #plan-reserve-calendar { margin-top: 40px; } #plan-reserve-calendar figure { display: none; } #plan-reserve-calendar figure.active { display: inline-block; margin-left: 2%; } #plan-reserve-calendar figure.active.top { display: inline-block; margin-left: 0; } .calendar-sec .calendar-wp { text-align: center; } .calendar-sec .prev-2,.calendar-sec .next-2 { margin-top: 173px; cursor: pointer; } #plan-reserve-calendar { display: inline-block; padding: 0 30px; width: 80%; box-sizing: border-box; } @media screen and (min-width: 1600px) { .price-wp { background-size: cover; } } }