@charset "UTF-8";

/*============================================================

style.css

============================================================*/
.socialmedia img{
margin: auto;
}

@media screen and (min-width: 897px){
.socialmedia .ttlStyle02 {
/*color: #fff;*/
}
.wPC30 {
	width: 30%;
}
.wPC35 {
	width: 35%;
}
}


@media screen and (min-width: 1351px){
img.socialmedia-icon_pc{
width: 500px;
height: auto;
}
}

@media screen and (max-width: 1350px){
img.socialmedia-icon_pc{
width: 400px;
height: auto;
}

.ptP50{
padding-top: 25px !important;
}
.mb50{
margin-bottom: 20px !important;
}
}


@media screen and (max-width: 1080px){
    img.socialmedia-icon_pc{
    width: 320px;
    height: auto;
    }

    .socialmedia .ttlStyle02 {
        margin-bottom: 20px !important;
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 896px){
	
.wSP90{
	width: 90%;
}

}


.boxStyle01 .imgBox {
    display: flex;
    align-items: /*center*/start;/*20220824*/
    justify-content: center;
    height: /*125*/144px;
    position: relative;
}

.boxStyle01 .imgBox span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 1.2em;
    text-align: center;
    background:#4643f4;
    color: #fff;
    padding: 6px;
    font-size: 11px;
}

.boxStyle01 .imgBox img {
    max-height: /*125*/144px !important;
    max-width: /*240px*/100% !important;
	width: /*180*/auto;
	height: auto;
}

.boxStyle01 .imgBox.bgGray01{/*20210106 add oto*/
	background-color: #f5f5f5  !important;
	
}

.ttl_event{
	min-height: 4em;
	
}

@media screen and (min-width: 897px){
.boxStyle01 .txt {
    padding: 18px 0 30px;
}
}

.press br.pcOnly{
display: none !important;/*20200121 add oto*/
}