@charset "utf-8";

/* -----------------------------------------
	common
----------------------------------------- */
sub{vertical-align: sub; font-size: 1.1rem;}
.mr3p{margin-right: 3%;}
.mr5p{margin-right: 5%;}
.m0auto{margin: 0 auto;}
.w80{width: 80px;}
.wCalc80{width: calc(100% - (80px + 3%));}
.rowReverse{flex-direction: row-reverse;}

@media screen and (max-width: 750px){
    .sp_mb3p{margin-bottom: 3%;}
    .sp_mb5p{margin-bottom: 5%;}
    .sp_jcSb{justify-content: space-between;}
    .sp_ta-c{text-align: center!important;}
}


/* -----------------------------------------
	contents
----------------------------------------- */
.postList li{margin-bottom: 40px;}
.video{
    position: relative;
    width: 100%;
    padding-top: 56.25%;    
}
.video iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;    
}

@media screen and (max-width: 750px){
    .postList li{margin-bottom: 10%;}
}


/* -----------------------------------------
	heading
----------------------------------------- */
.heading_bl{
    padding: 2px 0 5px 5px;
    border-left: 8px solid #a6cb00;
}


/* -----------------------------------------
	icon
----------------------------------------- */
.ic_dwArrow{
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 50px;
}
.ic_dwArrow:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 30px solid #333;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.ic_pop, .ic_note{
    position: relative;
    padding-left: 35px;
}
.ic_pop:after{
    content: "";
    display: block;
    width: 27px;
    height: 20px;
    background: url("../action/img/icon_pop_g.png") no-repeat left top/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.ic_note:after{
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background: url("../action/img/icon_note.png") no-repeat left top/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.ic_other, .ic_train, .ic_station{
    position: relative;
    padding-left: 70px;
}
.ic_other:before, .ic_train:before, .ic_station:before{
    display: block;
    width: 55px;
    height: 21px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 2px;
    margin: auto;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}
.ic_other:before{content: "その他"; background-color: #ef80c0;}
.ic_train:before{content: "車両"; background-color: #87b500;}
.ic_station:before{content: "駅"; background-color: #0d92ff;}

.afterL{padding-left: 0; padding-right: 85px;}
.afterL:before{
    right: 0;
    left: auto;
    width: 65px;
    height: 24px;
    padding-top: 4px;
    font-size: 1.5rem;
}

@media screen and (max-width: 750px){
    .ic_other, .ic_train, .ic_station{padding-left: 60px;}
    .ic_other:before, .ic_train:before, .ic_station:before{
        width: 50px;
        height: 18px;
        padding-top:3px;
        font-size: 1.1rem;
    }
    .afterL{display: inline-block; padding-left: 0; padding-right: 65px;}
    .afterL:before{
        width: 55px;
        height: 23px;
        padding-top: 3px;
        font-size: 1.4rem;
    }
}

.pc_img_col3 img{
	max-width: 65%;
}

@media screen and (max-width: 750px){
	.pc_img_col3 img{
		max-width: 100%;
	}
}
