.pinkline {
	background: linear-gradient(transparent 60%, #ffcccc 0%);
}

.bluelinek {
	background: linear-gradient(transparent 60%, #ccffff 0%);
}

/*ボックスデザイン１*/

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #70503E;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #70503E;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box27 li {
	
}


/*アフィボックス*/

.afibox {
	max-width:100%;
	margin:10px;
	padding:10px;
	box-shadow:2px #c0c0c0;
}

.afibox-img {
	display:flex;
	width:700px;
	max-width:100%;
	margin:10px 0;
}

.bunnerimg {
	margin-right:10px;
	border:2px solid #a9a9a9;
	width:300px;
}

.chartimg {
	border:2px solid #a9a9a9;
	width:300px;
}

.afibox-text {
	max-width:96%;
	margin:0px auto;
	padding:5px 10px;
	border:1px solid #66cdaa;
	background-color:#f5f5f5;
	color:black;
}

.afibox-btn {
	background-color:#ff7f50;
	border-bottom:7px solid #ff4500;
	border-radius:10px;
	max-width:85%;
	padding:20px;
	margin:10px auto;
}

.afibox-btn:hover{
	opacity:0.8;
}

.afibox-btn:active {
	position:relative;
	top:7px;
	border-bottom:none;
}

.afibox-btn a {
	display:block;
	text-decoration:none;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:22px;
}


/*ボタン揺れる*/
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

/*overflowボックス*/
.overflowbox {
	margin:0;
	padding:0;
	background:#fff;
}

.overflowbox-auto {
	padding:10px;
	margin:0;
	height:50px;
	border:1px solid #fff;
	overflow:auto;
}

.overflowbox-auto p {
	color:#fff;
}

/*レスポンシブスマホ*/
@media screen and (max-width: 450px) { /*ウィンドウ幅が最大450pxまでの場合に適用*/
	.afibox-img {
		max-width:50%;
		position:relative;
		left:-10px;
	}
	
	.afibox-text {
		font-size:14px;
	  	margin:0;
	}
	.box27 {
		marign:0 10px;
	}
		
}