/*--------------------------------------------------
	＜ページ下部追従型SHSHOW＞
--------------------------------------------------*/
.shshow_fixed {
    /*display:none;*/
	position: fixed;
	bottom:15px;
	right:0;
	width:215px;
	height:54px;
	transition: 0.3s cubic-bezier(0.9, 0.33, 1, 1);
	margin:0 !important;
    z-index:99999;
}
.shshow_fixed.close {
	right: -163px;
}
.shshow_fixed .lnk_shshow {
	display: block;
	height:auto;
	background: rgba(255, 255, 255, 0.9) url("/common_v3/images/icon_bnr_shshow.png") no-repeat 3px 3px;
	background-size: 44px;
	color:#3b3bce;
	border-bottom-left-radius: 27px;
	border-top-left-radius: 27px;
	padding-left:53px;
	font-size:15px;
	line-height: 36px;/*2行は18px*/
	padding-top: 7px;
    padding-bottom: 7px;
    font-family: 'Noto Sans JP';
    border: 2px solid #3b3bce;
    border-right: none;
    text-decoration: none;
    text-align: left;
}

.shshow_fixed .btn_shshow {
	position:absolute;
	right:10px;
	top:5px;
	width:16px;
	height:16px;
	background-color: #3b3bce;
	color:#fff;
	border-radius: 2px;
}

.shshow_fixed .btn_shshow::after {
	content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    width: 10px;
    height: 2px;
    background-color: #fff;
	
}
@media screen and (min-width: 769px){
    .shshow_fixed .lnk_shshow:hover {
        text-decoration: underline;    
    }
    .shshow_fixed .lnk_shshow ,
    .shshow_fixed .btn_shshow {
        cursor: pointer;
    }
}
@media screen and (max-width: 768px) {
	.shshow_fixed .lnk_shshow {
		text-decoration: none;
	}
}
/*totopの位置調整*/
body:has(.shshow_fixed) .UiToTop_toTop__TFRXs {bottom:75px}



/*--------------------------------------------------
	スクロールで降りてくるバナ― 
--------------------------------------------------*/
.top_down_bnr {
    /*display:none;*/
     position: fixed;
     left:0;
     width:100%;
     z-index: 10100;
     transition: top 0.6s ease-in;
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}
.top_down_bnr *{
	box-sizing: content-box
}
.top_down_bnr.down {
    top:0;
}
.top_down_bnr .pull_tab {
    position: absolute;
    left:3px;
    bottom:-21px;
    width:45px;
    height:20px;
    background-color: #eee;
    border:1px solid #bbb;
    border-top:none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;   
}
.top_down_bnr .pull_tab:before {
    content: "";
    position:absolute;
    width:8px;
    height:8px;
    border-right: 2px solid #bbb;
    border-bottom:2px solid #bbb;
    transform: rotate(225deg);
    top:7px;
    left:17px;
}
.top_down_bnr.close .pull_tab:before {
    transform: rotate(45deg);
    top:2px;
}
 @media screen and (min-width: 769px) {
    .top_down_bnr {
        top:-135px/* -114px - 21px*/;
        text-align: center;
        background-color: rgba(255,255,255,0.80);
		height:114px;
    }

    .top_down_bnr.down.close {
        top:-114px;
    }

    .top_down_bnr a {
        display:inline-block;
    }
    .top_down_bnr img{
        width:400px;
    }
}

@media screen and (max-width: 768px) {
    .top_down_bnr {
        top:calc(-100vw * 228 / 800 - 21px);
    }
    .top_down_bnr.down.close {
        top:calc(-100vw * 228 / 800);
    }
    .top_down_bnr a{
        display:block
    }
    .top_down_bnr img{
        width:100%;
    }
}