@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#gHeader .hPhoto {
    max-width: none;
}
#main .topTtl {
    margin-bottom: 20px;
    text-align: center;
}
#main .topTtl span {
    padding: 3px 27px 7px;
    display: inline-block;
    background: #FFF282;
    color: #0C87E1;
    letter-spacing: 0.3px;
    font-size: 2.4rem;
    font-weight: 700;
}
#main .topTtl span big {
    font-size: 3rem;
    font-weight: 700;
}
#main .topTtl02 {
    margin-bottom: 35px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    color: #333;
}
#main .topTtl02 span big {
    font-size: 4rem;
}
#main .topTtl02 .space {
    display: inline-block;
    padding: 0 10px;
}
#main .photo01 {
    width: 620px;
    margin: 0 auto 30px;
}
#main .photo01 a:hover img {
    opacity: 0.4;
}
#main .news {
    margin-bottom: 33px;
    height: 152px;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
#main .news .sub {
    padding: 15px 40px 20px;
}
#main .newsDl dt {
    color: #0C87E1;
    float: left;
    font-weight: 700;
}
#main .newsDl dd {
    margin-bottom: 15px;
    padding: 0 0 12px 90px;
    text-decoration: underline;
    border-bottom: 1px dotted #000;
}
.bigPhoto {
    text-align: center;
    margin-bottom: 32px;
}
.series {
    margin-bottom: 32px;
    background-color: #fff;
    border-radius: 8px;
}
.series .sub {
    padding: 24px 45px 40px;
    text-align: center;
}
.series .ttl {
    font-size: 2.4rem;
    color: #0C87E1;
    font-weight: bold;
}
.series .subtext {
    font-size: 2rem;
    color: #0C87E1;
    font-weight: bold;
}
.series .subttl {
    width: 350px;
    height: auto;
}
.series p {
    margin-bottom: 25px;
}
.series p:last-child {
    margin-bottom: 0;
}
.series p a {
    text-decoration: underline;
}
.series .infoUl {
    margin: 0 -5px -8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.series .infoUl li {
    width: 47.6%;
}
.series .infoUl li p {
    margin-bottom: 7px;
}
.series .infoUl li .photo {
    margin-bottom: 7px;
}
.series .infoUl li .photo img {
    width: 100%;
}
.series .infoUl li p .txtSpan {
    margin-bottom: -4px;
    font-size: 1.7rem;
    color: #0C87E1;
    display: block;
    font-weight: bold;
}
.series .infoUl li .comLink {
    width: auto;
    margin-bottom: 8px;
    text-align: left;
}
.series .headLine02 {
    text-align: left;
}
#main .youtube {
    width: 600px;
    margin: 0 auto 30px;
}
.jspVerticalBar {
	width: 8px;
	box-sizing: border-box;
	background-color: #C4C4C4;
}
.jspTrack {
	background-color: #C4C4C4;
}
.jspHorizontalBar {
	display: none;
}
.jspVerticalBar .jspDrag {
	margin: 0 auto;
	background-color: #8E8E8E;
}
.kyoukun {
    width: 100%;
    margin-bottom: 32px;
}

#modal  {
    display:none
}

.modal { 
    position:fixed;
    display:none;
    z-index:9999;
    top:40%;
    left:50%;
    transform: translateX(-50%);
}
    
#confirm_modal	 {
    width: 450px;
    height: auto!important;
    background: #fff;
    padding: 30px;
    /* border: 1px #ddd solid; */
    -webkit-border-radius: 8px;
    -mozborder-radius: 8px;
    border-radius: 8px;
    text-align: center;
}
    
#confirm_modal ul	{
    text-align: center;
    margin: 10px auto;
}
    
#confirm_modal ul li	{
    display: inline;
    zoom: 1;
    padding: 0 10px;
}
    
#confirm_modal ul li a	{
    display: block;
    -webkit-border-radius: 8px;
    -mozborder-radius: 8px;
    border-radius: 8px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
    
#confirm_modal ul li a.yes,
#confirm_modal ul li a.no	{
    padding: 5px 30px 7px 22px;;
    display: block;
    color:#0C87E1;
    border: 2px solid #0C87E1;
    background: url("../img/common/arrow01.svg") no-repeat center right 7px #fff;
    background-size: 7px auto;
    font-weight: 700;
}

#confirm_modal ul li a.yes:hover,
#confirm_modal ul li a.no:hover	{
    opacity: 0.4;
}

/* #confirm_modal ul li a.no	{
    position: relative;
    background:#fff;
    color:#333;
    border: 2px solid #333;
} */

#simplemodal-overlay {
    opacity: .9!important;
}

@media all and (min-width: 897px) {
    .series p a:hover {
        text-decoration: none;
    }
    #main .newsDl dd:hover {
        text-decoration: none;
    }
    .series .infoUl li:nth-child(3),
    .series .infoUl li:nth-child(4) {
        margin-top: 40px;
    }
}


@media all and (max-width: 896px) {
    #main .topTtl span big {
        line-height: 1;
    }
    #main .topTtl {
        padding-top: 4px;
        margin-bottom: 9px;
    }
    #main .topTtl span {
        padding: 6px 5px 4px;
        font-size: 1.7rem;
        letter-spacing: 0;
    }
    #main .topTtl02 {
        margin-bottom: 17px;
        line-height: 1.4;
    }
    #main .topTtl02 span {
        font-size: 2rem;
    }
    #main .topTtl02 span big {
        font-size: 2.2rem;
    }
    #main .photo01 {
        margin: 0 8px 16px;
        width: auto;
    }
    #main .photo01 img {
        width: 100%;
    }
    #main .news {
        margin-bottom: 16px;
        height: 145px;
    }
    #main .news .sub {
        padding: 18px 8px 10px;
    }
    #main .newsDl dt {
        margin-right: 10px;
    }
    #main .newsDl dd {
        margin-bottom: 18px;
        padding-left: 0;
    }
    .bigPhoto {
        margin-bottom: 15px;
    }
    .series .sub {
        padding: 16px 15px;
    }
    .series .ttl {
        margin-bottom: 16px;
        font-size: 2rem;
    }
    .series p {
        margin-bottom: 21px;
    }
    .series {
        margin-bottom: 18px;
    }
    .series .infoUl {
        margin: 0 -7px -15px;
        display: block;
    }
    .series .infoUl li {
        margin-bottom: 15px;
        width: auto;
    }
    .series .infoUl li p .txtSpan {
        font-size: 1.8rem;
        margin-bottom: -1px;
    }
    .series .infoUl li .photo {
        margin-bottom: 3px;
    }
    #main .youtube {
        margin-bottom: 16px;
        width: auto;
    }
    #main .youtube img {
        width: 100%;
    }
    .series .subttl {
        width: 280px;
        height: auto;
    }
    /* .modal { 
        top:40%;
        left:50%;
    } */
    #confirm_modal	 {
        /* width:250px!important; */
        width:66vw!important;
        max-width: 450px;
        margin: 0 auto;
    }
}