@media all and (min-width: 768px) {
#tit{ width: 980px; height: 122px; background: url(../img/tieup_tit.png) no-repeat; margin: 0 auto;}

.tit2{ width: 980px; height: 72px; background: url(../img/tit2.png) no-repeat; margin-bottom: 20px;}
.box{ margin: 0 0 40px; line-height: 1.7;}
.box_in{ padding:0 20px 0;}
.tit3{ width: 980px; height: 43px; background: url(../img/tit3.png) no-repeat; margin-bottom: 20px; line-height:2.3; padding:0 20px 0; font-size:120%;}
.jikan{ letter-spacing:2px; font-size:90%;}

#tieup_box{ margin:40px 0 0;}
.tieup_minitit{ font-size:110%; padding-bottom:1em; display:block; color:#f4d787;}

.counter{ margin:0; padding:0; display:none;}
#tieup_img1{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 188px; background: url(../img/smp/tieup_img1.jpg) no-repeat;}
#tieup_img2{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 268px; background: url(../img/tieup_img2.jpg) no-repeat;}
#tieup_img3{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 200px; background: url(../img/tieup_img3.jpg) no-repeat;}

}

@media all and (max-width: 767px) {
#contents_area{ padding: 20px 20px; color: #fff; line-height: 1.8; font-size: 90%;}

.tit2 { text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: 0.2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d; }
.ja2 { font-size: 18px; font-weight: bold; text-align: center; display: block; color: #ffffff; padding: 7px 0 0 26px; margin-left: -26px; background-size: 40px; display: inline-block; }
.en2 { font-size: 12px; text-align: center; display: block; color: #af042f; padding-bottom: 8px; }
.tit3 { text-align: center; margin: 0px 0 20px; overflow: hidden; border-top: 1px solid #610b21; padding: 0 10px; background: #841a36; }
.tit3_in { font-size: 17px; font-weight: bold; text-align: left; display: block; color: #ffffff; padding: 0px 0 0 26px; margin-left: -26px; background-size: 40px; display: inline-block; }
.box{ margin-bottom:30px;}

.tieup_minitit{ font-size:110%; padding-bottom:1em; display:block; color:#f4d787;}

#tieup_img1{margin:0 auto 2em; padding:0; width: 268px; height: 188px; background: url(../img/smp/tieup_img1.jpg) no-repeat;}
#tieup_img2{margin:0 auto 2em; padding:0; width: 268px; height: 268px; background: url(../img/tieup_img2.jpg) no-repeat;}
#tieup_img3{margin:0 auto 2em; padding:0; width: 268px; height: 200px; background: url(../img/tieup_img3.jpg) no-repeat;}
	
.btn_in{ display: block; text-align: center; padding-top:2px;}
}