@charset "utf-8";
/* CSS Document */

/* TabL+PC */
#campaign {font-family:Meiryo,sans-serif!important;}
#campaign .pc-only {display: block;}
#campaign .sp-only {display: none;}

#campaign .mb10{margin-bottom: 10px;}
#campaign .mb20{margin-bottom: 20px;}
#campaign .mb30{margin-bottom: 30px;}
#campaign .mb40{margin-bottom: 40px;}
#campaign .mb50{margin-bottom: 50px;}
#campaign .mb60{margin-bottom: 60px;}
#campaign .mb70{margin-bottom: 70px;}
#campaign .mb80{margin-bottom: 80px;}
#campaign .mb90{margin-bottom: 90px;}
#campaign .mb100{margin-bottom: 100px;}
#campaign .mt30{margin-top: 30px;}

.fHira{font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important; }
.navAnc {
    display: block;
    padding-top: 30px;
    margin-top: -30px;
}


h1.campTit {
background-color: inherit;
    max-width: 800px;
    width: 90%;
    margin: 30px auto;
    padding: 0;
}
.campNav {
    list-style: none;
    width: 90%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.campNav li {
    width: 32%;
}
.campNav li img:hover {
    opacity: 0.6;
    transition: all 0.3s;
}
.campDtlImg  {
    max-width: 940px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.campDtlBox {
    background-color: #fff;
    max-width: 940px;
    width: 90%;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}
.campDtlMtit01 {
    font-size: 18px;
    font-weight: bold;
    max-width: 600px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #A8A8A8;
    border-radius: 20px;
    text-align: center;
    padding: 5px 0;
}
.campTxt01 {
    max-width: 800px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
}
.campTxt01 span {
    font-weight: bold;
}

.ordArea {
    background-color: #FFB400;
    max-width: 940px;
    width: 90%;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
}
.ordAreaBox {
    text-align: center;
}
.ordAreaTit {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-image: url("file:///Macintosh HD/Users/fullcontact02/Desktop/workspace/DCD/ポケットフーズ/注文サイト/img/campaign/ordTit_l.png") ,url("file:///Macintosh HD/Users/fullcontact02/Desktop/workspace/DCD/ポケットフーズ/注文サイト/img/campaign/ordTit_r.png");
    background-repeat: no-repeat;
    background-position: left 90%,right 90%;
    background-size: 27px auto;
    padding: 0 35px;
}
.campBtn01 {
    max-width: 500px;
    width: 90%;
    white-space: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    border: 1px solid #fff;
    background: rgb(149,189,6); /* Old browsers */
background: -moz-linear-gradient(top, rgb(149,189,6) 0%, rgb(0,134,49) 51%, rgb(0,77,26) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(149,189,6) 0%,rgb(0,134,49) 51%,rgb(0,77,26) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(149,189,6) 0%,rgb(0,134,49) 51%,rgb(0,77,26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bd06', endColorstr='#004d1a',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
}
.campBtn01:hover {
    opacity: 0.6;
}
.campBtn01:active {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .5);
}
.campBtn01 a {
    position: relative;
    display: block;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 20px;
    background-image: url("file:///Macintosh HD/Users/fullcontact02/Desktop/workspace/DCD/ポケットフーズ/注文サイト/img/campaign/btn_icon01.png");
    background-repeat: no-repeat;
    background-size: 35px auto;
    background-position: 15px center;
}
.campBtn01 a:before {
    content: "";
  position: absolute;
  top: 50%;
  left: 95%;
  margin-top: -7px;
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}
.campBtn02 {
    max-width: 500px;
    width: 90%;
    white-space: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    border: 1px solid #fff;
    background: rgb(255,113,113); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,113,113) 0%, rgb(206,0,0) 50%, rgb(100,0,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,113,113) 0%,rgb(206,0,0) 50%,rgb(100,0,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,113,113) 0%,rgb(206,0,0) 50%,rgb(100,0,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7171', endColorstr='#640000',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
}
.campBtn02:hover {
    opacity: 0.6;
}
.campBtn02:active {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .5);
}
.campBtn02 a {
    position: relative;
    display: block;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 20px;
    background-image: url("file:///Macintosh HD/Users/fullcontact02/Desktop/workspace/DCD/ポケットフーズ/注文サイト/img/campaign/btn_icon02.png");
    background-repeat: no-repeat;
    background-size: 35px auto;
    background-position: 15px center;
}
.campBtn02 a:before {
    content: "";
  position: absolute;
  top: 50%;
  left: 95%;
  margin-top: -7px;
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}
.campBtn03 {
    max-width: 500px;
    width: 90%;
    white-space: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    border: 1px solid #fff;
    background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,23) 50%, rgb(255,186,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,23) 50%,rgb(255,186,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(255,255,23) 50%,rgb(255,186,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffba00',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
}
.campBtn03:hover {
    opacity: 0.6;
}
.campBtn01:active {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .5);
}
.campBtn03 a {
    position: relative;
    display: block;
    box-sizing: border-box;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 20px;
}
.campBtn03 a:before {
    content: "";
  position: absolute;
  top: 50%;
  left: 95%;
  margin-top: -7px;
  border: 7px solid transparent;
  border-left: 7px solid #000;
}

.ordAtttxtBox {
    background-color: #fff;
    max-width: 800px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}
.ordAttTit01 {
    font-size: 18px;
    font-weight: bold;
}
.oddAttTxt01 {
    font-size: 13px;
}

.campDtlTbl01 {
    max-width: 800px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-left: 1px solid #000;
    border-top:  1px solid #000;
}
.campDtlTbl01 th {
    width: 20%;
    min-width: 200px;
    text-align: center;
    border-right: 1px solid #000;
    border-bottom: 1px solid #fff;
    background-color: #000;
    font-size: 18px;
    padding: 8px 10px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    box-sizing: border-box;
}
.campDtlTbl01 th.last {
    border-bottom: 1px solid #000;
}
.campDtlTbl01 td {
    width: 80%;
    padding: 8px 10px;
    font-size: 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}
.campDtlTbl01 td.campDtlTblTxt01 {
    font-size: 20px;
    font-weight: bold;
}
.campDtlTbl01 td.campDtlTblTxt01 span {
    font-size: 18px;
}

.campTxt02 {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: bold;
}

.ordLi01 {
    list-style: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
    position: relative;
}
.ordLi01 li {
    width: 50%;
}
.campTelBox {
    max-width: 600px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.campTelTit {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
.campTelDtl {
    background-color: #fff;
    padding: 18px 0;
}
.campTelTxt01 {
    font-size: 30px;
    font-weight: bold;
}
.campTelTxt01 img {
    width: 34px;
    height: auto;
    margin-right: 10px;
    margin-top: 3px;
}
.campTelTxt02 {
    font-size: 18px;
}
.ordAttMtit01 {
    font-weight: bold;
}


/* 2022年11月22日追記 */

body {
    color: #333;
    background-color: #f4ebdd;
}

.campDtlImg {
    background-color: #fff;
}

img.img_width {
    width: 100%;
}

.campTxt01_1 {
    max-width: 850px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
}
.campTxt01_1 span {
    font-weight: bold;
    color: rgb(212, 0, 0);
}

span.bk {
    font-weight: bold;
    color: #333;
}
td.campDtlTblTxt01 {
    text-align: center;
}

.contain_title {
    max-width: 500px;
    margin: 0 auto;

}

/* 2023年1月11日追記 */
.img_area {
    text-align: center;
    margin: 20px 40px 20px 20px;
}
.cart_img {
    width: 80%;
}

.txt_b {
    font-weight: bold;
}

.txt_red {
    color: rgb(212, 0, 0);
}

ol.oddAttTxt01 {
    padding-inline-start: 20px;
}

/* ここまで */

/* /TabL+PC */
@media screen and (max-width: 767px) {
#campaign .pc-only {display: none;}
#campaign .sp-only {display: block;}
    
#campaign .mb10{margin-bottom: 8px;}
#campaign .mb20{margin-bottom: 20px;}
#campaign .mb30{margin-bottom: 25px;}
#campaign .mb40{margin-bottom: 30px;}
#campaign .mb50{margin-bottom: 35px;}
#campaign .mb60{margin-bottom: 40px;}
#campaign .mb70{margin-bottom: 45px;}
#campaign .mb80{margin-bottom: 50px;}
#campaign .mb90{margin-bottom: 55px;}
#campaign .mb100{margin-bottom: 60px;}
    
.navAnc {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
    
.campDtlBox {
    padding-bottom: 30px;
}
    
.campNav {
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.campNav li {
    width: 100%;
    margin-bottom: 30px;
}
    .campMtit01 {
        width: 80%;
    } 

.campDtlTbl01 th {
    display: block;
    width: 100%;
    min-width: auto;
    text-align: center;
}
.campDtlTbl01 td {
    display: block;
    width: 100%;
    text-align: left;
}
.campDtlTbl01 td.campDtlTblTxt01 {
    text-align: center;
    font-size: 18px;
}
.campDtlMtit01 {
    max-width: 210px;
}
.ordArea {
    border-radius: 10px;
    padding: 30px 0 20px;
}
.ordAreaTit {
    font-size: 5vw;
}
    
.campBtn01 a,.campBtn02 a,.campBtn03 a {
    font-size: 5vw;
}
.ordLi01 {
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    width: 100%;
}
.ordLi01 li {
    width: 100%;
    }
    
.campTxt02 {
    text-align: left;
}
    
.ordAttTit01 {
    font-size: 15px;
}
.oddAttTxt01 {
    font-size: 13px;
}

/* 2023年1月11日追記 */
.cart_img {
    width: 100%;
}
.img_area {
    margin: 10px 18px 10px 0;
}
}