@charset "UTF-8";

/* -----------------------------------------------

	/soudan/annai/shop/
	キャンペーンダイアログ用

----------------------------------------------- */
#fancybox-content{
    
}
/*キャンペーン*/
#soudanCampaign{
    background-color: #fff;
}
#bloCampaign{
	background-color: #e9f1f3;
	text-align:center;
	padding: 20px 10px;
	margin: 0 auto;
}
.mainCampaign{
	background-color: #fff;
	width: 644px;
	margin: 0 auto;
}
.campaignSection{
    padding-bottom: 24px;
}
.subCampaign{
    text-align: left;
    margin-left: 30px;
    margin-right: 30px;
}
.subCampaign > span{
    /* background: #e9f1f3; */
    display:flex;
    align-items: center;
}
.subCampaign > span > span{
    background: #e9f1f3;
    padding: 5px 5px;
    width: 100px;
    text-align: center;
    font-size: 16px;
}
.subCampaign > span:after{
    content:"";
    background: #e9f1f3;
    flex-grow:1;
    height: 2px;
    display:block;
}
.mainCampaign .campaignSection:nth-child(4) .subCampaign > span > span{
    width: 145px;
}
.campaignDate{
    margin: 20px 30px;
    text-align:left;
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.campaignMonth{
    font-size:26px;
    margin-left:8px;
}
.campaignWeek{
    font-size: 22px;
}
.campaignWave{
    font-size:24px;
}
.campaignText{
    margin: 15px 30px;
    font-size: 16px;
    text-align: left;
}
.campaignDialTime{
    margin-left: 24px;
}
.campaignText > span{
    display:block;
}
.campaignGoodsText{
    font-size: 20px;
}
.komeSent{
    display:inline-block;
    position:relative;
    padding-left:1.5em;
}
.campaignKome{
    position:absolute;
    left:0;
}
.campaignText > span.campaignDial{
    display:inline-block;
}
.campaignText > span.campaignDialTime{
    display:inline-block;
    margin-left: 24px;
}
.campaignClose{
    text-align:center;
    margin:24px 0;
}
.campaignClose a{
    font-size: 18px;
    font-weight: bold;
    color: #009bdd !important;
    text-decoration:none !important;
}
@media only screen and ( max-width: 767px ) {
	#soudanCampaign{
	    background-color: #e9f1f3;
	}
	#bloCampaign{
		background-color: #e9f1f3;
		text-align:center;
		padding: 20px 0px;
		margin: 0 auto;
		width: 375px;
	}
	.mainCampaign{
		background-color: #fff;
		margin: 0px 22px 0px 21px;
		width: unset;
	}
	.campaignSection{
	    padding-bottom: 24px;
	}
	.subCampaign{
	    text-align: left;
	    margin-left: 30px;
	    margin-right: 30px;
	}
	.subCampaign > span{
	    /* background: #e9f1f3; */
	    display:flex;
	    align-items: center;
	}
	.subCampaign > span > span{
	    background: #e9f1f3;
	    padding: 3px 0px;
	    width: 90px;
	    text-align: center;
	    font-size: 14px;
	}
	.subCampaign > span:after{
	    content:"";
	    background: #e9f1f3;
	    flex-grow:1;
	    height: 2px;
	    display:block;
	}
	.mainCampaign .campaignSection:nth-child(4) .subCampaign > span > span{
	    width: 145px;
	}
	.campaignDate{
	    margin: 20px 30px;
	    text-align:left;
	    display: block;
	    font-weight: bold;
	    font-size: 18px;
	}
	.campaignYear{
	    display: block;
	}
	.campaignMonth{
	    font-size: 18px;
	    margin-left: 0;
	}
	.campaignWeek{
	    font-size: 14px;
	}
	.campaignWave{
	    font-size: 18px;
	    margin-right: 5px;
	}
	.campaignText{
	    margin: 15px 30px;
	    font-size: 14px;
	    text-align: left;
	}
	.campaignText > span{
	    display: block;
	}
	.campaignGoodsText{
	    font-size: 16px;
	}
	.komeSent{
	    display:inline-block;
	    position:relative;
	    padding-left:1.5em;
	}
	.campaignKome{
	    position:absolute;
	    left:0;
	}
    .campaignText > span.campaignDial > span.campaignDialTime{
        margin-left: 8px;
    }
	.campaignClose{
	    text-align:center;
	    margin:24px 0;
	}
	.campaignClose a{
	    font-size: 18px;
	    font-weight: bold;
	    color: #009bdd !important;
	    text-decoration:none !important;
	}
	.back{
	    height: 55px;
	    display: block;
	    border-bottom: 1px solid #e9f1f3;
	    background:#fff;
	}
}