footer {
    margin: 0;
    padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, form, select, option, input address, pre, strong, em, iframe, a {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    outline: none !important;
}

img {
    border: none;
    margin: 0;
    padding: 0;
}

.flo_left {
    float: left;
}

.flo_right {
    float: right;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

a:hover img.link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

img.opa {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

#commonHeader{ display: block !important; }



.insta ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #FFF;
}

.insta li {
	width: 33%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
}

.insta li:nth-of-type(3n) {
	margin-right: 0;
}

.insta li:nth-last-of-type(-n+3) {
	margin-bottom: 0;
}

.insta li a {
	background-size: cover;
	position: relative;
	height: 0;
	padding-top: 100%;
	display: block;
}
.insta li a:hover {
	opacity: 0.7;
}

.insta li span {
	display: block;
}

.insta_bn {
	margin: 2em auto 2em;
}

.insta_bn a {
	display: block;
	background: url(../img/insta_bn.png?new) center center no-repeat;
	aspect-ratio: 4/1;
	background-size: contain;
	border-radius: 10px;
}

.insta_bn a:hover {
	opacity: .8;
}




/* wrap
----------------------------------------------------- */
div.wrap {
    width: 100%;
}

div.wrap * {
    word-wrap: break-word;
    word-break: break-all;
}
.txt-right{
    text-align: right;
}
.mg-bt-15{
    margin-bottom: 15px;
}

.spview {
	display: none;
}
.spbr{ display: none; }

.pcview {
	display: block;
}

.ns400{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
.ns500{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal;}
.ns700{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal;}
.chiaro{font-family: fot-chiaro-std, sans-serif; font-weight: 700; font-style: normal;}

#spice{ background: #FFF; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", メイリオ, Meiryo, 游ゴシック, YuGothic, "ＭＳ Ｐゴシック", Osaka, sans-serif; }

#spice #head{ margin: 0 0 0 0; overflow: hidden; background: linear-gradient(to bottom,  #dbdcdc 0%,#ccd6de 70%);}
#spice #head #head_inner_pc{ display: block; width: 100%; margin: 0 auto; height:500px; position: relative; background: url(../images/index/mv202503.jpg?2025) no-repeat center center; }
#spice #head #head_inner_pc h2{ display: block; text-indent: -9999px; }
#spice #head #head_inner_pc p{ display: block; text-indent: -9999px; }
#spice #head #head_inner_sp{ display: none; }

#spice #haishinarea{ margin: 0 0 0 0; overflow: hidden; box-sizing: border-box; padding:13px 0 10px 0; background: url(../images/index/bg_haishin.jpg) repeat center top; background-size: auto 100%; }
#spice #haishinarea .hbnrbox{ display: block; width: 700px; margin: 0 auto 5px; letter-spacing: -.4em; text-align: center; }
#spice #haishinarea .hbnrbox .hbnr01{ display: inline-block; padding:0 1% 5px; box-sizing: border-box; }
#spice #haishinarea .hbnrbox .hbnr01 img{ width: 100%; }
#spice #haishinarea .hbnrbox .hbnr02{ display: inline-block; padding:0 1% 5px; box-sizing: border-box; }
#spice #haishinarea .hbnrbox .hbnr02 img{ width: 100%; }
#spice #haishinarea .hbnrbox .hbnr03{ display: inline-block; padding:0 0 0; box-sizing: border-box; }
#spice #haishinarea .hbnrbox .hbnr04{ display: inline-block; padding:0 1.5% 0; box-sizing: border-box; }
#spice #haishinarea .hbnrbox .hbnr05{ display: inline-block; padding:0 0 0; box-sizing: border-box; }
#spice #haishinarea .hbnrbox .hbnr03 img,
#spice #haishinarea .hbnrbox .hbnr04 img,
#spice #haishinarea .hbnrbox .hbnr05 img{ width: 100%; }

#spice #haishinarea .hbnrbox a:hover{ opacity: 0.6; }
#spice #haishinarea .hbnrbox span{ opacity: 0.4; }
#spice #haishinarea .gaibu{ display:block; text-align: center; font-size: 14px; }

#spice #localnav{ background: #f9bc00; padding: 15px 0 15px; }
#spice #localnav ul{ display: table; width: 1004px; margin: 0 auto; }
#spice #localnav ul li{ display:table-cell; width:155px; margin: 0; border-left: 2px solid #963320; vertical-align: middle; text-align: center; }
#spice #localnav ul li a{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; }
#spice #localnav ul li span{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; }
#spice #localnav ul li.menu01 a{ background: url(../images/common/menu01.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu01 a.active{ background: url(../images/common/menu01_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu01 a:hover{ background: url(../images/common/menu01_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu02 a{ background: url(../images/common/menu02.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu02 a.active{ background: url(../images/common/menu02_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu02 a:hover{ background: url(../images/common/menu02_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu02 span{ background: url(../images/common/menu02.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu03 a{ background: url(../images/common/menu03.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu03 a.active{ background: url(../images/common/menu03_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu03 a:hover{ background: url(../images/common/menu03_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu04 a{ background: url(../images/common/menu04.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu04 a.active{ background: url(../images/common/menu04_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu04 a:hover{ background: url(../images/common/menu04_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu05 a{ background: url(../images/common/menu05.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu05 a.active{ background: url(../images/common/menu05_on.png) no-repeat center center; background-size: auto 95%; }
#spice #localnav ul li.menu05 span{ background: url(../images/common/menu05.png) no-repeat center center; background-size: auto 95%; opacity: 0.2; }
#spice #localnav ul li.menu_sns { width:auto; border-left: 2px solid #963320; vertical-align: middle; text-align: right; }
#spice #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; margin: 0 0 0 5px; }
#spice #localnav ul li.menu_sns p a:hover{ opacity: 0.7; }
#spice #localnav ul li.menu_sns p.sns01 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns01.png) no-repeat center center; }
#spice #localnav ul li.menu_sns p.sns02 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns02.png) no-repeat center center; }
#spice #localnav ul li.menu_sns p.sns03 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns03.png) no-repeat center center; }

#spice #indexmain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #indexmain #next_body{ display: block; width: 1000px; margin: 0 auto 100px; }
#spice #indexmain #next_body h3{ display: block; margin: 0 auto 40px; background: url(../images/index/next_ttl01.png) no-repeat left center; height: 97px; text-indent: -9999px; }
#spice #indexmain #next_body h4{ display: block; margin: 0 auto 15px; text-align: center; }
#spice #indexmain #next_body h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #e9221b; color: #FFF; width: 100px; height: 40px; line-height: 38px; text-align: center; }
#spice #indexmain #next_body h4 strong{ display: inline-block; font-size: 24px; color: #e9221b; }
#spice #indexmain #next_body .nextdate{ display:block; margin: 0 auto 40px; font-size: 22px; color: #e9221b; text-align: center; }
#spice #indexmain #next_body .nexttxtbox{ display:block; margin: 0 auto 0; padding: 40px 50px; background: #FFF; border-radius: 10px; }
#spice #indexmain #next_body .nexttxtbox p{ font-size: 20px; line-height: 45px; letter-spacing: 0; font-feature-settings: "palt"; }

#spice #indexmain #next_body .moviebox{ display: block; width: 854px; margin: 0 auto 50px; }
#spice #indexmain #next_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
#spice #indexmain #next_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
#spice #indexmain #next_body .btnbox01{ display:block; margin:50px auto 0; }
#spice #indexmain #next_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
#spice #indexmain #next_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
#spice #indexmain #next_body .btnbox01 a:hover{ opacity: 0.7; }

#spice #indexmain #cast_body{ display: block; width: 1000px; margin: 0 auto; }
#spice #indexmain #cast_body h3{ display: block; margin: 0 auto 40px; background: url(../images/index/cast_ttl01.png) no-repeat left center; height: 97px; text-indent: -9999px; }
#spice #indexmain #cast_body ul{ display: table; width: 100%; height: 350px; margin: 0 auto; }
#spice #indexmain #cast_body ul li{ display:table-cell; width:calc(100% / 3); }
#spice #indexmain #cast_body ul li.cast01{ display:table-cell;  }
#spice #indexmain #cast_body ul li.cast01 a{ display:block; width: 320px; height:435px; background: url(../images/index/cast01.png?202502) no-repeat left center; text-indent: -9999px; }
#spice #indexmain #cast_body ul li.cast02{ display:table-cell; }
#spice #indexmain #cast_body ul li.cast02 a{ display:block; width: 320px; height:435px; background: url(../images/index/cast02.png?202502) no-repeat left center; text-indent: -9999px; }
#spice #indexmain #cast_body ul li.cast03{ display:table-cell; }
#spice #indexmain #cast_body ul li.cast03 a{ display:block; width: 320px; height:435px; background: url(../images/index/cast03.png?202502) no-repeat left center; text-indent: -9999px; }
#spice #indexmain #cast_body ul li a:hover{ opacity: 0.8; }

#spice #indexfooter{ background: url(../images/common/bg_footer.png) repeat-x center bottom #912814; padding: 90px 0 120px; }
#spice #indexfooter #snsarea{ display: table; width: 1000px; margin: 0 auto; }
#spice #indexfooter #snsarea #sns01{ display: table-cell; width: 50%; box-sizing: border-box; padding: 0 10px 0 0; }
#spice #indexfooter #snsarea #sns01 h3{ display:block; width:100%; height: 50px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; text-indent: -9999px; }
#spice #indexfooter #snsarea #sns02{ display: table-cell; width: 50%; box-sizing: border-box; padding: 0 0 0 10px; }
#spice #indexfooter #snsarea #sns02 h3{ display:block; width:100%; height: 50px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; text-indent: -9999px; }
#spice #indexfooter .gaibutxt{ display:block; text-align: center; font-size: 16px; color: #f9bd00; margin:30px 0 0 0; }


/* 下層 */
#spice #head02{ margin: 0 0 0 0; height:195px; position: relative; overflow: hidden; background:url(../images/common/mv202503.jpg?2025) no-repeat center top #ffde77; background-size: auto 100%; }
#spice #head02 h2{ display: block; width: 100%; margin: 0 0 0 0;}
#spice #head02 h2 a{ display: block; width: 100%; height:195px; text-indent: -9999px; }

/* はじめに */
#spice #intromain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #intromain #intro_body{ display: block; width: 1000px; margin: 0 auto 0; }
#spice #intromain #intro_body h3{ display: block; margin: 0 auto 40px; background: url(../images/intro/intro_ttl01.png) no-repeat left center; height: 94px; text-indent: -9999px; }
#spice #intromain #intro_body .txt01{ width: 920px; margin: 0 auto 0; font-size: 0; line-height: 0; }

/* キャスト */
#spice #castmain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #castmain #cast_body{ display: block; width: 1000px; margin: 0 auto 0; }
#spice #castmain #cast_body h3{ display: block; margin: 0 auto 40px; background: url(../images/cast/caststaff_ttl.png) no-repeat left center; height: 94px; text-indent: -9999px; }
#spice #castmain #cast_body .txt01{ width: 920px; margin: 0 auto 0; font-size: 0; line-height: 0; }
#spice #castmain #cast_body h4.castttl{ display: block; margin: 0 auto 40px; background: url(../images/cast/cast_ttl.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #castmain #cast_body .txtbox01{ display:block; margin: 0 auto 80px; padding: 40px 50px; background: #FFF; border-radius: 10px; }
#spice #castmain #cast_body .txtbox01 dl.tbl01{ display: table; width: 100%; margin: 0 0 30px 0; }
#spice #castmain #cast_body .txtbox01 dl.tbl01 dt{ display: table-cell; width:50%; box-sizing: border-box; padding: 0 12px 0 0; text-align: right; vertical-align: middle; font-size: 20px; line-height: 25px; }
#spice #castmain #cast_body .txtbox01 dl.tbl01 dd{ display: table-cell; width:50%; box-sizing: border-box; padding: 0 0 0 12px; vertical-align: middle; font-size: 0; line-height: 0; }
#spice #castmain #cast_body .txtbox01 dl.tbl01 dd a:hover{ opacity: 0.7; }

#spice #castmain #cast_body .txtbox01 p.txt01{ display: block; text-align: center; margin: 0 0 0 0; font-size: 20px; line-height: 25px; letter-spacing: 2px; }
#spice #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 40px; background: url(../images/cast/staff_ttl.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #castmain #cast_body .txtbox01 .tbl02{ display: table; margin: 0 auto 0; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl{ display:table-row; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dt{ display: table-cell; box-sizing: border-box; padding: 0 4px 25px 0; text-align: right; color: #963320; vertical-align: top; font-size: 20px; line-height: 25px; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dd{ display: table-cell; box-sizing: border-box; padding: 0 0 25px 4px; text-align: left; vertical-align: top; font-size: 20px; line-height: 25px; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: inline-block; vertical-align: top; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dd a:hover{ opacity: 0.7; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:60px; }
#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:60px; }
#spice #castmain #cast_body h4.songttl{ display: block; margin: 0 auto 40px; background: url(../images/cast/song_ttl.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #castmain #cast_body h4.musicttl{ display: block; margin: 0 auto 40px; background: url(../images/cast/music_ttl.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #castmain #cast_body .txtbox01 dl.tbl03{ display: block; width: 100%; margin: 0 0 10px 0; font-feature-settings: "palt"; }
#spice #castmain #cast_body .txtbox01 dl.tbl03 dt{ display:block; width:100%; padding: 0 0 0 0; text-align: center; color: #963320; font-size: 20px; line-height: 25px; margin: 0 0 10px 0; }
#spice #castmain #cast_body .txtbox01 dl.tbl03 dt span{ display:inline-block; color: #333; font-size:16px; line-height: 25px; margin: 0 0 0 5px; }
#spice #castmain #cast_body .txtbox01 dl.tbl03 dd{ display:block; width:100%; padding: 0 0 0 0; text-align: center; font-size: 20px; line-height: 25px; }
#spice #castmain #cast_body .txtbox01 dl.tbl03 dd a:hover{ opacity: 0.7; }

/* トピックス */
#spice #topicsmain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #topicsmain #topics_body{ display: block; width: 1000px; margin: 0 auto 0; }
#spice #topicsmain #topics_body h3{ display: block; margin: 0 auto 40px; background: url(../images/topics/topics_ttl01.png) no-repeat left center; height: 94px; text-indent: -9999px; }

#spice #topicsmain #topics_body .topicbox{ display:block; margin: 0 auto 40px; padding: 40px 50px; background: #FFF; border-radius: 10px; font-feature-settings: "palt"; }
#spice #topicsmain #topics_body .topicbox:nth-last-of-type(1){ margin: 0 auto 0; }
#spice #topicsmain #topics_body .topicbox h4{ display: block; margin: 0 auto 30px; letter-spacing: -.4em; }
#spice #topicsmain #topics_body .topicbox h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #e9221b; color: #FFF; width:230px; height: 40px; line-height: 38px; text-align: center; letter-spacing: 0;  }
#spice #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 24px; color: #e9221b; letter-spacing: 1px; margin:20px 0 0 0; }
#spice #topicsmain #topics_body .topicbox p.tpimgt01{ font-size: 0; line-height: 0; text-align: center; margin: 0 0 30px 0; }
#spice #topicsmain #topics_body .topicbox p.tpimgt02{ width: 590px; font-size: 0; line-height: 0; text-align: center; margin: 0 auto 30px; }
#spice #topicsmain #topics_body .topicbox p.tpimgt02 img{ width: 100%; }
#spice #topicsmain #topics_body .topicbox p.tptxt01{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 25px 0; word-break: break-all; }
#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 45px 0; }
#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
#spice #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 25px 0; word-break: break-all; color: #e9221b; }
#spice #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 15px 0; word-break: break-all; text-decoration: underline; }

/* レシピ */	
#spice #recipemain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #recipemain #recipe_body{ display: block; width: 1000px; margin: 0 auto 0; }
#spice #recipemain #recipe_body a{ transition: all 0.3s ease; }
#spice #recipemain #recipe_body h3{ display: block; margin: 0 auto 50px; background: url(../images/recipe/recipe_ttl01.png) no-repeat left center; height: 94px; text-indent: -9999px; }
#spice #recipemain #recipe_body h4{ display: block; margin: 0 auto 50px; text-align: center; }
#spice #recipemain #recipe_body h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #e9221b; color: #FFF; width: 100px; height: 40px; line-height: 38px; text-align: center; }
#spice #recipemain #recipe_body h4 strong{ display: inline-block; font-size: 24px; color: #e9221b; }
#spice #recipemain #recipe_body .recipe_img01{ width: 600px; margin: 0 auto 40px; }
#spice #recipemain #recipe_body .recipe_img01 img{ width: 100%; border: 10px solid #FFF;  box-sizing: border-box; }
#spice #recipemain #recipe_body .recipe_box{ display:block; margin: 0 auto 50px; padding: 40px 50px; background: #FFF; border-radius: 10px; font-feature-settings: "palt"; }
#spice #recipemain #recipe_body .recipe_box h5{ display:block; font-size: 22px; letter-spacing: 1px; color: #e9221b; border-bottom: 2px solid #e9221b; margin: 0 0 20px 0; padding: 0 0 10px 0; }
#spice #recipemain #recipe_body .recipe_box .itemlist{ display:table; margin: 0 auto 40px; width: 100%; font-size: 20px; line-height: 45px; }
#spice #recipemain #recipe_body .recipe_box .itemlist .itemlist01{ display:table-cell; width: 50%; box-sizing: border-box; padding: 0 10px; }
#spice #recipemain #recipe_body .recipe_box .itemlist .itemlist02{ display:table-cell; width: 50%; box-sizing: border-box; padding: 0 10px; }

#spice #recipemain #recipe_body .flowbox{ display:table; margin:0 auto 0; width: 100%; }
#spice #recipemain #recipe_body .flowbox .flowbox01{ display:table-cell; vertical-align: top; padding: 0 20px 0 0; }
#spice #recipemain #recipe_body .flowbox .flowbox02{ display:table-cell; vertical-align: top; }
#spice #recipemain #recipe_body .flow01{ display:table; margin:0 auto 20px; width: 100%; font-size: 20px; line-height: 45px; }
#spice #recipemain #recipe_body .flow01 .flow0101{ display:table-cell; width: 50px; box-sizing: border-box; vertical-align: top; }
#spice #recipemain #recipe_body .flow01 .flow0101 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #e9221b; color: #FFF; width:30px; height: 30px; line-height:28px; text-align: center;}
#spice #recipemain #recipe_body .flow01 .flow0102{ display:table-cell; padding:3px 0 0 0; box-sizing: border-box; vertical-align: middle; font-size: 20px; line-height: 36px; letter-spacing: 1px;}

#spice #recipemain #recipe_body .otherbox{ display:block; margin:0 auto 0; padding:20px 0 0 0; }
#spice #recipemain #recipe_body .otherbox h6{ display:block; font-size: 20px; color: #e9221b; margin: 0 0 10px 0; }
#spice #recipemain #recipe_body .otherbox p{ display:block; font-size: 20px; line-height: 34px; margin: 0 0 20px 0; }
#spice #recipemain #recipe_body .btnbox01{ display:block; margin:0 auto 100px; }
#spice #recipemain #recipe_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
#spice #recipemain #recipe_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
#spice #recipemain #recipe_body .btnbox01 a:hover{ opacity: 0.7; }

#spice #recipemain #recipe_body h4.backttl{ display: block; margin: 0 auto 50px; background: url(../images/recipe/recipe_ttl02.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #recipemain #recipe_body .buck_body{ display: block; margin: 0 auto 0px; }
#spice #recipemain #recipe_body .buck_body::after { content: ""; display: block; clear: both; }
#spice #recipemain #recipe_body .buck_body .buck_item{ margin: 0 20px 20px 0; width: 235px; float: left; }
#spice #recipemain #recipe_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
#spice #recipemain #recipe_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
#spice #recipemain #recipe_body .buck_body .buck_item a:hover{ opacity: 0.8; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story01{ background: url(../images/recipe/01/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story02{ background: url(../images/recipe/02/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story03{ background: url(../images/recipe/03/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story04{ background: url(../images/recipe/04/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story05{ background: url(../images/recipe/05/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story06{ background: url(../images/recipe/06/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story07{ background: url(../images/recipe/07/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story08{ background: url(../images/recipe/08/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story09{ background: url(../images/recipe/09/img01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story10{ background: url(../images/recipe/10/img01.jpg) no-repeat center center; background-size: 100% auto; }

#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #e9221b; }
#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt strong{ display: block; margin: 0 0 0 0; font-size:16px; line-height: 23px; color: #000; }

/* あらすじ */	
#spice #storymain{ clear: both; padding:50px 0 100px 0; background: linear-gradient(to bottom,  #fffefd 0%,#fae87d 50%,#f9bc02 100%);}
#spice #storymain #story_body{ display: block; width: 1000px; margin: 0 auto 0; }
#spice #storymain #story_body a{ transition: all 0.3s ease; }
#spice #storymain #story_body h3{ display: block; margin: 0 auto 50px; background: url(../images/story/story_ttl01.png) no-repeat left center; height: 94px; text-indent: -9999px; }
#spice #storymain #story_body h4{ display: block; margin: 0 auto 20px; text-align: center; }
#spice #storymain #story_body h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #e9221b; color: #FFF; width: 100px; height: 40px; line-height: 38px; text-align: center; }
#spice #storymain #story_body h4 strong{ display: inline-block; font-size: 24px; color: #e9221b; }
#spice #storymain #story_body .onairdate{ display:block; margin: 0 auto 50px; font-size: 22px; color: #e9221b; text-align: center; }

#spice #storymain #story_body .storybox{ display:block; margin: 0 auto 50px; padding: 40px 50px; background: #FFF; border-radius: 10px; }
#spice #storymain #story_body .storybox p.txt01{ font-size: 20px; line-height: 45px; letter-spacing: 0; font-feature-settings: "palt"; }
#spice #storymain #story_body .storybox ul{ display: block; margin:35px 0 0 0; }
#spice #storymain #story_body .storybox ul::after { content: ""; display: block; clear: both; }
#spice #storymain #story_body .storybox ul li{ display: block; width: 49.5%; margin: 0 1% 8px 0; float:left; font-size: 0; line-height: 0; }
#spice #storymain #story_body .storybox ul li img{ width: 100%; }
#spice #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 10px 0; }

#spice #storymain #story_body .moviebox{ display: block; width: 854px; margin: 0 auto 50px; }
#spice #storymain #story_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
#spice #storymain #story_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

#spice #storymain #story_body .btnbox01{ display:block; margin:0 auto 100px; }
#spice #storymain #story_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
#spice #storymain #story_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
#spice #storymain #story_body .btnbox01 a:hover{ opacity: 0.7; }

#spice #storymain #story_body h4.backttl{ display: block; margin: 0 auto 50px; background: url(../images/recipe/recipe_ttl02.png) no-repeat center center; height:90px; text-indent: -9999px; }
#spice #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
#spice #storymain #story_body .buck_body::after { content: ""; display: block; clear: both; }
#spice #storymain #story_body .buck_body .buck_item{ margin: 0 20px 20px 0; width: 235px; float: left; }
#spice #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
#spice #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
#spice #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
#spice #storymain #story_body .buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story01{ background: url(../images/story/01/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story02{ background: url(../images/story/02/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story03{ background: url(../images/story/03/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story04{ background: url(../images/story/04/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story05{ background: url(../images/story/05/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story06{ background: url(../images/story/06/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story07{ background: url(../images/story/07/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story08{ background: url(../images/story/08/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story09{ background: url(../images/story/09/01.jpg) no-repeat center center; background-size: 100% auto; }
#spice #storymain #story_body .buck_body .buck_item .bi_img.story10{ background: url(../images/story/10/01.jpg) no-repeat center center; background-size: 100% auto; }

#spice #storymain #story_body .buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px; }
#spice #storymain #story_body .buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #e9221b; }
#spice #storymain #story_body .buck_body .buck_item .bi_txt strong{ display: block; margin: 0 0 0 0; font-size:16px; line-height: 23px; color: #000; }


img{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
@media screen and (min-width:768px) and (max-width: 1060px) {

	.pcview{ display: none; }
	.spview{ display: block; }

  #spice #head{ margin: 0 0 0 0; overflow: hidden; background-size: 100% auto; padding: 56.2% 0 0 0; }
  #spice #head #head_inner_pc{ display: block;  }
  #spice #head #head_inner_sp{ display: none;  }
	
	#spice #localnav{ padding: 5px 0 5px; }
	#spice #localnav ul{ display: block; width: 100%; box-sizing: border-box; padding: 0 2% 0; margin: 0 auto; letter-spacing: -.4em; }
	#spice #localnav ul li{ display:inline-block; width:calc(100% / 3); margin:5px 0; box-sizing: border-box; border-left: 2px solid #963320; }
	#spice #localnav ul li a{ height: 45px; }
	#spice #localnav ul li span{ height: 45px; }
	#spice #localnav ul li.menu03{ border-right: 2px solid #963320; }
	#spice #localnav ul li.menu_sns { width:calc(100% / 3); border-right: 2px solid #963320;height: 45px; box-sizing: border-box; padding:5px 0 0 0; }
	#spice #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; }
	#spice #localnav ul li.menu_sns p.sns01 a{ width:37px; height: 37px; background: url(../images/common/menu_sns01.png) no-repeat center center; background-size: 100%; }
	#spice #localnav ul li.menu_sns p.sns02 a{ width:37px; height: 37px; background: url(../images/common/menu_sns02.png) no-repeat center center; background-size: 100%; }
	#spice #localnav ul li.menu_sns p.sns03 a{ width:37px; height: 37px; background: url(../images/common/menu_sns03.png) no-repeat center center; background-size: 100%; }

	#spice #indexmain{ padding:20px 3% 30px; box-sizing: border-box;}
	#spice #indexmain #next_body{ display: block; width: 100%; margin: 0 auto 30px; }
	#spice #indexmain #next_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/index/next_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #indexmain #next_body h4{ margin: 0 auto 15px; text-align: left; }
	#spice #indexmain #next_body h4 span{ font-size:16px; border-radius: 4px; margin: 0 0 5px 0; width:60px; height: 30px; line-height: 28px; text-align: center; }
	#spice #indexmain #next_body h4 strong{ display:block; font-size: 22px; }
	#spice #indexmain #next_body .nextdate{ margin: 0 auto 20px; font-size:18px; text-align: left; }
	#spice #indexmain #next_body .nexttxtbox{ padding:15px 20px; border-radius:9px; }
	#spice #indexmain #next_body .nexttxtbox p{ font-size:16px; line-height:29px; }
	
	#spice #indexmain #next_body .moviebox{ display: block; width: 90%; margin: 0 auto 35px; }

	#spice #indexmain #cast_body{ display: block; width: 100%; margin: 0 auto 0px; }
	#spice #indexmain #cast_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/index/cast_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #indexmain #cast_body ul{ display: block; height: auto; margin: 0 auto; }
	#spice #indexmain #cast_body ul li{ display:block; width:80%; margin: 0 auto 15px; font-size: 0; line-height: 0; }
	#spice #indexmain #cast_body ul li.cast01{ display:block; background: url(../images/index/cast01.png?202502) no-repeat center center; background-size: 100% auto; padding:88% 0 0 0; }
	#spice #indexmain #cast_body ul li.cast02{ display:block; background: url(../images/index/cast02.png?202502) no-repeat center center; background-size: 100% auto; padding:88% 0 0 0; }
	#spice #indexmain #cast_body ul li.cast03{ display:block; background: url(../images/index/cast03.png?202502) no-repeat center center; background-size: 100% auto; padding:88% 0 0 0; }
	
	#spice #indexfooter{ background: url(../images/common/bg_footer.png) repeat-x center bottom #912814; background-size: auto 30px; padding:30px 4% 60px; box-sizing: border-box; }
	#spice #indexfooter #snsarea{ display: block; width: 100%; margin: 0 auto; }
	#spice #indexfooter #snsarea #sns01{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; }
	#spice #indexfooter #snsarea #sns01 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; background-size: auto 100%;}
	#spice #indexfooter #snsarea #sns02{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
	#spice #indexfooter #snsarea #sns02 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; background-size: auto 100%; }
	#spice #indexfooter .gaibutxt{ font-size: 14px; margin:20px 0 0 0; }

	

	#spice #head02{ height:auto; background:url(../images/common/mv202503sp.jpg) no-repeat center top #ffde77; background-size: auto 100%; }
	#spice #head02 h2{ display: block; width: 100%; margin: 0 0 0 0;}
	#spice #head02 h2 a{ width: 100%; height:auto; padding:33.5% 0 0 0; font-size: 0; line-height: 0; }

	#spice #intromain{ clear: both; padding:30px 0 40px 0; }
	#spice #intromain #intro_body{ width: 100%; box-sizing: border-box; padding: 0 4%; margin: 0 auto 0; }
	#spice #intromain #intro_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/intro/intro_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #intromain #intro_body .txt01{ width: 100%; margin: 0 auto 0; font-size: 0; line-height: 0; }
	#spice #intromain #intro_body .txt01 img{ width: 100%; }

	#spice #castmain{ padding:30px 0 30px 0; }
	#spice #castmain #cast_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #castmain #cast_body h3{ margin: 0 0 20px 0; background: url(../images/cast/caststaff_ttl_sp.png) no-repeat center center; padding:15% 0 0 0; font-size: 0; line-height: 0; background-size: 100% auto; height:auto; }
	#spice #castmain #cast_body .txt01{ width: 100%;}
	#spice #castmain #cast_body h4.castttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/cast_ttl.png) no-repeat center center; background-size:55% auto; height:auto; padding:15% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01{ margin: 0 0 15px 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dt{ padding: 0 7px 0 0; font-size:16px; line-height: 21px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dd{ padding: 0 0 0 7px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dd img{ height: 21px;}
	#spice #castmain #cast_body .txtbox01 p.txt01{ font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/staff_ttl.png) no-repeat center center; background-size:55% auto; height:auto; padding:15% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01 .tbl02{ margin: 0 auto 0; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt{ padding: 0 4px 15px 0; font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd{ padding: 0 0 15px 4px; font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: block; margin:5px 0 0 0;}
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd span img{ height: 21px;}
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:30px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:30px; }
	#spice #castmain #cast_body h4.songttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/song_ttl.png) no-repeat center center;  background-size:55% auto; height:auto; padding:15% 0 0 0; font-size: 0; line-height: 0;}
	#spice #castmain #cast_body h4.musicttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/music_ttl.png) no-repeat center center; background-size:55% auto; height:auto; padding:15% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03{ margin: 0 0 10px 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03 dt{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03 dd{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }

	/* トピックス */
	#spice #topicsmain{ clear: both; padding:30px 0 30px 0; }
	#spice #topicsmain #topics_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #topicsmain #topics_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/topics/topics_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }

	#spice #topicsmain #topics_body .topicbox{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#spice #topicsmain #topics_body .topicbox h4{ margin: 0 auto 20px; }
	#spice #topicsmain #topics_body .topicbox h4 span{ font-size:16px; margin: 0 0 0 0; width:180px; height: 35px; line-height: 33px; }
	#spice #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 18px; letter-spacing: 1px; margin:15px 0 0 0; }
	#spice #topicsmain #topics_body .topicbox p.tpimgt01{ margin: 0 0 15px 0; }
	#spice #topicsmain #topics_body .topicbox p.tpimgt01 img{ max-width: 100%; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01{ font-size:16px; line-height:28px; margin: 0 0 15px 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 30px 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 18px; line-height:28px; margin: 0 0 15px 0;  }
	#spice #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 16px; line-height:28px; margin: 0 0 15px 0; }


	/* トピックス */
	#spice #recipemain{ clear: both; padding:30px 0 30px 0; }
	#spice #recipemain #recipe_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #recipemain #recipe_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/recipe/recipe_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }

	
	/* あらすじ */	
	#spice #storymain{ clear: both; padding:30px 0 30px 0; }
	#spice #storymain #story_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }

	#spice #storymain #story_body .moviebox{ display: block; width: 100%; margin: 0 auto 50px; }

	#spice #storymain #story_body .btnbox01{ display:block; margin:0 auto 100px; }
	#spice #storymain #story_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
	#spice #storymain #story_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
	#spice #storymain #story_body .btnbox01 a:hover{ opacity: 0.7; }

	#spice #storymain #story_body h4.backttl{ display: block; margin: 0 auto 50px; background: url(../images/recipe/recipe_ttl02.png) no-repeat center center; height:90px; text-indent: -9999px; }
	#spice #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
	#spice #storymain #story_body .buck_body::after { content: ""; display: block; clear: both; }
	#spice #storymain #story_body .buck_body .buck_item{ margin: 0 16px 20px 0; width: 235px; float: left; }
	#spice #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 16px 20px 0; }
	#spice #storymain #story_body .buck_body .buck_item:nth-of-type(3n){ margin: 0 0 20px 0; }
	#spice #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
	#spice #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; }

	#spice #storymain #story_body .buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px; }
	#spice #storymain #story_body .buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #e9221b; }
	#spice #storymain #story_body .buck_body .buck_item .bi_txt strong{ display: block; margin: 0 0 0 0; font-size:16px; line-height: 23px; color: #000; }



}
@media screen and (max-width: 767px) {

	.spview{ display: block; }
	.spbr{ display: inline; }
	.pcview{ display: none; }

	#spice #head #head_inner_pc{ display: none; }
	#spice #head #head_inner_pc{ display: none; }
	#spice #head #head_inner_sp{ display: block; background: url(../images/index/mv202503sp.jpg) no-repeat center center; background-size: 100% auto; padding:57.5% 0 0 0; }
	#spice #head #head_inner_sp h2{ display: block; font-size: 0; line-height: 0; }
	#spice #head #head_inner_sp p{ display: block; font-size: 0; line-height: 0; }
	
	#spice #haishinarea{  height: auto; padding:15px 0 15px 0; background: url(../images/index/bg_haishin_sp.png) repeat center top; background-size: auto 100%; }
	#spice #haishinarea .hbnrbox{ display: block; width: 94%; margin: 0 auto 5px; letter-spacing: -.4em; text-align: center; }
	#spice #haishinarea .hbnrbox .hbnr01{ display: inline-block; padding:0 1% 0; width:calc(100% / 2); box-sizing: border-box; }
	#spice #haishinarea .hbnrbox .hbnr02{ display: inline-block; padding:0 1% 0; width:calc(100% / 2); }
	#spice #haishinarea .hbnrbox .hbnr03{ display: inline-block; padding:0 1% 0; width:calc(100% / 3); }
	#spice #haishinarea .hbnrbox .hbnr04{ display: inline-block; padding:0 1% 0; width:calc(100% / 3); }
	#spice #haishinarea .hbnrbox .hbnr05{ display: inline-block; padding:0 1% 0; width:calc(100% / 3); }
	#spice #haishinarea .hbnrbox img{ width: 100%; }
	#spice #haishinarea .gaibu{ font-size: 12px; }
	
	#spice #localnav{ padding: 5px 0 5px; }
	#spice #localnav ul{ display: block; width: 100%; box-sizing: border-box; padding: 0 2% 0; margin: 0 auto; letter-spacing: -.4em; }
	#spice #localnav ul li{ display:inline-block; width:calc(100% / 3); margin:5px 0; box-sizing: border-box; border-left: 2px solid #963320; }
	#spice #localnav ul li a{ height: 45px; }
	#spice #localnav ul li span{ height: 45px; }
	#spice #localnav ul li.menu03{ border-right: 2px solid #963320; }
	#spice #localnav ul li.menu_sns { width:calc(100% / 3); border-right: 2px solid #963320;height: 45px; box-sizing: border-box; padding:5px 0 0 0; text-align: center; }
	#spice #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; margin: 0 0 0 0; }
	#spice #localnav ul li.menu_sns p.sns01 a{ width:37px; height: 37px; background: url(../images/common/menu_sns01.png) no-repeat center center; background-size: 100%; }
	#spice #localnav ul li.menu_sns p.sns02 a{ width:37px; height: 37px; background: url(../images/common/menu_sns02.png) no-repeat center center; background-size: 100%; }
	#spice #localnav ul li.menu_sns p.sns03 a{ width:37px; height: 37px; background: url(../images/common/menu_sns03.png) no-repeat center center; background-size: 100%; }
	
	#spice #indexmain{ padding:20px 3% 30px; box-sizing: border-box;}
	#spice #indexmain #next_body{ display: block; width: 100%; margin: 0 auto 50px; }
	#spice #indexmain #next_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/index/next_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #indexmain #next_body h4{ margin: 0 auto 15px; text-align: left; }
	#spice #indexmain #next_body h4 span{ font-size:16px; border-radius: 4px; margin: 0 0 5px 0; width:60px; height: 30px; line-height: 28px; text-align: center; }
	#spice #indexmain #next_body h4 strong{ display:block; font-size: 22px; }
	#spice #indexmain #next_body .nextdate{ margin: 0 auto 20px; font-size:18px; text-align: left; }
	#spice #indexmain #next_body .nexttxtbox{ padding:15px 20px; border-radius:9px; }
	#spice #indexmain #next_body .nexttxtbox p{ font-size:16px; line-height:29px; }
	
	#spice #indexmain #next_body .moviebox{ display: block; width: 100%; margin: 0 auto 25px; }
	#spice #indexmain #next_body .btnbox01{ margin:20px auto 0; }
	#spice #indexmain #next_body .btnbox01 a{ border-radius:25px; width: 70%; height: 40px; font-size:16px; line-height: 38px; }
	
	#spice #indexmain #cast_body{ display: block; width: 100%; margin: 0 auto 0px; }
	#spice #indexmain #cast_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/index/cast_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #indexmain #cast_body ul{ display: block; height: auto; margin: 0 auto; }
	#spice #indexmain #cast_body ul li{ display:block; width:80%; margin: 0 auto 15px; font-size: 0; line-height: 0; }
	#spice #indexmain #cast_body ul li.cast01{ display:block; }
	#spice #indexmain #cast_body ul li.cast02{ display:block; }
	#spice #indexmain #cast_body ul li.cast03{ display:block; }
	#spice #indexmain #cast_body ul li.cast01 a{ display:block; width:94%; margin: 0 auto; height: auto; padding:128% 0 0 0; font-size: 0; line-height: 0; background: url(../images/index/cast01.png?202502) no-repeat left center; background-size: 100% auto; }
	#spice #indexmain #cast_body ul li.cast02 a{ display:block; width:94%; margin: 0 auto; height: auto; padding:128% 0 0 0; font-size: 0; line-height: 0; background: url(../images/index/cast02.png?202502) no-repeat left center; background-size: 100% auto; }
	#spice #indexmain #cast_body ul li.cast03 a{ display:block; width:94%; margin: 0 auto; height: auto; padding:128% 0 0 0; font-size: 0; line-height: 0; background: url(../images/index/cast03.png?202502) no-repeat left center; background-size: 100% auto; }

	#spice #indexfooter{ background: url(../images/common/bg_footer.png) repeat-x center bottom #912814; background-size: auto 30px; padding:30px 4% 60px; box-sizing: border-box; }
	#spice #indexfooter #snsarea{ display: block; width: 100%; margin: 0 auto; }
	#spice #indexfooter #snsarea #sns01{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; }
	#spice #indexfooter #snsarea #sns01 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; background-size: auto 100%;}
	#spice #indexfooter #snsarea #sns02{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
	#spice #indexfooter #snsarea #sns02 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; background-size: auto 100%; }
	#spice #indexfooter .gaibutxt{ font-size: 14px; margin:20px 0 0 0; }
	
	#spice #head02{ height:auto; background:url(../images/common/mv202503sp.jpg) no-repeat center top #ffde77; background-size: auto 100%; }
	#spice #head02 h2{ display: block; width: 100%; margin: 0 0 0 0;}
	#spice #head02 h2 a{ width: 100%; height:auto; padding:33.5% 0 0 0; font-size: 0; line-height: 0; }
		
	#spice #intromain{ clear: both; padding:30px 0 40px 0; }
	#spice #intromain #intro_body{ width: 100%; box-sizing: border-box; padding: 0 4%; margin: 0 auto 0; }
	#spice #intromain #intro_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/intro/intro_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #intromain #intro_body .txt01{ width: 100%; margin: 0 auto 0; font-size: 0; line-height: 0; }
	#spice #intromain #intro_body .txt01 img{ width: 100%; }

	#spice #castmain{ padding:30px 0 30px 0; }
	#spice #castmain #cast_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #castmain #cast_body h3{ margin: 0 0 20px 0; background: url(../images/cast/caststaff_ttl_sp.png) no-repeat center center; padding:15% 0 0 0; font-size: 0; line-height: 0; background-size: 100% auto; height:auto; }
	#spice #castmain #cast_body .txt01{ width: 100%;}
	#spice #castmain #cast_body h4.castttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/cast_ttl.png) no-repeat center center; background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01{ margin: 0 0 15px 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dt{ padding: 0 7px 0 0; font-size:16px; line-height: 21px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dd{ padding: 0 0 0 7px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl01 dd img{ height: 21px;}
	#spice #castmain #cast_body .txtbox01 p.txt01{ font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/staff_ttl.png) no-repeat center center; background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01 .tbl02{ margin: 0 auto 0; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt{ padding: 0 4px 15px 0; font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd{ padding: 0 0 15px 4px; font-size:16px; line-height: 25px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: block; margin:5px 0 0 0;}
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd span img{ height: 21px;}
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:30px; }
	#spice #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:30px; }
	#spice #castmain #cast_body h4.songttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/song_ttl.png) no-repeat center center;  background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0;}
	#spice #castmain #cast_body h4.musicttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/music_ttl.png) no-repeat center center; background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03{ margin: 0 0 10px 0; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03 dt{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03 dd{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }
	#spice #castmain #cast_body .txtbox01 dl.tbl03 dt span{ font-size:14px; line-height: 21px; margin: 0 0 0 5px; }

	/* トピックス */
	#spice #topicsmain{ clear: both; padding:30px 0 30px 0; }
	#spice #topicsmain #topics_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #topicsmain #topics_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/topics/topics_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }

	#spice #topicsmain #topics_body .topicbox{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#spice #topicsmain #topics_body .topicbox h4{ margin: 0 auto 20px; }
	#spice #topicsmain #topics_body .topicbox h4 span{ font-size:16px; margin: 0 0 0 0; width:180px; height: 35px; line-height: 33px; }
	#spice #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 18px; letter-spacing: 1px; margin:15px 0 0 0; }
	#spice #topicsmain #topics_body .topicbox p.tpimgt01{ margin: 0 0 15px 0; }
	#spice #topicsmain #topics_body .topicbox p.tpimgt01 img{ max-width: 100%; }
	#spice #topicsmain #topics_body .topicbox p.tpimgt02{ width: 100%; margin: 0 auto 30px; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01{ font-size:16px; line-height:28px; margin: 0 0 15px 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 30px 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
	#spice #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 18px; line-height:28px; margin: 0 0 15px 0;  }
	#spice #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 16px; line-height:28px; margin: 0 0 15px 0; }

	/* レシピ */
	#spice #recipemain{ clear: both; padding:30px 0 30px 0; }
	#spice #recipemain #recipe_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #recipemain #recipe_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/recipe/recipe_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #recipemain #recipe_body h4{ margin: 0 auto 20px; text-align: left; }
	#spice #recipemain #recipe_body h4 span{ font-size:18px; border-radius:4px; margin: 0 0 0 0; width:70px; height:31px; line-height: 30px; }
	#spice #recipemain #recipe_body h4 strong{ display:block; font-size:18px; margin:8px 0 0 0; }
	#spice #recipemain #recipe_body .recipe_img01{ width: 94%; margin: 0 auto 20px; }
	#spice #recipemain #recipe_body .recipe_img01 img{ border: 5px solid #FFF; box-sizing: border-box; }
	#spice #recipemain #recipe_body .recipe_box{ margin: 0 auto 20px; padding:20px 20px; border-radius:7px; }
	#spice #recipemain #recipe_body .recipe_box h5{ font-size:18px; border-bottom: 2px solid #e9221b; margin: 0 0 15px 0; padding: 0 0 10px 0; }
	#spice #recipemain #recipe_body .recipe_box .itemlist{ display:block; margin: 0 auto 30px; font-size:16px; line-height:30px; }
	#spice #recipemain #recipe_body .recipe_box .itemlist .itemlist01{ display:block; width: 100%; padding: 0 0; }
	#spice #recipemain #recipe_body .recipe_box .itemlist .itemlist02{ display:block; width: 100%; padding: 0 0; }

	#spice #recipemain #recipe_body .flowbox{ display:block; margin:0 auto 0; width: 100%; }
	#spice #recipemain #recipe_body .flowbox .flowbox01{ display:block; padding: 0 0 20px 0; }
	#spice #recipemain #recipe_body .flowbox .flowbox02{ display:block; }
	#spice #recipemain #recipe_body .flowbox .flowbox02 iframe{ min-width: 100% !important; }
	#spice #recipemain #recipe_body .flow01{ display:table; margin:0 auto 20px; }
	#spice #recipemain #recipe_body .flow01 .flow0101{ display:table-cell; width: 40px; }
	#spice #recipemain #recipe_body .flow01 .flow0101 span{ display: inline-block; font-size:16px; border-radius:3px; margin: 0 0 0 0; width:27px; height: 27px; line-height:26px; }
	#spice #recipemain #recipe_body .flow01 .flow0102{ display:table-cell; padding:3px 0 0 0; font-size:16px; line-height: 26px; letter-spacing: 1px;}

	#spice #recipemain #recipe_body .otherbox{ padding:10px 0 0 0; }
	#spice #recipemain #recipe_body .otherbox h6{ font-size:16px; margin: 0 0 10px 0; }
	#spice #recipemain #recipe_body .otherbox p{ font-size: 16px; line-height:25px; margin: 0 0 15px 0; }
	#spice #recipemain #recipe_body .btnbox01{ margin:0 auto 60px; }
	#spice #recipemain #recipe_body .btnbox01 a{ border-radius:25px; width: 70%; height: 40px; font-size:16px; line-height: 38px; }

	#spice #recipemain #recipe_body h4.backttl{ display: block; margin: 0 auto 20px; background: url(../images/recipe/recipe_ttl02sp.png) no-repeat center center; background-size:85% auto; height:auto; padding:20% 0 0 0; font-size: 0; line-height: 0; }
	#spice #recipemain #recipe_body .buck_body{ display: block; margin: 0 auto 0px; }
	#spice #recipemain #recipe_body .buck_body .buck_item{ margin: 0 2% 20px 0; width:49%; float: left; }
	#spice #recipemain #recipe_body .buck_body .buck_item:nth-of-type(2n){ margin: 0 0 20px 0; }
	#spice #recipemain #recipe_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
	#spice #recipemain #recipe_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
	#spice #recipemain #recipe_body .buck_body .buck_item a:hover{ opacity: 0.8; }
	
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story01{ background: url(../images/recipe/01/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story02{ background: url(../images/recipe/02/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story03{ background: url(../images/recipe/03/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story04{ background: url(../images/recipe/04/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story05{ background: url(../images/recipe/05/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story06{ background: url(../images/recipe/06/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story07{ background: url(../images/recipe/07/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story08{ background: url(../images/recipe/08/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story09{ background: url(../images/recipe/09/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_img.story10{ background: url(../images/recipe/10/img01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt{ padding:8px; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt span{ margin: 0 0 3px 0; font-size:16px; }
	#spice #recipemain #recipe_body .buck_body .buck_item .bi_txt strong{ font-size:14px; line-height: 22px; }

	/* あらすじ */	
	#spice #storymain{ clear: both; padding:30px 0 30px 0; }
	#spice #storymain #story_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#spice #storymain #story_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/story/story_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }
	#spice #storymain #story_body h4{ margin: 0 auto 20px; text-align: left; }
	#spice #storymain #story_body h4 span{ font-size:18px; border-radius:4px; margin: 0 0 0 0; width:70px; height:31px; line-height: 30px; }
	#spice #storymain #story_body h4 strong{ display:block; font-size:18px; margin:8px 0 0 0; }
	#spice #storymain #story_body .onairdate{ margin: 0 auto 20px; font-size:18px; text-align: left; }
	#spice #storymain #story_body .storybox{ padding:15px 20px; border-radius:9px; margin: 0 0 20px 0; }
	#spice #storymain #story_body .storybox p.txt01{ font-size:16px; line-height:29px; }
	#spice #storymain #story_body .storybox ul{ display: block; margin:25px 0 0 0; }
	#spice #storymain #story_body .storybox ul li{ width:100%; margin: 0 0 8px 0; float:none; }
	#spice #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 8px 0; }
	#spice #storymain #story_body .moviebox{ display: block; width: 100%; margin: 0 auto 25px; }
	#spice #storymain #story_body .btnbox01{ margin:0 auto 60px; }
	#spice #storymain #story_body .btnbox01 a{ border-radius:25px; width: 70%; height: 40px; font-size:16px; line-height: 38px; }

	#spice #storymain #story_body h4.backttl{ display: block; margin: 0 auto 20px; background: url(../images/recipe/recipe_ttl02sp.png) no-repeat center center; background-size:85% auto; height:auto; padding:20% 0 0 0; font-size: 0; line-height: 0; }
	#spice #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
	#spice #storymain #story_body .buck_body .buck_item{ margin: 0 2% 20px 0; width:49%; float: left; }
	#spice #storymain #story_body .buck_body .buck_item:nth-of-type(2n){ margin: 0 0 20px 0; }
	#spice #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
	#spice #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
	#spice #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
	
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story01{ background: url(../images/story/01/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story02{ background: url(../images/story/02/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story03{ background: url(../images/story/03/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story04{ background: url(../images/story/04/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story05{ background: url(../images/story/05/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story06{ background: url(../images/story/06/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story07{ background: url(../images/story/07/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story08{ background: url(../images/story/08/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story09{ background: url(../images/story/09/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_img.story10{ background: url(../images/story/10/01.jpg) no-repeat center center; background-size: auto 100%; }
	#spice #storymain #story_body .buck_body .buck_item .bi_txt{ padding:8px; }
	#spice #storymain #story_body .buck_body .buck_item .bi_txt span{ margin: 0 0 3px 0; font-size:16px; }
	#spice #storymain #story_body .buck_body .buck_item .bi_txt strong{ font-size:14px; line-height: 22px; }


}

.menu {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 50px 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.3s ease;
	transition-property: opacity, pointer-events, visibility;
}
.menu.is-show {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
.menu_content {
	width: 600px;
	padding:25px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	margin: 0 0 120px 0;
}
.menu_title {
	margin: 0 0 10px 0;
	background: url(../images/index/icone_menu.png) no-repeat left 50%;
	padding: 0 0 0 50px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 2px;
}
.menu_list{
	display: block;
	margin: 0 0 30px 0;
	color: #920783;
}
.menu_list_item{
	display: block;
	font-size: 28px;
	margin: 0 0 5px 0;
}
.menu_list_item span{
	color: #666;
}
.menu_list_item em{
	font-size: 20px;
	font-style: normal;
}
.menu_list_item a{
	font-size: 28px;
	color: #920783;
}
.menu_list_item a:hover{
	text-decoration: none;
}

#hm_close {
	margin: 0 0 0;
	cursor: pointer;
	position: absolute;
	bottom: -75px;
	left: 0;
	width: 100%;
	text-align: center;
}
#hm_close img:hover{
	opacity: 0.8;
}

@media screen and (max-width: 767px) {
	.menu_content {
		width: 90%;
		margin: 0 0 120px 0;
	}
	.menu_title {
		margin: 0 0 10px 0;
		background: url(../images/index/icone_menu.png) no-repeat left 50%;
		background-size: 30px auto;
		padding: 0 0 0 40px;
		font-size: 24px;
		letter-spacing: 2px;
	}
	.menu_list{
		display: block;
		margin: 0 0 20px 0;
	}
	.menu_list_item{
		font-size: 20px;
		margin: 0 0 5px 0;
	}
	.menu_list_item a{
		font-size: 20px;
	}
	
	#hm_close {
		margin: 0 0 0;
		cursor: pointer;
		position: absolute;
		bottom: -65px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#hm_close img{
		width: 40px;
	}
}