| @charset "UTF-8";
/* Custom */
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
}
/* column2 */
#column2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#column2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#column2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
#column2 li { background-color: #fff; border-radius: 10px; }
#column2 #colu_img { height: 260px; }
#column2 #colu_days { font-size: 80%; text-align: center; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {}
/* Mobile2用 */
@media screen and (max-width: 540px) {}
/* event2 */
#event2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#event2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#event2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
#event2 li { background-color: #fff; border-radius: 10px; }
#event2 #event_img { height: 400px; }
#event2 #event_area { padding: 0 0 10px 0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
#event2 h1 { margin: 80px 8% 30px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
#event2 h1 { margin: 80px 8% 30px; }
}
|
