@charset "utf-8";
/*
 * home CSS
 * ---------------------------------------------
 *
 *
 */

/*===================================
	content  cont__header
=====================================*/
.content {
    margin-bottom: 145px;
}
.cont__header {
    margin-bottom: 110px;
    text-align: center;
}
.cont__header h1 img {
    width: 100%;
    margin-bottom: 100px;
}
.cont__header p {
    font-size: 22px;
    line-height: 2;
}

/*===================================
    event__block
=====================================*/
.event {
    margin-bottom: 90px;
}
.event__block > li {
    position: relative;
    padding: 0 170px 0 433px;
    margin-bottom: 9px;
}
.event__block > li:nth-of-type(1) {
    padding-top: 59px;
    background: #fff9b3;
}
.event__block > li:nth-of-type(2) {
    padding-top: 46px;
    background: #f6b99b;
}
.event__block > li:after {
    display: block;
    position: absolute;
    background: no-repeat 0 0;
}
.event__block > li:nth-of-type(1):after {
    top: 45px;
    left: 66px;
    width: 307px;
    height: 303px;
    background-image: url("../images/home/chara01.png");
}
.event__block > li:nth-of-type(2):after {
    top: 42px;
    left: 89px;
    width: 278px;
    height: 328px;
    background-image: url("../images/home/chara02.png");
}
.event__block h3 {
    margin-bottom: 30px;
}
.event__block p {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.6;
}
.event__block figure {
    margin: 0 -170px 0 -433px;
    padding: 68px 0;
    background: repeat 0 0;
    text-align: center;
    letter-spacing: -.40em;
}
.event__block > li:nth-of-type(1) figure {
    background-image: url("../images/home/bg1.jpg");
}
.event__block > li:nth-of-type(2) figure {
    background-image: url("../images/home/bg2.jpg");
}
.event__block figure img {
    display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
    margin-right: 58px;
}
.event__block figure img:nth-last-of-type(1) {
    margin-right: 0;
}

/*===================================
    eventList
=====================================*/
.eventList.sec h2 {
    margin-bottom: 45px;
}
.eventList table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
}
.eventList table th {
    padding: 0.5em 0;
    border-right: solid 2px #fff;
    background: #808080;
    color: #fff;
}
.eventList table tr th:nth-last-of-type(1) {
    border: none;
}
.eventList table td {
    padding: 1em 5px;
    border-bottom: solid 1px #a2a2a2;
    border-right: dotted 2px #cfcfcf;
}
.eventList table tr td:nth-last-of-type(1) {
    width: 208px;
    border-right: none;
}
.eventList td b {
    color: #ff0000;
}
.eventList .btn a {
    position: relative;
    margin-bottom: 5px;
    padding: 0.4em 2em 0.4em 1em;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.eventList .btn.ringerhut a {
    background: #ffd400;
    color: #000;
}
.eventList .btn.hamakatsu a {
    background: #c6000b;
}
.eventList .btn a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #000;
}
.eventList .btn.hamakatsu a:after {
    border-color: transparent transparent transparent #fff;
}
/************************************************************************************
smaller than 660px max-device-width
*************************************************************************************/
@media screen and (max-device-width: 660px) {

	/*===================================
        content   cont__header
    =====================================*/
    .content {
        margin-bottom: 130px;
    }
    .cont__header {
        margin-bottom: 50px;
    }
    .cont__header h1 img {
        margin-bottom: 40px;
    }
    .cont__header p {
        font-size: 28px;
        line-height: 1.8;
    }

    /*===================================
        event__block
    =====================================*/
    .event {
        margin-bottom: 50px;
    }
    .event__block > li {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .event__block > li:nth-of-type(1) {
        padding-top: 81px;
    }
    .event__block > li:nth-of-type(2) {
        padding-top: 94px;
    }
    .event__block > li:nth-of-type(1):after {
        top: 35px;
        left: 37px;
        width: 150px;
        height: 212px;
        background-size: 150px 148px;
    }
    .event__block > li:nth-of-type(2):after {
        top: 25px;
        left: 35px;
        width: 152px;
        height: 224px;
        background-size: 152px 179px;
    }
    .event__block h3 {
        margin-left: 181px;
    }
    .event__block > li:nth-of-type(1) h3 {
        width: 376px;
        margin-bottom: 72px;
    }
    .event__block > li:nth-of-type(2) h3 {
        width: 387px;
        margin-bottom: 78px;
    }
    .event__block p {
        font-size: 28px;
    }
    .event__block figure {
        margin: 0 -30px;
        padding: 33px 0 5px;
    }

    .event__block figure img {
        margin: 0 18px 28px;
    }
    .event__block figure img:nth-last-of-type(1) {
        margin-right: 18px;
    }

    /*===================================
        eventList
    =====================================*/
    .eventList {
        padding: 0 30px;
    }
    .eventList.sec h2 {
        margin-bottom: 30px;
    }
    .eventList table {
        font-size: 10px;
    }
    .eventList table tr td:nth-last-of-type(1) {
        width: 109px;
    }
    .eventList .btn a {
        font-size: 10px;
    }
}