/* ガン春！食卓応援キャンペーン 共同企画 2022/03 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
    transition:0.5;
    transition-duration:0.3s;
}

body {
    position:relative;
    overflow-x:hidden;
}

#main * {box-sizing:border-box;}

#navHeader {
    margin-bottom:0 !important;
    z-index:100;
}


.img_pc {}
.img_sp {display:none;}




/* common setting END */


/* PCレイアウト */
/*-------------------------------------------*/
#cp {
    line-height:1.8;
    font-size:1.4em;
    color:#000000;
}
#cp img {
    max-width:100%;
    height:auto;
}

.img_sp {display:none;}


/* title */
section#title {
    background-color:#dddddd;
    margin-top:30px;
    text-align:center;
}
section#title h1 {
    padding:0.75em;
    font-size:2.2em;
    font-weight:bold;
}
section#title h1 br {
    display:none;
}


#cp {
    width:94%;
    max-width:950px;
    margin:0 auto;
    padding:30px 0 60px;
}

dl.date {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:19em;
    margin:0 auto 1em;
    font-size:1.6em;
    font-weight:bold;
}
dl.date dt {
    width:10em;
    text-align:right;
}
dl.date dd {
    text-align:left;
    width:9em;
}

.search_area {
    width:100%;
    max-width:750px;
    margin:0 auto 50px;
}
.search_area p.lead {
    margin-bottom:1.5em;
    text-align:left;
}
.search_area p span {
    color:#ff0000;
}

#cp h2 {
    background-color:#ff7800;
    margin-bottom:1em;
    padding:0.25em;
    border-radius:10px;
    font-size:1.5em;
    color:#ffffff;
}

dl.list {
    display:flex;
    flex-wrap:wrap;
    width:78%;
    margin:0 auto 60px;
}
dl.list dt {
    width:10em;
    margin-bottom:0.5em;
    text-align:left;
}
dl.list dd {
    width:calc(100% - 10em);
    margin-bottom:0.5em;
    text-align:left;
    color:#ff0000;
}
dl.list dt.head,
dl.list dd.head {
    font-size:1.3em;
    font-weight:bold;
    color:#000000;
}
dl.list dt.head {
    width:7.75em;
}
dl.list dd.head {
    width:calc(100% - 7.75em);
}


.back {
    margin-bottom:60px;
    text-align:center;
}
.back a {
    display:block;
    width:80%;
    max-width:700px;
    background-color:#000000;
    margin:0 auto;
    padding:0.25em 1em;
    border-radius:1em;
    color:#ffffff;
    text-decoration:none;
}
.back a:hover {
    background-color:#555555;
}


/* search box */
.search_area .search_box01 {
    width:100%;
    background-color:#dddddd;
    margin:0 auto;
    padding:16px 0;
}
.search_area #search_form {
    display:flex;
    justify-content:center;
    position:relative;
    margin:0 auto;
}
.search_area #search_form input {
    display:block;
}
.search_area #search_num {
    width:260px;
    height:48px;
    background-color:#ffffff;
    padding:10px 15px;
    border:none;
    font-size:1.6em;
    font-weight:bold;
    color:#000000;
}
.search_area #search_num:focus {
    outline:0;
}
.search_area #search_btn01 {
    width:131px;
    height:48px;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("../images/search/btn_search.png");
    background-size:contain;
    margin-left:10px;
    border:0;
    outline:0;
    text-indent:-9999px;
    cursor:pointer;
}
.search_area #search_btn01:hover {
    opacity:0.7;
}
.search_area .search_result01 {
    display:none;
    background-color:#dddddd;
    padding:3%;
    text-align:center;
}
.search_area .search_result_txt01 {
    padding-bottom:10px;
    border-bottom:1px solid #ffffff;
    font-size:1.4em;
    font-weight:bold;
}
.search_area .search_result_txt02 {
    padding:1em 0;
    font-size:1.6em;
    font-weight:bold;
    color:#ff0000;
}
.search_area .search_result_txt02:before {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    margin-right:16px;
}
.search_area .maru:before {
    width:54px;
    height:54px;
    background-repeat:no-repeat;
    background-image:url("../images/search/maru.png");
    background-size:contain;
    content:"";
}
.search_area .batu:before {
    width:44px;
    height:44px;
    background-repeat:no-repeat;
    background-image:url("../images/search//batu.png");
    background-size:contain;
    content:"";
}
.search_area .search_result_txt03 {
    margin-bottom:1em;
    font-size:1.0em;
}




/* 949px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 949px) {

/* common setting */

img, object, embed, video {
    max-width:100%;
    height:auto;
}

#navHeader {
    height:20px;
}

.pagetop_sp {z-index:9999;} 

/* common setting END */

#cp {
    font-size:1.2em;
}





}
/*-------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 768px) {

#cp {
    line-height:1.8;
    font-size:1.1em;
}




}
/*-------------------------------------------*/
/* 768px以下 END */



/* 750px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 750px) {

.img_pc {display:none;}
.img_sp {display:block;}

/* common setting END */



#cp {
    width:100%;
}

section#title h1 {
    font-size:6.8vw;
}
section#title h1 br {
    display:block;
}


#cp h2,
.search_area p.lead {
    width:94%;
    margin-left:auto;
    margin-right:auto;
}

dl.date {
    font-size:4.8vw;
}

dl.list {
    width:90%;
}
dl.list dt {
    width:9em;
}
dl.list dd {
    width:calc(100% - 9em);
}
dl.list dt.head {
    width:7em;
}
dl.list dd.head {
    width:calc(100% - 7em);
}


/* search box */
.search_area .search_box01 {
    padding:8% 5%;
}
.search_area #search_form {
    align-items:center;
    position:relative;
    margin:0 auto;
}
.search_area #search_num {
    width:calc(72% - 5px);
    height:48px;
    padding:5px 10px;
    font-size:1.4em;
}
.search_area #search_btn01 {
    width:28%;
    background-size:cover;
    margin-left:5px;
}
.search_area .search_result_txt01 {
    font-size:1.4em;
}
.search_area .search_result_txt02 {
    font-size:1.6em;
}
.search_area .search_result_txt02:before {
    margin-right:16px;
}
.search_area .maru:before {
    width:54px;
    height:54px;
}
.search_area .batu:before {
    width:44px;
    height:44px;
}

}
/*-------------------------------------------*/
/* 750px以下 END */



/* 640px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 640px) {

/* common setting */

#navHeader {
    height:4.5em;
}

.pagetop_sp {z-index:9999;}






}
/*-------------------------------------------*/
/* 640px以下 END */



/* 320px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 320px) {



#cp {
    font-size:1.0em;
}




}
/*-------------------------------------------*/
/* 320px以下 END */