@charset "euc-jp";

img { vertical-align:bottom; }

.header .sitelogo {
    height: 100px;
    margin-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
.header .sitelogo li:first-child {
    height: auto;
}
.header .sitelogo img {
    height: auto;
    width: 190px;
}
.header .sitelogo:after {
    background: url(../img/img_balloon.png) no-repeat center;
    content: "";
    display: block;
    height: 130px;
    width: 130px;
    position: absolute;
    top: 128px;
    right: -30px;
    z-index: 1;
}

/* main */
.main {
    background: #fcb923;
    background: -moz-linear-gradient(top, #fcd014 0%, #fcd014 30%, #fcb923 100%);
    background: -webkit-linear-gradient(top, #fcd014 0%,#fcd014 30%,#fcb923 100%);
    background: linear-gradient(to bottom, #fcd014 0%,#fcd014 30%,#fcb923 100%);
    overflow: hidden;
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 0;
}
.main .load {
    opacity: 0.8;
    text-align: center;
    height: 1920px;
    position: absolute;
    z-index: -1;
    top: -500px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/bg1.png), url(../img/bg2.png);
    background-position: center center, center center;
    background-repeat: repeat, no-repeat;
    animation: spin 100s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.gm_day > p {
    background: #2a2a2a;
    color: #fff;
    padding: 10px 0;
    margin: 0 0 20px;
    font-size: 18px;
    text-align: center;
}

/* day */
.day {
    width: 1000px;
    margin: 20px auto 0;
}
.day ul {
    overflow: hidden;
}
.day li {
    float: left;
    margin: 0 10px 0 0;
}
.day li:nth-last-child(1) {
    margin: 0;
}
.day .box .link {
    width: 280px;
    display: block;
    padding: 12px;
    text-align: center;
    border: #c4c4c4 1px solid;
    text-decoration: none;
    margin: 0 0 10px;
    color: #fff;
}
.day .box .link:hover {
    background: #fef5d1;
    transition: .2s linear;
}
.day .box h2 {
    background: none;
    border: none;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.day .box img {
    margin: 5px 0 20px;
}
.day .box  p {
    font-size: 14px;
    color: #333;
}
.contents .point {
    font-size: 28px;
}
.day .detail {
    display: inline-block;
    float: right;
    margin: 0 0 40px 0;
}
.day p.camp {
    font-size: 12px;
    margin: 10px auto 0;
}
.day p.camp span {
    background: #F23D52;
    color: #fff;
    padding: 10px 0;
    font-size: 26px;
    display: block;
    font-weight: bold;
    margin: 8px 0 0;
}

/*caution*/
.caution {
    width: 1000px;
    margin: 0 auto 100px;
}
.caution h2 {
    padding: 8px 8px 8px 22px;
    border-bottom: 1px solid #2879c4;
    background: url(../img/ico_left.png) left 6px top 10px no-repeat;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 15px;
}
.caution ul {
    margin: 20px 10px;
    font-size: 18px;
}
.caution ul li {
    padding-left: 1em;
    text-indent: -1em;
    margin: 0 0 10px;
    line-height: 25px;
}
.caution img {
    margin: 20px 0 0;
}
.out {
    background: #888;
    color: #fff;
    width: 1000px;
    margin: 50px auto 80px;
    text-align: center;
    padding: 60px 0;
}