@charset "UTF-8";

/*modal-COMMON------------------------------------------------------*/
.FCB_modalCover{
    position: fixed;
    top: 0; left: 0;
    width: 120%; height: 120%;
    background-color: #000;
    z-index: 5900000;
    opacity: 0.0;
    box-sizing: border-box;
}
div.FCB_modalContainer * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.FCB_modalContainer{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    display: flex; flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    z-index: 5900001;
    opacity: 0.0;
    box-sizing: border-box;
}
svg#FCB_closeSvg,img#FCB_closeImg{
    cursor: pointer;
    position: absolute;
    top: 20px; right: 20px;
    z-index: 5900010;
}
svg#FCB_zoominSvg,img#FCB_zoominImg{
    cursor: pointer;
    position: absolute;
    top: 20px; right: 80px;
    z-index: 5900010;
}
svg#FCB_zoomoutSvg,img#FCB_zoomoutImg{
    cursor: pointer;
    position: absolute;
    top: 20px; right: 140px;
    z-index: 5900010;
}
svg#FCB_closeSvg line
,svg#FCB_zoominSvg line
,svg#FCB_zoomoutSvg line{
    stroke: #fff; stroke-width: 2;
    transition: stroke 0.5s, stroke-width 0.5s;
}
svg#FCB_closeSvg:hover line
,svg#FCB_zoominSvg:hover line
,svg#FCB_zoomoutSvg:hover line{
    stroke: #fff; stroke-width: 4;
}
@media screen and (max-width:767px) { /*SP*/
    svg#FCB_closeSvg,img#FCB_closeImg
    ,svg#FCB_zoominSvg,img#FCB_zoominImg
    ,svg#FCB_zoomoutSvg,img#FCB_zoomoutImg{
        width: 35px; height: 35px;
		transform: translateY(-5px);
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    svg#FCB_closeSvg,img#FCB_closeImg
    ,svg#FCB_zoominSvg,img#FCB_zoominImg
    ,svg#FCB_zoomoutSvg,img#FCB_zoomoutImg{
        width: 46px; height: 46px;
    }
}

@media screen and (max-width:767px) { /*SP*/
    .FCB_modalSupImageWrap{
        width: 100%; height: 60%;
        background-color: rgba(0, 0, 0, 0.8);
        position: relative;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        padding: 0 10px;
    }
    .FCB_modalImageWrap{
        width: 100%; height: 100%;
        border-radius: 10px;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        overflow: hidden;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .FCB_modalSupImageWrap{
		transform: translateY(5%);
		max-width: 1100px;
        width: 100%; height: 80%;
        position: relative;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
    }
    .FCB_modalImageWrap{
        width: 100%; height: 100%;
		border-radius: 10px;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        overflow: hidden;
    }
}
[data-bg *= "a01"]{
	background: #89a7be;
}
[data-bg *= "c01"]{
	background: #f1f5f9;
}
[data-bg *= "c02"]{
	background: #e1e8ef;
}