@charset "utf-8";

/* 
 * キャンペーン 個別設定CSS
 * 
 * 	お食事はセゾンカード・UCカードで ファミレスでのご利用で全国共通お食事券5,000円分が当たる！
 * 	/campaign/restaurantcp1407/
 * 
 */
#responsive_wrap .ttl-unit-02{
	margin-top:30px;
}
#responsive_wrap .sp{
	display:none;
}
#cnt .list-notes li{
	font-size:12px;
	margin-bottom:0 !important;
}
#responsive_wrap ul.list-notes li{margin-bottom:0 !important;}

#cnt .padd{
	padding-bottom:10px;
}

#cnt .padd20{
	padding-bottom:20px;
}
#cnt h4 span{
	display:inline-block;
}
#cnt .caution p{
	margin-bottom:0 !important;
}
#cnt .caution .list-notes li{
	margin-bottom:0 !important;
}

#responsive_wrap .ttl_blue{
	background-color:#0f1350;
	color:#FFF;
	font-size:25px;
	padding:5px auto;
	text-align:center;
}


/*追加*/
h4.indigo {
    background: #81bd29;
    padding: 10px 14px;
    margin-bottom: 18px !important;
}

h4.indigo > span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#cnt .step dl {
    border: 1px solid #81bd29;
    background-color:#ffffff;
    font-size: 16px;
    font-weight: bold;
	margin-bottom:20px;
	padding:20px;
}

#cnt .step dt {
	display:inline-block;
    color:#81bd29;
	width:5%;
	font-size:36px;
	vertical-align:middle;
}
#cnt .step dd{
	display: inline-block;
	width:94%;
	vertical-align: middle;
}
#cnt .step .c_num{
	background:#FF0004;
	color:#fff;
	text-align:center;
	padding:5px;
	margin-top:10px;
	display:block;
	width:25%;
}

#cnt .caution{
	font-size:12px;
	padding-left: 1em;
	text-indent: -1em;
}
	
#cnt .tt{
	text-align:center;
}

#cnt .box2{
	text-align:center;
	border:solid 2px #7fbe25;
	padding:20px;
	line-height:1.6em;

}

#cnt .lt{
	padding-left:120px;
	padding-bottom:30px;
}

#responsive_wrap .btn-unit-02 .btn {
    font-size: 14px;
}



#cnt .special-price {
    text-align: center;
}

#cnt .special-price-table {
    display: table;
    margin: 12px auto 6px;
}

#cnt .special-price-badge {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px;

}
#cnt .btn_area01{
	background:#e1e3ff;
	padding:20px;
	margin-bottom:20px;
}
#cnt .btn_area01 li,
#cnt .btn_area02 li{
	display:inline-block;
	width:49%;
	vertical-align: middle;
	font-size:16px;
	font-weight:bold;
}
#cnt .btn_area01 li:first-child,
#cnt .btn_area02 li:first-child{
	width:45%;
	margin-right:4%;
}
#cnt .btn_area02{
	background:#f2ffe0;
	padding:20px;
}
#cnt .bnr5{
	text-align:center;
	margin:20px auto;
}
/* POP UP */
h2#modal1Title{
	font-size:40px;
	margin-bottom:10px;
}
p#modal1Desc{
	font-size:20px;
	margin-bottom:20px;
}
.remodal{
	border:3px solid #014099;
	margin-bottom:0 !important;
	border-radius: 15px;
	box-sizing:border-box;
}
.remodal ul li{
	display:inline-block;
}
.remodal ul li:first-child{
	margin-right:20px;
}


@media (max-width: 720px) {
	#responsive_wrap .pc{
	display:none;
	}
	#responsive_wrap .sp{
	display:block;
	width:100%;
	}
	#responsive_wrap img{
		height:auto !important;
	}
	#responsive_wrap ul.list-notes li{margin-bottom:0 !important;}
#cnt .long .ttl-unit-02{
		background:url(../img/com_h42.jpg) no-repeat left top !important;
	}
	
#cnt .long .ttl-unit-02{
		background:url(../img/com_h42.jpg) no-repeat left top !important;
	}
#cnt .tt{
	width:80%;
	height:auto;
}

#cnt .box2{
	text-align:center;
	border:solid 2px #fdd000;
	width:90%;
	height:auto;

}
#cnt .bnr5 img{
	width:90%;
}

#cnt .btn2 img{
	width:80%;
	height:auto;

}
#cnt .btn_area01 li,
#cnt .btn_area02 li{
	display:block;
	width:100%;
	text-align:center;
}
#cnt .btn_area01 li:first-child,
#cnt .btn_area02 li:first-child{
	display:block;
	width:100%;
	margin-right:0;
	text-align:left;
	padding-bottom:20px;
}
#cnt .btn_area01 li img,
#cnt .btn_area02 li img{
	width:90%;
}


    #cnt .special-price-badge {
		display: block;
        width:100%;

    }
	
	
	#cnt .special-price-badge img{
        display: block;
		width:100%;

    }

#cnt .btn-unit-02 .btn {
	width:100%!important;
	height:auto!important;
}
#cnt .step .c_num{
	width:100%;
}
/* POP UP */
h2#modal1Title{
	font-size:25px;
	margin-bottom:10px;
}
p#modal1Desc{
	font-size:16px;
	margin-bottom:20px;
}
.remodal{
	border:3px solid #014099;
	margin-bottom:0 !important;
	border-radius: 15px;
}
.remodal ul li{
	width:48%;
}
.remodal ul li img{
	width:100%;
}
.remodal ul li:first-child{
	margin-right:1%;
}
	
}

@media screen and (max-width: 736px){
#responsive_wrap .btn-unit-02 .btn img {
    width: 70%;
	height: auto;
}
}