@charset "UTF-8";

#contents h1 {
    padding: 6px 0 6px;
    line-height: 1.15;
    font-size: 1.6rem;
    color: white;
    border-bottom: 1px solid #B12B1F;
    background-color: #cd0000;
    text-align: center;
}

#contents #moreBuy img,
#contents #moreBuy span,
#contents .whiteBox .choice img,
#contents .whiteBox .choice span,
#contents .btns .btn img,
#contents .btns .btn span,
#contents #coupon .title img,
#contents #coupon .title span,
#contents .continue img,
#contents .continue span,
#contents .deliveryInfo .change img,
#contents .deliveryInfo .change span,
#contents .whiteBox .choice span {
    vertical-align: middle;
}

#contents #moreBuy {
    width: 90%;
    margin: 11px auto;
}

    #contents #moreBuy a {
        display: block;
        text-align: center;
        padding: 8px 0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        //border: 1px solid #CDC4B8;
        text-decoration: none;
        font-size: 1.4rem;
        /*SP�T�C�g���i�ꗗ���C 20161205 Mod Start*/
        /*color:#3F3F3E;*/
        color: #FFF !important;
        background-color: #10673c;
        /*background:-webkit-gradient(linear, left top, left bottom, from(#FDFCFB), color-stop(0.98, #F0ECE8), to(#EFEBE7));*/
        //background: -webkit-gradient(linear, left top, left bottom, from(#448867), color-stop(0.98, #10673C), to(#10673C));
        /*background: linear-gradient(to bottom, #FDFCFB, #F0ECE8 98%, #EFEBE7);*/
        //background: linear-gradient(to bottom, #448867, #10673C 50%, #10673C);
        /*SP�T�C�g���i�ꗗ���C 20161205 Mod End*/
    }

#contents .continue img {
    padding-right: 8px;
    width: 22px;
    height: 22px;
}

#contents #moreBuy img {
    padding-right: 5px;
}
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/

#contents .item_wrapper {
    padding: 7px 10px;
    border-bottom: 1px solid #A4A39E;
    margin: 20px 2% 10px;
}

#contents .wrapper section {
	position: relative;
}
#contents .item_wrapper div section.mainItem {
	border-top: 1px dotted #bbb;
    padding-top: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#contents .item_wrapper div:nth-of-type(1) section.mainItem {
	border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
#contents .pizzaName,
#contents #optionItem #optionName {
	margin-right: 5px;
}

#contents .item_wrapper section.mainItem .menu_name_img{
	display: flex;
	justify-content: space-between;
}

#contents .mainItem .pizzaName,
#contents #optionItem .optionNameIndive {
}

#contents .mainItem #pizzaImg,
#contents #optionItem .optionImg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    text-align: center;
    width: 28%;
}
div.clearfix.menu_name_img:after{
	display:none;
}

#contents .mainItem .pizzaName .pizzaNameIndivi,
#contents .type {
    font-weight: 600;
    color: #CC0000;
}

#contents .mainItem .pizzaName .pizzaNameIndivi {
    font-size: 1.5rem;
}
/*20250515 uga Ishige add ピザーラボックス start*/
#contents .pizzaNameIndivi {
    width: 16em;
}
/*20250515 uga Ishige add ピザーラボックス end*/

/*20230202 matayoshi start*/
#contents .mainItem .menu_name_img .pizzaImg {
	min-width: 85px;
	width: 25%;
}
#contents .mainItem .menu_name_img .PCpizzaImg {
    display: none;
}

#contents .mainItem .menu_name_img .PCpizzaImg > ul > li > img {
    margin-left: 10px;
}
/*20230202 matayoshi end*/
/* 20230217  Aiga Matayoshi Add 注文遷移統一対応 Start*/
#campaignstyle {
    background-color: #FFFF00 !important;
    color: #cd0000 !important;
    font-weight: 600;
}
#campaignareastyle {
    background-color: #ffff0014;
    margin-bottom: 10px;
    border-radius: 14px;
    color: #cd0000;
    font-weight: 600;
}
/* 20230217  Aiga Matayoshi Add 注文遷移統一対応 End*/
#contents .whiteBox .titleBox,
#contents .whiteBox .choice {
    position: relative;
    padding: 2px 12px 2px;
    background-color: #A4A39E;
    text-decoration: none;
    border-radius: 14px;
    color: white;
}

#contents .whiteBox .setItemTopping {
    padding-left: 12px;
    display: inline-block;
}

#contents .whiteBox .titleBox .title {
    position: absolute;
}

#contents .whiteBox .titleBox .btns {
    display: block;
    width: 100%;
}

#contents .whiteBox .titleBox a {
    display: block;
    color: #4C4C4B;
    text-decoration: none;
    text-align: center;
}

#contents .whiteBox .titleBox span {
    color: white;
    position: absolute;
    right: 30px;
}

#contents .whiteBox .titleBox .open a::before,
#contents .whiteBox .titleBox .close a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 28%;
    bottom: 1px;
    right: 9px;
    margin: auto;
    box-sizing: border-box;
    z-index: 2;
}
#contents .whiteBox .titleBox .open a::before {
    top: 28%;
    bottom: 1px;
    border: 5px solid transparent;
    border-top: 8px solid #A4A39E;
}

#contents .whiteBox .titleBox .close a::before {
    top: -28%;
    bottom: 1px;
    margin: auto;
    border: 5px solid transparent;
    border-bottom: 8px solid #A4A39E;
}

#contents .whiteBox .titleBox a::after {
    content: "";
    position: absolute;
    margin: auto 5px auto auto;
    width: 18px;
    height: 18px;
    border-radius: 16px;
    top: 10px;
    bottom: 11px;
    z-index: 1;
    //left: 93.3%;
    right: 0;
    background: #FFF;
}

#contents .whiteBox .titleBox .close {
    display: none;
}

#contents .whiteBox {
    padding-bottom: 10px;
    margin-top: 10px;
}

#contents article {
    padding: 0 0 6px;
}

    #contents article .toppingDetail {
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 6px 8px 0;
        font-size: 1.2rem;
        //border-bottom: 1.5px solid #A4A39E;
        padding-bottom: 5px;
    }
        /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
        #contents article .toppingDetail dt {
            float: left;
            clear: both;
            width: 2.2em;
            margin: 0 10px  8px 0;
            padding: 6px 7px 3px 7px;
            -webkit-border-radius: 1px;
            border-radius: 1px;
            background-color: #168344;
            line-height: 1;
            text-align: center;
            color: #fff;
        }

            #contents article .toppingDetail dt.all {
                //background-color: #856747;
                background-color: #cd0000;
            }

        #contents article .toppingDetail dd {
            float: left;
            width: calc(100% - 2.2em - 25px);
            margin: 0 0 8px;
        }

        #contents article .toppingDetail dd .pizzaName {
            color: #105C31;
            float: none;
            padding-left: 0px;
            width: auto;
        }
#contents .size{
	margin-top: 5px;
}
#contents .total {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
#contents .total.clearfix:after{
	display:none;
}
    #contents .total p {
        vertical-align: middle;
    }
        /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
        #contents .total p.countNum {
            width: 80px;
        }

        #contents .total p input#count,
        #contents .total p input.count {
            width: 50%;
            background-color: white !important;
        }
        /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
        #contents .total .btn a,
        #contents .total .btn input {
            display: block;
            text-align: center;
            color: #4C4C4B;
            text-decoration: none;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #CDC4B8;
            background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFB), color-stop(0.45, #EFEBE7), to(#EFEBE7));
            background: linear-gradient(to bottom, #FDFCFB, #EFEBE7 45%, #EFEBE7);
        }

#contents .total .delete {
    bottom: 0;
    margin-left:auto;
}
#contents .total .delete a {
    color: #616161;
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px 0px;
    border: 1px solid #cccccc;
    border-radius: 2em;
    font-size: 1.4rem;
    background: #ffffff;
}
#contents .total .delete img {
    margin-left: 5px;
    width: 17px;
}


#contents .wrapper .btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

#contents .btns .change {
    display: inline-block;
    font-size: 1.2rem;
    color: #72534E;
}
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
    #contents .btns .change a {
        color: #227700;
        text-decoration: none;
        padding:5px 0;
    }
#contents .btns .change a span{
	border-bottom: 1px solid #227700;
	height: 1.2em;
    display: inline-block;
}
#contents .btns .change a:after{
	content: ">";
	display: inline-block;
	vertical-align: middle;
	padding-top: 0.1em;
    margin-left: 5px;
	font-size: 1.5em;
}

#contents .btns .change img {
    margin-left: 5px;
    width: 10px;
}
#contents #optionItem {
    padding-top: 8px;
    border-top: 1px solid #DAD7B8;
}

#contents #allTotal {
    text-align: right;
}

    #contents #allTotal p.price1,
    #contents #allTotal p.price2,
    #contents #allTotal p.price3,
    #contents #allTotal p.price4 {
        padding: 1px 2.5% 5px 2.5%;
    }

    #contents #allTotal p.price1 {
        font-size: 1.6rem;
    }

    #contents #allTotal p.price3 {
        color: #CC0000;
    }

    #contents #allTotal p.price4 {
        color: #CC0000;
        background-color: #FCE9E9;
        padding: 15px 5px;
    }

        #contents #allTotal p.price4 span {
            font-size: 1.8rem;
        }


#contents #coupon {
    margin-top: 10px;
}

#contents .lead {
    padding: 0 6px;
    margin: 10px 0;
    display: block;
}
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
    #contents h2.title {
        padding: 6px 0 6px;
        line-height: 1.15;
        font-size: 1.6rem;
        color: white;
        border-bottom: 1px solid #B12B1F;
        background-color: #cd0000;
        text-align: center;
        margin-top: 40px;
    }

    #contents #coupon p.price4 {
        text-align: right;
        color: #CC0000;
        background-color: #FCE9E9;
        padding: 15px 5px;
        border-top: 1px solid #DAD7B8;
        border-bottom: 1px solid #DAD7B8;
    }

    #contents #coupon .select {
    }

        #contents #coupon .select a {
            display: block;
            padding: 2px 0;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            font-size: 1.7rem;
            color: #5A594C;
            background: #ffd400;
            margin:0 auto 10px auto;
            right: 10%;
            border: 1px solid #ffd400;
        	width: 70%;
        	box-shadow: 4px 4px 0 #dddddd;
        }

        #contents #coupon .select a span {
            display: block;
            border-left: 2px dashed #FFF;
            right: 20%;
            margin-left: 10%;
            padding: 12px 10px 10px 0;
        }
        
        #contents #coupon .select a span:after {
			content: ">";
			display: inline-block;
			vertical-align: middle;
			margin-top:-1px;
		    margin-left: 5px;
			font-size: 1.5em;
			margin-top: -2px;
        }
        
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/

    #contents #coupon .whiteBox .eachCoupon {
    	display: flex;
    	justify-content: space-between;
        border-bottom: 1px solid #A4A39E;
        color: #CC0000;
        font-size: 1.5rem;
        padding: 12px 3px 5px 3px;
    }

        #contents #coupon .whiteBox .eachCoupon:nth-last-of-type(1) {
            border: none;
        }
        .eachCoupon.clearfix:after {
        	display:none;
        }

/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
#addition > h4 {
    padding: 5px 9px;
    background-color: #EDE3CB;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.3rem;
}

#priceDown > h4 {
    padding: 5px 9px;
    background-color: #EDE3CB;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.3rem;
}

#contents #coupon .whiteBox#priceDown {
    padding: 0.5rem 0.5rem;
    border: 1px solid #A4A39E;
    margin: 5px 2% 5px;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

    #contents #coupon .whiteBox#priceDown > h4 {
        padding: 5px 9px;
        background-color: #A4A39E;
        border-radius: 3px;
        font-size: 1.3rem;
    }

#contents #coupon .whiteBox#addition {
    padding: 0.5rem 0.5rem;
    border: 1px solid #A4A39E;
    margin: 5px 2% 5px;
    border-radius: 10px;
    /* 20230307 ogura 注文遷移統一 Del Start */
    /* box-shadow: 0 1px 2px 0 rgb(0 0 0 / 50%); */
    /* 20230307 ogura 注文遷移統一 Del End */
}

    #contents #coupon .whiteBox#addition > h4 {
        padding: 5px 9px;
        background-color: #A4A39E;
        border-radius: 3px;
        font-size: 1.3rem;
    }



/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
#contents #coupon .whiteBox .eachCoupon .detail {
    color: #333333;
    font-size: 20px;
}

#contents #coupon .whiteBox .eachCoupon .leftArea {
	display: flex;
	flex-wrap: wrap;
}
#contents #coupon .whiteBox .eachCoupon .couponName{
}
#contents #coupon .whiteBox .eachCoupon .rightArea {
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#contents #coupon .whiteBox .eachCoupon .btn {
	padding-left: 10px;
}

#contents #coupon .whiteBox .eachCoupon .rightArea .btn {
	margin-top: auto;
}

    #contents #coupon .whiteBox .eachCoupon .btn a {
        display: block;
        width: fit-content;
		word-break: keep-all;
        padding: 4px 20px;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 1.4rem;
        color: #65645F;
        color: #227700;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #227700;
		padding: 4px 10px;
    }
 
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
#contents .goNext {
    width: 90%;
    margin: 20px auto 30px;
    background-color:#227700;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	position: relative;
}
    #contents .goNext a,
    #contents .goNext input {
        display: block;
        background-color: transparent;
        padding: 8px;
        text-align: center;
        /*20230215 Aiga ogura 注文遷移統一対応 Add Start*/
        padding-left: 30px;
        /*20230215 Aiga ogura 注文遷移統一対応 Add End*/
        vertical-align: middle;
        text-decoration: none;
        font-size: 1.6rem;
        color: #FFF;
        border-radius: 5px;
        width: 100%;
        border: none;
        cursor: pointer;
    }

#ctl00_ContentPlaceHolder1_CartPanel {
    border-bottom: 1.5px solid #A4A39E;
}

#contents .continue {
    width: 90%;
    margin: 12px auto;
    text-align: left;
}

    #contents .continue a,
    #contents .continue input {
        padding: 5px;
        text-decoration: none;
        font-size: 1.4rem;
        color: #227700;
    }
#contents .continue a span{
	border-bottom: 1px solid #227700;
    height: 1.2em;
    display: inline-block;
}
#contents .deliveryInfo {
    padding: 5px 2% 5px;
    margin: 0 auto;
    margin-top: 10px;
}

    #contents .deliveryInfo dl,
    #contents .deliveryInfo .text {
        margin: 0 auto;
    display: block;
    width: fit-content;
}

#ctl00_ContentPlaceHolder1_CartPanel > div.deliveryInfo.clearfix > dl > div {
    text-align: center;
}
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
#contents .deliveryInfo dt,
#contents .deliveryInfo dd {
    float: left;
    font-size: 1.4rem;
}

#contents .deliveryInfo dt {
    clear: both;
}
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
#contents .deliveryInfo dd {
    color: #CC0000;
    font-weight: 700;
}

#contents .deliveryInfo p {
    font-size: 1.2rem;
}

#contents .deliveryInfo .change {
    text-align: right;
    padding: 5px;
}

    #contents .deliveryInfo .change a {
    	color: #227700;
        display: inline-block;
        text-decoration: none;
        font-size: 1.4rem;
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
    #contents .deliveryInfo .change img {
        padding-right: 5px;
    }
#contents .deliveryInfo .change a span {
    border-bottom: 1px solid #227700;
    height: 1.2em;
    display: inline-block;
}
#contents .deliveryInfo .change a:after {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    padding-top: 0.1em;
    margin-left: 5px;
    font-size: 1.5em;
}

#contents .deliveryInfo .text {
    padding-bottom: 5px;
}



#contents .mainPizzaName {
    color: #CC0000;
    font-size: 1.6rem;
    line-height: 1.15;
    padding: 13px 0;
}

#contents #set {
    padding: 7px 0;
    margin-bottom: 17px;
    text-align: center;
    border-top: 1px solid #EBD8C9;
    border-bottom: 1px solid #EBD8C9;
    background: -webkit-gradient(linear, left top, left bottom, from(#FCEFEF), color-stop(0.98, #FCEFEF), color-stop(0.99, #FFF), to(#FFF));
    background: linear-gradient(to bottom, #FCEFEF, #FCEFEF 98%, #FFF 99%, #FFF);
}

    #contents #set .btn {
        width: 50%;
        margin: 3px auto;
    }

        #contents #set .btn a {
            display: block;
            padding: 5px 9px;
            border-width: 1px;
            border-style: solid;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            text-decoration: none;
            font-size: 1.2rem;
            color: #3F3F3E;
            border-color: #CDC4B8;
            background: -webkit-gradient(linear, left top, left bottom, from(#FAF9F8), color-stop(0.7, #EFEBE7), to(#EFEBE7));
            background: linear-gradient(to bottom, #FAF9F8, #EFEBE7 70%, #EFEBE7);
            text-shadow: 1px 1px 2px #FFF;
        }

#itemList article {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 17px;
}

    #itemList article#topping {
        padding-bottom: 0;
    }

    #itemList article .choice {
        padding: 5px 8px;
        margin-bottom: 8px;
        background-color: #EDE3CB;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #3E3228;
        font-size: 1.4rem;
    }

        #itemList article .choice a {
            float: right;
        }

        #itemList article .choice#campaignName {
            color: #CC0000;
            line-height: 1.2;
        }

    #itemList article .select {
        padding-left: 2px;
    }

        #itemList article .select input,
        #itemList article .select label {
            vertical-align: bottom;
        }

    #itemList article#size .select li,
    #itemList article#campaignApp .select li {
        float: left;
        width: 33%;
    }

    #itemList article .arrange {
        margin-bottom: 2px;
        padding: 5px 8px;
        color: #393321;
        font-size: 1.4rem;
        background-color: #F5F3F0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #ECE9E3;
    }

    #itemList article .boxBrown {
        padding: 6px;
        margin-bottom: 13px;
        background-color: #FAF7ED;
    }

        #itemList article .boxBrown .btns {
            background-color: #FAF7ED;
            padding: 0 0 6px;
        }

        #itemList article .boxBrown li {
            float: left;
            width: 32%;
            text-align: center;
            font-size: 1.4rem;
            margin-right: 3px;
            background-color: #EFEBE7;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #B8AB9A;
            text-shadow: 1px 1px 2px #FFF;
            background: -webkit-gradient(linear, left top, left bottom, from(#FAF9F8), color-stop(0.5, #EFEBE7), to(#EFEBE7));
            background: linear-gradient(to bottom, #FAF9F8, #EFEBE7 50%, #EFEBE7);
        }

            #itemList article .boxBrown li:last-child {
                margin-right: 0;
            }

            #itemList article .boxBrown li a {
                color: #105C31;
                text-decoration: none;
            }

            #itemList article .boxBrown li.all a {
                color: #3F3F3E;
            }

#itemList .btns#buy {
    background-color: #FAF7D6;
    padding: 12px 0 4px;
    margin-bottom: 1px;
    border-top: 1px solid #D5CB9B;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.03, #FAF7D6), to(#FAF7D6));
    background: linear-gradient(to bottom, #fff, #FAF7D6 3%, #FAF7D6);
}

#itemList .btns .btn {
    width: 81%;
    margin: 0 auto;
    padding-bottom: 8px;
}

    #itemList .btns .btn a {
        display: block;
        padding: 5px 8px 6px;
        border-width: 1px;
        border-style: solid;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        font-size: 1.8rem;
        color: #FFF;
    }

    #itemList .btns .btn.order a {
        border-color: #10673C;
        background: -webkit-gradient(linear, left top, left bottom, from(#448867), color-stop(0.5, #10673C), to(#10673C));
        background: linear-gradient(to bottom, #448867, #10673C 50%, #10673C);
    }

    #itemList .btns .btn.half a {
        border-color: #51A413;
        background: -webkit-gradient(linear, left top, left bottom, from(#77B847), color-stop(0.5, #51A413), to(#51A413));
        background: linear-gradient(to bottom, #77B847, #51A413 50%, #51A413);
    }

.cartError {
    font-weight: bold;
    color: #B71318;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(/Contents/images/cart/note.jpg);
    background-origin: padding-box;
    border: solid 3px #CCC;
    letter-spacing: normal;
    line-height: 18px;
    margin: 15px;
    padding: 15px 10px 14px 55px;
    text-align: left;
    background-position: 10px 10px;
}

#contents p span.included_tax {
    color: #333;
    font-size: 90% !important;
}
/* 20230817_matayoshi_青ボタン化_add start */
#contents .BlueBtn .goNext {
    width: 90%;
    margin: 20px auto 30px;
    background-color: #005bbb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
#contents .deliveryInfo .BlueBtn .change a span {
    border-bottom: 1px solid #1077cf;
    height: 1.2em;
    display: inline-block;
}
#contents .deliveryInfo .BlueBtn .change a {
    color: #1077cf;
    display: inline-block;
    text-decoration: none;
    font-size: 1.4rem;
}
#contents .btns .BlueBtn .change a span {
    border-bottom: 1px solid #1077cf;
    height: 1.2em;
    display: inline-block;
}
#contents .btns .BlueBtn .change a {
    color: #1077cf;
    text-decoration: none;
    padding: 5px 0;
}
#contents .BlueBtn .continue a span {
    border-bottom: 1px solid #1077cf;
    height: 1.2em;
    display: inline-block;
}
#contents .BlueBtn .continue a,
#contents .BlueBtn .continue input {
    padding: 5px;
    text-decoration: none;
    font-size: 1.4rem;
    color: #1077cf;
}
#contents .BlueBtn #moreBuy a {
    display: block;
    text-align: center;
    padding: 8px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.4rem;
    color: #FFF !important;
    background-color: #005bbb;
    border: 1px solid #03386f;
}
#contents .BlueBtn article .toppingDetail dt {
    float: left;
    clear: both;
    width: 2.2em;
    margin: 0 10px 8px 0;
    padding: 6px 7px 3px 7px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-color: #005bbb;
    line-height: 1;
    text-align: center;
    color: #fff;
}
#contents .BlueBtn article .toppingDetail dt.all {
    background-color: #cd0000;
}
#contents .BlueBtn article .toppingDetail dd {
    float: left;
    width: calc(100% - 2.2em - 25px);
    margin: 0 0 8px;
}
#contents .BlueBtn article .toppingDetail dd .pizzaName {
    color: #333;
    float: none;
    padding-left: 0px;
    width: auto;
}
/* 20230817_matayoshi_青ボタン化_add end */

/*SP�T�C�g���i�ꗗ���C 20161205 Start*/
.step {
    width: 100%;
}

    .step img {
        width: 100%;
    }
/*SP�T�C�g���i�ꗗ���C 20161205 End*/

/* 20200904 miyazaki ���菤�i�藦�����Ή� */
.takeawayPrice {
    color: #B71518;
    margin-right: 3px;
}

/* 20201112 Aiga Tabata No.27 �e�C�N�A�E�g�܍w���s�v�ӎv�\��_�u���z Add Start */
.checkPlasticBag {
    font-size: 120% !important;
}

    .checkPlasticBag div {
        margin: 0px auto;
        width: 90%;
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
    .checkPlasticBag span.ui-btn-text {
        font-weight: 600;
    }

#TakeOutBagContent > ul > span > div > label > span > span.ui-btn-text > span {
    color: #B71418;
    font-weight: 600;
}
/* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/

.checkPlasticBag span.ui-icon {
    left: 0 !important;
}

.checkPlasticBag span.ui-btn-inner {
    padding-left: 35px !important;
}
/* 20201112 Aiga Tabata No.27 �e�C�N�A�E�g�܍w���s�v�ӎv�\��_�u���z Add End */

/*20210331 Yanagisawa �������A�芄���E�N�[�|�����p�I��Ή��@START*/


#discountOption {
    display: block;
    padding: 5px 5px;
    margin-bottom: 10px;
    height: 40px;
    display: flex;
    justify-content: space-around
}

    #discountOption .optionBtn {
        float: left;
        width: 76%;
    }

        #discountOption .optionBtn a {
            font-weight: 700;
            line-height: 1.5;
            position: relative;
            display: inline-block;
            width: 100%;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            letter-spacing: 0.1em;
            font-size: 1.7rem;
        }

    #discountOption a {
        display: block;
        color: #75230F;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3px 0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #B8AB9A;
        background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFB), color-stop(0.98, #FCFCFB), color-stop(0.99, #FFF), to(#FFF));
        /* background: linear-gradient(to bottom, #FCFCFB, #FCFCFB 98%, #FFF 99%, #FFF);*/
        /*2021/04/21 �v�ۓc �ύX�{�^���Ɠ����F�ɕύX*/
        background: linear-gradient(to bottom, #FDFCFB, #EFEBE7 45%, #EFEBE7);
    }

#contents #coupon .select a.unselectable {
    background: #E0E0D8;
    text-shadow: 0px 0px 0px;
}

/*20210331 Yanagisawa �������A�芄���E�N�[�|�����p�I��Ή��@END*/

@media screen and (min-width: 741px) {
    #contents .mainItem .pizzaName .pizzaNameIndivi,
    #contents .type {
        color: #CC0000;
        font-size: 20px;
    }
    /*20250515 uga Ishige add ピザーラボックス start*/
    #contents .pizzaNameIndivi {
        width: 20em;
    }
    /*20250515 uga Ishige add ピザーラボックス end*/

    #contents .size,
    #contents .dough {
        font-size: 20px;
    }
	
    #contents .total p.countNum {
        width: 120px;
        font-size: 20px;
    }
	#contents .btns .change{
		font-size: 1rem;
	}
	#contents .total .delete a{
		font-size: 1rem;
	}
	#contents .total .delete img{
		margin-bottom: -3px;
	}
    select {
        font-size: 15px;
        margin-top: -3px;
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
    #contents .total p.totalPrice {
        font-size: 20px;
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
    #contents #coupon .lead {
        padding: 0 6px;
        font-size: 17px;
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 Start*/
    #contents .goNext img {
    }
    #contents .goNext a,
    #contents .goNext input {
    }
    /* 20221213  Aiga Matayoshi Update 注文遷移統一対応 End*/
    /* 20221213  Aiga Matayoshi Add 注文遷移統一対応 Start*/
    #contents .whiteBox .titleBox a::after {
    }

    #contents .whiteBox .titleBox .open a::before ,
    #contents .whiteBox .titleBox .close a::before{
    }

    #contents .deliveryInfo dl, #contents .deliveryInfo .text {
    }

    #contents .continue img {
        width: 30px;
        height: 30px;
    }

    #contents .whiteBox .titleBox span {
    }

    #contents #coupon .select a {
        font-size: 1.3rem;
    }

    #contents #coupon .select {
    }
    /* 20221213  Aiga Matayoshi Add 注文遷移統一対応 End*/
    
    #contents .btns .delete{
    	font-size: 1.2rem;
    }

    /* 20230202 Matayoshi start*/
    #contents .mainItem .menu_name_img .PCpizzaImg {
        display: block;
    }
    #contents .mainItem .menu_name_img .pizzaImg {
        display: none;
    }
    /* 20230202 Matayoshi end*/
    
}

@media screen and (max-width: 740px) {
    #contents #coupon .whiteBox .eachCoupon .btn a {
        right: 18px;
    }

    #contents #coupon .whiteBox .eachCoupon .detail {
        font-size: 16px;
    }

    #contents #coupon .select a span {
        margin-bottom: -4px;
    }
    #contents .total .delete img {
    	margin-bottom: -3px;
    }
	#contents .total .delete a {
	    padding: 2px 6px 0px;
	}
}