@charset "utf-8";
/* CSS Document */
.pcbr{
	display: inline;
}
.pc,.pcimg,.pconly{
	display: block;
}
.spbr,.sp,.spimg,.sponly{
	display: none;
}
.is-pc{
	display: block;
}
.is-sp{
	display: none;
}
.flex{
	display: flex;
}
img{
	width: auto;
	height: auto;
}
p{
	line-height: 1.6em;
}
.inner {
	width: auto;
    max-width: 1080px;
    margin: 0 auto;
}
#wrapper{
	position: relative;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}

sup {
	font-size: 70%; 
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
/* ------------------------------------------------------
   pankuzu
------------------------------------------------------ */
.pankuzu{
	display: flex;
	margin-top: 19px;
	font-size: 12px;
}
.pankuzu li:last-child{
	border: none;
}
.pankuzu li a{
	display: inline-block;
	margin-right: 25px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #000;
	position: relative;
}
.pankuzu li a:hover{
	border-bottom: 1px solid #d90064;
}
.pankuzu li a:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../img/arrow.png) no-repeat;
    margin-left: 7px;
    position: absolute;
    right: -15px;
    top: 1px;
}
/* ------------------------------------------------------
   mv
------------------------------------------------------ */
.mv{
	margin-top: 50px;
	text-align: center;
}
.mv .mv_img img {
    display: block;
    margin: auto;
    max-width: 590px;
}
.mv .inner{
	display: inline-block;
	position: relative;
}
.mv_logo:before{
	content: '';
	display: block;
	top: 20px;
	right: 20px;
	background: url("../img/mv_logo_010_pc.png") no-repeat right top;
	background-size:213px 83px;
	width: 213px;
	height: 83px;
	position: absolute;
}
.mv_salad_logo:after{
	content: '';
	display: block;
	bottom: 15px;
    right: 15px;
	background: url("../img/mv_logo_020_pc.png") no-repeat right top;
	background-size:146px 19px;
	width:146px;
	height: 19px;
	position: absolute;
}
.mv_under_wrap {
    margin-top: -165px;
    padding-top: 195px;
    padding-bottom: 34px;
    background: #f2f4f5;
}
.mv_under_wrap h2 {
    color: #d90064;
    font-size: 30px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    text-align: center;
    letter-spacing: 4px;
    max-width: 590px;
    margin: 0 auto 20px auto;
}
.mv_under_wrap p {
    max-width: 590px;
    margin: auto;
    line-height: 1.8em;
}

/* ------------------------------------------------------
   movie,zairyo,flow
------------------------------------------------------ */
.movie .button{
	margin-top:16px;
	background: #d90064;	
}
.movie iframe{
	width:100%;
	height: 225px;;
}
.flex.recipe_info{
	justify-content: space-between;
    margin-bottom: 50px;
}
.zairyo ul li{
	display: flex;
}
.flow_txt strong{
	display: block;
}
h3.h3_uline{
    padding-top: 25px;
    margin: 25px 0 15px 0;
    font-size: 1.8rem;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    position: relative;
    line-height: 1.4;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
h3.h3_uline:before{
	display: none;
}
h3.h3_uline .nop{
    display: inline-block;
    float: right;
    padding: 3px 13px;
    font-size: 1.2rem;
    background: #000;
    color: #fff;
}
/* ------------------------------------------------------
   zairyo
------------------------------------------------------ */
.zairyo {
    width: 37%;
}
.zairyo .check_list li{
	cursor: pointer;
    padding: 8px 0;
    font-size: 14px;
}
.zairyo .check_list li:before{
	content: '';
    width: 19px;
    height: 17px;
    display: inline-block;
    background: url(../img/ico_check_off.png) no-repeat;
    background-size: 100%;
    margin-right: 10px;
	border-radius: 2px;
}
.zairyo .check_list li.on:before{
	content: '';
    width: 19px;
    height: 17px;
	display: inline-block;
	background: url(../img/ico_check_on.png) no-repeat;
	background-size: 100%;
	margin-right: 10px;
	border-radius: 2px;
}
.zairyo .check_list li p{
	display: flex;
	justify-content: space-between;
	line-height: 1;
	width: 100%;
	background: url(../img/line.png) repeat-x;
}
.zairyo .check_list li p span{
	display: block;
	background: #fff;
}
.zairyo .check_list li p span.name{
	padding-right: 10px;
}
.zairyo .check_list li p span.amount{
	padding-left: 10px;
    letter-spacing: 2px;
}
.zairyo .sub_midashi{
    line-height: 28px;
    background: #f3f3f3;
    padding-left: 12px;
    margin: 29px 0 11px 0;
}
/* ------------------------------------------------------
   flow
------------------------------------------------------ */
.flow {
    width: 55.6%;
}
ul.list_flow li{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px 0 27px 0;
    border-bottom: 1px dotted #a5a5a5;
    align-items: flex-start;
}
ul.list_flow li:first-child{
	padding-top: 0;
}
ul.recipe_pic li{
	border: none;
}
ul.list_flow li .flow_num{
    color: #d90064;
    font-size: 30px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    letter-spacing: 4px;
    margin: -2px 0 0 -2px;
}
ul.list_flow li .flow_txt{
	width: calc(100% - 40px);
	margin-top: 10px;
}
ul.list_flow li.over_10 .flow_txt{
	width: calc(100% - 60px);
}
ul.list_flow li .flow_txt p{
	line-height: 1.3em;
}
ul.flex.recipe_pic{
    margin-top: 20px;
}
ul.flex.recipe_pic li{
	margin-right: 22px;
	padding: 0;
	width:48%;
}
ul.flex.recipe_pic li:last-child{
	margin-right: 0;
}
ul.flex.recipe_pic li img{
	width: 100%;
}
.ico_num{
    display: inline-block;
    font-size: 10px;
    background: #d90064;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    height: 10px;
    line-height: 1;
    margin: 0 3px;
}
/* ------------------------------------------------------
   profile
------------------------------------------------------ */
.txt_profile {
    padding: 28px 31px 24px 31px;
    background: #fbf7e8;
    position: relative;
    margin: 51px 0 51px 0;
}
.txt_profile:before{
    content: "";
    top: 0;
    left: 0;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #fec20c;
    position: absolute;
    z-index: 100;
}
.txt_profile strong{
	font-size: 16px;
}
.txt_profile p{
    margin-top: 15px;
    line-height: 1.8em;
}
/* ------------------------------------------------------
   recommend
------------------------------------------------------ */
.rec{
	margin-top: 100px;
}
h3.h3_line {
    padding-top: 14px;
    margin-bottom: 30px;
    font-size: 1.6rem;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    position: relative;
    line-height: 1.4;
    border-top: 1px solid #000;
    border-bottom: 1px dotted #000;
    padding-bottom: 13px;
    color: #000;
}
h3.h3_line:before{
	display: none;
}
h4.h4_bold{
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	margin:0 0 10px 0;
	color:#d90064;
	font-size: 1.8rem;
}
ul.list_rec{
	display: flex;
}
ul.list_rec li {
    max-width: 249px;
    width: 24%;
    margin-right: 28px;
}
ul.list_rec li:nth-child(4){
	margin-right: 0;
}
ul.list_rec img{
	width: 100%;
}
ul.list_rec li a{
	display: block;
}
ul.list_rec li a:hover{
	opacity: 0.6;
}
ul li a .recipe_title{
    display: block;
    box-sizing: border-box;
    margin-top: 7px;
    padding-left: 28px;
    background: url(../img/arrow_b.png) top 5px left no-repeat;
    background-size: 14px 7px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden;
}
ul.list_rec li a:hover .recipe_title{
    background: url(../img/arrow_p.png) top 5px left no-repeat;
    background-size: 14px 7px;
}
.max-btn .hvr-sweep-to-bottom{
    background: #000;
    width: 100%;
    border: none;
    cursor: pointer;
    height: 36px;
}
.max-btn .hvr-sweep-to-bottom:before{
	background: #d90064;
}
.max-btn .hvr-sweep-to-bottom span{
	letter-spacing: 2px;
    padding-left: 31px;
}
/* ------------------------------------------------------
   search
------------------------------------------------------ */
.search_box{
	background: #f2f4f5;
    padding: 40px 40px 29px 40px;
    margin: 77px 0 187px 0;
}
.search_box h3{
	margin-bottom: 24px;
}
.search_box .tag_list{
	flex-wrap: wrap;
	display: flex;
}
.search_box .tag_list li {
    margin: 0 11px 11px 0;
}
.search_box .tag_list li a{
	display: block;
    padding: 8px 12px;
    line-height: 1;
    background: #fff;
}
.search_box .tag_list li a:hover{
	background: #d90064;
	color: #fff;
}
.search_btn{
	width: 210px;
}
.search_area {
    justify-content: space-between;
    height: 45px;
}
.search_area .search_btn a:visited,.search_btn a:active{
	color: #fff;
}
.search_area input#keywords2 {
	width: calc(100% - 271px);
    border: 1px solid #cfcfcf;
    padding: 0 20px;
}
.search_area .hvr-sweep-to-bottom {
    background: #d90064;
    width: 100%;
    border: none;
    cursor: pointer;
    height: 100%;
}
.search_area .hvr-sweep-to-bottom:before{
	background: #000;
}
.search_area .button span {
    padding-left: 20px;
    color: #FFF;
    background: url(../img/ico_search.png) no-repeat left center;
    background-size: 16px 16px;
    display: inline-block;
    letter-spacing: 9px;
    text-indent: 10px;
    margin-left: 8px;
    font-size: 15px;
}
.search_box .list_title {
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 11px;
}
.search_box .tag_list + p.list_title{
    margin: 14px 0 11px;
}
.search_box i{
    font-size: 16px;
    display: inline-block;
    width: 21px;
	color: #d90064;
}
.search_box i.fa-tag{
	font-size: 14px;
}
.search_box i.fa-utensils{
	font-size: 19px;
}
/* ------------------------------------------------------
   bnr_recipe_rice
------------------------------------------------------ */
.recipe_rice{
    display: block;
    position: fixed;
    top: 34px;
    right: 0;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.17);
    z-index: 10;
}
.recipe_rice:hover{
	opacity: 0.6;
}
/* ------------------------------------------------------
   archive
------------------------------------------------------ */
.bg_gray {
    background: #f2f4f5;
    padding: 20px 0 17px 0;
	position: relative;
}
h2.archive_title {
	color: #d90064;
    font-size: 30px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    text-align: center;
    letter-spacing: 4px;
    max-width: unset;
    margin: 0 auto 38px auto;
    padding-top: 20px;
}
h2.archive_title span:not(.-large) {
    display: block;
    font-size: 11px;
    color: #fff;
    background: #d90064;
    margin: auto;
    width: 83px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
ul.archive_list{
	flex-wrap: wrap;
	position: relative;
}
ul.archive_list li {
    width: 24%;
    max-width: 249px;
    background: #fff;
    margin: 0 2.5% 25px 0;
    box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
}
ul.archive_list li:nth-child(4n) {
    margin-right: 0;
}
ul.archive_list li a{
	display: block;
	overflow: hidden;
	position: relative;
	height: 100%;
	padding-bottom: 60px;
	background: #fff;
	box-sizing: border-box;
}
ul.archive_list li img{
    height: 165px;
    object-fit: cover;
    width: 100%;
}
ul.archive_list li p {
    padding: 14px 17px 0 14px;
}
ul.archive_list li a:hover{
	opacity: 0.7;
}
/* ------------------------------------------------------
   pager
------------------------------------------------------ */
.pager_area {
    max-width: 1080px;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
.pager_area ul.page_nav{
	display: inline-block;
	margin: 15px auto 0 auto;
	overflow: hidden;
}
.pager_area ul.page_nav li {
    display: block;
    float: left;
    margin: 0 4px;
}
.pager_area ul.page_nav li:first-child,.pager_area ul.page_nav li:last-child{
	transform: scale(1, 2);
}
.pager_area ul.page_nav li button{
    display: block;
    width: 35px;
	height: 35px;
	line-height: 35px;
    text-decoration: none;
    color: #000;
    background: #fff;
	border: none;
	cursor: pointer;
}
.pager_area ul.page_nav li.disabled{
    display: block;
    width: 35px;
	height: 35px;
	line-height: 35px;
    text-decoration: none;
    color: #fff;
    background: #000;
	border: none;
	cursor: pointer;
	cursor: default;
    font-weight: 100;
}
.pager_area ul.page_nav li.active_link button,.pager_area ul.page_nav li button:hover{
	color: #fff;
	background: #d90064;
}
/* ------------------------------------------------------
   index
------------------------------------------------------ */
h2.archive_title.index_title{
    margin: 0 auto 35px auto;
	padding-top: 10px;
	line-height: 1.4;
}
h2.archive_title.index_title span:not(.-large){
	margin-bottom: 15px;
	background: #cc0061;
}
button.hvr-sweep-to-bottom,
.button.hvr-sweep-to-bottom {
    background: #d90064;
    border: none;
    cursor: pointer;
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
}
h3.h3_line.mt80{
	margin-top: 80px;
}
.mv_index{
	text-align: center;
}
.rank_01info{
	max-width: 1080px;
	margin: auto;
	box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
	background: #fff;
	overflow: hidden;
	display: inline-flex;
}
.rank_01info img{
	min-width: 552px;
    max-width: 552px;
    object-fit: cover;
    max-height: 353px;
    width: 100%;
}
.no_01txt{
	text-align: left;
	padding: 20px 50px;
	min-width: 340px;
	width: 426px;
}
.no_01txt h2{
    font-size: 26px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	margin: 32px 0 20px 0;
    line-height: 1.3em;
}
.no_01txt button,
.no_01txt .button {
    width: 100%;
    margin-top: 20px;
    height: 34px;
}
.no_01txt .no_01cap{
    font-size: 13px;
    margin-bottom: 38px;
    height: 5.2em;
    line-height: 1.8em;
    overflow: hidden;
	position: relative;
}
.no_01txt .no_01cap:before {
    content: '…';
    position: absolute;
    right: -3px;
    bottom: -7px;
    padding: 0 0.4em;
    background: #FFF;
    z-index: 10;
}
p.no_01{
    font-size: 12px;
    font-weight: bold;
    color: #eab022;
	letter-spacing: 1px;
	background: url(../img/line_no1.png) repeat-x;
	line-height: 12px;
    background-position: center 18px;
}
.no_01txt .no_01 span.crown{
    color: #fff;
    display: inline-block;
    background: #fff url(../img/ico_rank01.png) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 33px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
	font-size: 14px;
}
.no_01txt .button span{
    padding-left: 30px;
    color: #FFF;
    background: url(../img/arrow_w.png) no-repeat left center;
    background-size: 14px 7px;
    letter-spacing: 2px;
    background-position: 0px 2px;
}
.no_01txt .no_01 span.t_yellow{
	background: #fff;
	padding-left: 7px;
}
.mv_under_wrap.index_under{
	margin-top: -188px;
    padding-top: 215px;
    padding-bottom: 34px;
    background: #f2f4f5;
}
.search_area.search_index input#keywords2 {
    width: calc(100% - 271px);
    border: 1px solid #cfcfcf;
    padding: 0 20px;
    background: #f3f3f3;
}
/* ------------------------------------------------------
   list
------------------------------------------------------ */
ul.list_search{
	flex-wrap: wrap;
}
ul.list_search li,ul.list_rank li {
    max-width: 249px;
    width: 24%;
    margin: 0 2.5% 15px 0;
	overflow: hidden;
}
ul.list_search li{
    margin: 0 2.5% 27px 0;
}
ul.list_search li:hover{
	opacity: 0.7;
}
ul.list_search li a,ul.list_rank li a{
	display: block;
    height: 100%;
	font-weight: normal;
}
ul.list_search li a span.recipe_title{
	font-weight: normal;
}
ul.list_search li:hover a .recipe_title,ul.list_rank li:hover a .recipe_title{
	background: url(../img/arrow_p.png) top 5px left no-repeat;
    background-size: 14px 7px;
}
ul.list_search li:nth-child(4n),ul.list_rank li:nth-child(4n){
	margin-right: 0;
}
ul.list_cook li img,ul.list_search li img,.list_rank li img{
	width: 100%;
}
/* ------------------------------------------------------
   list_rank
------------------------------------------------------ */
ul.list_rank li{
	background: #fff;
	position: relative;
	padding-bottom: 40px;
	box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
}
ul.list_rank li .img_wrap,ul.list_rec li .img_wrap {
    height: 165px;
}
ul.list_rank li .img_wrap img,ul.list_rec li .img_wrap img {
   	object-fit: cover;
    height: 165px;
}
ul.list_rank li strong{
	text-align: center;
    font-weight: bold;
    color: #fff;
    width: 37px;
    height: 25px;
    margin: 18px auto 0 auto;
    display: block;
    font-size: 10px;
    line-height: 36px;
	background: url(../img/ico_rank04.png) no-repeat;
	background-size: 100%;
}
ul.list_rank li strong.rank_02{
	background: url(../img/ico_rank02.png) no-repeat;
	background-size: 100%;
}
ul.list_rank li strong.rank_03{
	background: url(../img/ico_rank03.png) no-repeat;
	background-size: 100%;
}
ul.list_rank li .mincho{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    text-align: center;
    margin: 13px 15px 15px 15px;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: bold;
}
ul.list_rank li p.button{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	background: #cfcfcf;
}
ul.list_rank li p.button span{
    padding: 0 0 0 29px;
    color: #000;
    background: url(../img/arrow_b.png) no-repeat left center;
    background-size: 14px 7px;
    line-height: 32px;
    letter-spacing: 2px;
    margin: 0 0 0 5px;
}
ul.list_rank li a:hover{
	opacity: 0.7
}
/* ------------------------------------------------------
   list_cook
------------------------------------------------------ */
ul.list_cook{
	justify-content: space-between;
	margin-top: 40px;
}
ul.list_cook li {
    width: 31.5%;
    position: relative;
}
ul.list_cook li a{
	display: block;
}
ul.list_cook li a:hover{
	opacity: 0.8;
}
ul.list_cook li .box_pink {
    position: absolute;
    background: rgba(237, 43, 129, 0.8);
    padding: 19px 20px 10px 20px;
    bottom: 0;
    width: calc(100% - 40px);
    color: #fff;
    text-align: center;
}
ul.list_cook li .box_pink .midashi {
    top: -13px;
    position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	font-family: unset;
	font-weight: normal;
}
ul.list_cook li .box_pink .midashi span{
    border-radius: 13px;
    display: inline-block;
    background: #fff;
    color: #d90064;
    padding: 0 10px;
    min-width: 107px;
    font-size: 16px;
    line-height: 25px;
}
ul.list_cook li .box_pink p{
	line-height: 1.4em;
}

/* ------------------------------------------------------
   sweets
------------------------------------------------------ */

.column_02 {
	display: flex;
	justify-content: space-between;
	margin: 40px auto 80px;
}
.column_02 li {
	width: calc((100% - (29px * 1)) / 3);
}
.column_02 .button {
	background: #cc0061;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.column_02 .button span {
	position: relative;
	display: block;
	padding-left: 0;
	background: none;
	width: 100%;
}
.column_02 .button span:before {
	content: '';
	position: absolute;
	right: 0;
	display: block;
	width: 46px;
	height: 100%;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ai%20ai-ChevronDown%22%3E%3Cpath%20d%3D%22M4%209l8%208%208-8%22%2F%3E%3C%2Fsvg%3E) 50% 50% no-repeat;
	background-size: 20px auto;
	padding: 0;
	margin-left: auto;
	transition: .3s all;
	transform-origin: center center;
}
.bg_sweets {
	position: relative;
	background: #f0e8d4;
	padding: 50px 0;
}
.bg_sweets:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 46px;
	left: 0;
	top: -46px;
	background: url("../img/sweets/line_010.png") center /auto 46px repeat-x;
}
.bg_sweets img {
	max-width: 100%;
}
.bg_sweets * {
	box-sizing: border-box;
}
.bg_sweets p {
	line-height: 1.8;
}
.bg_sweets p a {
	border-bottom: 1px solid #d90064;
	color: #d90064;
}
.bg_sweets p a.-arrowlink {
	display: inline-block;
	position: relative;
	margin-left: 34px;
}
.bg_sweets p a.-arrowlink:before {
	content: '';
	display: block;
	position: absolute;
	background: url("/shared/img/arrow_p.png") center /contain no-repeat;
    width: 14px;
    height: 20px;
    background-size: 14px 7px;
	left: -34px;
	top: 6px;
}
.bg_sweets p a:hover {
	border-bottom: 1px solid #fff;
}
.sweets_whitebox {
	background: #fff;
	padding: 56px 45px 40px 45px;
	margin-bottom: 60px;
}
.sweets_whitebox .button {
    background: #d90064;

    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: revert;
    line-height: 1.2;
}
.sweets_whitebox h3 {
	margin-bottom: 34px;
	text-align: center;
	padding: 0;
	display: flex;
	justify-content: center;
}
.sweets_whitebox h3:before {
	display: none;
}
.tit_line {
	justify-content: center;
	display: flex;
	position: relative;
	padding: 46px 0;
	margin-bottom: 46px;
}
.tit_line:before,.tit_line:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	left: 0;
	top: 0;
	position: absolute;
	background: url("../img/sweets/line_020.png") center /auto 10px repeat-x;
}

.tit_line:after {
	top: auto;
	bottom: 0;
}
.sweets_whitebox > figure {
	margin: 45px 0 40px 0;
	display: flex;
	justify-content: center;
}
.point_wrap {
	position: relative;
	padding: 40px 50px;
	background: #f2f4f5; 
	margin-top: 60px;
}
.point_wrap:before {
	content: '';
	display: block;
	position: absolute;
	width: 45px;
	height: 38px;
	left: 50px;
	top: -13px;
	background: url("../img/sweets/ico_010.png") center /contain no-repeat;
}
.point_wrap p + p{
	margin-top: 22px;
}
.sweets_flex_01,.sweets_flex_02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.sweets_flex_01 {
	margin-bottom: 26px;
}
.sweets_flex_01 .-txt{
	width: calc(100% - 370px);
}
.sweets_flex_01 .-img{
	width: 330px;
	padding: 37px 25px 25px 25px;
	box-sizing: border-box;
	box-shadow: 0px 0px 15.52px 0.48px rgba(229, 229, 229, 1);
	font-size: 14px;
	color: #787878;
	line-height: 1.8;
	text-align: center;
}
.sweets_flex_01 .-img img{
	width: 280px;
	display: block;
	margin-bottom: 22px;
}
.sweets_flex_02 {
	border: 2px dotted #d4d4d4;
	padding: 35px 45px;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 30px;
}
.sweets_flex_02 .-prof {
	display: flex;
	width: 130px;
	height: 32px;
	text-align: center;
	justify-content: center;
	align-items: center;
	background: #eb3e89;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
}
.sweets_flex_02 .-txt{
	
	width: calc(100% - 270px);
}
.sweets_flex_02 p {
	margin: 18px 0;
}
.sweets_flex_02 p.-linetop {
	margin-bottom: 0;
	padding-top: 18px;
	border-top: 1px solid #d4d4d4;
}
.sweets_flex_02 figure {
	width: 180px;
}

/* ------------------------------------------------------
   banner_area
------------------------------------------------------ */
.banner_area{
	margin-top:40px;
}
.banner_area img:hover{
	opacity: 0.7
}
@media screen and (max-width: 1120px) {
	.banner_area{
		margin-top:10px;
	}
	.banner_area .sp{
		width:100%;
	}
}
/* ------------------------------------------------------
   method button
------------------------------------------------------ */
.bg_gray.method {
    background: #f2f4f5;
    padding: 67px 0 17px 0;
    position: relative;
    margin-top: 54px;
}
.btn_box{
	margin: auto;
	width: 100%;
	/* position: absolute; */
	/* top: -18px; */
}
.btn_box ul{
	width: 90%;
	max-width: 786px;
	margin: auto;
	justify-content: space-between;
}
.btn_box ul li{
    width: 31%;
    box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
    background: #fff;
}
.btn_box ul li a{
	display: block;
	background: #fff;
	text-align: center;
	width: 100%;
}
.btn_box ul li a.button span {
    padding-left: 30px;
    color: #d90064;
    background: url(../img/arrow_p.png) no-repeat left center;
    background-size: 14px 7px;
    margin-left: 4px;
}
.btn_box ul li a:hover{
    background: #d90064;
	color: #fff;
}
.btn_box ul li a.button:hover span {
	color: #fff;
    background: url(../img/arrow_w.png) no-repeat left center;
    background-size: 14px 7px;
    margin-left: 4px;
}
/* ------------------------------------------------------
   method main
------------------------------------------------------ */
.method_txt .txt_small{
	display: block;
    font-size: 0.8em;
    line-height: 1.2;
    margin-top: 7px;
    letter-spacing: -0.2px;
}
.txt_small{
	display: block;
    font-size: 0.85em;
    line-height: 1.15;
    margin-top: 3px;
}
.txt_cook_box{
	background:#fff;
	margin:0 0 30px 0;
	padding:30px;
}
.txt_cook span{
	line-height: 28px;
  	background: #fbebf4;
    padding: 5px 12px;
}
.txt_cook em{
    margin: 0 5px;
	font-style: normal;
}
div.method_box{
	margin-bottom: 80px;
}
div.method_box:last-child{
	margin: 0;
}
.method_box h3.h3_line{
	margin-bottom: 23px;
}
.method_box .method_txt{
	margin-bottom: 37px;
}
.method_box ul{
	justify-content: space-between;
}
.method_box ul li{
	width: 32%;
	max-width: 341px;
	background: #fff;
	border-bottom: #dbddde solid 2px;
	position: relative;
}
.method_box ul li:last-child{
	margin-bottom: 0;
}
.method_box ul li:before{
    content: "";
    top: 0;
    left: 0;
    border-bottom: 43px solid transparent;
    border-left: 43px solid #d90064;
    position: absolute;
    z-index: 100;
}
.method_box ul li:after{
    content: "1";
    display: block;
    top: 6px;
    left: 10px;
    color: #fff;
    position: absolute;
    z-index: 101;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}
.method_box ul li.sec:after{
    content: "2";
}
.method_box ul li.third:after{
    content: "3";
}
.method_box ul li img{
	width: 100%;
	display: block;
}
.method_box ul li p{
    line-height: 1.45em;
    padding: 22px 20px 24px 20px;
}
.method_box ul li p.pr_small{
    padding: 22px 12px 24px 20px;
}
/*スープ
==========================================*/
section.soup_main{
	margin: 40px 0 0 0;
	padding: 0 0 80px 0;
	position: relative;
}
section.soup_main .inner{
	position: relative;
	z-index: 1;
}
section.soup_main:before{
	content: '';
	display: block;
	width: 100%;
	height: calc(100% - 180px);
	bottom: 0;
	left: 0;
	background: #fdf3f8;
	position: absolute;
}
section.soup_main.soup_main_cp{
	margin: -15px 0 0 0;
}
section.soup_main.soup_main_cp:before{
	height: calc(100% - 236px);
}
.inner_soup_tit,.prof_box_txt{
	width: 90%;
	max-width: 1000px;
	margin: auto;
}
.soup{
	margin-bottom: 80px;
}
.soup *{
	box-sizing: border-box;
}
.soup img{
	max-width: 100%;
	vertical-align: bottom;
}
.border_tit{
    padding-top: 14px;
    margin-bottom: 30px;
    font-size: 1.6rem;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    position: relative;
    line-height: 1.4;
    border-top: 1px solid #000;
    border-bottom: 1px dotted #000;
    padding-bottom: 13px;
    color: #000;
}
.pink_tit{
	font-family: dnp-shuei-mgothic-std, sans-serif;
    color: #f3006c;
    text-align: center;
    font-size: 2.4em;
    margin-bottom: 35px;
    line-height: 1.15em;
    letter-spacing: -0.01em;
}
.soup .btn{
	background: #d90064;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-top: 20px;
    height: 34px;
    max-width: 306px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.soup .btn span {
    padding-left: 30px;
    color: #FFF;
    background: url(../img/arrow_w.png) no-repeat left center;
    background-size: 14px 7px;
    letter-spacing: 2px;
    background-position: 0px 2px;
}
/*メイン画像*/
.soup .soup_mv{
	margin-bottom: 42px;
	box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
}
.soup .soup_mv + p,.soup .cp_mv_txt{
	margin-bottom: 70px;
    font-weight: 500;
    line-height: 1.9em;
}
.soup_mv.cp_mv{
    position: relative;
    box-shadow: none;
    text-align: center;
	margin-bottom: 10px;
}
.soup_mv.cp_mv img{
	transform: translate(13px, -2px);
}
/*おすすめ*/
.soup .osusume{
	max-width: 1080px;
	margin: auto;
	padding: 35px 30px 40px 40px;
	background: #fff;
	position: relative;
	z-index: 1;
    border-bottom: 2px solid #dcdddf;
}
.soup .osusume_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.soup .osusume_list li{
	width: calc((100% - (30px * 1)) / 2);
	display: flex;
	align-items: center;
}
.soup .osusume_top{
	margin-bottom: 38px;
}
.soup .osusume_top .flex{
	justify-content: space-between;
}
.soup .osusume_list_img {
	max-width: 337px;
}

.soup .ribbon9 {
    display: block;
    position: relative;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 80px);
    margin: 0 auto 40px auto;
}
.soup .ribbon9:before {/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 36px;
    bottom: -10px;
    left: -35px;
    z-index: 0;
    border: 28px solid #e73d8e;
    border-left-color: transparent;
}
.soup .ribbon9:after {/*右側のリボン端*/
	content: '';
	position: absolute;
	width: 36px;
	bottom: -10px;
	right: -35px;
	z-index: 0;
	border: 28px solid #e73d8e;
	border-right-color: transparent;/*山形に切り抜き*/
}
.soup .ribbon9 h2 {
	display: block;
    width: calc(100% - 20px);
    position: relative;
    padding: 0;
    line-height: 60px;
    font-size: 18px;
    color: #FFF;
    background: #e11567;
    z-index: 2;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    margin: auto;
}
.soup .ribbon9 h2:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 47px #b41158;/*左の折り返し部分*/
}
.soup .ribbon9 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 47px #b41158;/*右の折り返し部分*/
}
.soup .ribbon9 h2 span{
	position: relative;
	display: block;
}
.soup .ribbon9 h2 span:before {
	content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 0;
}
.soup .ribbon9 h2 span:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 4px;
    left: 0;
}
.soup .border_leftt {
    display: block;
    width: 82px;
    position: absolute;
    top: 19px;
    left: -31px;
    z-index: 0;
    border-bottom: 1px solid #fff;
}
.soup .border_leftb {
    display: block;
    width: 82px;
    position: absolute;
    bottom: -6px;
    left: -31px;
    z-index: 0;
    border-bottom: 1px solid #fff;
}
.soup .border_rightt {
    display: block;
    width: 82px;
    position: absolute;
    top: 19px;
    right: -31px;
    z-index: 1;
    border-bottom: 1px solid #fff;
}
.soup .border_rightb {
    display: block;
    width: 82px;
    position: absolute;
    bottom: -6px;
    right: -31px;
    z-index: 1;
    border-bottom: 1px solid #fff;
}






.soup .osusume_txt_pink{
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 800;
    font-size: 1.7em;
    color: #f3006c;
    margin-bottom: 10px;
    line-height: 1.5em;
}
.soup .osusume img{
	border-radius: 10px;
}
.soup .osusume_tit {
    font-family: dnp-shuei-mgothic-std, sans-serif;
    color: #fff;
    background: #000;
    padding: 5px 25px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.15em;
    border-radius: 20px;
    margin-bottom: 20px;
    min-width: 370px;
    text-align: center;
}
.soup .osusume_tit::before {
	display: none;
}

.soup .osusume_list .osusume_list_img {
    margin-right: 25px;
    min-width: 230px;
}
.soup .osusume_lower .osusume_tit{
	margin-bottom: 32px;
}
.cp_bnr {
    position: relative;
    text-align: center;
	margin: 28px auto 0 auto;
	width: 90%;
	max-width: 1080px;
	display: none !important;
}
.cp_bnr a{
	display: block;
	transition-duration: 0.3s;
	/*キャンペーンクローズ対応*/
	cursor: default;
	pointer-events: none;
}
.cp_bnr a:hover{
	/*opacity: 0.7;*/
}






/*リスト*/
.soup .sec_nav{
	padding: 90px 0 60px 0;
}
.soup .recipe_nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.soup .recipe_nav::before,
.soup .recipe_nav::after {
    content: '';
    display: block;
    width: calc((100% - (32px * 3)) / 4);
}
.soup .recipe_nav::before {
    order: 1;
}
.soup .recipe_nav li{
    width: calc((100% - (32px * 3)) / 4);
	margin-bottom: 25px;
}
.soup .recipe_nav_img{
	position: relative;
	transition-duration: 0.3s;
}
.soup .recipe_nav a:hover .recipe_nav_img{
	box-shadow: 0px 0px 34px 0px rgba(58, 58, 58, 0.26);
}
.soup .recipe_nav_num{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #000 transparent transparent transparent;
	color: #fff;
	top: 0;
	left: 0;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	position: absolute;
}
.soup .recipe_nav_num span{
    position: absolute;
    top: -47px;
    font-size: 1.15em;
    left: 7px;
}
.soup .recipe_nav_kouan {
	position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -11px;
    text-align: center;
}
.soup .recipe_nav_kouan span{
    display: inline-block;
    border-radius: 15px;
    background: #d90064;
    padding: 5px 10px;
    color: #fff;
    min-width: 156px;
    line-height: 16px;
}
.soup .recipe_nav_kouan span.t_small {
    font-size: 0.7em;
    min-width: 230px;
}
.soup .recipe_nav_tit{
	color: #f03084;
    font-weight: 700;
    font-size: 1.4em;
    text-align: center;
    padding-top: 17px;
}
.soup .recipe_nav_name{
	font-size: 0.9em;
    text-align: center;
    display: block;
    line-height: 1.4em;
    font-weight: 500;
    margin-top: 10px;
}



/*レシピ*/
.soup .recipe_caption {
    margin-bottom: 70px;
}
.soup .recipe_caption_txt{
    height: 12em;
    overflow: hidden;
}
.soup .recipe_caption_txt.txtopen{
	height: auto;
}
.soup .more_btn{
	text-align: center;
	color: #d90064;
	background: #fff;
	border: 1px solid #d90064;
	padding: 10px;
	cursor: pointer;
	margin-top: 10px;
	transition-duration: 0.3s;
}
.soup .more_btn:hover{
	background: #d90064;
	color: #fff;
}
.soup .more_btn span{
	position: relative;
	padding: 0 0 0 26px;
}
.soup .more_btn span:before{
	content: '';
	display: block;
	width: 11px;
	height: 1px;
	background: #d90064;
	position: absolute;
	top: 50%;
	left: 0;
	transition-duration: 0.3s;
}
.soup .more_btn span:after{
	content: '';
	display: block;
	width: 1px;
	height: 11px;
	background: #d90064;
	position: absolute;
	top: 5px;
	left: 5px;
	transition-duration: 0.3s;
}
.soup .more_btn.txtopen_btn span:after{
	display: none;
}
.soup .more_btn:hover span:before,.soup .more_btn:hover span:after{
	background: #fff;
}
.soup .more_btn.txtclose_btn .open_btn_txt{
	display: none;
}
.soup .more_btn.txtopen_btn .close_btn_txt{
	display: none;
}




.soup .sec_recipe{
	background: #fdf3f8;
	padding: 85px 0;
}
.soup .rebon_tit {
    font-size: 2.4em;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    position: relative;
    padding: 88px 0 34px 0;
    margin-bottom: 40px;
}
.soup .inner_soup_tit .rebon_tit{
    line-height: 1.6em;
    margin-bottom: 35px;
    padding: 75px 0 25px 0;
}
.soup .inner_soup_tit .rebon_tit.mblarge{
	margin-bottom: 60px;
}
.soup .rebon_tit:before{
	content: '';
	display: block;
	width: 255px;
	height: 68px;
	background: url(/recipe/parts/img/soup/rebon_02.png) center bottom /100% auto no-repeat;
	position: absolute;
	left: calc(50% - 128px);
	top: 0;
}
.soup .sec_shop .rebon_tit:before{
	background: url(/recipe/parts/img/soup/rebon_01.png) center bottom /100% auto no-repeat;
}
.soup .rebon_tit:after{
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(/recipe/parts/img/soup/border_01.png) center bottom /100% auto repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
}
.soup .recipe_caption p{
	font-size: 1.13em;
    line-height: 2em;
}
.soup .recipe_tit_main {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    font-size: 2em;
}
/*レシピ詳細*/
h3.recipe_tit {
	padding: unset;
	margin: unset;
	font-size: unset;
	font-family: unset;
	text-align: unset;
	line-height: unset;
}

.soup .recipe_tit {
	padding: 43px 52px;
	background: url(/recipe/parts/img/soup/recipe_tit_bg.jpg);
	display: flex;
	color: #d90064;
	align-items: center;
	position: relative;
	border-radius: 10px 10px 0 0;
}


.soup .recipe_tit:before{
	content: '';
	display: block;
	width: 10px;
	height: 100%;
	background: url(/recipe/parts/img/soup/recipe_tit_border_02.png) center bottom /10px auto repeat-y;
	position: absolute;
	top: 0;
	left: 10px;
	right: unset;
}
.soup .recipe_tit:after{
	content: '';
	display: block;
	width: 10px;
	height: 100%;
	background: url(/recipe/parts/img/soup/recipe_tit_border_01.png) center bottom /10px auto repeat-y;
	position: absolute;
	top: 0;
	right: 10px;
}

.soup .recipe_tit_main{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    font-size: 2.1em;
    margin-top: 10px;
}
.soup .recipe_tit_num{
	display: flex;
	align-items: center;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	margin-right: 30px;
}
.soup .recipe_tit_num_large {
    font-size: 4.4em;
	margin-right: 10px;
}
.soup .recipe_tit_num_small{
    font-size: 0.95em;
}
/*プロフィール*/
.soup .prof_box{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	background: url(/recipe/parts/img/soup/recipe_tit_bg.jpg);
	padding: 50px;
	display: flex;
	position: relative;
}
.soup .prof_box:before{
	content: '';
	display: block;
	width: 10px;
	height: 100%;
	background: url(/recipe/parts/img/soup/recipe_tit_border_02.png) center bottom /10px auto repeat-y;
	position: absolute;
	top: 0;
	left: 10px;
}
.soup .prof_box:after{
	content: '';
	display: block;
	width: 10px;
	height: 100%;
	background: url(/recipe/parts/img/soup/recipe_tit_border_01.png) center bottom /10px auto repeat-y;
	position: absolute;
	top: 0;
	right: 10px;
}
.soup .prof_box_txt {
    margin: 0;
}
.soup .blog_link {
    margin-top: 20px;
    font-size: 1em;
}
.soup .blog_link a{
	color: #d90064;
    text-decoration: underline;
}
.soup .blog_link a:hover{
	color: #aaa;
}
.soup .blog_link.blog_link_ico a{
	position: relative;
	display: inline-block;
	padding-left: 175px;
}
.soup .blog_link.blog_link_ico a i{
	display: block;
    width: 157px;
    height: 27px;
    position: absolute;
    left: 0;
    top: -4px;
    background: url(/recipe/parts/img/soup/blog_logo.png) center bottom /100% no-repeat;
}
.soup .prof_tit{
    color: #d90064;
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 10px;
	font-family: unset;
}
.soup .prof_box_img {
    margin: 5px 40px 0 0;
    min-width: 193px;
    width: 193px;
}
.soup .snslink {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 16px;
}
.soup .snslink_inst{
	width: 28px;
	display: block;
	margin-right: 14px;
}
.soup .snslink_tw{
	width: 25px;
	display: block;
}
.soup .snslink a{
	transition-duration: 0.3s;
}
.soup .snslink a:hover{
	opacity: 0.7;
}






.soup .recipe_box{
	width: 90%;
	max-width: 1000px;
	box-sizing: border-box;
	margin: 0 auto 40px auto;
}
.soup .recipe_box_white{
	box-sizing: border-box;
	padding: 10px 10px 40px 10px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
.soup .recipe_box_white figure{
    margin-bottom: 25px;
}
.soup .recipe_box_white img{
	display: block;
	border-radius: 5px;
}
.soup .recipe_box_txt{
	max-width: 918px;
	margin: auto;
}
.soup .recipe_box_txt_info {
    font-size: 1.08em;
    line-height: 2em;
}
.soup .recipe_box_txt .prof_txt{
    font-size: 1.1em;
    line-height: 2em;
}
.soup .btn{
	margin-top: 30px;
}

/*応募選択エリア*/
.select_area{
	display: none!important;
}
.soup .select_box{
	width: 90%;
	margin: 70px auto 0 auto;
	padding: 22px 40px 50px 40px;
	max-width: 1000px;
	background: url(/recipe/parts/img/soup/cp/select_bg_01.jpg);
	position: relative;
}
.soup .select_box:before {
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: url(/recipe/parts/img/soup/recipe_tit_border_02.png) center bottom /10px auto repeat-y;
    position: absolute;
    top: 0;
    left: 10px;
}
.soup .select_box:after {
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: url(/recipe/parts/img/soup/recipe_tit_border_01.png) center bottom /10px auto repeat-y;
    position: absolute;
    top: 0;
    right: 10px;
}
.soup .select_area_img{
	display: block;
	width: 100%;
	height: 304px;
	background: url(/recipe/parts/img/soup/cp/select_bg_02.jpg) center /auto no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.soup .select_box_main {
    z-index: 2;
    position: relative;
}
.soup .select_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.soup .select_tit{
	margin-bottom: 25px;
}
.soup .select_tit img {
    transform: translateX(-17px);
}
.soup .select_tit_sub{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	color: #f79005;
    text-align: center;
    font-size: 1.72em;
	font-weight: 700;
    line-height: 1.15em;
    letter-spacing: -0.01em;
	margin-bottom: 12px;
}
.soup .select_tit_cc{
	margin-bottom: 38px;
}
.select_list_cv{
	padding: 10px;
	background: #ec8800;
	color: #fff;
	text-align: center;
	font-size: 1.15em;
	border-radius: 0 0 5px 5px;
}
.select_list_cv i{
	display: inline-block;
	margin-right: 6px;
}


.soup .select_list li{
    width: calc((100% - (32px * 2)) / 3);
	margin-bottom: 30px;
}
.soup .select_list::before,
.soup .select_list::after {
    content: '';
    display: block;
    width: calc((100% - (32px * 2)) / 3);
}
.soup .select_list::before {
    order: 1;
}
.soup .select_list_link{
	display: block;
	border-radius: 5px;
	background: #fff;
	position: relative;
}
.soup .select_list_link:hover:before{
	content: '';
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 2px solid #ec8800;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
}
.soup .select_list_link img{
	padding: 10px 10px 0 10px;
}
.soup .select_list_txt{
	padding: 20px 8px;
	text-align: center;
}
.select_list_txt_prof{
	color: #7a7a7a;
	font-size: 1em;
	display: block;
	line-height: 1.2em;
	margin-bottom: 8px;
}
.select_list_txt_dish{
	font-size: 1.1em;
	display: block;
	line-height: 1.3em;
	color: #000;
}

.soup .selecttxt_list{
	max-width: 600px;
	margin: 0 auto 30px;
}
.soup .selecttxt_list li{
	display: block;
}
.soup .selecttxt_list li + li{
	margin-top: 10px;
}
.soup .selecttxt_list_link{
	display: block;
}
.soup .selecttxt_list_link label{
	display: block;
	background: #fff;
	padding: 15px 20px;
	font-size: 1.2em;
}
.soup .selecttxt_list_link input[type=radio]{
  display: none;
}

.soup .selecttxt_list_link .radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  padding: 16px 20px 16px 55px;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}
.soup .selecttxt_list_link .radio:hover, .checkbox:hover {
  background-color: #fce7c9;
}
.soup .selecttxt_list_link .radio:hover:after, .checkbox:hover:after {
  border-color: #000;
}
.soup .selecttxt_list_link .radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
    position: absolute;
    top: calc(50% + 1px);
    left: 17px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 9px;
  content: '';
}

.soup .selecttxt_list_link .radio:before {
  -webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
    position: absolute;
    top: calc(50% - 0px);
    left: 21px;
    display: block;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}
.soup .send_btn button{
    display: block;
    margin: auto;
    width: 270px;
    background: #f4aa47;
    color: #fff;
    border: none;
    font-size: 1.2em;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
	transition-duration: 0.3s;
}
.soup .send_btn.disabled button{
	background: #8f8f8f;
	cursor: auto;
}
.soup .send_btn.disabled button:hover{
	background: #8f8f8f;
}
.soup .send_btn button:hover{
	background: #ec8800;
}
.soup .send_btn button span{
	display: inline-block;
	padding-left: 34px;
	position: relative;
}
.soup .send_btn button span i{
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
}

/*お店*/
.soup .sec_shop{
	padding: 80px 0 0 0;
}
.soup .shop_inner{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding: 140px 40px 40px 40px;
	background: url(/recipe/parts/img/soup/recipe_tit_bg.jpg);
	position: relative;
}
.soup .shop_inner:before{
	content: '';
	width: 100%;
	height: 158px;
	display: block;
	background: url(/recipe/parts/img/soup/shop_img_01.jpg) center center /100% auto repeat-x;
	position: absolute;
	left: 0;
	top: 0;
}
.soup .shop_maintxt {
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.2em;
	line-height: 1.8em;
}
.soup .shop_bnr {
    display: block;
    border: 3px solid #d90064;

    box-sizing: border-box;
	position: relative;
	background: #fff;
}
.soup .shop_bnr span{
    display: block;
    width: 38px;
    height: 38px;
    background: #d90064;

    text-align: center;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.soup .shop_bnr span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.soup .shop_bnr:hover span:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.soup .shop_bnr span img{
    width: 14px;
    height: 7px;
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: auto;
}
.soup .shop_bnr > img{
    transition-duration: .3s;
}
.soup .shop_bnr:hover > img{
    opacity: 0.7;
}



 + .main_box{
	position: relative;
	margin-top: 100px;
	width: 100%;
}
 + .main_box:before{
	content: '';
    display: block;
    width: 100%;
    height: calc(100% + 200px);
    position: absolute;
    background: #f2f4f5;
}
 + .main_box + .mv_index{
	position: relative;
	background: #f2f4f5;
}
 + .main_box h2.archive_title.index_title{
	position: relative;
	padding-top: 80px;
}
.banner_footer img{
	width:100%;
}
/* 買えるお店 */
 {
	margin-top: 80px;
}
 .content {
	margin-bottom: 64px;
}
 .content:last-child {
	margin-bottom: 0;
}
 .content > * + * {
	margin-top: 30px;
}
.line_ttl {
	margin-bottom: 30px;
	padding: 18px 0;
	border-top: 1px solid #000;
	border-bottom: 1px dotted #000;
	font-size: 2rem;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	text-align: left;
	position: relative;
	line-height: 1.4;
	color: #000;
}
.line_ttl::before {
	display: none;
}
 .img_ttl {
	background: #fdf3f8;
	text-align: center;
}
 .img_ttl img {
	max-width: 534px;
}
.shop_cel {
	width: 200px;
}
.tel_cel {
	width: 100px;
}
.r_table .shop_name {
	font-weight: bold;
	background: #dfdfdf;
}
.item_tag {
	display: inline-block;
	width: 60px;
	padding: 1px 7px;
	border-radius: 12px;
	background: #d90064;
	font-size: 1.2rem;
	color: #fff;
}
.title_wrap {
    background: #f2f4f5;
    overflow: hidden;
	text-align: center;
	padding-bottom: 50px;
}
h2.index_title {
    margin: 40px auto 20px auto;
    color: #d90064;
    font-size: 3rem;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    text-align: center;
    letter-spacing: .06em;
    max-width: unset;
}
h2.index_title span:not(.-large) {
    display: block;
    font-size: 1.1rem;
    color: #fff;
    background: #d90064;
    margin: auto;
    width: 83px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
 h2.archive_title br {
	display: none;
}
_intro {
	margin: 0 auto 40px;
	text-align: center;
}
_anchor {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
_anchor > li {
	width: 49%;
}
_anchor > li a {
	display: block;
	padding: 10px 12px;
	border-radius: 4px;
	border: 1px solid #d90064;
	line-height: 1.4;
	font-size: 1.6rem;
	color: #fff;
	background: #d90064;
	text-align: center;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}
_anchor > li a span {
	position: relative;
	display: inline-block;
	padding-right: 22px;
}
_anchor > li a br {
	display: none;
}
_anchor > li a span::after {
	content: '';
	box-sizing: border-box;
	display: block;
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: border-color .3s ease-in-out;
}
_anchor > li a:hover {
	background: #fff;
	color: #d90064;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}
_anchor > li a:hover span::after {
	border-color: #d90064;
	transition: border-color .3s ease-in-out;
}
 .onlineshop_list > li {
	border: 1px dotted #a5a5a5;
	transition: box-shadow .3s ease-in-out;
}
 .onlineshop_list > li.is-shadow {
	box-shadow: 0 3px 9px -2px rgba(0,0,0,.16);
	transition: box-shadow .3s ease-in-out;
}
 .onlineshop_list > li + li {
	margin-top: 12px;
}
 .onlineshop_title {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}
 .onlineshop_title h4 {
	box-sizing: border-box;
	width: calc(100% - 120px);
	padding: 12px 20px;
}
 .onlineshop_title h4 i,
 .shop_list h4 i{
	font-size:14px;
	margin:0 0 0 10px;
}
 .onlineshop_title .toggle_btn {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	width: 120px;
	padding: 12px 48px 12px 20px;
	background: #555;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	transition: background .3s ease-in-out;
}
 .onlineshop_title .toggle_btn:hover {
	background: #646464;
	transition: background .3s ease-in-out;
}
 .onlineshop_title .toggle_btn::before,
 .onlineshop_title .toggle_btn::after {
	content: '';
	display: block;
	width: 9px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}
 .onlineshop_title .toggle_btn::after {
	transform: rotate(90deg);
	transition: transform .3s ease-in-out;
}
 .onlineshop_title .toggle_btn.is-active::after {
	transform: rotate(0deg);
	transition: transform .3s ease-in-out;
}
 .onlineshop_content {
	display: none;
	justify-content: space-between;
	padding: 16px 20px 20px;
	background: #f8f8f8;
}
 .onlineshop_content.is-open {
	display: flex;
}
 .onlineshop_content h5{
	color: #d90064;
	font-size: 16px;
	margin: 0 0 10px 0;
}
 .onlineshop_content div{
	width:80%;
}
 .onlineshop_content figure{
	width: 20%;
}
 .onlineshop_content figure img {
	max-width: 100%;
	border: 1px solid #eee;
	vertical-align: bottom;
}
 .onlineshop_content div ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0 0 0 20px;
}
 .onlineshop_content div ul li {
  position: relative;
  width: 50%;
}
 .onlineshop_content div ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #d90064;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.bnr_list{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.bnr_list li{
	width: calc((100% - (16px * 2)) / 3);

	 transition: all 0.3s ease 0s;
}
.bnr_list li a:hover{
	opacity: 0.6;
}
.bnr_list li img{
	width:100%;
	vertical-align: bottom;
}
 .shop_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
 .shop_list > li {
	width: calc((100% - (12px * 5)) / 6);
	margin-bottom:16px;
}
 .shop_summary {
	height: 100%;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: background .3s ease-in-out, border-radius .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
 .shop_summary:hover {
	border-radius: 8px;
	background: #fdf3f8;
	box-shadow: 0 6px 12px -4px rgba(129, 8, 103, 0.2);
	transform: scale(1.04, 1.04);
	transition: background .3s ease-in-out, border-radius .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
 .shop_summary img {
	max-width: 100%;
	vertical-align: bottom;
}
 .shop_summary figcaption {
	padding: 10px 10px 12px;
}
 .shop_summary dt {
	margin-bottom: 4px;
	font-size: 13px;
	color: #d90064;
	font-weight: bold;
	line-height: 1.24;
}
 .shop_summary  dd {
	font-size: 12px;
	line-height: 1.4;
}
 .shop_content_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}
 .shop_content_wrap.is-open {
	pointer-events: all;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}
 .shop_content_wrap .shop_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.88);
}
 .shop_content {
	position: relative;
	width: 80%;
	max-width: 960px;
	padding:30px;
	background: #fdf3f8;
	box-shadow: 0 6px 12px -4px rgba(129, 8, 103, 0.2);
}
 .shop_content .shop_content_close {
	position: absolute;
	top: -12px;
	right: -12px;
	display: block;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	background: #d90064;
	transform: rotate(45deg);
	cursor: pointer;
	transition: background .3s ease-in-out;
}
 .shop_content .shop_content_close:hover {
	background: #d3518d;
	transition: background .3s ease-in-out;
}
 .shop_content .shop_content_close::before,
 .shop_content .shop_content_close::after {
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
} .shop_content .shop_content_close::after {
	transform: rotate(90deg);
}
 .shop_content h4{
	margin-bottom: 24px;
    padding: 0 0 10px;
    border-bottom: 2px solid #d8d8d8;
    font-size: 2.0rem;
    font-weight: normal;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: left;
	position: relative;
}
 .shop_content h4::before{
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #d90064;

    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    bottom: -2px;
}
 .shop_content h5{
	font-weight: bold;
	color:#d90064;
	font-size:16px;
}
 .shop_content_inner {
	display:flex;
}
 .shop_content_inner figure {
	margin:0 0 0 30px;
}
 .shop_content_inner figure img {
	width:247px;
}
 .shop_content dl {
	display:flex;
	flex-wrap: wrap;
	line-height: 1.6rem;
}
 .shop_content dt {
	width: 25%;
	padding: 10px 0;
	box-sizing: border-box;
	font-weight: bold;
	color:#d90064;	
	position: relative
}
 .shop_content dt:after{	
	content: ":";
	position: absolute;
	right:0;
	top:10px;
}
 .shop_content dd{
  padding: 10px 0 10px 15px;
  margin: 0;
  width: 75%;
  box-sizing: border-box;
}
 .shop_content dd a{
	pointer-events: none;
}

 .shop_content dt,
 .shop_content dd{
	background-color: transparent;
	line-height: 1.4;
}
 .shop_content dt br {
	display: none;
}
 .shop_list + p {
	margin-top: 0;
}


.rank_01_summer_logo,
.rank_summer_logo .img_wrap,
.summer_logo a,
.rank_01_salad_logo,
.rank_salad_logo .img_wrap,
.summer_salad_logo a{
	position: relative;
}
.rank_01_summer_logo:before{
	content: '';
	display: block;
	top: 20px;
	right: 20px;
	background: url("../img/mv_logo_010_pc.png") no-repeat right top;
	background-size:190px 74px;
	width: 190px;
	height: 74px;
	position: absolute;
}
.rank_01_salad_logo:after{
	content: '';
	display: block;
	bottom: 20px;
	right: 20px;
	background: url("../img/mv_logo_020_pc.png") no-repeat right top;
	background-size:146px 19px;
	width: 146px;
	height: 19px;
	position: absolute;
}
.rank_summer_logo .img_wrap:before,
.summer_logo a:before{
	content: '';
	display: block;
	top: 15px;
	right: 15px;
	background: url("../img/mv_logo_010_pc.png") no-repeat right top;
	background-size:95px 37px;
	width: 95px;
	height: 37px;
	position: absolute;
}

.rank_salad_logo .img_wrap:after,
.summer_salad_logo a:after{
	content: '';
	display: block;
	bottom: 15px;
	right: 15px;
	background: url("../img/mv_logo_030_pc.png") no-repeat right top;
	background-size:92px 13px;
	width: 92px;
	height: 13px;
	position: absolute;
}
.summer_salad_logo a:after{
	top: 136px;
}

/* ------------------------------------------------------
   movie
------------------------------------------------------ */
.movie_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
.movie_list::after {
	content: '';
	display: block;
	width: 346px;
}
.movie_list li {
	margin-bottom: 40px;
	width: 346px;
}


.movie_list.-cell4 {
    gap:16px;
}
.movie_list.-cell4 li {
    width:  calc((100% - 16px) / 2);
    margin-bottom: 0;
}
.movie_list.-cell4::after {
    display: none;
}
@media (min-width: 768px) {
    .movie_list.-cell4 {
        flex-wrap:unset ;
        gap:2.59%;
    }
    .movie_list.-cell4 li {
        width:  calc(100% / 4);
    }
}


.movie_list a {
	display: block;
}
.movie_list figure > img {
	max-width: 100%;
	margin-bottom: 16px;
	transition: opacity 0.3s ease;
}
.movie_list.-cell4 figure > img {
	margin-bottom: .5em;
}

.movie_list a:hover figure > img {
	opacity: 0.6;
	transition: opacity 0.3s ease;
}
.movie_list figcaption {
	font-size: 1.6rem;
	color: #000;
	line-height: 1.54;
	position: relative;
	transition: color 0.3s ease;
	margin-top:0;
}

.movie_list.-cell4 figcaption {
	font-size: 1.4rem;
}

.movie_list figcaption span {
	display: block;
	width: 38px;
	height: 38px;
	background: #d90064;

	text-align: center;
	position: absolute;
	top: -55px;
	right: 0;
	bottom: 21px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.movie_list figcaption span:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.movie_list a:hover figcaption span:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.movie_list figcaption span img {
	width: 14px;
	height: 7px;
	position: absolute;
	top: 15px;
	right: 0;
	left: 0;
	margin: auto;
}
.movie_list figcaption h4 {
	margin-bottom: 6px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
	color: #d90064;
}
.movie_list a:hover figcaption {
	color: #d90064;
	transition: color 0.3s ease;
}
.flowlist {
	display: flex;
	margin-bottom: 58px;
	justify-content: space-between;
}
.flowlist li {
	width: calc((100% - (24px * 5)) / 6);
	position: relative;
}
.flowlist li:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10.5px 0 10.5px 14px;
	border-color: transparent transparent transparent #333;
	position: absolute;
	right: -21px;
	top: calc(50% - 10px);
}
.flowlist li.flow-active div{
	background: #d90064;
}
.flowlist li.flow-active:after {
border-color: transparent transparent transparent #d90064;

}
.flowlist li:last-child:after {
	display: none!important;
}
.flowlist li div{
	display: flex;
	height: 62px;
	flex-wrap: wrap;
	background: #333;
	justify-content: center;
	align-items: center;
	align-content: center;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-style: normal;
}
.flowlist li i{
	font-style: inherit;
	display: block;
	margin-bottom: 11px;
	font-size: 11px;
	font-family: "Hiragino Kaku Gothic ProN";
	font-weight: normal;
	letter-spacing: 0.1em;
	position: relative;
}
.flowlist li i:after {
	content: '.......';
	display: block;
	position: absolute;
	font-size: 12px;
	bottom: -6px;
	left: 7px;
}
.flowlist li span{width: 100%;display: block;}

.selected_list {
	display: flex;
}
.selected_list li {
	margin-right: 30px;
}
.caption a {
	text-decoration: underline;
	color: #d90064;
}
.caption a:hover {
	text-decoration: none;
}
/* ------------------------------------------------------
   btn
------------------------------------------------------ */
.btn_box {
    text-align: center;
    width:100%;
    margin: 40px 0;
}

.nomal_btn_box{
	margin:30px 0 20px 0;
	display:block;
}
.nomal_btn_box a,
.btn_box button{
	padding:10px;
	text-decoration:none;
	background:#d90064;

	color:#fff;
	transform: rotate(0.001deg);
	cursor:pointer;
	text-align:center;
	border:#e6006c 1px solid;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	position:relative;
	width: 220px;
}
.nomal_btn_box a{
	display: block;
    text-align: left;
}

.nomal_btn_box a:before,
.btn_box button:before{
	content: ' ';
	display: inline-block;
	width: 14px;
	height: 20px;
	background:url(/shared/img/arrow.png) no-repeat left 10px;
	background-size:14px 7px;
    color: #fff;	
	padding:0 0 0 15px;
}
.nomal_btn_box a:hover,
.btn_box button:hover{
	color:#fff;
	transition: all 0.5s ease-in-out 0s;
	border:#000 1px solid ;
	background:#000;
}

.btn_box .back_btn{
	margin-right:20px;
	background:#727272;
	border:#727272 solid 1px;
}

.error_010{
	background:#e60817;
	color:#fff;
	display:block;
	text-align:center;
	padding:5px;
	margin:10px 0 20px 0 !important;
}


ul.error_020 li{
	color:#e60817;
	margin-bottom:5px !important;
}

ul.error_020 li:last-child{
	margin-bottom:15px !important;
}

.link_area a{
	margin:20px 0 0 0;
	padding:10px;
	text-decoration:none;
	background:#d90064;

	color:#fff;	
	display: block;
	cursor:pointer;	
	text-align:center;
	border:#e6006c 1px solid ;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	position:relative;
}


.link_area a:before{
	content: ' ';
	display: inline-block;
	width: 14px;
	height: 20px;
	background:url(/shared/img/arrow.png) no-repeat left 10px;
	background-size:14px 7px;
    color: #fff;	
	padding:0 0 0 15px;
}
.link_area a:hover{
	color:#fff;
	transition: all 0.5s ease-in-out 0s;
	border:#000 1px solid ;
	background:#000;
}
.link_area_s{
	text-align: center;
	width:100%;
	margin:14px 0 30px;
}

.link_area_s a{
	color:#e5006e;
	font-weight: bold;
	background: url(../img/arrow_gt_p.png) no-repeat right center;
	background-size:6px 10px;
	padding:0 15px 0 0;
	margin: 16px 18px 0;
	font-size:16px;
	display: inline-block;
}


.link_area_s a:hover{
	background: url(../img/arrow_gt.png) no-repeat right center;
	background-size:6px 10px;
	color:#000;
}



/* ------------------------------------------------------
large link bnr
------------------------------------------------------ */
.recipeindex_largelink {
	margin-bottom: 55px;
}
.recipeindex_largelink a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border-bottom: 2px solid #e2e2e2;
	position: relative;
}
.recipeindex_largelink a .recipeindex_largelink_img {
	width: calc(100% - 400px);
	height: 250px;
}
.recipeindex_largelink a .recipeindex_largelink_img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.recipeindex_largelink a .recipeindex_largelink_txt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 400px;
	box-sizing: border-box;
	padding: 20px 44px;
}
.recipeindex_largelink a .recipeindex_largelink_txt .recipeindex_largelink_ttl {
	margin-bottom: 15px;
}
h3.recipeindex_largelink_ttl {
	padding: 0;
}
.recipeindex_largelink_ttl::before {
	display: none;
}
.recipeindex_largelink a .recipeindex_largelink_txt span {
	display: block;
	width: 38px;
	height: 38px;
	background: #d90064;

	text-align: center;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 21px;-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	bottom: 0;
}
.recipeindex_largelink a .recipeindex_largelink_txt span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.recipeindex_largelink a:hover .recipeindex_largelink_txt span:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.recipeindex_largelink a .recipeindex_largelink_txt span img {
    width: 14px;
    height: 7px;
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: auto;
}
.recipeindex_largelink a:hover .recipeindex_largelink_txt span img {
    opacity: 0.6;
    transition: 0.3s ease;
}
@media screen and (max-width: 769px){
	.recipeindex_largelink {
		margin-bottom: 50px;
	}
	.recipeindex_largelink a {
		flex-wrap: wrap;
	}
	.recipeindex_largelink a .recipeindex_largelink_img {
		width: 100%;
		height: auto;
	}
	.recipeindex_largelink a .recipeindex_largelink_img img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.recipeindex_largelink a .recipeindex_largelink_txt {
		padding: 15px 25px 45px 25px;
		width: 100%;
	}
	.recipeindex_largelink a .recipeindex_largelink_txt .recipeindex_largelink_ttl {
		margin-bottom: 15px;
		width: 200px;
		height: auto;
	}
	.recipeindex_largelink a .recipeindex_largelink_txt .recipeindex_largelink_ttl img {
		width: 100%;
		height: auto;
	}
}

.recipeindex_largelink + div {
	margin-bottom: 80px;
}


@media screen and (max-width: 1120px){
	/* ------------------------------------------------------
   btn
	------------------------------------------------------ */
	.btn_box {
	   margin: 20px 0 0 0;	  
	}
	

	.btn_box button{
		width: 300px !important;
		margin: 0 0 20px 0 !important;
		box-sizing: border-box;
	}
	
	
	.flowlist {
		flex-wrap: wrap;
		margin: auto 0 auto;
		padding: 30px 4.6875% 0 4.6875%;
	}
	.flowlist li {
		width: calc((100% - (24px * 2)) / 3);
		margin-bottom: 25px
	}
	.flowlist li:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10.5px 0 10.5px 14px;
		border-color: transparent transparent transparent #333;
		position: absolute;
		right: -21px;
		top: calc(50% - 10px);
	}
	.flowlist li.flow-active div{
		background: #d90064;
	}
	.flowlist li.flow-active:after {
	border-color: transparent transparent transparent #d90064;

	}
	.flowlist li:last-child:after {
		display: none!important;
	}
	.flowlist li div{
		display: flex;
		height: 62px;
		flex-wrap: wrap;
		background: #333;
		justify-content: center;
		align-items: center;
		align-content: center;
		line-height: 1;
		text-align: center;
		color: #fff;
		font-style: normal;
	}
	.flowlist li i{
		font-style: inherit;
		display: block;
		margin-bottom: 11px;
		font-size: 10px;
		font-family: "Hiragino Kaku Gothic ProN";
		font-weight: normal;
		letter-spacing: 0.1em;
		position: relative;
	}
	.flowlist li i:after {
		content: '.......';
		display: block;
		position: absolute;
		font-size: 10px;
		bottom: -6px;
		left: 7px;
	}
	.flowlist li span{width: 100%;display: block;font-size: 12px;}

	/* ------------------------------------------------------
	   sweets
	------------------------------------------------------ */
	.column_02 {
	flex-wrap: wrap;
	}
	.column_02 li {
		width: 100%;
		margin-bottom: 10px;
	}

	.bg_sweets {
		position: relative;
		background: #f0e8d4;
		padding: 20px 0;
	}
	.bg_sweets:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 46px;
		left: 0;
		top: -46px;
		background: url("../img/sweets/line_010.png") center /auto 46px repeat-x;
	}

	.sweets_whitebox {
		background: #fff;
		padding: 30px 15px;
		margin-bottom: 40px;
	}
	.sweets_whitebox h3 {
		margin-bottom: px;
	}
	.sweets_whitebox h3:before {
		display: none;
	}
	.tit_line {
		justify-content: center;
		display: flex;
		position: relative;
		padding: 36px 0;
		margin-bottom: 30px;
	}
	.tit_line:before,.tit_line:after {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		left: 0;
		top: 0;
		position: absolute;
		background: url("../img/sweets/line_020.png") center /auto 10px repeat-x;
	}

	.tit_line:after {
		top: auto;
		bottom: 0;
	}
	.sweets_whitebox > figure {
		margin: 45px 0 25px 0;
		display: flex;
		justify-content: center;
		transform: translate(10px, 0px);
	}
	.point_wrap {
		padding: 30px 25px;
	}
	.point_wrap:before {
		content: '';
		display: block;
		position: absolute;
		width: 36px;
		height: 32px;
		left: 16px;
		top: -11px;
		background: url("../img/sweets/ico_010.png") center /contain no-repeat;
		z-index: 2;
	}

	.sweets_flex_01,.sweets_flex_02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.sweets_flex_01 {
		margin-bottom: 26px;
		flex-wrap: wrap;
	}
	.sweets_flex_01 .-txt{
		width: 100%;
		margin-bottom: 20px;
	}
	.sweets_flex_01 .-img{
		width: 100%;
		padding: 22px 20px;
		box-sizing: border-box;
		box-shadow: 0px 0px 15.52px 0.48px rgba(229, 229, 229, 1);
		font-size: 14px;
		color: #787878;
		line-height: 1.3;
		text-align: center;
		margin: 0 auto 20px auto;
		max-width: 330px;
	}
	.sweets_flex_01 .-img img{
		width: 280px;
		display: block;
		margin-bottom: 13px;
	}
	.sweets_flex_02 {
		margin-bottom: 30px;
		border: 2px dotted #d4d4d4;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 2px;
		flex-direction: column-reverse;
	}
	.sweets_flex_02 .-txt {
		width: 100%;
	}
	.sweets_flex_02 .-prof {
		display: flex;
		width: 120px;
		height: 27px;
		text-align: center;
		justify-content: center;
		align-items: center;
		background: #eb3e89;
		color: #fff;
		font-size: 14px;
		border-radius: 30px;
	}
	.sweets_flex_02 p {
		margin: 13px 0;
		line-height: 1.6;
	}
	.sweets_flex_02 p.-linetop {
		margin-bottom: 0;
		border-top: 1px solid #d4d4d4;
		padding-top: 12px;
	}
	.sweets_flex_02 figure {
		width: 180px;
		margin: 0 auto 30px auto;
	}

	
}
@media screen and (max-width: 790px) {
	
	.js-scrollable {
		width: 600px;
	}
}
@media screen and (max-width: 680px) {
	
	.js-scrollable {
		width: 560px;
	}

	
	h3.border{
	    margin: 30px 0 0;
	}
	ul.archive_list li {
		width: 23%;
		max-width: 249px;
		background: #fff;
		margin: 0 2.5% 25px 0;
		box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
	}
	ul.list_search li{
		width: 23%;
		margin: 0 2.5% 25px 0;
	}
	.rank_01info img {
		min-width: auto;
		max-width: 552px;
		object-fit: cover;
		height: 353px;
		width: 60%;
	}
	.no_01txt{
		min-width: none;
	}
	.soup_mv.cp_mv img {
		transform: translate(13px, 0);
	}
	/* 買えるお店 */
	 {
		margin-top: 40px;
	}
	 .content > * {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.line_ttl {
		font-size: 1.6rem;
	}
	_intro {
		width: 90%;
		margin: 0 auto 24px;
	}
	_anchor {
		width: 90%;
		margin: 0 auto 40px;
	}
	_anchor > li a {
		padding: 8px 0;
		font-size: 1.4rem;
	}
	_anchor > li a span {
		padding: 0 0 12px;
	}

	_anchor > li a span::after {
		top: auto;
		bottom: 2px;
		left: 0;
	}
	_anchor > li a br {
		display: inherit;
	}
	 .onlineshop_content div ul {
		display: block;
	}
	 .onlineshop_content div ul li {
		width: 100%;
	}
	 .shop_list > li {
		width: calc((100% - (12px * 4)) / 5);
	}
	 .shop_list > li:nth-last-child(-n + 1) {
		display: none;
	}
	.movie_list li,
	.movie_list::after {
		width: calc((100% - (16px * 2)) / 3);
	}
	
	
	
	
	
}
@media screen and (max-width: 700px) {
	.pconly{
		display: none;
	}
	.sponly{
		display: block;
	}
	.sp_rank{
		display: block;
	}
	.rank_01info img {
		max-width: 552px;
		object-fit: cover;
		max-height: 353px;
		width: 38%;
	}
	.spaC{
	    text-align: center;
	}
/* ------------------------------------------------------
   list_cook
------------------------------------------------------ */
	ul.list_cook {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	ul.list_cook li{
		width: 100%;
		margin-bottom: 15px;
	}
	ul.list_cook li .box_pink {
		position: absolute;
		background: rgba(230, 0, 109, 0.8);
		padding: 15px 20px 10px 20px;
		bottom: 0;
		width: calc(100% - 40px);
		color: #fff;
		text-align: center;
	}
	ul.list_cook li .box_pink .midashi span {
		border-radius: 13px;
		display: inline-block;
		background: #fff;
		color: #d90064;
		padding: 0 10px;
		min-width: 95px;
		font-size: 14px;
		line-height: 22px;
	}
	ul.list_cook li .box_pink p {
		line-height: 1.5em;
	}
/* ------------------------------------------------------
   slick
------------------------------------------------------ */
	section.sp_rank{
		padding-bottom: 20px;
		background: url(../img/bg_slide.jpg) repeat-x;
		background-position: bottom;
	}
	ul.rank_slider .slick-list li{
		background: none;
		position: relative;
	}
	ul.rank_slider .slick-list li a{
		width: 90%;
		margin: auto;
		display: block;
		height: 100%;
		background: #fff;
		box-shadow: 0px 0px 15px 0px rgba(158, 158, 158, 0.2);
		position: relative;
	}
	ul.rank_slider .slick-list li a:hover{
		opacity: 0.7
	}
	ul.rank_slider .slick-list li img{
		width: 100%;
		object-fit: cover;
		height: 38vw;
	}
	ul.rank_slider .slick-list li strong{
		text-align: center;
		font-weight: normal;
		color: #fff;
		width: 37px;
		height: 25px;
		margin: 10px auto 0 auto;
		display: block;
		line-height: 37px;
		background: url(../img/ico_rank04.png) no-repeat;
		background-size: 100%;
		font-size: 10px;
	}
	ul.rank_slider .slick-list li strong.rank_01{
		background: url(../img/ico_rank01.png) no-repeat;
		background-size: 100%;
	}
	ul.rank_slider .slick-list li strong.rank_02{
		background: url(../img/ico_rank02.png) no-repeat;
		background-size: 100%;
	}
	ul.rank_slider .slick-list li strong.rank_03{
		background: url(../img/ico_rank03.png) no-repeat;
		background-size: 100%;
	}
	ul.rank_slider .slick-list li .mincho{
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
		text-align: center;
		margin: 5px 15px 55px 15px;
		font-size: 16px;
		line-height: 1.2em;
	}
	ul.rank_slider li p.button{
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0;
		left: 0;
		background: #cfcfcf;
		box-shadow: 0px 0px 15px -15px rgba(158, 158, 158, 0.2);
		line-height: 45px;
		height: 45px;
	}
	ul.rank_slider .slick-list li p.button span{
		padding-left: 24px;
		color: #000;
		background: url(../img/arrow_b.png) no-repeat left center;
		background-size: 14px 7px;
		line-height: 32px;
	}
	.mv_logo:before{
		top: 10px;
		right: 4px;
		background: url("../img/mv_logo_010_sp.png") no-repeat right top;
		background-size:96px 37px;
		width: 96px;
		height: 37px;
	}
	.mv_salad_logo:after{
		bottom: 10px;
		right: 4px;
		background: url("../img/mv_logo_020_sp.png") no-repeat right top;
		background-size:146px 19px;
		width: 146px;
		height: 19px;
	}
/* ------------------------------------------------------
   soup
------------------------------------------------------ */
	.soup {
		font-size: 12px;
	    margin-bottom: 30px;
	}
	.soup .osusume_list .osusume_list_img {
		min-width: 0;
		margin: 0 0 10px 0;
	}
	.soup .recipe_nav li {
		width: 48%;
	}
	
	.soup .osusume_list li{
		flex-wrap: wrap;
	    width: calc((100% - (20px * 1)) / 2);
	}
	.soup .osusume_tit {
		padding: 5px 25px;
		display: inline-block;
		font-size: 1em;
	    margin-bottom: 14px;
	    min-width: 0;
	}
	.soup .osusume_lower .osusume_tit{
		margin-bottom: 18px;
	}
	
	section.soup_main.soup_main_cp {
		margin: 0;
	}
	section.soup_main:before,section.soup_main.soup_main_cp:before{
		height: 100%;
	}
	section.soup_main{
		margin-top: 0;
	    padding: 0 0 40px 0;
	}
	
	.soup .soup_mv{
		margin-top: 20px;
	}
	.soup .soup_mv.cp_mv{
		margin-top: 0;
	}
	.soup_mv.cp_mv img {
		/*transform: translateX(1.25vw);*/
		transform: none;
		width: calc(100% - 2.25vw);
	}
	.soup .soup_mv + p,.soup .cp_mv_txt{
		width: 90%;
		margin: 0 auto 40px auto;
	}

	
	
	.soup .ribbon9 {
		height: 45px;
    	width: calc(100% - 60px);
		margin: 0 auto 30px auto;
	}
	.soup .ribbon9:before{
		left: -20px;
		border: 20px solid #e73d8e;
		border-left-color: transparent;
	}
	.soup .ribbon9:after{
		right: -20px;
		border: 20px solid #e73d8e;
		border-right-color: transparent;
	}
	.soup .ribbon9 h2{
		line-height: 45px;
		font-size: 13px;
	}
	.soup .osusume{
		padding: 20px;
	    width: 90%;
	}
	.soup .osusume_txt_pink{
		font-size: 1.4em;
	}
	.soup .osusume_txt_pink br {
		display: none;
	}
	.soup .osusume_top .flex {
		flex-wrap: wrap;
	}
	.osusume_list_txt {
	    width: 100%;
		margin-bottom: 16px;
	}
	.soup .osusume_list .osusume_list_txt{
		margin-bottom: 0;
	}
	.soup .osusume_list_img{
		margin: auto;
	}
	.soup .border_leftt {
		width: 54px;
		left: -16px;
	}
	.soup .border_leftb {
		width: 54px;
		left: -16px;
	}
	.soup .border_rightt {
		width: 54px;
		right: -16px;
	}
	.soup .border_rightb {
		width: 54px;
		right: -16px;
	}

	
	
	/*ナビ*/
	.soup .pink_tit{
		font-size: 1.8em;
	}
	.soup .sec_nav{
		width: 90%;
		margin: auto;
	    padding: 40px 0 20px 0;
	}
	.soup .recipe_tit:before{
		left: 10px;
	}
	.soup .recipe_tit:after{
		right: 10px;
	}
	.soup .recipe_nav_kouan span{
		min-width: 0;
		padding: 5px 15px;
	}
	.soup .recipe_nav_kouan span.t_small {
		font-size: 0.7em;
		line-height: 1.4em;
	    min-width: 0;
		padding: 5px 15px;
	}
	
	
	
	/*レシピ*/
	.soup .recipe_caption {
		margin-bottom: 30px;
	}
	.soup .recipe_caption_txt{
		height: 13.5em;
	}
	.soup .rebon_tit:before {
		width: 150px;
		height: 40px;
		left: calc(50% - 75px);
		top: 0;
	}
	.soup .rebon_tit {
		font-size: 1.6em;
	    padding: 50px 0 16px 0;
		margin-bottom: 30px;
	}
	.soup .inner_soup_tit .rebon_tit.mblarge {
		margin-bottom: 30px;
	}
	.soup .inner_soup_tit .rebon_tit {
		margin-bottom: 30px;
		padding: 45px 0 16px 0;
		line-height: 1.4em;
		font-size: 1.8em;
	}
	.soup .recipe_tit{
		flex-wrap: wrap;
	    padding: 18px 30px;
	}
	.soup .recipe_tit_num{
		margin-bottom: 10px;
	}
	.soup .recipe_tit_num_large{
	    font-size: 3.4em;
	}
	.soup .recipe_tit_main{
		font-size: 1.6em;
		margin-top: 0;
		line-height: 1.4em;
	}
	.soup .recipe_tit_main.spkerning{
	    font-size: 1.4em;
	    letter-spacing: -0.03em;
	}
	.soup .recipe_box{
		margin: 0 auto 30px auto
	}
	.soup .recipe_box_white figure {
		margin-bottom: 20px;
	}
	.soup .btn {
		margin-top: 20px;
	}
	.soup .sec_recipe{
		padding: 40px 0;
	}
	.soup .recipe_box_white{
		padding: 10px 10px 20px 10px;
	}
	.soup .recipe_box_txt{
		padding: 0 10px;
	}

	
	
	
	
	
	/*プロフィール*/
	.soup .prof_box {
		flex-wrap: wrap;
	}
	.soup .prof_box_img{
		width: 140px;
		min-width: 140px;
		margin: 0 auto 20px auto;
	}
	.soup .prof_box{
		padding: 30px;
	}
	.soup .prof_box:before{
		left: 15px;
	}
	.soup .prof_box:after{
		right: 15px;
	}
	.soup .prof_tit{
		font-size: 1.3em;
	}
	.soup .prof_box_txt{
		margin: auto;
	}
	
	/*お店*/
	.soup .sec_shop {
		padding: 40px 0;
	}
	.soup .shop_inner{
	    padding: 12vw 20px 20px 20px;
	}
	.soup .shop_inner:before{
	    height: 14vw;
	}
	.soup .shop_maintxt{
		margin-bottom: 30px;
	    font-size: 1.1em;
	}
	
	
	.soup + .main_box h2.archive_title.index_title{
		padding-top: 40px;
	}
	.soup .blog_link.blog_link_ico a {
		padding: 32px 0 0 0;
	}
	.soup .blog_link.blog_link_ico a i {
		width: 130px;
		height: 23px;
		top: 0;
	}	
	.soup .select_box{
		padding: 22px 30px 30px 30px;
		margin-top: 40px;
	}
	.soup .select_area_img {
		width: 100%;
		height: 25vw;
		background: url(/recipe/parts/img/soup/cp/select_bg_02.jpg) center /100% no-repeat;
	}
	.soup .select_list li{
		width: 100%;
		margin-bottom: 16px;
	}
	.soup .select_tit img{
		transform: translateX(0);
	}
	.soup .select_tit_cc{
		margin-bottom: 20px;
	}
	.soup .selecttxt_list{
		margin-bottom: 20px;
	}
	.soup .selecttxt_list_link label{
		font-size: 1em;
	}
	.soup .selecttxt_list_link .radio{
	    padding: 15px 20px 15px 45px;
	}
	
	
}
@media screen and (max-width: 600px) {
	.pc,.pcbr,.pcimg{
		display: none;
	}
	.spbr{
		display: inline;
	}
	.sp,.spimg{
		display: block;
	}
	.caption h2{
		font-size: 1.3em;
	}
	.pankuzu{
		display: none;
	}
/* ------------------------------------------------------
   mv
------------------------------------------------------ */
	.mv {
		margin-top: 20px;
		width: 80%;
		margin: 20px auto 0 auto;
	}
	.mv .mv_img img {
		display: block;
		margin: auto;
		width: 100%;
	}
	.mv_under_wrap {
		margin-top: -77px;
		padding-top: 100px;
		padding-bottom: 27px;
		background: #f2f4f5;
	}
	.mv_under_wrap h2 {
		color: #d90064;
		font-size: 24px;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
		text-align: center;
		letter-spacing: 0;
		width: 80%;
		margin: 0 auto 10px auto;
		line-height: 1.2em;
	}
	.mv_under_wrap p{
		width: 90%;
		font-size: 15px;
		line-height: 1.5em;
	}

/* ------------------------------------------------------
   movie,zairyo,flow
------------------------------------------------------ */
	.movie{
		margin-bottom:48px;
	}
	.movie .button{
		display: none !important;
	}
	.flex.recipe_info{
		flex-wrap: wrap;
	}
	.zairyo, .flow {
		width: 100%;
	}
	h3.h3_uline {
		padding-top: 0;
		font-size: 2rem;
		padding-bottom: 5px;
		margin-top: 18px;
	}
	ul.list_flow li{
	    padding: 17px 0 20px 0;
	}
/* ------------------------------------------------------
   zairyo
------------------------------------------------------ */
	.zairyo {
		padding-bottom: 25px;
	}
/* ------------------------------------------------------
   flow
------------------------------------------------------ */
	ul.list_flow li .flow_num {
		color: #d90064;
		font-size: 20px;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
		letter-spacing: 4px;
		margin: -2px 0 0 -2px;
	}
	ul.list_flow li .flow_txt {
		width: calc(100% - 25px);
		margin-top: 5px;
	}
	ul.list_flow li.over_10 .flow_txt {
		width: calc(100% - 40px);
	}
	ul.list_flow li .flow_txt p {
		line-height: 1.4em;
		font-size: 15px;
	}
	.txt_profile {
		padding: 21px 20px 15px 20px;
		background: #fbf7e8;
		position: relative;
		margin: 40px 0 23px 0;
	}
	.txt_profile p {
		margin-top: 15px;
		line-height: 1.3em;
	}
	.max-btn .hvr-sweep-to-bottom {
		background: #000;
		width: 100%;
		border: none;
		cursor: pointer;
		height: 46px;
	    line-height: 1.2em;
	}
	.max-btn .hvr-sweep-to-bottom.prev-btn {
		line-height: 3.2em;
		font-weight: 100;
	}
/* ------------------------------------------------------
   rec
------------------------------------------------------ */
	.rec {
		margin-top: 60px;
	}
	h3.h3_line {
		padding-top: 11px;
		margin-bottom: 18px;
		font-size: 1.7rem;
		font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		text-align: left;
		position: relative;
		line-height: 1.4;
		border-top: 1px solid #000;
		border-bottom: 1px dotted #000;
		padding-bottom: 10px;
		color: #000;
	}
	ul.list_rec{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.list_rec li {
		width: 48%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	ul.list_rec li a .recipe_title {
		font-size: 13px;
		margin-top: 5px;
		padding-left: 24px;
	}
	ul.list_rec li .img_wrap {
		height: 29vw;
	}
	ul.list_rec li .img_wrap img {
		object-fit: cover;
	    height: 29vw;
	}
/* ------------------------------------------------------
   search
------------------------------------------------------ */
	.search_box {
		background: #f2f4f5;
		padding: 30px 5%;
		margin: 30px 0 87px 0;
	}
	.search_box .search_area{
		flex-wrap: wrap;
	}
	.search_area{
		height: auto;
		flex-wrap: wrap;
	}
	.search_area input#keywords2 {
		width: 100%;
		border: 1px solid #cfcfcf;
		padding: 0 20px;
		height: 40px;
		-webkit-appearance: none;
		border-radius: 0;
		font-size: 15px;
	}
	.search_area input#keywords2::placeholder {
		display: inline-block;
		line-height: 1.4em;
	}
	.search_area .search_btn {
		width: 100%;
		margin-top: 10px;
	}
	.search_area .hvr-sweep-to-bottom {
		background: #d90064;
		width: 100%;
		cursor: pointer;
		height: 45px;
		border: none;
		padding: 0;
	}
	.search_box .list_title {
		font-size: 18px;
		font-weight: bold;
		margin: 30px 0 11px;
	}
	.search_box .tag_list + p.list_title {
		margin: 25px 0 11px;
	}
	.search_box i{
		width: 25px;
	}
	.search_box i.fa-utensils {
		font-size: 17px;
	}
	.search_box i.fa-tag {
		font-size: 16px;
	}
	.search_box .tag_list {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.search_box .tag_list li {
		padding: 0;
		line-height: 1;
		background: #fff;
		margin-right: 0;
		width: 48%;
		text-align: center;
		margin-bottom: 10px;
		height: 45px;
		display: table;
	}
	.search_box .tag_list li a{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		font-size: 13px;
	}
	.max-btn .hvr-sweep-to-bottom span{
		font-size: 15px;
	}
/* ------------------------------------------------------
   bnr_recipe_rice
------------------------------------------------------ */
	.recipe_rice{
		box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.17);
	    width: 157px;
	    top: 10px;
    	right: 0;
	}
	.recipe_rice img{
		width: 100%;
	}
/* ------------------------------------------------------
   archive
------------------------------------------------------ */
	.bg_gray {
		padding: 20px 0 25px 0;
		margin-bottom: 50px;
	}
	.main_box.title_box {
		margin-bottom: 13px;
	}
	.main_box.archive_box{
		margin: auto;
	}
	h2.archive_title {
		color: #d90064;
		font-size: 2.4rem;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
		text-align: center;
		letter-spacing: 0;
		width: 100%;
		margin: auto;
		line-height: 1.4em;
		padding: 0;
	}
	h2.archive_title span {
		width: 83px;
		line-height: 19px;
		letter-spacing: 1.5px;
		margin-bottom: 7px;
	}
	ul.list_rank li,ul.list_search li,ul.archive_list li{
		width: 48.5%;
		margin: 0 3% 15px 0;
	}
	ul.archive_list li:nth-child(2n),ul.archive_list li:nth-child(4n),
	ul.list_rank li:nth-child(2n),ul.list_rank li:nth-child(4n),
	ul.list_search li:nth-child(2n),ul.list_search li:nth-child(4n){
		margin-right: 0;
	}
	ul.archive_list li img{
		height: 27vw;
	}
	ul.archive_list li p {
		padding: 10px 15px 0 15px;
		font-size: 12px;
		line-height: 1.3em;
	}
	.archive_box .summer_salad_logo a:after	{
    top: 90px;
	}
/* ------------------------------------------------------
   pager
------------------------------------------------------ */
	.pager_area ul.page_nav{
		display: flex;
		margin: auto;
	}
	.pager_area ul.page_nav li{
		width: 15%;
		margin: 0 1% 0 0;
	}
	.pager_area ul.page_nav li:last-child{
		margin: 0;
	}
	.pager_area ul.page_nav li button{
		width: 100%;
	    height: 12vw;
		line-height: 12vw;
		position: relative;
	}
	.pager_area ul.page_nav li:first-child img,.pager_area ul.page_nav li:last-child img{
		display: inline-block;
		width: 10px;
		position: absolute;
		top: calc(6vw - 7px);
		left: calc(50% - 5px);
	}
	.pager_area ul.page_nav li.disabled {
 	  	height: 12vw;
		line-height: 12vw;
	}
/* ------------------------------------------------------
   index
------------------------------------------------------ */
	h2.archive_title.index_title {
		padding-top: 0;
		margin: 0 auto 15px auto;
	}
	h2.archive_title.index_title span {
		margin-bottom: 6px;
	}
	h3.h3_line.mt80 {
		margin-top: 50px;
	}
	ul li a .recipe_title{
		font-size: 13px;
		display: block;
		box-sizing: border-box;
		margin-top: 7px;
		padding-left: 28px;
		background: url(../img/arrow_b.png) top 5px left no-repeat;
		background-size: 16px 7px;
		font-weight: 500;
		line-height: 1.4;
		overflow: hidden;
		vertical-align: middle;
	}
	h3.h3_line.mt50 {
		margin-top: 30px!important;
	}
	.search_area.search_index{
		margin-top: 20px;
	}
	.search {
		line-height: 1em;
	}
	.search_area.search_index input#keywords2 {
		width: 100%;
		border: 1px solid #cfcfcf;
		border-radius: 0;
		font-size: 15px;
		height: 40px;
		padding: 0 0 0 20px;
		color: #000;
	}
	.search_area.search_index input#keywords2::placeholder {
		display: inline-block;
		line-height: 1.4em;
	}
/* ------------------------------------------------------
   method
------------------------------------------------------ */
	.bg_gray.method{
		padding: 42px 0 25px 0;
		margin-top: 37px;
	}
	.bg_gray.method .main_box{
		margin-bottom: 0;
	}
	.btn_box{
		top: -24px;
	}
	.btn_box ul li a.button{
		height: 46px;
		line-height: 45px;
	}
	.btn_box ul li a.button span{
		padding-left: 22px;
		color: #d90064;
		background: url(../img/arrow_p.png) no-repeat left center;
		background-size: 14px 7px;
		margin-left: 4px;
		font-size: 12px;
	}
	div.method_box{
 	   margin-bottom: 60px;
	}
	div.method_box:last-child{
		margin-bottom: 0;
	}
	.method_box h3.h3_line{
		margin-bottom: 15px;
		padding: 12px 0;
	}
	.method_box .method_txt{
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 1.55em;
	}
	.method_box ul{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.method_box ul li{
		width: 100%;
		max-width: unset;
		margin-bottom: 20px;
	}
	.method_box ul li:before{
		content: "";
		top: 0;
		left: 0;
		border-bottom: 45px solid transparent;
		border-left: 45px solid #d90064;
		position: absolute;
		z-index: 100;
	}
	.method_box ul li p{
		line-height: 1.5em;
		padding: 14px 17px 16px 17px;
		font-size: 15px;
	}
	.txt_small{
		display: block;
		font-size: 0.8em;
		line-height: 1.55em;
		margin-top: 6px;
	}
	.txt_cook span,
	.txt_cook em{
	   display: block;
		text-align: center;
	}
	.method_txt .txt_small{
		display: block;
		font-size: 0.85em;
		line-height: 1.2;
		margin-top: 4px;
		letter-spacing: 0;
	}
	.ico_num{
		display: inline-block;
		font-size: 12px;
		background: #d90064;
		color: #fff;
		padding: 4px 6px;
		border-radius: 2px;
		height: 10px;
		line-height: 1;
		margin: 0 3px;
	}

	/* 買えるお店 */
	 h2.archive_title {
		width: 90%;
	}
	 h2.archive_title span {
		width: 90px;
	}
	 h2.archive_title br {
		display: inherit;
	}
	_intro {
		margin: 0 auto 20px;
		font-size: 13px;
	}
	_anchor > li {
		width: 49.4%;
	}
	_anchor > li a {
		font-size: 1.14rem;
	}
	.line_ttl {
		margin-bottom: 20px;
		padding: 14px 0;
		font-size: 1.6rem;
	}
	 .content {
		margin-bottom: 36px;
	}
	 .content > * {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	 .content > * + * {
		margin-top: 16px;
	}
	 .img_ttl img {
		width: 100%;
	}
	 .onlineshop_list > li + li {
		margin-top: 10px;
	}
	 .onlineshop_title {
		font-size: 16px;
	}
	 .onlineshop_title h4 {
		width: calc(100% - 40px);
		padding: 10px 12px;
		font-size: 14px;
	}
	 .onlineshop_title .toggle_btn {
		width: 40px;
		padding: 0;
		font-size: 0px;
	}
	 .onlineshop_title .toggle_btn::before,
	 .onlineshop_title .toggle_btn::after {
		right: 0;
		left: 0;
	}
	 .onlineshop_content {
		flex-direction: column-reverse;
		flex-wrap: wrap;
		padding: 10px 12px 12px;
	}
	 .onlineshop_content figure {
		margin-bottom: 8px;
		width: 100%;
	}
	 .onlineshop_content h5 {
		margin-bottom: 4px;
		font-size: 14px;
	}
	 .onlineshop_content div {
		width: 100%;
	}
	 .onlineshop_content div ul {
		padding: 0 0 0 14px;
		font-size: 12px;
	}
	.bnr_list li {
		margin-bottom: 10px;
		width: calc((100% - (10px * 1)) / 2);
	}
	 .shop_list > li {
		width: calc((100% - (10px * 2)) / 3);
		margin-bottom: 8px;
	}
	 .shop_list > li:nth-last-child(-n + 4) {
		display: none;
	}
	 .shop_summary:hover {
		border-radius: 0;
		background: #fdf3f8;
		box-shadow: none;
		transform: none;
		transition: background .3s ease-in-out;
	}
	 .shop_summary figcaption {
		padding: 6px 0px 6px;
	}
	 .shop_summary dt {
		font-size: 12px;
	}
	 .shop_summary dd {
		font-size: 10px;
	}
	 .shop_content {
		box-sizing: border-box;
		width: 92%;
		padding: 12px 16px;
	}
	 .shop_content .shop_content_close {
		width: 35px;
		height: 35px;
	}
	 .shop_content .shop_content_close::before,
	 .shop_content .shop_content_close::after {
		width: 13px;
	}
	 .shop_content h4 {
		margin-bottom: 12px;
		padding: 0 0 8px;
		border-bottom: 1px solid #d8d8d8;
		font-size: 1.5rem;
	}
	 .shop_content h4::before {
		width: 48px;
		height: 1px;
		bottom: -1px;
	}
	 .shop_content_inner {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	 .shop_content dt {
		width: 26%;
		padding: 4px 9px 4px 0;
		font-size: 12px;
	}
	 .shop_content dt:after {
		top: 2px;
	}
	 .shop_content dd {
		padding: 4px 0 4px 9px;
		width: 74%;
		font-size: 12px;
	}
	 .shop_content_inner figure {
		margin: 0 0 8px;
	}
	 .shop_content_inner figure img {
		width: 100%;
		vertical-align: bottom;
	}
	 .shop_list + p {
		margin-top: 4px;
	}

	 + .main_box {
		margin-top: 60px;
	}
	 + .main_box h2.archive_title.index_title {
		padding-top: 32px;
	}	

	.rank_summer_logo .img_wrap:before,.summer_logo a:before,.rank_01_summer_logo:before{
		content: '';
		display: block;
		top: 10px;
		right: 4px;
		background: url("../img/mv_logo_010_sp.png") no-repeat right top;
		background-size:96px 37px;
		width: 96px;
		height: 37px;
		position: absolute;
	}
	.rank_salad_logo .img_wrap:after,.salad_logo a:after,.rank_01_salad_logo_logo:after{
		content: '';
		display: block;
		top: 135px;
		right: 8px;
		background: url("../img/mv_logo_030_sp.png") no-repeat right top;
		background-size:106px 16px;
		width: 106px;
		height: 16px;
		position: absolute;
	}
    /* ------------------------------------------------------
       movie
    ------------------------------------------------------ */
	.movie_list li,
	.movie_list::after {
		width: calc((100% - (16px * 2)) / 3);
	}
	.movie_list li,
	.movie_list::after {
		width: calc((100% - (10px * 1)) / 2);
	}
	.movie_list figure > img {
		margin-bottom: 12px;
	}
	.movie_list figcaption {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.movie_list figcaption span {
		width: 28px;
		height: 28px;
		top: -41px;
	}
	.movie_list figcaption span img {
		top: 10px;
	}
	.movie_list figcaption h4 {
		font-size: 1.4rem;
	}	
	
}
@media screen and (max-width: 480px) {
	.flowlist {
		flex-wrap: wrap;
		margin: 0 auto 0 auto;
		width: calc(100% - 50px);
		padding-right: 0;
		padding-left: 0;
	}
	.flowlist li {
		width: calc((100% - (15px * 2)) / 3);
		margin-bottom: 20px
	}
	.flowlist li:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9.5px 0 9.5px 10px;
		border-color: transparent transparent transparent #333;
		position: absolute;
		right: -14px;
		top: calc(50% - 5px);
	}
	.flowlist li.flow-active div{
		background: #d90064;
	}
	.flowlist li.flow-active:after {
	border-color: transparent transparent transparent #d90064;

	}
	.flowlist li:last-child:after {
		display: none!important;
	}
	.flowlist li div{
		display: flex;
		height: 55px;
		flex-wrap: wrap;
		background: #333;
		justify-content: center;
		align-items: center;
		align-content: center;
		line-height: 1;
		text-align: center;
		color: #fff;
		font-style: normal;
	}
	.flowlist li i{
		font-style: inherit;
		display: block;
		margin-bottom: 11px;
		font-size: 8px;
		font-family: "Hiragino Kaku Gothic ProN";
		font-weight: normal;
		letter-spacing: 0.1em;
		position: relative;
	}
	.flowlist li i:after {
		content: '.......';
		display: block;
		position: absolute;
		font-size: 10px;
		bottom: -6px;
		left: 7px;
	}
	.flowlist li span{width: 100%;display: block;font-size: 10px;}
}


@media screen and (max-width: 360px) {
	.soup .ribbon9 h2 {
		font-size: 12px;
	}
}
/* -----------------------------------------------------------------
	.rice_cuisine
------------------------------------------------------------------*/
.rice_cuisine .is-pc{
	display: block;
}
.rice_cuisine .is-sp{
	display: none;
}
.rice_cuisine {
	display: flex;
	position: fixed;
	right: -310px;
	top: 260px;
	bottom: 0;
	z-index: 50;
	margin: auto;
	font-size:1.4rem;	
	font-weight:200; 

}
.rice_cuisine span{
	display: block;
	margin: 0 0 4px 0;
    font-size: 1.7rem;
	line-height: 1.1;
	font-weight:600; 
}
.rice_cuisine.on {
	right: 0;
	transition: 0.7s ease 0.3s;
}
.rice_cuisine a {
	width: 120px;
	padding: 24px 170px 13px 20px;
	box-shadow: 0 0 29px rgba(4,0,0,.22);
	color: #d90064;
	text-align: left;
	position: relative;
	right: 0;
	transition: right 0.3s ease, background 0.3s ease;
	height: 80px;
	text-decoration: none;
	background:#fff url("../img/thumb_110.jpg") no-repeat right 15px center;
	background-size:130px auto;
}
.rice_cuisine a:hover {
	right: 20px;
	transition: 0.3s ease;
	color: #fff;
	background:#d90064; url("../img/thumb_110.jpg") no-repeat right 15px center;
	background-size:130px auto;
}
@media (max-width: 767px) {
	.is-pc{
		display: none;
	}
	.is-sp{
		display: block;
	}
	.rice_cuisine {
		top: auto;
		display: block;
		width:100%;
		right: auto;
		bottom: -100px;
	}	
	.rice_cuisine.on{
		right: auto;
		left:auto;
		bottom:20px;
	}
	.rice_cuisine a {
		display: block;
		width: 90%;
		position: relative;
		height: 110px;
		margin:0 auto;
		padding: 26px 15px 15px 20px;
		box-sizing: border-box;
		background:#fff url("../img/thumb_110.jpg") no-repeat right 15px center;
		background-size:150px auto;	
		font-size:1.4rem;
	}
	.rice_cuisine span{
		display: block;
		margin: 0 0 4px 0;
		font-size: 1.8rem;
		line-height: 1.1;
		font-weight:600; 
	}
	.rice_cuisine a:hover {
		right: 0;
		transition: 0.3s ease;
		color: #d90064;
		background:#fff url("../img/thumb_110.jpg") no-repeat right 15px center;
		background-size:130px auto;
	}
}

/* ------------------------------------------------------
   202208～カリフォルニアスタイルのサラダボウル×USA CHIRASHI
------------------------------------------------------ */
img.is-sp {
	max-width: 100%;
}
i.-smaller {
	font-size: 0.7em;
	display: block;
	margin-bottom: 5px;
}
.archive_title_img {
	display: flex;
	justify-content: center;
}
.-large {    
	font-size: 1.2em;
    margin-top: 15px;
	line-height: 1.4;
}
.salad_cont {
	margin-bottom: 60px;
}
.salad_cont.-bgpink{
	background: #fdf3f8;
	padding: 60px 0 1px;
}
section[cite="pankuzu"] + .salad_cont.-bgpink{
	margin: 20px auto 65px;
}


.salad_flex {
	display: flex;
	justify-content: space-between;
}
.salad_flex.-row {
	flex-direction: row-reverse;
}
.salad_flex_txt {
	width: calc(100% - 540px);
	position: relative;
}
.salad_flex_txt_pink {
    padding: 25px 30px 30px 30px;
    background: #f0e0e8;
    margin-bottom: 35px;
}
.salad_flex_txt_pink p {
	background: url("../img/salad/line_pc.png");
	line-height: 46px;
	font-size: 20px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-weight: 500;
}
.salad_flex_txt_pink p .-pink {
	color: #cc0061;
}
.salad_flex_txt_pink p .-smaller {
	font-size: 13px;
}
.salad_flex_txt ul {
	margin-bottom: 32px;
    font-weight: 500;
}
.salad_flex_txt ul li {
	position: relative;
	padding-left: 17px;
	font-size: 13px;
	margin-bottom: 12px;
	line-height: 1.8;
}
.salad_flex_txt ul li:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 8px;
	left: 0;
	transform: rotate(45deg);
	background: #cc0061;
}

.salad_flex_txt__btn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.salad_flex_txt__btn.-rerative {
	position: relative;
}
.salad_flex_txt__btn div {
	width:calc((100% - (20px * 1)) / 2);
}
.salad_flex_txt__btn .button {
	background: #cc0061;
}
.salad_flex_txt__btn .button.-white {
	background: #fff;
	box-shadow: 0 0 10px rgb(4 0 0 / 10%);
}
.button.-white span {
    padding-left: 24px;
    color: #cc0061;
    background: url(../img/salad/ico_video.png) no-repeat left center;
    background-size: 14px 14px;
}
.hvr-sweep-to-bottom.-white:before {
	background: #cc0061;
}
.button.-white:hover span{
	color: #fff;
    background: url(../img/salad/ico_video_on.png) no-repeat left center;
    background-size: 14px 14px;
}
.salad_cont_owner {
	margin-bottom: 100px;
}
.salad_cont_owner_pink {
	padding: 35px 50px 45px 50px;
	background: #fdf3f8;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.salad_cont_owner_pink p{
	line-height: 1.8;
    font-weight: 500;
}
.salad_cont_owner_txt {
	width: calc(100% - 300px);
}
.salad_cont_owner_txt h2 {
	font-size: 26px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	border-bottom: 2px solid #d9d9d9;
	position: relative;
	margin-bottom: 10px;
}
.salad_cont_owner_txt h2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 60px;
	height: 2px;
	display: block;
	background: #cc0061;
}
.salad_cont_owner_txt h2 span {
	font-size: 20px;
	display: inline-block;
	margin-right: 26px;
}
.salad_cont_owner_txt {
	font-size: 13px;
	line-height: 1.8;
}
.salad_cont_owner_txt a {
	margin-top: 15px;
	color: #cc0061;
	display: inline-block;
	border-bottom: 1px solid #cc0061;
}

.videobody {
	overflow: hidden;
}
video.video {
	width: 420px;
	overflow: hidden;
}
.salad_flex_txt__btn .hvr-sweep-to-bottom:active:before,.salad_flex_txt__btn .hvr-sweep-to-bottom:focus:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

@media (max-width: 767px) {
	.archive_title_img {
		margin: 25px 0 25px 0;
	}
	.-large {
		margin-top: 5px;
	}
	.salad_cont {
		margin-bottom: 30px;
	}
	.salad_cont.-spmb0 {
		margin-bottom: 20px;
	}
	.salad_cont .inner {
		width: 90.625%;
	}
	.salad_flex.-row {
		flex-direction: inherit;
	}
	.salad_cont.-bgpink{
		padding: 25px 0 15px;
	}
	.salad_flex {
		flex-wrap: wrap;
	}
	.salad_flex_txt_pink {
		margin-bottom: 20px;
		padding: 15px 23px;
	}
	.salad_flex_txt_pink p {
		font-size: 14px;
		line-height: 30px;
		background: url("../img/salad/line_sp.png");
	}
	.salad_flex_txt,.salad_flex_img {
		width: 100%;
		margin-bottom: 17px;
	}
	.salad_flex_txt {
		margin-bottom: 0;
	}
	.salad_flex_txt ul {
		margin-bottom: 25px;
	}
	.salad_flex_txt__btn {
		position: relative;
	}
	.salad_flex_txt__btn div {
		width: 100%;
		margin-bottom: 12px;
	}
	.salad_flex_txt__btn .button {
		display: block;
		height: 45px;
		line-height: 43px;
		text-align: center;
		letter-spacing: 1px;
	}
	.modal {
		
	}
	
	
	
	.salad_cont_owner {
		background: #fdf3f8;
		margin-bottom: 40px;
	}
	.salad_cont_owner .inner {
		width: 90.625%;
	}
	.salad_cont_owner_pink {
		padding: 25px 0 40px 0;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.salad_cont_owner_txt {
		width: 100%;
	}
	.salad_cont_owner_img {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 25px;
	}
	.salad_cont_owner_img img {
		width: 260px;
	}
	.salad_cont_owner_txt h2 {
		font-size: 26px;
		margin-bottom: 17px;
		padding-bottom: 10px;
		line-height: 1.4;
	}
	.salad_cont_owner_txt h2:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: -2px;
		width: 60px;
		height: 2px;
		display: block;
		background: #cc0061;
	}
	.salad_cont_owner_txt h2 span {
		font-size: 20px;
		display: inline-block;
		margin-right: 17px;
	}
	.salad_cont_owner_txt {
		font-size: 13px;
		line-height: 1.8;
	}
	.salad_cont_owner_txt a {
		margin-top: 15px;
	}

	video.video {
		width: 100%;
		overflow: hidden;
	}

}
#video01,#video02 {
  display: none;
}
.rice_cuisine{
	display: none!important;
}


.list-chefrecipe {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 30px auto;
}
.list-chefrecipe .list-chefrecipe_item {
    display: flex;
    flex-direction: column;
    gap:20px;
}
.list-chefrecipe .list-chefrecipe_item .e-thumb {
    width: 30%;
    margin: 0 auto;
}
.list-chefrecipe .list-chefrecipe_item .e-thumb span {
    display: block;
    width: 100%;
    aspect-ratio:1/1;
    border-radius: 50%;
    overflow:hidden;
}
.list-chefrecipe .list-chefrecipe_item .e-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.list-chefrecipe .list-chefrecipe_item .e-text {}
.list-chefrecipe .list-chefrecipe_item .e-text p {}
.list-chefrecipe .list-chefrecipe_item .e-text p > span{
    display: block;
    padding: 10px 0;
    border-top:1px solid #161616;
    border-bottom:1px dotted #161616;    
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .02em;
}
.list-chefrecipe .list-chefrecipe_item .e-text h3.-nowrap {
    white-space: nowrap;
}
.list-chefrecipe .list-chefrecipe_item .e-text h3::before {
    display: none;
}
.list-chefrecipe .list-chefrecipe_item .e-text h3 {
    font-size: 2.2rem;
    text-align: left;
    line-height: 1.1;
    padding: 10px 0;
    margin: 0;
}
.list-chefrecipe .list-chefrecipe_item .hvr-sweep-to-bottom {
    background: #d90064;
}
.list-archive_update {
    font-size: 1.4rem;
}
.list-archive_update .archive_update_item {
    border-bottom: 1px solid #ccc;
}
.list-archive_update .archive_update_item a {
    display: flex;
    flex-direction: column;
    padding: 18px 0 36px 0;
    gap: 0;
    background: url("../img/arrow_b.png") no-repeat right 85%;
    background-size: 14px 7px;
    line-height: 1.4;
}
.list-archive_update .archive_update_item time {
    color: #888;
}
@media (max-width: 767px) {
    .sp_view {}
    .pc_view {
        display: none;
    }
}
@media (min-width: 768px) {
    .sp_view {
        display: none;
    }    
    .list-chefrecipe {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 52px 32px;
        margin: 60px auto 0;
    }
    .list-chefrecipe .list-chefrecipe_item {
        width: calc((100% - 32px) / 2);
        flex-direction: row;
        gap:20px;
    }
    .list-chefrecipe .list-chefrecipe_item .e-thumb {
        width: 110px;
    }
    .list-chefrecipe .list-chefrecipe_item .e-text {
        width: calc(100% - 130px);
    }
    .list-chefrecipe .list-chefrecipe_item .e-text p > span{
        padding: 16px 0;
        line-height: 1.2;
    }
    .list-chefrecipe .list-chefrecipe_item .e-text h3 {
        padding: 20px 0 22px;
    }
    .list-archive_update .archive_update_item a {
        flex-direction: row;
        padding: 24px 24px 24px 0;
        gap: 42px;
        background: url("../img/arrow_b.png") no-repeat right center;
        background-size: 14px 7px;
        line-height: 1;
    }
}


.recipeindex_menu {
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-bottom: 60px;
}
.recipeindex_menu_item {
    background: #fff;
}
.recipeindex_menu_item .e-item_thumb {}
.recipeindex_menu_item .e-item_thumb img {
    width: 100%;
    height: auto;
    display: block;
}
.recipeindex_menu_item .e-item_text {
    padding: 15px 25px;
}
.recipeindex_menu_item .hvr-sweep-to-bottom {
    background: #d90064;
    font-weight: normal;
}
.recipeindex_menu_item .list-hash {
    display: flex;
    gap:4px;
    font-size: 1.3rem;
    color: #d90064;
    line-height: 1;
}
.recipeindex_menu_item .list-hash li {
    padding: 4px 10px;
    border-radius: 30px;
    border: 1px solid #d90064;
}
.recipeindex_menu_item .e-item_text *+p{
    margin-top: 15px;
}
@media (min-width: 768px) {
    .recipeindex_menu {
        flex-direction: row;
        flex-wrap: wrap;
        gap:30px 32px;
        margin-bottom: 60px;
    }
    .recipeindex_menu_item {
        width: calc((100% - 64px) / 3);
    }
    .recipeindex_menu_item .list-hash {
        gap:8px;
    }
    .recipeindex_menu_item .list-hash li {
        padding: 4px 15px;
    }    
}
.sec-recipeindex .search_area.search_index input#keywords2 {
    background: #fff;
    border: 1px solid #e7e7e7;
}
.sec-recipeindex .search_area.search_index input#keywords2::placeholder {
    color: #aeaeae;
}
input::placeholder {
	color: #bbb;
}
.err_020 {
	color: #e60817;
	font-weight: bold;
	margin-bottom: 5px;
}
.-step1cap {
	margin: 30px auto;
	color: #e60817;
	display: none;
}
.nomal_btn_box a, .btn_box button {
	min-width: 250px!important;
}
.sampleBtn {
	color: #d90064;
	text-decoration: underline;
}
.sampleBtn:hover{
	text-decoration: none;
}
.sec-recipeindex .btn-toggle {
    background: #161616;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    line-height: 1;
    cursor: pointer;
    transition: .3s all;
}
.sec-recipeindex .btn-toggle:hover,
.sec-recipeindex .btn-toggle:focus {
	background: #666;
}

.sec-recipeindex .btn-toggle span {
    display: flex;
    text-align: center;
    background: none;
    align-items: center;
    justify-content: center;
}
.sec-recipeindex .btn-toggle span::before {
    display: block;
    content: 'ジャンル・料理名から選ぶ';
    padding: 16px 0 16px 46px;
    width: calc(100% - 46px);
}
.sec-recipeindex .btn-toggle span::after {
    content: '';
    display: block;
    width: 46px;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ai%20ai-ChevronDown%22%3E%3Cpath%20d%3D%22M4%209l8%208%208-8%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
    background-size: 20px auto;
    padding: 16px 0;
    margin-left: auto;
    transition: .3s all;
    transform-origin: center center;
}
.sec-recipeindex .btn-toggle:hover,
.sec-recipeindex .btn-toggle.is-open {
    background: #000;
}
.sec-recipeindex .btn-toggle.is-open span::after {
    transform: scale(1, -1);
}
@media (min-width: 768px) {
    .sec-recipeindex .btn-toggle {
        width: 400px;
        margin-top: 20px;
    }    
}


.sec-recipeindex .-toggle_child {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 15px;
    transition: .3s all ease;
}
.sec-recipeindex .toggle_parent.is-open+.-toggle_child {
    max-height: unset;
    overflow: hidden;
    padding: 0 15px 15px;
    background: rgba(229,0,108,.1);
}
@media (min-width: 768px) {
    .sec-recipeindex .-toggle_child {
        padding: 0 40px;
    }    
    .sec-recipeindex .toggle_parent.is-open+.-toggle_child {
        padding: 0 40px 30px;
    }    
}

/* mv */
.sec-mv_recipe, 
.list-mv_slider {
    display: none;
}
@media (min-width: 768px) {
    .sec-mv_recipe {
        display: block;
    }
    .list-mv_slider {
        margin: 60px auto;
        display: block;
    }        
    .list-mv_item {
        width: 25%;
    }
    .list-mv_slider .list-mv_item {
        max-height: 0;
        overflow: hidden;
    }    
    .list-mv_slider.slick-initialized .list-mv_item {
        max-height: none;
    }    
    .list-mv_item a {
        display: block;
        margin-left: 8px;
    }
    .list-mv_item .mv-item_thumb {
        width: 100%;
        aspect-ratio: 3 / 2;
        overflow: hidden;
    }
    .list-mv_item .mv-item_thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    .list-mv_item span {
        margin-top: 8px;
        display: flex;
        align-items: center;
        gap:8px;
    }
    .list-mv_item span::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url("../img/arrow_b.png") no-repeat right center;
        background-size: 14px 7px;    
    }
    .list-mv_slider .slick-prev,
    .list-mv_slider .slick-next {
        width: 60px;
        height: auto;
        aspect-ratio:1/1;
        border-radius: 50%;
        background: rgba(233, 43, 133, .8);
        left: 0;
        top: 42%;
        z-index: 999;
        transition: .3s;
    }
    .list-mv_slider .slick-prev:hover ,
    .list-mv_slider .slick-next:hover {
        background: rgba(233, 43, 133, 1);         
    }    
    
    .list-mv_slider .slick-next {
        right: 0;
    }
}
@media (min-width: 1120px) {
    .list-mv_slider .slick-prev {
        left: calc(50% - 565px);
    }
    .list-mv_slider .slick-next{
        left: calc(50% + 505px);        
    }    
}

.-recipeindex {
    padding-bottom: 20px;
}
.-recipeindex h2 div {
    line-height: 1.4;
}
.-recipeindex h2 div br {
    display: unset;
}
.-recipeindex p {
    line-height: 2;
}
.sec-monthlyrecipe {
    margin: 60px auto;
}
@media (max-width: 767px) {
    .-recipeindex p.text-center {
        text-align: left;
    }    
}
@media (min-width: 768px) {
    .sec-monthlyrecipe {
        margin: 100px auto;
    }
}
@media (max-width: 767px) {
    .fixed-bnr {
        display: none;
    }    
}
@media (min-width: 768px) {
    .fixed-bnr {
        position: fixed;
        z-index: 9999;
        top: 50%;
        right: 0;
        transform: translate(0,-50%);
    }
    .list-fixed_bnr li {
        box-shadow: 0 0 12px rgba(0,0,0,.1);
        background: #fff;
    }
    .list-fixed_bnr *+li {
        margin-top: 10px;
    }
    .list-fixed_bnr li img {
        display: block;
        transition: .3s;
    }    
    .list-fixed_bnr li a:hover img {
        opacity: .7;
    }    
}

.-recipeindex a.link-text {
	color: #d90064;
	text-decoration: underline;
}

.-recipeindex a.link-text {
	color: #d90064;
	text-decoration: underline;
}

.-recipeindex .button {
	background: #d90064;
	color: #fff;
}

.-recipeindex .bottom-box {
	display: flex;
	gap: 30px;
	background-color: #fdf3f8;
	padding: 20px;
	margin: 20px 0;
}

.bottom-box_img {
	width: 30%;
}

.bottom-box_text {
	width: 70%;
}

@media screen and (max-width: 600px) {
	.-recipeindex .bottom-box {
		display: block;
	}

	.bottom-box_img {
		width: 100%;
	}

	.bottom-box_text {
		width: 100%;
	}
}


/* 2024.04.04 */
.sec-mv-enjoy {
	background: url("../img/bg_mv_recipe.webp") 0 50% repeat-x;
	background-size: auto 100%;
}
.sec-mv-enjoy .c-inner {
	width: min(88%, 1080px);
	text-align: center;
	margin: 0 auto;
	padding: 44px 0;
}
.sec-mv-enjoy .c-inner .hl-mv + p {
	margin-top: 1.5em;
}
.sec-mv-enjoy .c-inner .hl-mv img {
	height: auto;
	width: min(100%, 621px);
	display: inline-block;
}

@media screen and (max-width: 600px) {
	.sec-mv-enjoy .c-inner .hl-mv + p {
		text-align: left;
	}
	.sec-mv-enjoy .c-inner .hl-mv + p br {
		display: none;
	}
}


/* 2024.06.04 */
ul.archive_list li .button {
	position: absolute;
	bottom: 12px;
	right: 50%;
	transform: translate(50%, 0px);
	width: calc(100% - 30px);
}
.btn_box,p.campaign2024_riceSalad__exTopic {
	width: 1080px;
	margin: 60px auto;
}
p.campaign2024_riceSalad__exTopic {
	text-align: center;
}
.btn_box > * {
	margin-bottom: 30px;
}
.btn_box button {
	width: auto;
	margin-bottom: 60px;
}
.btn_box button br {
	display: none;
}
@media screen and (max-width: 1023px) {
	.btn_box,p.campaign2024_riceSalad__exTopic  {
		width: calc(100% - 40px);
		margin: 30px auto;
	}
	.btn_box button br {
		display: block;
	}
}