@charset "utf-8";
/* CSS Document */
#mv{background: url("../../beppu/images/takeout/mv_bg.jpg") no-repeat center center/cover;}

#takeout  .page{display: block;}
#takeout #sidecontent{margin: auto;}

#takeout .aboutTakeOut{text-align: center; ; margin: 0 auto 50px; font-size: 14px;}
#takeout .aboutTakeOut .tit{ margin-bottom: 20px; background-color: #e82882; color: white; font-weight: bold; font-size: 18px; padding: 15px 10px; border-radius: 5px;
}
#takeout .aboutTakeOut .telNum{font-weight: bold; font-size: 34px; margin-bottom: 20px; }
#takeout .aboutTakeOut .telNum i{margin-right: 10px;}
#takeout .aboutTakeOut .cap{ font-size: 12px; padding-top: 10px;}
#takeout .aboutTakeOut p b{color:#e82882}

.takeoutImg{text-align: center; margin-bottom: 50px;}

.takeoutImg .cap{text-align: center; font-size: 12px; padding: 15px;}

#takeout .box-menu{text-align: center; margin: 0 0 90px;}
#takeout .box-menu figure{margin: 0 0 25px;}
#takeout .box-menu figure:last-of-type{margin: 0;}

#takeout .box-menu2{display: flex; flex-wrap: wrap;}
#takeout .box-menu2 .item{width: 47.3%; margin: 0 5.4% 50px 0; font-size: 12px;}
#takeout .box-menu2 .item:nth-of-type(2n){margin: 0 0 50px;}
#takeout .box-menu2 figure{margin: 0 0 15px;}
#takeout .box-menu2 figure img{width: 100%;}
#takeout .box-menu2 .tit{font-size: 20px; line-height: 1.5; font-weight: bold; color: rgba(43,144,182,255); margin: 0 0 5px;}
#takeout .box-menu2 .price{font-size: 16px; font-weight: bold; text-align: right; margin: 0 0 8px;}
#takeout .box-menu2 .cap{font-size: 12px;}

#takeout .freeset{border: 1px solid rgba(43,144,182,255); padding: 30px; text-align: center; margin: 0 0 50px; line-height: 2; font-weight: bold;}
#takeout .freeset .tit{font-size: 22px; line-height: 1.5; color: rgba(43,144,182,255); margin: 0 0 10px;}

#takeout .box-list{margin: 0 0 70px;}
#takeout .box-list table{width: calc(100% - 20px); margin: 0 auto;}
#takeout .box-list td{padding: 15px 0; border-bottom: 1px dotted rgba(43,144,182,255); vertical-align: middle;}
#takeout .box-list td:last-of-type{width: 140px; text-align: right;}
#takeout .box-list table.noborlast tr:last-of-type td{border-bottom: none;}
#takeout .box-list .txt{
	font-size: 16px;
	color: rgba(43,144,182,255);
}
#takeout .box-list .txt .areaName{font-size: 12px; display: block; margin-bottom: 2px;}

#takeout .box-list .txt.noline{text-decoration: none;}
#takeout .box-list .price{font-size: 16px;}
#takeout .box-list .cap{font-size: 12px;}


/* ============== Media =============== */
@media only screen and (max-width: 767px){
    #takeout .box-menu{margin: 0 0 70px;}
}

@media only screen and (max-width: 480px){
    #takeout .box-menu2 .item{width: 100%; margin: 0 0 50px;}
    #takeout .box-menu2 .tit{font-size: 18px;}
    #takeout .box-menu2 .price{font-size: 15px;}

    #takeout .freeset{padding: 6% 4%;}
    #takeout .freeset .tit{font-size: 18px;}

    #takeout .box-list td{vertical-align: top;}
}