@charset "utf-8";
/*スグベジ*/

body{font-family: "Noto Sans Japanese" !important;}
#cms_block{max-width: 1050px;}
article{max-width: 900px;text-align: left;margin: auto !important;}
.font_red{color: red}
big{font-size: 1.3em}
img{width: 100%}

/*申込みボタン*/
.spring18-cp4{text-align: center;padding: 50px 10px;}
.spring18-cp4 a i{font-size: 1.4em;padding-left: 15px;vertical-align: middle;}
.spring18-cp4 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #000;
    line-height: 1.7em;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1.45em;
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    margin: auto;
    max-width: 400px;
    background-image: linear-gradient(#f7c63d 50%, #f3b812 50%);
    /* text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.66); */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.spring18-cp4 p{display: inline-block;vertical-align: middle;}
/*.spring18-cp4 a:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#bc012f 50%, #cc0133 50%);
}*/
@media(max-width: 500px){.spring18-cp4 a{max-width: 310px;}}
@media(max-width: 370px){.spring18-cp4 a{padding: 10px}}

@media(min-width: 970px){
    .spring18-cp1{background-position: 0 -80px}
    .anbasa_prof{min-height: 170px;}
}


/*ここからスグベジ*/

.suguvege_con2 h2 {/*display: inline-block;border-bottom: 3px solid #7fbf21*/padding: 50px 0px 10px;max-width: 450px;margin-bottom: 10px;}
.suguvege_con2 h2 img{}

.suguvege18-cp1{background: url(img/suguvege-back.jpg);background-position:center;background-size:cover;text-align: center;padding: 40px 20px ;}
.sp-cp_top_ti1{max-width: 600px;width: 100%;padding-right: 50px;box-sizing:  border-box;}

/*TOPコメント*/
.suguvege18-cp2{font-size: 1.2em;text-align: center;max-width: 880px;margin: 30px auto 20px;padding: 15px;}
.suguvege18-cp2 strong{font-size: 1.7em;display: inline-block;text-align: left;}
.suguvege18-cp2 span{text-align: left;display: block;font-size: 1.2em;}
.suguvege18-cp2 p{padding: 10px;margin-bottom: 50px;}

/*お知らせ*/
#suguvege_info{padding: 10px 30px 20px;max-width: 840px;margin: 40px 15px 10px;background:  #eee;border-radius:  7px;text-align: left;}
#suguvege_info h2{padding: 6px 6px 0;margin: 0 2px;}
#suguvege_info table{width: 100%;}
#suguvege_info th,#suguvege_info td{font-size: 1.2em}
#suguvege_info tr{border-bottom: 1px solid #7fbf21;display: block;padding: 10px 5px;margin-bottom: 2px;}
#suguvege_info th{width: 100px}
#suguvege_info i.fa-circle-o{margin-right: 10px;color:  #7fbf21;}
#suguvege_info a{display: inline-block;padding: 0 5px 1px; background: #7fbf21 ; color: #fff;}
#ambassa{padding-top: 70px;margin-top: -70px;}


/*内容*/
.suguvege18-5{padding: 20px;max-width: 880px;margin: auto;}
.suguvege18-5 h2{margin-bottom:20px;margin-top: 50px;max-width: 500px;}
.suguvege18-5 p{font-size: 1.15em;line-height: 1.7em;margin-top: 10px;}

.suguvege18-5 td{padding: 10px;font-weight: bold;}
.suguvege18-5 td > img{max-width: 70px;margin-right: 10px;vertical-align: middle;max-height: 100%}
.suguvege18-5 td > p{display: inline-block;width: 70%;vertical-align: middle;}
.suguvege18-5 li{/*margin-left: 20px ; list-style: disc;*/font-size: 1.3em;padding-top: 10px;}

.suguvege_kijyun{margin-bottom: 10px;display: inline-block;padding: 2px 10px;border:1px solid ;}

/*レシピ例*/
.suguvege_recipe{padding: 20px;max-width: 880px;margin: auto; }
.suguvege_recipe1{border-radius: 10px;padding: 15px;background:  #eee;vertical-align:  text-bottom;}
.suguvege_recipe0{border-spacing: 20px 10px;border-collapse: separate;}
.suguvege_recipe1 td{padding: 10px;width:50%;font-weight: normal;font-size:  1.3em;}
.suguvege_recipe1 th{width:50%;vertical-align: top;padding: 10px 0px 0;}
.suguvege_recipe1 h3{color:#7fbf21;margin-bottom: 0;font-size: 1.7em;}
.suguvege_recipe1 p{display: inline-block;background: #000;color: #fff;padding: 2px 6px;vertical-align:  middle;margin-right:  7px;font-weight: bold;font-size: .85em;letter-spacing: 0.1em;border-radius: 3px;}
.suguvege_recipe1 img{width: 100%}


/*お問合せ先*/
.suguvege-info {max-width: 500px;text-align: left;margin: auto;border:1px solid;padding: 10px;margin-top: 50px;margin-bottom: 30px;}
.suguvege-info h2{margin-bottom: 10px;}
.suguvege-info big{padding-bottom: 5px;display: inline-block;}

/*提携*/
.suguvege_teikei{padding: 30px 20px;max-width: 880px;margin: auto;}
.suguvege_teikei1 {font-weight: bold;width: 100%}

.suguvege_teikei_list{border-collapse: separate;border-spacing: 20px 10px;margin-top:  10px;}
.suguvege_teikei_list td{border-radius: 10px;vertical-align: top;background: #eeeeee;}

.suguvege_teikei1 th{background:#000;color: #fff;white-space: nowrap;padding: 5px 7px;font-size: 1.5em;}
.suguvege_teikei1 td{border:1px solid;font-size: 1.6em;text-align: left;padding: 5px 5px;border-radius: 0;vertical-align:  middle;background:  #fff;letter-spacing: -0.03em;}

.suguvege_teikei1 span{color:#7fbf21 }

.suguvege_teikei2 {/*margin-top: 20px;/* background: #ffffff; */}
.suguvege_teikei2 span {color: #7ebe25;font-weight: bold;}
.suguvege_teikei2 td{font-size: 1.2em;font-weight:400;}
.suguvege_teikei2 th,.suguvege_teikei2 td{padding: 5px 0px 10px 10px;vertical-align:  middle;/* background: #ffffff; */text-align:  left;}
.suguvege_teikei p{display: inline-block;text-align: left;margin-right: auto;margin-top: 30px; font-size: 1.2em}
.suguvege_teikei div{font-size: 1.2em;margin: 20px 0 10px;text-align:  center;}
.suguvege_teikei2 img{width: 80px;}
.suguvege_teikei2 th{width: 80px}
.suguvege_teikei3{padding-bottom: 3px;display: inline-block;text-align: left !important;}
.suguvege_teikei3 span{/* border-bottom: 2px solid #84c12f; */line-height: 1.8em;font-weight: 500;}

.suguvege_teikei0{ margin: 20px 0; padding: 25px;  font-size: 1em !important;  margin-top: 0 !important;}

/*スグベジアイテム*/
.suguvege_item h2{margin-bottom:20px;}

.suguvege_item{padding: 30px 20px;max-width: 880px;margin: auto;}
.suguvege_item1 th{padding:20px 20px 20px 20px;width: 40%;}
.suguvege_item1 td{font-size:1.55em;width: 100%}
.suguvege_item1 td,.suguvege_item1 th,.suguvege_item1 tr{display: inline-block;}

.suguvege_item2-1{width: 70%}
.suguvege_item2-2{width: 29%}

.suguvege_last1{text-align: center;}
.suguvege_last1 p{text-align: left;display: inline-block;font-size: 1.3em;padding: 20px;}

/*TOPアンバダサダー*/
.suguvege_ambassa{padding: 30px 20px;max-width: 880px;margin: auto;}
.suguvege_ambassa p{text-align: center;padding: 20px 10px 0px;margin: auto;}
.suguvege_ambassa p img{max-width: 750px;}
.suguvege_ambassa a{display: block;max-width: 300px;margin: 30px auto;padding:5px 10px;background:#7fbe25; color: #fff;font-size:1.5em;border-radius: 5px;}

/*サポーター*/
#supporter{padding: 50px 10px;max-width: 1000px;margin: auto;}
#supporter h2{background: #7ebe25;color: #fff;padding: 5px 15px;}
#supporter div{display: inline-block;font-size: 1.3em; padding: 5px 10px;margin:5px 2px}


@media(max-width: 700px){
    .suguvege18-5 h2 {height:30px;width: auto}
    .suguvege18-5 td {display: block;  }
    /*.suguvege18-cp1{background-size: 180%}*/

    .suguvege_item1 th{width:35%;padding:20px 10px;display: table-cell;}
    .suguvege_item1 th,.suguvege_item1 td{}
    .suguvege_item2-1,.suguvege_item2-2{width: 100%}
    .suguvege_recipe0{border-spacing: 0}
    .suguvege_recipe0 td{display: block;}
    .suguvege_recipe1{margin-bottom:20px}
    .suguvege_recipe1 td,.suguvege_recipe1 th{display: block;width: 100%;box-sizing: border-box;}
    .suguvege_recipe1 td{padding: 15px 0 0}

    .suguvege_teikei_list{border-spacing: 0}
    .suguvege_teikei_list-td{display: block;margin: 20px 0}
    .suguvege_teikei0{ padding: 15px; }
    #suguvege_info th,#suguvege_info td{display: block;line-height: 1.9em}
    #suguvege_info {padding: 10px}

}

@media(max-width: 500px){}

@media(max-width: 320px){
    .suguvege18-5 td > p{width: 60%}
}



/* balloon-1 left */
#balloon-1-left {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    width: auto;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 0;
    font-size:  1.05em;
    text-align:  left;
}
#balloon-1-left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    margin-top: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
#balloon-1-left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #ccc transparent transparent;
    z-index: -1;
}


/*アンバサダー*/
.anbas1{text-align: center;margin-bottom:70px;}
.anbas1 h1{margin-bottom: 0;max-width:  700px;margin:  auto;}
.anbas1 p{font-size: 1.3em;text-align: left;display: inline-block;padding: 0 10px;}


.anbas2-bb{border-bottom: 1px solid;}
.anbas2-br{border-right: 1px solid;}
.anbas2-pd{padding: 30px;width: 50%;}
.anbas2 table{border-collapse: collapse;border-spacing: 0;}
.anbas2 th,.anbas2 td{vertical-align: top;}

.anbas2-2 th{width: 38%}
.anbas2-2 td{padding: 0 0 10px 20px;}
.anbas_member h3{color: #ffffff;font-weight: bolder;margin-bottom: 10px;font-size: 2em;padding-bottom:  7px;background: #7ebe25;padding:  7px 10px;}
.anbas2-2 a{max-width: 70px;display: block;background: #000;padding: 1px 10px;color: #fff;margin: 15px auto 5px;border-radius: 3px;text-align:  center;}


.recipe1-2{position: relative;}
.recipe1-2 td{display: inline-block;}
.recipe1-2 h5{font-size: 1.1em;margin-top: 5px;padding-left: 5px;}

.recipe1{margin-top: 10px;padding: 15px;background:  #eee;}
.recipe1 p{display: inline-block;margin: 10px 0;}
.recipe1 h4{font-size: 1.5em;color: #82c024; }

.recipe_title th{width: 50%;font-size: 1.2em;font-weight: normal;padding-bottom: 5px;text-align: left;}
.recipe_title td{padding: 0 0 10px 10px}
.recipe_title span{font-weight: bold; color: #82c024;}


.recipe_item{font-weight: normal;padding: 10px;}
.recipe_item th{font-weight: normal;}
.recipe_item th,.recipe_item td{font-size: 1em;padding: 2px 10px 5px}

.recipe_item_in,.recipe_item_in_a{width: 100%}
.recipe_item_in td{width: 50%;display: table-cell;padding:  0;}
.recipe_item_in td > table> tbody > tr >th,.recipe_item_in td > table> tbody > tr >td{padding:5px;text-align: left;}
.recipe_item_in td > table> tbody > tr >td{width: 43%;}
.recipe_item_in_a{border:1px solid #ccc;margin-top: 5px;}

.recipe_item_in2 { width: 100%;}
.recipe_item_in2 tr{border-bottom: solid 1px #ccc;}
.recipe_item_in3 td{padding: 2px 0 5px}


.recipe2{padding: 10px 5px;}
.recipe2 li{margin-left: 20px ;list-style: decimal;padding: 4px;}
.recipe_photo{max-width: 260px;margin-bottom: 15px;}

/*ako-dhion*/
#acMenu{margin-top: 15px;}
#acMenu dt{
    display: block;
    background: #ccdea2;
    padding:7px 10px;
    text-align:  center;
    font-weight:  bold;
    max-width: 200px;
    cursor: pointer;
    margin:  auto;
    border-radius:  50px;
    }
#acMenu dd{
    background: #e1e8d0;
    display:none;
    padding:  10px;
    border-radius: 0 0 10px 10px;
    }
#acMenu dt.active{
    max-width: 100%;
    border-radius: 10px 10px 0 0;
    }
.sp_pl10{padding-left: 8px !important}
.anbas2{padding: 5px}
.anbasa_prof{font-size: 1.1em; line-height: 1.6em;}

@media(max-width: 700px){
    .anbas_member{display: block;padding: 45px 10px;border-bottom: 7px solid #ccc;}
    .anbas2-br{border-right: 0}
    .anbas2-bb{border-bottom: 0}
    .anbas2-pd{width: 100%;box-sizing: border-box;}
    .anbas_member_in th,.anbas_member_in td{display: block;width: 100%}
    .anbas2-2 td{padding: 10px 0;}
    .recipe_title th,.recipe_title td{display: block;width: 100%; padding:  0 }
    .anbas1{margin-bottom: 0}
}


/*スライダー*/
.slick1{margin-top: 20px;}
.slick-dots{text-align: center !important;bottom: -50px !important}
*:focus {
outline: none;
}




/*スグベジコンテスト　18野菜の日*/
.enjoy1{margin-bottom:70px;max-width:  920px;margin:  auto;padding: 15px;text-align: left;}
.enjoy1 h1{margin-bottom: 0;max-width:  700px;margin:  auto;}
.enjoy1 p{font-size: 1.3em;text-align: left;display: inline-block;}
.enjoy1 a{text-decoration: underline;}


.enjoy1-1{border:1px solid;padding: 10px;margin: 30px 0 5px;display: inline-block;}
.enjoy1-1 h3{font-size: 1.1em;margin: 0 0 5px;display: inline-block; border-radius: 3px;background: #555;color: #fff;padding:5px 7px;font-weight: normal;}
.enjoy1-1 p{font-size: 1.1em;}

.enjoy2{margin:50px 10px;max-width:  900px;padding: 20px;text-align: left;box-shadow: 0px 0px 10px #c3c3c3;}

.enjoy2-no1 {  display: inline-block;position: relative; vertical-align: middle; text-align: center;  box-sizing: border-box;  margin: 15px 40px;}
.enjoy2-no1:before{/*左側のリボン端*/ content: ''; position: absolute;  width: 10px;  bottom: -10px;  left: -35px;  z-index: 0;
    border: 20px solid #e6526c;  border-left-color: transparent;/*山形に切り抜き*/}
.enjoy2-no1:after{/*右側のリボン端*/  content: ''; position: absolute;  width: 10px; bottom: -10px; right: -35px; z-index: 0;
    border: 20px solid #e6526c;  border-right-color: transparent;/*山形に切り抜き*/}
.enjoy2-no1 h3 {  display: inline-block; position: relative;  margin: 0; padding: 0 40px;  line-height: 1.5em; font-size: 3em;
    color: #FFF; z-index: 1; background: #ec637b;/*真ん中の背景色*/}
.enjoy2-no1 h3:before { position: absolute; content: ''; top: 100%;  left: 0;  border: none;  border-bottom: solid 10px transparent;
    border-right: solid 15px #ca334e;/*左の折り返し部分*/}
.enjoy2-no1 h3:after {  position: absolute; content: '';  top: 100%;  right: 0;  border: none;
    border-bottom: solid 10px transparent;  border-left: solid 15px #ca334e;/*右の折り返し部分*/}

.enjoy2-no2 {  display: inline-block;position: relative; vertical-align: middle; text-align: center;  box-sizing: border-box;  margin: 15px 40px;}
.enjoy2-no2:before{/*左側のリボン端*/ content: ''; position: absolute;  width: 10px;  bottom: -10px;  left: -35px;  z-index: 0;
    border: 20px solid #5d99c7;  border-left-color: transparent;/*山形に切り抜き*/}
.enjoy2-no2:after{/*右側のリボン端*/  content: ''; position: absolute;  width: 10px; bottom: -10px; right: -35px; z-index: 0;
    border: 20px solid #5d99c7;  border-right-color: transparent;/*山形に切り抜き*/}
.enjoy2-no2 h3 {  display: inline-block; position: relative;  margin: 0; padding: 0 40px;  line-height: 1.5em; font-size: 3em;
    color: #FFF; z-index: 1; background: #7fb7e0;/*真ん中の背景色*/}
.enjoy2-no2 h3:before { position: absolute; content: ''; top: 100%;  left: 0;  border: none;  border-bottom: solid 10px transparent;
    border-right: solid 15px #286596;/*左の折り返し部分*/}
.enjoy2-no2 h3:after {  position: absolute; content: '';  top: 100%;  right: 0;  border: none;
    border-bottom: solid 10px transparent;  border-left: solid 15px #286596;/*右の折り返し部分*/}



.enjoy2-name{font-size: 2em;padding: 15px;}
.enjoy2-name span{font-size: .7em;}
.enjoy2-onepoint{background: #eee;padding: 10px;margin-bottom: 20px;}
.enjoy2-onepoint p{display: inline-block;padding: 0 5px;border: 2px solid;font-weight: bold;}

.enjoy2-no1_table>tbody>tr>th{max-width: 350px;vertical-align: top;}

#enjoy2_recipe.recipe1-2 h5 { font-size: 1.5em; margin-top: 0px;}
#enjoy2_recipe.recipe1-2 td, #enjoy2_recipe.recipe1-2 th{font-size: 1.2em;border-bottom: 1px dashed #ddd;}
.enjoy2-no1_table{width: 100%;box-sizing: border-box;}
#enjoy2_recipe{padding:0 10px;}

#enjoy2_recipe2{font-size: 1.2em;}

@media(max-width: 700px){
    .enjoy1{margin-bottom: 0}

    .enjoy2{padding: 10px;margin: 15px;}
    .enjoy2-no1_table>tbody>tr>th, .enjoy2-no1_table>tbody>tr>td{display: block;width: 100%}
    .enjoy2-name{font-size: 1.6em;padding: 15px 0}
    #enjoy2_recipe div{padding: 0}
    #enjoy2_recipe{padding: 0;}
    #enjoy2_recipe.recipe1-2 h5{margin-top: 20px;}
}

.enjoy1-top2{margin-top: 15px;}
@media(min-width: 600px){
    .enjoy1-top2{width: 46%;padding: 30px 30px 0 0; }
}