@charset "utf-8";

/* common */
html,body{}
body{font-size:84%;font-family:"Yu Mincho","YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;color:#000000;margin:0;padding:0;text-align:center;letter-spacing:0.15em;}
body{-webkit-text-size-adjust:none;}
@media screen and (max-width:480px){
body{font-size:75%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.7em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}


/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{margin-bottom:5px;}
ul.none{list-style:none;}

ol.normal{padding-left:15px;margin-left:15px;list-style:decimal;}
ol.normal li{margin-bottom:5px;}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;color:#000000;}
/*
a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
*/
#wrap a{text-decoration:underline;}
#wrap a:hover{text-decoration:none;}

img{max-width:100%;}


table{border-collapse:collappse;border-spacing:1px;}
th,td{border:solid #ffffff 2px;padding:10px;vertical-align:middle;}
th{background:#ed8e3c;color:#ffffff;}
td{background:#f2f2f2;}

@media screen and (max-width:640px){
th,td{padding:5px;font-size:90%;}
}
@media screen and (max-width:480px){
th,td{padding:3px;font-size:85%;border:solid #ffffff 1px;}
}

.smf{display:none;}
@media screen and (max-width:900px){
.smf{display:block;}
.pc{display:none;}
}


/* ヘッダー */
#header{margin:0;background:#ffffff;}
#logo{margin:0 0 40px;display:none;}
/* #lead{text-align:center;background:#ed8e3c;color:#ffffff;padding:10px;margin:0;min-height:45px;} */
#lead{text-align:center;background:#fff;color:#000;padding:10px;margin:0;min-height:45px;}

@media screen and (max-width:900px){
#header{margin:0;}
#lead{text-align:left;padding:15px 60px 15px 10px;min-height:60px;}
#logo img{max-width:40%;}
}
@media screen and (max-width:640px){
#lead{text-align:left;padding:10px 50px 10px 10px;}
#logo{margin:0 0 30px;}
}


/* gnavi */
/*
#gnavi{display:none;}
#gnavi ul{width:960px;margin:0 auto 40px;}
#gnavi li{float:left;margin:0 69px 0 0;}
#gnavi li:nth-child(7){float:right;margin:0;}
#gnavi li span{display:none;}
#gnavi li#close{display:none;}

#gnavi2{position:fixed;top:-100px;top:auto;bottom:0;width:100%;height:100px;background:#f7f7f7;padding:20px 0;z-index:99;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#gnavi2.on{top:0;bottom:auto;}

#gnavi2 .logo{float:left;}
#gnavi2 ul{margin:8px 0 0;float:right;}
#gnavi2 li{float:left;margin:0 45px 0 0;}
#gnavi2 li:last-child{float:right;margin:0;}
*/

/* #gnavi{position:fixed;top:-100px;top:auto;bottom:0; width:100%;height:100px;background:#f7f7f7;padding:20px 0;z-index:99;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} */

#gnavi{width:100%;height:100px;background:#000;padding:20px 0;z-index:99;
   -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}

#gnavi .inner ul.cf img {height: 49px;}

.sticky-wrapper{margin:0 0 50px;}
.layer .sticky-wrapper{margin:0;}

#gnavi{}
.is-sticky #gnavi{border:solid #ed8e3c;border-width:0 0 1px;}

#gnavi .logo{float:left;}
#gnavi ul{margin:8px 0 0;float:right;}
#gnavi li{float:left;margin:0 25px 0 0;}
#gnavi li:nth-child(8){float:right;margin:0;}
#gnavi li span{
   color: #fff;
   display: inline-block;
   margin-bottom: 5px;
}
#gnavi li a{color: #AF8F66;}

#gnavi li#close{display:none;}

#smf_menu{display:none;}

@media screen and (min-width:901px){
#gnavi ul{display:block !important;}
}
@media screen and (max-width:900px){
#gnavi{display:block;width:0;height:0;padding:0;}
#gnavi .logo{display:none;}
#gnavi ul{margin:0;}

.is-sticky #gnavi{border:none;}

#gnavi ul{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:url("../images/bg01.png");z-index:999;overflow-y:auto;}
#gnavi li{float:none !important;margin:0;}
#gnavi li a{display:block;padding:10px;color:#ffffff;border:solid #ffffff;border-width:0 0 1px;}
#gnavi li img{display:none;}

#gnavi li span{display:inline;}

#gnavi li#close{display:block;background:url("../images/bg01.png");}

#gnavi2{display:none;}
#gnavi2-sticky-wrapper{display:none;}

#smf_menu{display:block;position:fixed;right:10px;top:10px;z-index:998;width:40px;}
}

/* パンくずリスト */
.topic_path {
   width: 100%;
   margin: 0 auto;
   padding: 10px 0 10px;
}

.topic_path .inner {
   width: 90%;
   max-width: 960px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}

.topic_path ul {
   width: 100%;
   overflow: hidden;
   font-size: 14px;
   display: flex;
   margin-bottom: 0;
}


/* コンテンツ */
/* #wrap{    
   margin-top: -16px;
} */

h2 img {
   height: 100px;
}
.inner{width:960px;margin:0 auto;}
@media screen and (max-width:900px){	
.inner{width:95%;}
}

.img_r{}
.img_l{}
@media screen and (max-width:900px){
.img_r{max-width:45%;margin-left:20px !important;}
.img_l{max-width:45%;margin-right:20px !important;}
}


.more{background:url("../images/ico_arrow01.png") no-repeat 100% 50%;padding:0 15px 0 0;}

.line{width:960px;margin:0 auto 80px;text-align:left;}

.anc{position:relative;top:-120px;}

@media screen and (max-width:900px){
.line{width:95%;margin:0 auto 50px;}
.line img{max-width:90%;}

.anc{top:-30px;}
}
@media screen and (max-width:480px){
.line{margin:0 auto 30px;}
}

/* スライダー */
#main{width:100%;margin:0 auto 60px;}

.bxslider{line-height:0;margin:0;}
.bx-viewport{background:#f7f7f7;}
.bx-controls-direction{display:none;}

.bx-wrapper .bx-pager{text-align:center;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;margin:0 12px;}

.bx-pager.bx-default-pager a{background:#cccccc;
text-indent:-9999px;display:block;width:16px;height:8px;}
.bx-pager.bx-default-pager a.active{background:#ed8e3c;}


/* メイン画像 */
#mainimg{margin:0;background-color:#000;}
#mainimg div{display:table;}
#mainimg div p{
   margin:0;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 20%;
}
#mainimg div p strong{display:block;font-size:280%;line-height:1.5em;margin:0 0 30px;}
#mainimg div p span{font-size:130%;display:block;line-height:1.8em;}

#mainimg div p strong br{display:none;}

#mainimg #main01{width:100%;height:100%;background:url("../images/mv_top.jpg") no-repeat center;background-size:cover;-webkit-mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));}
#mainimg #main01 p{color:#ffffff;min-width: 300px;}
#mainimg #main02{width:100%;height:100%;background:url("../images/main_img02.jpg") no-repeat center;background-size:cover;-webkit-mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));}
#mainimg #main02 p{color:#ffffff;}
#mainimg #main03{width:100%;height:100%;background:url("../images/main_img03.jpg") no-repeat top center;background-size:cover;-webkit-mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));mask-image:linear-gradient(rgb(0 0 0 / 95%), rgb(0 0 0 / 95%));}
#mainimg #main03 p{color:#ffffff;}

@media screen and (max-width:900px){	
#mainimg div p strong{font-size:250%;}
#mainimg div p span{font-size:120%;}
}
@media screen and (max-width:640px){	
#mainimg div p strong{font-size:210%;}
#mainimg div p span{font-size:110%;}
}
@media screen and (max-width:480px){	
#mainimg div p strong{font-size:200%;}
#mainimg div p strong br{display:block;}
#mainimg div p span{font-size:100%;}
}


/* about */
#about_sec .pic{float:left;margin:0;}
#about_sec .txt{width:560px;float:right;/*background:url("../images/about_bg01.jpg") no-repeat 100% 0;*/text-align:left;padding:75px 0;position:relative;top:-15px;}
#about_sec .txt p{line-height:2.5em;font-size:115%;}
#about_sec .txt span{background:#ffffff;}

@media screen and (max-width:900px){
#about_sec .pic{width:45%;}
#about_sec .txt{width:52%;background-size:100%;padding:20px 0;top:0;}
}
@media screen and (max-width:640px){
#about_sec h2{margin:0 auto 30px;}
#about_sec .pic{width:100%;line-height:0;}
#about_sec .txt{width:100%;background-size:100%;padding:20px 0 0;top:0;margin:0 0 30px;}
#about_sec .txt p{font-size:100%;}
#about_sec .fr,#about_sec .fl{width: 100%;}
.h200 {height: 300px !important;}
}
@media screen and (max-width:480px){
#about_sec .txt p.mb50{margin-bottom:30px !important;}
#about_sec .txt p.mb70{margin-bottom:50px !important;}
}

/* feature */
/* #feature_sec h2{margin:0 auto 80px;} */

#feature_img{width:100%;height:360px;background:url("../images/feature_img01.jpg") no-repeat 50% 50%;background-size:cover;margin:0 0 80px;}
#feature_img .txt{width:960px;height:100%;display:table;margin:0 auto;text-align:left;}
#feature_img .txt p{width:100%;height:100%;display:table-cell;vertical-align:middle;marign:0;padding:0 0 0 80px;line-height:0;}

.feature_box01{display:table;margin:0 0 80px;text-align:left;}
.feature_box01 .pic,
.feature_box01 .txt{display:table-cell;vertical-align:middle;width:50%;font-size:115%;}
.feature_box01 .pic{margin:0;line-height:0;}
.feature_box01 .txt{padding-left:10px;letter-spacing:0.1em;}

.feature_box02{display:table;margin:0 0 80px;text-align:left;}
.feature_box02 .pic,
.feature_box02 .txt{display:table-cell;vertical-align:middle;width:50%;font-size:115%;}
.feature_box02 .pic{margin:0;line-height:0;text-align:right;}
.feature_box02 .txt{padding-right:0;letter-spacing:0.1em;}

.feature_box01 .txt p,
.feature_box02 .txt p{margin:0;}

#feature_sec .clm3{margin:0 0 80px;}
#feature_sec .clm3 li{width:280px;float:left;margin:0 60px 0 0;}
#feature_sec .clm3 li:last-child{float:right;margin:0;}

#feature_sec .clm3 li img{margin-bottom:10px;}
#feature_sec .clm3 li span.more{background:none;}
#feature_sec .clm3 li span.more:after{content:url("../images/ico_arrow01.png");margin-left:5px;}

@media screen and (max-width:900px){
#feature_sec h2{margin:0 auto 50px;}
#feature_img .txt{width:100%;}

.feature_box01{display:table;margin:0 0 50px;text-align:left;}
.feature_box01 .pic,
.feature_box01 .txt{display:table-cell;vertical-align:top;width:50%;}

.feature_box02{display:table;margin:0 0 50px;text-align:left;}
.feature_box02 .pic,
.feature_box02 .txt{display:table-cell;vertical-align:top;width:50%;}
.feature_box02 .txt{padding-right:10px;}

#feature_sec .clm3 li{width:32%;margin:0 2% 0 0;}
}
@media screen and (max-width:640px){
#feature_img{height:250px;margin:0 0 30px;}
#feature_img .txt p{padding:0 0 0 5%;line-height:0;}
#feature_img .txt p img{max-width:60%;}
	
.feature_box01 .txt,
.feature_box02 .txt{font-size:100%;}

#feature_sec .clm3 li{width:48%;margin:0 2% 20px 0;}
#feature_sec .clm3 li:nth-child(2){float:right;margin:0 0 20px;}
#feature_sec .clm3 li:last-child{float:left;margin:0;}
}
@media screen and (max-width:480px){
#feature_sec h2{margin:0 auto 30px;}
#feature_img{height:150px;}
	
.feature_box01{display:block;margin:0 0 30px;}
.feature_box01 .pic,
.feature_box01 .txt{display:block;width:100%;}
.feature_box01 .pic{margin:0 auto 10px;}
.feature_box01 .txt{padding-left:0;}

.feature_box02{display:flex;flex-direction:column;margin:0 0 30px;}
.feature_box02 .pic,
.feature_box02 .txt{display:block;width:100%;}
.feature_box02 .pic{order:1;margin:0 auto 10px;}
.feature_box02 .txt{order:2;padding-right:0;}
	
#feature_sec .clm3 li{width:100%;margin:0 0 20px;}
#feature_sec .clm3 li:nth-child(2){float:none;}
#feature_sec .clm3 li:last-child{float:none;margin:0;}
}

/* movie */
/* #movie_sec h2{margin:0 auto 80px;} */

#movie_img{width:100%;height:1048px;background:url("../images/movie_img01.jpg") no-repeat 50% 50%;background-size:cover;margin:0 0 80px;}
#movie_img .txt{width:960px;margin:0 auto;padding:120px 0 0;}
#movie_img .txt p{line-height:2.5em;margin:0 0 70px;color:#ffffff;font-size:135%;}

#movie_sec .inner .txt{font-size:115%;}

#movie_sec .movie_txt{margin:0 0 80px;line-height:2.5em;}

#movie_sec .clm3{margin:0 0 10px;}
#movie_sec .clm3 li{width:304px;float:left;margin:0 24px 70px 0;}
#movie_sec .clm3 li:nth-child(3n){float:right;margin:0 0 70px;}
#movie_sec .clm3 li:nth-child(3n+1){clear:both;}

#movie_sec .clm3 li img{margin-bottom:10px;}
#movie_sec .clm3 li span.more{background:none;}
#movie_sec .clm3 li span.more:after{content:url("../images/ico_arrow01.png");margin-left:5px;}

@media screen and (min-width:901px){
#sb-wrapper{width:720px !important;height:400px !important;margin-left:-360px !important;margin-top:-200px !important;}
}

@media screen and (max-width:900px){
#movie_sec h2{margin:0 auto 50px;}
#movie_img .txt{width:90%;padding:70px 0;}
#movie_img .txt p{margin:0 0 70px;}

#movie_img{height:auto;margin:0 0 50px;}

#movie_sec .movie_txt{margin:0 0 50px;}

#movie_sec .clm3{margin:0;}
#movie_sec .clm3 li{width:32%;margin:0 2% 50px 0;}
#movie_sec .clm3 li:nth-child(3n){margin:0 0 50px;}

}
@media screen and (max-width:640px){
#movie_img .txt{padding:50px 0;}
#movie_img .txt p{margin:0 0 50px;font-size:115%;}
	
#movie_sec .movie_txt{margin:0 0 30px;}
	
#movie_sec .clm3 li{width:48%;margin:0 2% 20px 0;}
#movie_sec .clm3 li:nth-child(2){float:right;margin:0 0 20px;}
#movie_sec .clm3 li:last-child{float:left;margin:0;}

#movie_sec .clm3 li:nth-child(3n){float:left;margin:0 0 20px;}
#movie_sec .clm3 li:nth-child(2n){float:right;margin:0 0 20px;}
#movie_sec .clm3 li:nth-child(3n+1){clear:none;}
#movie_sec .clm3 li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:480px){
#movie_sec h2{margin:0 auto 30px;}

#movie_img{margin:0 0 30px;}
#movie_img .txt{padding:30px 0;}
#movie_img .txt p{margin:0 0 30px;font-size:105%;}

#movie_sec .clm3{margin:0 0 30px;}
#movie_sec .clm3 li{width:100%;margin:0 0 20px;}
#movie_sec .clm3 li:nth-child(2){float:none;}
#movie_sec .clm3 li:last-child{float:none;margin:0;}
}

/* lineup */
/* #lineup_sec h2{margin:0 auto 80px;} */

#lineup_tab{text-align:center;margin:0 0 80px;}
#lineup_tab li{display:inline-block;margin:0 20px;font-size:115%;}
#lineup_tab li a{background:url("../images/ico_arrow02.png") no-repeat 100% 50%;padding:0 15px 0 0;}
#lineup_tab li.cur a{background:none 100% 50%;color:#ed8e3c;text-decoration:none;font-weight:bold;}

#lineup_sec .clm2{width:960px;margin:0 auto 80px;}
#lineup_sec .clm2 .clm2_l{width:470px;float:left;}
#lineup_sec .clm2 .clm2_r{width:470px;float:right;}

#lineup_sec .clm2 .pic{float:left;width:130px; height:25em;margin:0 20px 0 0;}
#lineup_sec .lineup02 .clm2 .pic{height:15em;}
#lineup_sec .lineup04 .clm2 .pic{height:12em;}

#lineup_sec .clm2 .pic img{object-fit:cover;width:100%;height: 100%;}
#lineup_sec .clm2 .txt{float:left;width:320px;padding:30px 0 0;text-align:left;}
#lineup_sec .clm2 .txt .en{margin:0;font-family:Arial, Helvetica, sans-serif;letter-spacing:0;}
#lineup_sec .clm2 .txt .name{font-size:115%;color:#ed8e3c;margin:0 0 30px;font-weight:bold;}


#lineup_sec .clm2 .txt .ex{display:inline-block;}
#lineup_sec .clm2 .txt .ex .more{text-align:right;font-family:Arial, Helvetica, sans-serif;}

#lineup_sec .lineup_box{display:none;}
#lineup_sec div.lineup01{display:block;}

@media screen and (max-width:900px){
#lineup_sec h2{margin:0 auto 50px;}
#lineup_tab{margin:0 0 50px;}
#lineup_tab li{margin:0 15px 10px;}

#lineup_sec .lineup_box{width:95%;margin:0 auto;}

#lineup_sec .clm2{width:100%;margin:0 auto 50px;}
#lineup_sec .clm2 .clm2_l{width:48%;}
#lineup_sec .clm2 .clm2_r{width:48%;}

#lineup_sec .clm2 .pic{width:25%;margin:0 3% 0 0;height:30vw;}
#lineup_sec .lineup02 .clm2 .pic{height:20vw;}
#lineup_sec .lineup04 .clm2 .pic{height:12vw;}
#lineup_sec .lineup04 .clm2 .pic.ketchup{height:20vw;}
#lineup_sec .clm2 .txt{width:72%;padding:10px 0 0;}
}
@media screen and (max-width:640px){
#lineup_tab li{font-size:100%;}
#lineup_sec .clm2{margin:0 auto 30px;}

}
@media screen and (max-width:480px){
#lineup_sec h2{margin:0 auto 30px;}
#lineup_tab{margin:0 0 30px;}
#lineup_tab li{margin:0 10px 10px;}

#lineup_sec .clm2 .clm2_l,
#lineup_sec .clm2 .clm2_r{width:100%;float:none;}
#lineup_sec .lineup04 .clm2 .pic{height:22vw;}

}


/* recipe */
/* #recipe_sec h2{margin:0 auto 80px;} */

#recipe_img{width:100%;height:640px;background:url("../images/recipe_img01.jpg") no-repeat 50% 50%;background-size:cover;margin:0 0 80px;}
#recipe_img .txt{width:960px;height:100%;position:relative;margin:0 auto;}
#recipe_img .txt p{position:absolute;margin:0;right:80px;bottom:80px;}

#recipe_sec .recipe_txt{margin:0 0 80px;line-height:2.5em;}

#recipe_sec .clm3{margin:0;}
#recipe_sec .clm3 li{width:280px;float:left;margin:0 60px 70px 0;}
#recipe_sec .clm3 li:nth-child(3n){float:right;margin:0 0 70px;}
#recipe_sec .clm3 li:nth-child(3n+1){clear:both;}

#recipe_sec .clm3 li img{margin-bottom:10px;}
#recipe_sec .clm3 li span.more{background:none;}
#recipe_sec .clm3 li span.more:after{content:url("../images/ico_arrow01.png");margin-left:5px;}


@media screen and (max-width:900px){
#recipe_sec h2{margin:0 auto 50px;}

#recipe_img{height:500px;margin:0 0 50px;}
#recipe_img .txt{width:100%;}
#recipe_img .txt p{right:50px;bottom:50px;}

#recipe_sec .recipe_txt{margin:0 0 50px;}

#recipe_sec .clm3{margin:0 0 50px;}
#recipe_sec .clm3 li{width:32%;margin:0 2% 0 0;}
}
@media screen and (max-width:640px){
#recipe_img{height:350px;margin:0 0 30px;}
#recipe_img .txt p{right:30px;bottom:30px;max-width:60%;}

#recipe_sec .recipe_txt{margin:0 0 30px;}

#recipe_sec .clm3 li{width:48%;margin:0 2% 20px 0;}
#recipe_sec .clm3 li:nth-child(3n){float:left;margin:0 0 20px;}
#recipe_sec .clm3 li:nth-child(2n){float:right;margin:0 0 20px;}
#recipe_sec .clm3 li:nth-child(3n+1){clear:none;}
#recipe_sec .clm3 li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:480px){
#recipe_sec h2{margin:0 auto 30px;}
#recipe_img{height:250px;}
#recipe_img .txt p{right:20px;bottom:20px;}

#recipe_sec .clm3{margin:0 0 30px;}
#recipe_sec .clm3 li{width:100%;margin:0 0 20px;}
#recipe_sec .clm3 li:nth-child(2){float:none;}
#recipe_sec .clm3 li:last-child{float:none;margin:0;}
}


/* shop */
/* #shop_sec h2{margin:0 auto 80px;} */

#shop_img{width:100%;height:360px;background:url("../images/shop_img01.jpg") no-repeat 50% 50%;background-size:cover;margin:0 0 80px;}
#shop_img .txt{width:960px;height:100%;display:table;margin:0 auto;text-align:left;}
#shop_img .txt p strong,#feature_sec .txt p strong,#restaurant_sec .txt p strong{display: block;font-size: 280%;line-height: 1.5em;margin: 0 0 30px;color:#fff;}
#shop_img .txt p{width:100%;height:100%;display:table-cell;vertical-align:middle;marign:0;padding:0 0 0 80px;line-height:0;}
@media screen and (max-width: 900px) {
#shop_img .txt p strong,#feature_sec .txt p strong,#restaurant_sec .txt p strong{font-size: 250%;}
}
@media screen and (max-width: 640px) {
#shop_img .txt p strong,#feature_sec .txt p strong,#restaurant_sec .txt p strong{font-size: 210%;}
}
@media screen and (max-width: 480px) {
#shop_img .txt p strong,#feature_sec .txt p strong,#restaurant_sec .txt p strong{font-size: 190%;}
}

  
#shop_sec .shop_txt{margin:0 0 80px;line-height:2.5em;}

#shop_sec .shop_list{text-align:center;margin:0 0 50px;}
#shop_sec .shop_list li{display:inline-block;margin:0 20px;font-size:115%;}
#shop_sec .shop_list li a{background:url("../images/ico_arrow01.png") no-repeat 100% 50%;padding:0 15px 0 0;}

#shop_sec .online_link{margin:0 0 70px;}
@media screen and (max-width:900px){
#shop_sec h2{margin:0 auto 50px;}
#shop_img .txt{width:100%;}

#shop_sec .shop_txt{margin:0 0 50px;}
}
@media screen and (max-width:640px){
#shop_img{height:250px;margin:0 0 30px;}
#shop_img .txt p{padding:0 0 0 3%;line-height:0;}
#shop_img .txt p img{max-width:60%;}
	
#shop_sec .shop_txt{margin:0 0 30px;}
#shop_sec .shop_txt br{display:none;}

#shop_sec .shop_list{margin:0 0 50px;}
#shop_sec .shop_list li{font-size:100%;}
}
@media screen and (max-width:480px){
#shop_sec h2{margin:0 auto 30px;}
#shop_img{height:150px;}
#shop_sec .shop_list{margin:0 0 30px;}
#shop_sec .shop_list li{width:40%;margin:0 2%;}
}




/* restaurant */
/* #restaurant_sec h2{margin:0 auto 80px;} */

#restaurant_img{width:100%;height:360px;background:url("../images/restaurant_img01.jpg") no-repeat 50% 50%;background-size:cover;margin:0 0 80px;}
#restaurant_img .txt{width:960px;height:100%;display:table;margin:0 auto;text-align:left;}
#restaurant_img .txt p{width:100%;height:100%;display:table-cell;vertical-align:middle;marign:0;padding:0 80px 0 0;line-height:0;text-align:right;}

#restaurant_sec .restaurant_txt{margin:0 0 70px;line-height:2.5em;}
#restaurant_sec .restaurant_tbl{margin:0 0 80px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:0;}

@media screen and (max-width:900px){
#restaurant_sec h2{margin:0 auto 50px;}
#restaurant_img .txt{width:100%;}

#restaurant_sec .restaurant_txt{margin:0 0 50px;}
}
@media screen and (max-width:640px){
#restaurant_img{height:250px;margin:0 0 30px;}
#restaurant_img .txt p{padding:0 5% 0 0;line-height:0;}
#restaurant_img .txt p img{max-width:50%;}
	
#restaurant_sec .restaurant_txt{margin:0 0 30px;}
}
@media screen and (max-width:480px){
#restaurant_sec h2{margin:0 auto 30px;}
#restaurant_img{height:150px;}
}


/* フッター */
#f_area{width:960px;margin:0 auto 60px;}
#f_area_l{width:340px;float:left;}
#f_area_l li{float:left;margin:0 15px 0 0;}

#f_area_r{width:600px;float:right;text-align:right;}

#f_menu{margin:0 0 30px;}
#f_menu li{display:inline-block;margin-left:20px;}

#f_tel{}
#f_tel span{font-size:135%;}

#footer{width:100%;background:#eeeeee;padding:40px 10px;font-size:85%;}
#addr{margin:0 0 10px;}
#copy{margin:0;}

footer.layer {
   padding-top: 30px;
   margin-top: 100px;
   border-top: 1px #f3f3f3 solid;
}

@media screen and (max-width:900px){
#f_area{width:95%;margin:0 auto 50px;}
#f_area_l{width:47%;}
#f_area_r{width:50%;}
	
#f_menu{display:none;}
}
@media screen and (max-width:740px){
#f_area_l{width:100%;float:none;}
#f_area_r{width:100%;float:none;text-align:left;}
}
@media screen and (max-width:640px){
#footer{padding:20px 2.5%;}
#f_area{margin:0 auto 30px;}
}
@media screen and (max-width:480px){
#f_area{margin:0 auto 20px;}
}

/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:115% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#BF6A67 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w10p{width: 10% !important;}
.w15p{width: 15% !important;}
.w20p{width: 20% !important;}
.w30p{width: 30% !important;}
.w40p{width: 40% !important;}
.w50p{width: 50% !important;}
.w60p{width: 60% !important;}
.w70p{width: 70% !important;}
.w75p{width: 75% !important;}
.w80p{width: 80% !important;}
.w85p{width: 85% !important;}
.w90p{width: 90% !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w360{width:360px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w570{width:570px !important;}
.w600{width:600px !important;}

.h265{height:265px !important;}
.h200{height:200px !important;}

.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */

.sans {
   font-family: sans-serif;
}

.visible_pc {
   display: block;
}

.visible_sp {
   display: none;
}


.links {
   text-align: center;
   margin: auto;
}
.links .link_item{
   font-size: 14px;
   display: inline-block;
   padding: 12px 36px;
   text-align: center;
   border: 1px solid #222222;
   border-radius: 4px;
   text-decoration: none !important;
   position: relative;
}


.links .link_item:after{
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   content: ">";
   font-size: 14px;
}
/* GIROLOMONI TOP */

.top_title {
   margin-bottom: 80px;
}

.top_title h2 {
   padding-bottom: 16px;
   margin-bottom: 16px;
   font-size: 32px;
   color: #AF8F66;
   position: relative;
}

.top_title h2:after {
   content: "";
   width: 40px;
   height: 2px;
   background-color: #412101;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
}

.top_title p {
   color: #412101;
   font-family: sans-serif;
   font-size: 24px;
   font-weight: bold;
}

/* 下層ページ */
.layer_mv {
   height: 365px;
   position: relative;
}

.layer_mv .mv_title {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
}

.layer_mv .mv_title h1{
   font-size: 32px;
   text-shadow: #000 1px 0 10px;
   margin-bottom: 0;
   color: #FFF;
}

.layer_mv .mv_title p{
   font-size: 18px;
   text-shadow: #000 1px 0 10px;
   font-family: sans-serif;
   margin-bottom: 0;
   color: #FFF;
}

.layer_mv.brand {
   background: url(../images/mv_brand.png) no-repeat center /cover;
}

.layer_mv.feature {
   background: url(../images/mv_feature.jpg) no-repeat center 80% /cover;
}

.layer_mv.lineup {
   background: url(../images/mv_lineup.png) no-repeat center /cover;
}

.layer_mv.zenryufun {
   background: url(../images/mv_zenryufun.png) no-repeat center /cover;
}

.layer_mv.interview {
   background: url(../images/mv_interview.png) no-repeat center /cover;
}

.layer_mv.think {
   background: url(../images/mv_think.png) no-repeat center /cover;
}

.layer_mv.movie {
   background: url(../images/mv_movie.png) no-repeat center /cover;
}

.layer_mv.faq {
   background: url(../images/mv_faq.png) no-repeat center /cover;
}

.layer_mv.shop {
   background: url(../images/mv_shop.png) no-repeat center /cover;
}

.layer_mv.pasta {
   background: url(../images/mv_pasta.png) no-repeat center /cover;
}

.layer_mv.spaghetti_list {
   background: url(../images/mv_spaghetti_list.jpg) no-repeat bottom right /contain;
}
@media screen and (max-width:640px){
.layer_mv.spaghetti_list {
   background: url(../images/mv_spaghetti_list_sp.png) no-repeat bottom right /contain;
}
}  
.layer_mv.cooking {
   background: url(../images/mv_cooking.png) no-repeat center /cover;
}

.layer_mv.brand p.text {
   margin: 0;
}

.layer_mv .text img {
   height: 100px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

section.standard {
   padding-top: 100px;
}

h2 {
   font-size: 22px;
}

h2.underbar {
   position: relative;
   margin-bottom: 75px;
   color: #412101;
}

h2.underbar::after {
   content: "";
   display: block;
   width: 50px;
   height: 1px;
   background: rgb(65, 33, 1);

   position: absolute;
   bottom: -24px;
   left: 50%;
   transform: translateX(-50%);
}

.flex {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.col2 .col_item {
   width: 49%;
}

.col3 .col_item {
   width: 31%;
}

.col4 .col_item {
   width: 24%;
}

.flex img {
   width: 100%;
}

.re_text {
   text-align: left;
   font-size: 16px;
}

.flex.movie_banner {
   justify-content: center;
}

.re_pic {
   width: 360px;
   overflow: hidden;
}

.re_pic img {
   object-fit: cover;
   width: 100%;
   height: 100%;
}

.re_pic01 img {
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.re_pic.re_picS{
   width: 240px;
}

.re_pic.fr figure{
   margin-left: 30px;
   margin-bottom: 40px;
}

#sec_about .re_pic.fr figure{
   margin-left: 30px;
   margin-bottom: 0px;
}

#sec_about .re_pic01.fr figure{
   margin-left: 30px;
   margin-bottom: 0px;
}

.mh200 {
    min-height: 200px;
}

.re_pic.fl figure {
    margin-right: 30px;
    margin-bottom: 0px;
}

.re_pic01.fl figure {
    margin-right: 30px;
    margin-bottom: 0px;
}

.bk_beige {
   background: url(../images/bk_beige.png) repeat center center;
   background-size: 8px;
   padding: 24px;
}

.feature_box {
   padding: 20px;
   position: relative;
}

.feature_box_inner {
   padding: 30px;
   position: relative;
   background: #fff;
   padding-top: 40px;
}

.feature_box_inner .feature_logo{
   width: 54px;
   height: 54px;
   position: absolute;
   top: -38px;
   left: 50%;
   transform: translateX(-50%);

}

.flow_item {
   margin-bottom: 50px;
   position: relative;
}

.flow_item::after {
   content: "";
   height: 30px;
   width: 15px;
   position: absolute;
   left: 40px;
   bottom: -40px;
   background: url(../images/arrow.png) no-repeat center/contain;
}

.flow_item:last-child {
   content: none;
   margin-bottom: 0;

}

.flow_item:last-child:after {
   content: none;
}

.zenryufun_contents .re_pic img {
   object-fit: contain;
}

/* interview */
.interview_item, .think_item {
   position: relative;
   text-align: left;
   margin-bottom: 72px;
}

.interview_item h2{
   position: relative;
   font-size: 22px;
   padding-left: 42px;
   padding-bottom: 12px;
   color: #412101;

}

.interview_item h2::before{
   content: "Q";
   position: absolute;
   font-family: 'Libre Baskerville', serif;
   font-size: 28px;
   left: 0;
   top: -2px;
}

.interview_item h2::after{
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   left: 0;
   bottom: 0;
   background-color: #321900;
}

.interview_item p{
   font-size: 16px;
   width: 700px;
}

.interview_item.no_image p{
   width: 100%;
}

.interview_item figure{
   position: absolute;
   top: 4px;
   right: 20px;
   width: 200px;
   height: 200px;
}

.movies {
   text-align: left;
}


/* think */

.think_item {
   width: 47%;
}

.think_item h2{
   position: relative;
   font-size: 22px;
   padding-left: 12px;
   margin-bottom: 40px;
}

.think_item h2:before {
   position: absolute;
   content: "";
   width: 3px;
   height: 60px;
   background-color: #c0c1c0;
   top: 0;
   left: 0;
}

.think_item p{
   font-size: 16px;
}

/* faq */

.faq_item {
   text-align: left;
   padding-bottom: 20px;
   border-bottom: 1px #999 solid;
   margin-bottom: 40px;
}

.faq_item h2.faq_q {
   font-size: 22px;
   color: #ED8E3C;
   padding-left: 60px;
   position: relative;
}

.faq_item h2.faq_q:before {
   content: "Q";
   font-size: 22px;
   color: #ED8E3C;
   position: absolute;
   left: 0;
   top: -2px;
}

.faq_item .faq_a {
   font-size: 16px;
   padding-left: 60px;
   position: relative;
}

.faq_item .faq_a:before {
   content: "A";
   font-size: 22px;
   color: #333333;
   position: absolute;
   left: 0;
   top: 3px;
}

/* shop */

.shop_items {
   margin-bottom: 80px;
}

.shop_item {
   background-color: #FBF9F7;
   padding: 24px;
   margin-bottom: 30px;
}

.shop_item figure {
   height: 184px;
   overflow: hidden;
   margin-bottom: 24px;
}

.shop_item figure img{
   object-fit: cover;
   object-position: center;
   height: 100%;
   width: 100%;
}

.shop_item h3 {
   font-size: 18px;
   font-weight: bold;
}

.shop_item p {
   text-align: left;
   font-size: 16px;
}

.shop_item a {
   position: relative;
   font-size: 16px;
   text-decoration: none;
   padding: 12px;
   border: 1px solid #333;
   width: 100%;
   display: inline-block;
   border-radius: 4px;
   text-decoration: none !important;
}

.shop_item a:after {
   content: ">";
   position: absolute;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
   color: #ed8e3c;
}

.iframe-wrapper {
   position: relative;
   padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
   padding-top: 30px;
   height: 0;
   overflow: hidden;
   margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.mark_content {
   text-align: left;
   position: relative;
}

.mark_content h3{
   font-size: 18px;
   color: #412101;
   margin-bottom: 2px;
}

.mark_content p{
   font-size: 14px;
   margin-bottom: 0;
}


.mark_img {
   width: 280px;
}

.mark_text {
   width: 605px;
}

.mark_text .mark_item figure {
   width: 80px;
   height: 80px;
}

.mark_text .mark_item div {
   width: 500px;
}

.mark_item {
   align-items: center;
   margin-bottom: 30px;
}

.mark_content p.mark_catch {
   font-size: 16px;
   margin-bottom: 60px;
}

.mark_pointer {
   position: absolute;
}

.mark_pointer#pointer01 {
   top: 243px;
   left: 69px;
}

.mark_pointer#pointer01 img{
   width: 286px;
   height: 421px;
}

.mark_pointer#pointer02 {
   top: 377px;
   left: 136px;
}

.mark_pointer#pointer02 img{
   width: 219px;
   height: 297px;
}

.mark_pointer#pointer03 {
   top: 505px;
   left:  205px;
}

.mark_pointer#pointer03 img{
   width: 150px;
   height: 114px;
}

.mark_pointer#pointer04 {
   top: 650px;
   left: 258px;
}

.mark_pointer#pointer04 img{
   width: 98px;
   height: 1px;
}
.package__pointer{
   width: 60px;
   height: 1px;
   background: #999;
   top: 100px;
   left: 295px;
}
.package__pointer::before{
   content: "";
   display: block;
   width: 220px;
   height: 1px;
   background: #999;
   position: absolute;
   top: 38px;
   right: 54px;
   transform: rotate(-20deg);
}
.package__pointer#package_pointer02{
   top: 270px;
}
.package__pointer#package_pointer02::before{
   top: -21px;
   right: 51px;
   transform: rotate(45deg);
   width: 60px;
}
.package__pointer#package_pointer03{
   top: 380px;
   left: 255px;
   width: 100px;
}
.package__pointer#package_pointer03::before{
   display: none;
}
.package__pointer#package_pointer04{
   top: 490px;
}
.package__pointer#package_pointer04::before{
   top: -42px;
   right: 41px;
   transform: rotate(45deg);
   width: 120px;
}
.package__pointer#package_pointer05{
   top: 600px;
}
.package__pointer#package_pointer05::before{
   top: -67px;
   right: 32px;
   transform: rotate(45deg);
   width: 190px;
}
.package__pointer#package_pointer06{
   top: 710px;
}
.package__pointer#package_pointer06::before{
   top: -32px;
   right: 50px;
   transform: rotate(30deg);
   width: 130px;
}
.package__pointer#package_pointer07{
   top: 820px;
}
.package__pointer#package_pointer07::before{
   top: -27px;
   right: 51px;
   transform: rotate(30deg);
   width: 110px;
}
.package__pointer#package_pointer08{
   left: 205px;
   top: 950px;
   width: 150px;
}
.package__pointer#package_pointer08::before{
   display: none;
}
@media screen and (max-width:900px){
.mark_content .visible_pc{
   display: none;
}
.underbar.visible_sp,
.mark_content .visible_sp{
   display: block;

}
.mark_content .sp_w_full{
   width: 100% !important;
}
.mark_content figure.sp_w_full{
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
.mark_content figure.sp_w_full img{
   max-width: 500px;
}
.mark_content .mark_text .mark_item div{
   width: calc(100% - 100px);
}

}

a.banner {
   border: 1px solid #412101;
   display: flex;
   justify-content: space-between;
   text-decoration: none !important;
   align-items: center;
   margin-bottom: 20px;
}

a.banner p {
   width: 72%;
   text-align: left;
   font-size: 16px;
   padding: 16px;
   margin-bottom: 0;
   text-decoration: none;
   position: relative;
}

a.banner p:after {
   content: ">";
   color: #ED8E3C;
   position: absolute;
   padding-left: 30px;
}


a.banner figure {
   width: 25%;
   height: 100%;
}

a.banner figure img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.about_factory h3 {
   font-size: 18px;
   color: #412101;
}

.banner_l a {
   display: block;
}

.movie_wrap a {
   font-size: 14px;
   text-align: left;
   font-family: sans-serif;
   display: block;
   margin-bottom: 30px;
}

.pasta_cat {
   padding-bottom: 16px;
   margin-bottom: 50px;
   color: #ED8E3C;
   font-size: 22px;
   position: relative;
}

.pasta_cat:after {
   position: absolute;
   background-color: #ED8E3C;
   content: "";
   width: 40px;
   height: 1px;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

.flex.movie_wrap {
   margin-bottom: 80px;
   justify-content: left;
}

.flex.movie_wrap a{
   margin-right: 28px;
}

.flex.movie_wrap a:nth-child(3n){
   margin-right: 0;
}

/* pasta */

.pasta_detail h3 {
   color: #AF8F66;
   font-size: 18px;
}

.pasta_detail .attention {
   color: #AF8F66;
}

.pasta_detail .detail_list , .cooking_flow ul{
   position: relative;
   padding-inline-start: 30px;
}

.pasta_detail .detail_list li, .cooking_flow li{
   position: relative;
}

.pasta_detail .detail_list li:before, .cooking_flow li:before{
   position: absolute;
   top: 6px;
   left: -26px;
   content: "";
   background-color: #F6C69D;
   width: 14px;
   height: 14px;
   border-radius: 50vh;
}

.detail_img {
   width: 380px;
   height: 380px;
}

.detail_img img{
   width: 100%;
   height: 100%;
   object-fit: contain;
}


.movie_wrap .col_item figure {
   height: 164px;
   overflow: hidden;
}

.movie_wrap .col_item figure img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.embed_movie {
   position: fixed;
   display: none;
   background-color: rgba(0,0,0,0.7);
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
}

.embed_movie_content {
   position: relative;
   width: 100%;
   height: 100%;

}

.player {
   width: 100%;
}



#em-close {
   background: url(../images/close.png) no-repeat;
   top: -33px;
   right: 2px;
   width: 26px;
   height: 26px;
   position: absolute;

}
.embed_movie_wrap{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}

.spaghetti_list_wrapper table{
   border: 2px solid #AF8F66;
   border-spacing: 0;
   margin: auto;
}

.spaghetti_list_wrapper th, .spaghetti_list_wrapper td {
   border: solid #AF8F66 1px;
   padding: 10px 6px;
   background-color: #fff;
}
.spaghetti_list_wrapper th, .spaghetti_list_wrapper td ul{
   margin-left:1em;
}
.spaghetti_list_wrapper th, .spaghetti_list_wrapper td li{
   list-style: disc;
}

.spaghetti_list_wrapper th {
   background: #F4F2F0;
   color: #412101;
   /*font-size: 16px;*/
   font-weight: bold;
   min-width: 6em;
   text-align: left;
}

   /*
.spaghetti_list_wrapper .list_table.table1 tbody tr:first-child td {
   font-weight: bold;
   text-align: left;
}
   */
   .spaghetti_list_wrapper .list_table.table1 tbody tr:nth-child(11) td,
.spaghetti_list_wrapper .list_table.table1 tbody tr:nth-child(12) td,
   .spaghetti_list_wrapper .list_table.table1 tbody tr:nth-child(15) td {
      text-align: left;
      vertical-align: top;
}
.spaghetti_list_wrapper .list_table.table2 tbody tr th,
.spaghetti_list_wrapper .list_table.table2 tbody tr td{
   border-top-style: dashed;
   border-bottom-style: dashed;
}

.spaghetti_list_wrapper .list_table.table2 tbody tr:first-child td {
  border-bottom: none;
}
.spaghetti_list_wrapper .list_table.table2 tbody tr:first-child th,
.spaghetti_list_wrapper .list_table.table2 tbody tr:nth-child(2) td {
   border-top: none;
   border-bottom-style: solid;
}
.spaghetti_list_wrapper .list_table.table2 tbody tr:last-child th,
.spaghetti_list_wrapper .list_table.table2 tbody tr:last-child td {
   border-top-style: solid;
}
.spaghetti_list_wrapper .list_table.table2 tbody tr.td_right td{
   text-align: right;
}

.spaghetti_list_wrapper span.normal {
   font-weight: normal;
}

/*
.spaghetti_list_wrapper .list_table tbody tr:first-child {
   font-size: 16px;
   color: #412101;
}
*/

.spaghetti_list_wrapper .list_table tbody tr:first-child strong {
   font-size: 16px;
   color: #412101;
}

.spaghetti_list_wrapper .list_table tbody tr:first-child img {
   max-height: 160px;
   margin: auto;
   display: block;
   margin-top: 15px;
}

.cooking_contents h3 {
   font-size: 18px;
   padding-left: 16px;
   color: #412101;
   margin-top: 40px;
   border-left: 3px solid #412101;
}

.cooking_flow {
   background-color: #fff;
   padding: 30px;

}

.cooking_list  {
   width: 100%;
   margin-bottom: 40px;
}

.cooking_list tr td:first-child  {
   text-align: center;
}


.cooking_list .bk_b {
   background-color: #F4F2F0;
}

.cooking_list ul {
   margin-bottom: 0;
}

.cooking_items {
   display: flex;
   flex-wrap: wrap;
}

.cooking_items .cooking_item {
   width: 29%;
   position: relative;
   margin-right: 50px;
   margin-bottom: 24px;
}

.cooking_items .cooking_item p {
   margin-bottom: 2px;
}

.cooking_items .cooking_item p.step {
   font-size: 18px;
   color: #AF8F66;
}



.cooking_items .cooking_item figure {
   overflow: hidden;
}

.cooking_items .cooking_item figure img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cooking_items .cooking_item:after {
   content: "";
   width: 30px;
   height: 30px;
   background: url(../images/cooking_arrow.png);
   position: absolute;
   top: 29%;
   transform: rotate(225deg);
   right: -30px;
}

.cooking_items .cooking_item:nth-child(3n)::after,
.cooking_items .cooking_item:last-child::after{
   display: none;
}

.cooking_items .cooking_item:nth-child(3n),
.cooking_items .cooking_item:last-child {
   margin-right: 0;
}

.all .other_lineup {
   display: none;
}



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

   .standard p,
   .standard a {
      font-size: 14px;
   }

   h2 {
      font-size: 18px;
   }

   h3 {
      font-size: 16px;
   }

   #shop_sec .top_title h2,
   #movie_sec .top_title h2,
   #feature_sec .top_title h2,
   #lineup_sec .top_title h2,
   #recipe_sec .top_title h2,
   #restaurant_sec .top_title h2 {
      font-size: 24px;
      margin-bottom: 16px;
   }
   .top_title p {
      font-size: 18px;
   }
   .topic_path ul {
      display: block;
      text-align: left;
  }
  .sp_w_half {
   width: 50% !important;
   margin-left: auto;
   margin-right: auto;
}
.sp_w_full {
      width: 100% !important;
   }

   h2.underbar {
      position: relative;
      margin-bottom: 60px !important;
   }

   .links .link_item{
      margin-bottom: 20px;
      display: block;
      padding: 12px 20px;
   }

   .links .link_item:after { 
      right: 5px;
   }

   .visible_pc {
      display: none;
   }
   
   .visible_sp {
      display: block;
   }
   .mark_text .mark_item figure {
      width: 15%;
      height: auto;
   }
   
   .mark_text .mark_item div {
      width: 80%;
   }

   .mark_img {
      margin-bottom: 30px;
   }

   .mark_item {
      align-items: unset;
   }

   .banner {
      margin-bottom: 20px;
   }

   .feature_box_inner p {
      text-align: left;
   }

   .yuuki .fr {
      width: 100%;
   }

   .re_pic.fr figure {
      margin-left: 0;
      margin-bottom: 40px;
  }
  
   .re_pic.fl figure {
      margin-right: 0;
      margin-bottom: 40px;
  }
  
  .re_pic01.fr figure {
      margin-left: 0;
      margin-bottom: 40px;
  }
  
   .re_pic01.fl figure {
      margin-right: 0;
      margin-bottom: 40px;
  }

  #about_sec .h200 {
    height: 300px !important;
  }

  .interview_item figure {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
      height: 200px;
      text-align: right;
   }
   section.standard {
      padding-top: 60px;
   }

   .sp_mb_0 {
      margin-bottom: 0 !important;
   }

   .player {
      width: 90vw;
      aspect-ratio: 16 / 9;
   }

   .bk_beige {
      padding: 16px;
   }

   .cooking_flow {
      padding: 16px;
   }

   .cooking_items .cooking_item {
      width: 100%;
      margin-right: 0;
   }

   .cooking_items .cooking_item:after {
      display: none;
   }

   .feature_box01 .ml30 {
      margin-left: 0 !important;
   } 

   .visible_sp {
      display: block;
   }

   .visible_pc {
      display: none;
   }

   .sp_ta_l {
      text-align: left;

      
   }

   .links .link_item {
      text-align: left;
      font-size: 12px;

   }

   a.banner p {
      font-size: 14px;

   }

   .mark_content p.mark_catch {
      font-size: 14px;
   }

   .feature_box_inner {
      padding: 20px;
      padding-top: 40px;
   }

   .bk_beige {
      padding: 10px;
   }

   .tx_slarge {
      font-size: 110% !important;
   }

   .interview_item h2 {
      font-size: 18px;
      padding-left: 32px;
   }

   .interview_item h2::before {

      font-size:20px;

   }

   .spaghetti_list_wrapper th {
      font-size: 14px;
   }

   .spaghetti_list_wrapper .list_table tbody tr:first-child {
      font-size: 12px;
   }

   .spaghetti_list_wrapper .list_table tbody tr:first-child strong {
      font-size: 12px;
   }

   .list_table {
      overflow-x: scroll;
   }

   .spaghetti_list_wrapper table {
      min-width: 500px;
   }

   .think_item h2 {
      font-size: 18px;
   }

   .cooking_contents h3 {
      font-size: 16px;
      padding-left: 12px;
   }

   .pasta_detail h3 {
      font-size: 16px;
   }

   .detail_list {
      font-size: 12px;
   }

   .shop_items .col_item {
      width: 100%;
   }

   .shop_item figure img.noimage {
      object-position: left;
   }

   .shop_item h3 {
      font-size: 16px;
   }

   .shop_item {
      padding: 16px;
   }

   .topic_path ul {
      font-size: 12px;
   }

   #movie_sec .clm3 li img {
      width: 100%;
   }

   .flex.movie_wrap a{
      margin-right: 0;
   }

   .faq_item h2.faq_q {
      font-size: 18px;
      padding-left: 30px;
   }

   .faq_item p.faq_a {
      font-size: 14px;
      padding-left: 30px;
   }
}

/* insta */
.instazone {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   max-width: 1010px;
   margin: 0 auto;
}
.instazone #insta_box {
   width: 50%;
   margin-bottom: 50px;
   text-align: center;
 }
 @media screen and (max-width: 767px) {
   .instazone #insta_box {
     width: 90%;
     margin-bottom: 30px;
   }
 }
#insta_box .title{
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 20px;
  color: #412101;
}
@media screen and (max-width: 767px) {
  #insta_box .title{
    text-align: center;
    margin-bottom: 10px;
  }
}
#insta_box .chuui{
  font-size: 12px;
  padding-bottom: 20px;
  display: block;
  text-decoration: underline;
}
#insta_box .chuui a{
  color: #064a01;
}
#insta_box .chuui a br{
  display: none;
}
@media screen and (max-width: 767px) {
  #insta_box .chuui{
    text-align: center;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 374px) {
   #insta_box .chuui a br{
      display: inline;
   }
}
#insta_box #instafeed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 #insta_box #instafeed li {
   width: 33.3333333%;
   padding-top: 33.3333%;
   overflow: hidden;
   position: relative;
 }
 #insta_box #instafeed li a {
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden;
   padding: 5px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   top: 0;
   left: 0;
 }
 #insta_box #instafeed li a img {
   object-fit: cover;
   height: 100%;
   width: 100%;
 }
 .instazone_foot {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 .instazone .instazone_foot_title {
   font-family: "Noto Serif JP", sans-serif;
   font-size: 13px;
   line-height: 1.46;
   letter-spacing: 0.05em;
   color: #3d2308;
   margin-right: 12px;
   text-align: right;
   margin: 8px 0;
 }

 .instazone_foot_link {
   transition: opacity 0.3s ease;
 }
 
 @media screen and (min-width: 768px) {
   .instazone_foot_link:hover {
     opacity: 0.7;
   }
 }
 
 .instazone_foot_link_f,.instazone_foot_link_i {
   margin-right: 12px;
 }
 
 .instazone_foot_link_i span {
   background: url(../images/instagram-ico.png) center / contain no-repeat;
   display: block;
   height: 25px;
   width: 25px;
 }
 
 .instazone_foot_link_f span {
   background: url(../images/facebook-ico.svg) center / contain no-repeat;
   display: block;
   height: 25px;
   width: 25px;
 }
 
 .instazone_foot_link_y span {
   background: url(../images/youtube-ico.svg) center / contain no-repeat;
   display: block;
   height: 16.67px;
   width: 74.34px;
 }