@charset "UTF-8";
@media all and (min-width: 641px) {
	.section-tieup-holder .holder .tieup-title {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	body.ver19 .section-tieup-holder .holder .pic {
	    display: block;
	    width: 810px;
	    margin: auto;
	}
	body.ver19 .section-tieup-holder .holder .intro-text {
    	margin-top: 10px;
	    margin-bottom: 20px;
	}

	body.ver19 .section-tieup-holder .holder .note-text {
	    font-size: 12px;
	    color: #666;
	}
}

@media screen and (max-width: 640px) {

	.section-tieup-holder .holder .tieup-title {
		font-weight: bold;
		font-size: 4.375vw;
		margin-bottom: 20px;
	}
	body.ver19 .section-tieup-holder .note-text {
	    font-size: 3.125vw;
	    margin-top: 3.125vw;
		margin-bottom: 4.6875vw;
	    color: #666;
	}
	body.ver19 .section-tieup-holder .pic,
	body.ver19 .section-tieup-holder .first-pic {
    	margin-bottom: 4.6875vw;
	}
}

.tieup_banner_dine:hover{
	opacity: .6;
    transition: .4s;
}