@charset "utf-8";
/*=====================================================
 * Last Up Date: 2022/11/20
=====================================================*/
/**----- contents -------
1:common
2:global
3:fsview
4:features
5:recipe
6:line_up
7:recipe_details
8:movie
9:cheese_creamy
----------------------*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=M+PLUS+Rounded+1c:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Jost:wght@500;600;700&display=swap');
/*== 1:common ==================*/
html {
 width: 100%;
 overflow: auto;
 box-sizing: border-box;
 font-size: 62.5%;
}
body {
 position: relative;
 font-family: "A P-OTF 秀英丸ゴシック StdN",'Futura PT','M PLUS Rounded 1c', "ヒラギノ角ゴシック", 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333;
 font-size: 1.2rem;
 height: 100%;
 background: #fff;
}
#cheese-blend h1, #cheese-blend h2, #cheese-blend h3, #cheese-blend h4, #cheese-blend p, #cheese-blend ul, #cheese-blend li, #cheese-blend dl, #cheese-blend dt, #cheese-blend dd{
 margin: 0;
 padding: 0;
 list-style: none;
}
#cheese-blend img {
 display: block;
 max-width: 100%;
 height: auto;
}
a{
 color: inherit;
 text-decoration: none;
}
 @media screen and (1024px <= width) {
  #tube-butter-global-header .cd_pc_only {
    display: block;
  }
}
@media screen and (width <= 768px){
 #tube-butter-global-header .cd_pc_only {
  display: block;
 }
}
@media screen and (min-width: 1024px) {
 .cheese_bg{
  background: url("../images/cheese_bg_01.png") top 387px left 42px no-repeat, url("../images/cheese_bg_02.png") top 281px right 82px no-repeat, url("../images/cheese_bg_03.png") top 856px right 40px no-repeat, url("../images/cheese_bg_04.png") top 1092px left 32px no-repeat, url("../images/cheese_bg_05.png") top 1518px right 70px no-repeat, url("../images/cheese_bg_06.png") top 1698px left 70px no-repeat, url("../images/cheese_bg_07.png") top 1970px right 105px no-repeat, #F1F0EA;
 }
}
@media screen and (max-width: 1023px) {
 .cheese_bg{
  background: url("../images/cheese_bg_01.png") top 56.4vw left -6.66vw no-repeat, url("../images/cheese_bg_02.png") top 13vw right -2vw no-repeat, url("../images/cheese_bg_03.png") top 148vw right -1.8vw no-repeat, url("../images/cheese_bg_04.png") top 220.4vw left -9.5vw no-repeat, url("../images/cheese_bg_05.png") bottom 141.86vw right -3.56vw no-repeat, url("../images/cheese_bg_06.png") bottom 66.8vw left -3.6vw no-repeat, url("../images/cheese_bg_07.png") bottom 8.26vw right 5.2vw no-repeat, #F1F0EA;
  background-size: 12.8vw auto, 17.73vw auto, 20.13vw auto, 17.33vw auto, 13.6vw auto, 11.06vw auto, 13.86vw auto;
 }
}
@media screen and (min-width: 1024px) {
 .cheese_lower_bg{
  background: url("../images/cheese_bg_01.png") top 165px left 50px no-repeat, url("../images/cheese_bg_02.png") top 66px right 72px no-repeat, #F1F0EA;
 }
}
@media screen and (max-width: 1023px) {
 .cheese_lower_bg{
  background: url("../images/cheese_bg_01.png") top 69.6vw left -4.8vw no-repeat, url("../images/cheese_bg_02.png") top 10.8vw right -1.26vw no-repeat, url("../images/cheese_bg_03.png") top 108.53vw right -3.6vw no-repeat, #F1F0EA;
  background-size: 12.8vw auto, 17.73vw auto, 20.13vw auto;
 }
}
.cont_inner {
 width: 900px;
 margin: auto;
 box-sizing: border-box;
}
.cont_inner h2{
 position: relative;
 font-family: "A P-OTF 秀英丸ゴシック StdN",'Futura PT', 'M PLUS Rounded 1c';
 font-size: 3.7rem;
 font-weight: 600;
 text-align: center;
}
.cont_inner h2 span{
 display: block;
 font-family: 'Didact Gothic', 'M PLUS Rounded 1c';
 color: #DF4F00;
 font-size: 1.7rem;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.cont_inner h2::after{
 position: absolute;
 bottom: -10px;
 left: 0;
 right:  0;
 content: "";
 width: 40px;
 height: 3px;
 margin: 0 auto;
 background: #DF4F00;
 border-radius: 2px;
}
.cont_inner .fl{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.breadcrumbs{
 margin-bottom: 45px;
}
.breadcrumbs ul li{
 list-style: none;
 display: inline-block;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.2rem;
 font-weight: 700;
}
.breadcrumbs ul li::after{
 content: ">";
 display: inline-block;
 padding: 0 5px;
}
.breadcrumbs ul li:last-child::after{
 content: none;
}
.breadcrumbs ul li a{
 transition: all 1.0s;
}
.breadcrumbs ul li a:hover{
 color: #FF5D15;
}
.page_top{
 display: none;
 position: fixed;
 right: 30px;
 bottom: 10px;
 width: 60px;
 height: 60px;
 z-index: 10;
 cursor: pointer;
}
.btn_buck{
 width: 160px;
 margin:0 auto;
}
.btn_buck a{
 position: relative;
 display: block;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 color: #fff;
 font-size: 2.0rem;
 text-align: center;
 letter-spacing: 0.3em;
 padding: 12px 0 12px 20px;
 background: #FF9C3B;
 border-radius: 25px;
 transition: all 1s;
}
.btn_buck a:hover{
 opacity: 0.7;
}
.btn_buck a::before {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 30px;
 content: "";
 width: 10px;
 height: 10px;
 margin: auto 0;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 transform: rotate(-135deg);
}
.fade_off {
 opacity: 0;
 transition: all 1s;
}
.fade_on {
 opacity: 1;
}
.slide::before{
 transition: all 1s;
}
.slide_right::before{
 right: -300px !important;
}
.slide_left::before{
 left: -300px !important;
}
.slide_right.slide_act::before{
 right: 0 !important;
}
.slide_left.slide_act::before{
 left: 0 !important;
}
.on {
 display: block !important;
}
.sp {
 display: none;
}
.mt{margin-top: 0;}
@media screen and (max-width: 1023px) {
 .cont_inner {
  width: 92vw;
 }
 .cont_inner h2{
  font-size: 2.0rem;
 }
 .cont_inner h2 span{
  font-size: 1.2rem;
 }
 .breadcrumbs{
  margin-bottom: 5vw;
 }
 .breadcrumbs ul li{
  font-size: 1.1rem;
 }
 .breadcrumbs ul li::after{
  padding: 0 0.1vw 0 0.5vw;
 }
 .page_top{
  right: 3vw;
  width: 8.66vw;
 }
 .btn_buck{
  width: 33.33vw;
 }
 .btn_buck a{
  font-size: 1.5rem;
  letter-spacing: 0.3em;
  padding: 2.53vw 0 2.83vw 2.66vw;
 }
 .btn_buck a::before {
  left: 5vw;
  width: 1.6vw;
  height: 1.6vw;
 }
 .pc {
  display: none;
 }
 .sp {
  display: block;
 }
}
@media screen and (max-width: 767px) {
 .page_top{
  right: 3vw;
  width: 10.66vw;
 }
 .cont_inner h2 span{
  margin-bottom: 2vw;
 }
 .cont_inner h2::after{
  bottom: -14px;
 }
}
/*==============================*/
/*== 2:global ==================*/
.l-header {
 font-size: initial;
 background: #fff;
}
.l-header img {
 z-index: 9000;
}
.l-main{
 margin-bottom: 0;
}
.m-nav-product-list img {
 display: inline;
}
footer img {
 display: inline;
}
.l-footer {
 line-height: 2.0;
}
@media screen and (width <= 768px){
 main.l-main > .l-container {
  line-height: 1;
 }
}
/*==============================*/
/*== 3:fsview ==================*/
@media screen and (min-width: 1024px) {
 #fsview .fsview_bg{
  background: url("../images/fsview_bg.jpg") repeat-x center center;
  background-size: cover;
  animation: fadeIn01 5s ease 0s forwards;
 }
 #fsview .fsview_lower_bg{
  background: url("../images/fsview_lower_bg.jpg") repeat-x center center;
  background-size: cover;
 }
}
#fsview .fsview_cont{
 position: relative;
 width: 1028px;
 height: 640px;
 margin: 0 auto;
}
#fsview .fsview_cont > picture{
 position: absolute;
 opacity: 0;
 animation: fadeIn01 1s ease 1s forwards;
}
#fsview .fsview_cont.lower_cont{
 height: 200px;
 padding-top: 53px;
 box-sizing: border-box;
}
#fsview .fsview_cont .lower_h2{
 position: relative;
 color: #fff;
 font-size: 3.7rem;
 font-weight: 600;
 text-align: center;
}
#fsview .fsview_cont .lower_h2 span{
 display: block;
 font-family: 'Didact Gothic', 'M PLUS Rounded 1c';
 color: #fff;
 font-size: 1.7rem;
 font-weight: bold;
 letter-spacing: 0.1em;
}
#fsview .fsview_cont .lower_h2::after{
 position: absolute;
 bottom: -10px;
 left: 0;
 right:  0;
 content: "";
 width: 40px;
 height: 3px;
 margin: 0 auto;
 background: #fff;
 border-radius: 2px;
}
@media screen and (min-width: 1024px) {
 #fsview .fsview_cont > picture{
  bottom: 55px;
  right: -16px;
 }
}
#fsview .fsview_cont > p{
 position: absolute;
 top: 45px;
 left: 310px;
 width: 542px;
 opacity: 0;
 animation: fadeIn01 1s ease 1s forwards;
}
#fsview .fsview_cont > .scroll{
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 width: 45px;
 font-family: 'Didact Gothic', 'M PLUS Rounded 1c';
 color: #FF5D15;
 font-size: 1.6rem;
 font-weight: 700;
 letter-spacing: 0.1em;
 text-align: center;
 margin: 0 auto;
 opacity: 0;
 animation: fadeIn01 1s ease 1.3s forwards;
}
#fsview .fsview_cont > .scroll img{
 width: 18px;
 margin: 5px auto 10px;
 animation: transform01 0.5s ease-in-out infinite alternate;
}
/*--Animation--*/
@keyframes fadeIn01 {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes transform01 {
 0% {
  transform: translateY(0);
 }
 100% {
  transform: translateY(8px);
 }
}
/*--//Animation--*/
@media screen and (max-width: 1023px) {
 #fsview .fsview_bg{
  background: url("../images/fsview_bg_sp.jpg") repeat-x top center;
  background-size: cover;
 }
 #fsview .fsview_lower_bg{
  background: url("../images/fsview_lower_bg_sp.jpg") repeat-x top -6vw center;
  background-size: cover;
 }
 #fsview .fsview_cont{
  width: 92vw;
  height: 113.33vw;
 }
 #fsview .fsview_cont > picture{
  bottom: 2vw;
  right: -2vw;
  width: 31.067vw;
 }
 #fsview .fsview_cont > p{
  top: 16.66vw;
  left: 13.73vw;
  width: 72.26vw;
 }
 #fsview .fsview_cont > .scroll{
  display: none;
 }
 #fsview .fsview_cont.lower_cont {
  height: 24vw;
  padding-top: 9.6vw;
 }
 #fsview .fsview_cont .lower_h2 {
  font-size: 2.0rem;
 }
 #fsview .fsview_cont .lower_h2 span {
  font-size: 1.2rem;
 }
}
@media screen and (max-width: 767px) {
 #fsview .fsview_lower_bg{
  background: url("../images/fsview_lower_bg_sp.jpg") repeat-x top center;
  background-size: cover;
 }
 #fsview .fsview_cont.lower_cont {
  height: 32vw;
  padding-top: 9.6vw;
 }
}
/*==============================*/
/*== 4:features ================*/
#features {
 padding: 60px 0 0;
}
#features .cont_inner{
 padding: 0 0 40px;
 border-bottom: #CECECE 1px solid;
}
#features .fl{
 justify-content: space-around;
 padding: 30px 110px 35px 115px;
 margin-top: 40px;
 background: #fff;
 border-radius: 16px;
}
#features picture.product{
 margin-left: 70px;
}
#features .btn{
 display: inline-block;
 margin-top: 20px;
 margin-left: 15px;
}
#features .point{
 width: 320px;
 padding-top: 55px;
}
#features .point li{
 list-style: none;
 margin-bottom: 35px;
}
#features .point li:last-child{
 margin-bottom: 0;
}
#features .point li > h3{
 font-family: "Jost", 'Noto Sans JP';
 font-size: 2.2rem;
 font-weight: 600;
 line-height: 1.0;
 letter-spacing: -0.05em;
}
#features .point li > h3 span{
 font-size: 3.0rem;
 margin-left: 5px;
}
#features .point li > p{
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.6rem;
 font-weight: 700;
 text-align: center;
 padding: 15px 10px;
 background: #FFC93E;
 border-radius:34px;
}
#features .g_txt{
 width: 100%;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.6rem;
 font-weight: 700;
 text-align: center;
 padding: 25px 10px;
 margin-top: 30px;
 background: #F6F6F6;
 border-radius:16px;
}
@media screen and (max-width: 1023px) {
 #features {
  padding: 8vw 0 0;
 }
 #features .cont_inner{
  padding: 0;
  border-bottom: none;
 }
 #features .fl {
  padding: 6vw 4vw 6vw 4vw;
  margin-top: 8vw;
 }
 #features picture.product {
  display: block;
  width: 27.6vw;
  margin-left: 4vw;
 }
 #features .btn{
  width: 29.667vw;
  display: inline-block;
  margin-top: 2vw;
  margin-left: 1vw;
 }
 #features .point {
  width: 47vw;
  padding-top: 1.6vw;
 }
 #features .point li {
  list-style: none;
  margin-bottom: 3vw;
 }
 #features .point li > h3 {
  font-size: 1.8rem;
 }
 #features .point li > h3 span {
  font-size: 2.0rem;
  margin-left: 1vw;
 }
 #features .point li > p {
  font-size: 1.2rem;
  padding: 2.6vw 2.4vw 3.1vw;
 }
 #features .g_txt {
  font-size: 1.4rem;
  text-align: left;
  padding: 4vw 4.4vw;
  margin-top: 4.66vw;
 }
}
/* ------------------------------------- */
/* map_btn */
/* ------------------------------------- */
#features .map_btn{
 width: 475px;
 margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
 #features .map_btn{
  width: 83.93vw;
  margin: 3.9vw auto 0;
 }
 #features .map_btn img{
  width: 100%;
 }
}
/*==============================*/
/*== 5:recipe ==================*/
#recipe{
 padding: 55px 0;
}
#recipe .recipe_list{
 margin-top: 52px;
}
#recipe .recipe_list:after {
 content: "";
 display: block;
 width: 280px;
 height: 0;
}
#recipe .recipe_item{
 width: 280px;
 margin-bottom: 53px;
 transition: all 1.0s;
}
#recipe .recipe_item:nth-last-child(-n+2){
 margin-bottom: 0;
}
#recipe .recipe_item:hover{
 color: #FF5D15;
}
#recipe .recipe_item img{
 transition: all 1.0s;
}
#recipe .recipe_item:hover img{
 opacity: 0.7;
}
#recipe .recipe_item p{
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.4rem;
 font-weight: 700;
 text-align: center;
 margin-top: 15px;
}
@media screen and (max-width: 1023px) {
 #recipe{
  padding: 8.8vw 0;
 }
 #recipe .recipe_list{
  margin-top: 8.8vw;
 }
 #recipe .recipe_list:after {
  width: 44vw;
 }
 #recipe .recipe_item{
  width: 44vw;
  margin-bottom: 5.4vw;
 }
 #recipe .recipe_item picture{
  display: block;
  width: 44vw;
  margin: 0 auto;
 }
 #recipe .recipe_item picture img{
  margin: 0 auto;
 }
 #recipe .recipe_item p{
  font-size: 1.2rem;
  margin-top: 2.4vw;
 }
}
/*==============================*/
/*== 6:line_up =================*/
#line_up {
 padding: 65px 0 70px;
}
#line_up .product_list{
 align-items: flex-end;
 margin-top: 35px;
 margin-bottom: 55px;
}
#line_up .product_item{
 width: 430px;
}
#line_up .product_item img{
 margin: 0 auto;
}
#line_up .product_item p{
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.2rem;
 font-weight: 700;
 text-align: center;
 margin-top: 25px;
 margin-bottom: 15px;
}
#line_up .product_item h3{
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 color: #FFC93E;
 font-size: 2.2rem;
 text-align: center;
 padding: 10px;
 background: #122882;
 border-radius: 8px;
}
#line_up .banner img{
 margin: 0 auto;
 transition: all 1.0s;
}
#line_up .banner img:hover{
 opacity: 0.7;
}
@media screen and (max-width: 1023px) {
 #line_up {
  padding: 6.13vw 0 17.0vw;
 }
 #line_up .product_list {
  display: block;
  margin-top: 14.8vw;
  margin-bottom: 10.4vw;
 }
 #line_up .product_item {
  width: 57.33vw;
  margin: auto;
 }
 #line_up .product_item:first-child {
  margin: 0 auto 13.6vw;
 }
 #line_up .product_item img.butter {
  width: 36.4vw;
 }
 #line_up .product_item img.garlic {
  width: 18vw;
 }
 #line_up .product_item p {
  font-size: 1.0rem;
  margin-top: 3.33vw;
  margin-bottom: 2vw;
 }
 #line_up .product_item h3 {
  font-size: 1.2rem;
  padding: 1.33vw;
 }
 #line_up .banner img {
  width: 92vw;
 }
}
/*==============================*/
/*== 7:recipe_details ==========*/
#recipe_details{
 padding: 20px 0 100px;
}
#recipe_details .recipe_cont{
 margin-bottom: 85px;
}
#recipe_details .recipe_txt{
 width: 430px;
}
#recipe_details .recipe_txt h3{
 font-family: 'Didact Gothic', 'M PLUS Rounded 1c';
 font-size: 3.0rem;
 font-weight: 500;
 margin-bottom: 25px;
}
#recipe_details .recipe_txt h3::after{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FF5D15;
 border-radius:2px;
}
#recipe_details .recipe_txt h4{
 width: 90px;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 color: #fff;
 font-size: 1.8rem;
 font-weight: 700;
 letter-spacing: 0.4em;
 text-align: center;
 padding: 4px 0 5px 8px;
 margin-bottom: 18px;
 background: #FF5D15;
 border-radius:6px;
 box-sizing: border-box;
}
#recipe_details .recipe_material{
 margin-bottom: 20px;
 border-bottom: #FF5D15 1px solid;
}
#recipe_details .recipe_material h4{
 display: inline-block;
}
#recipe_details .recipe_material .quantity{
 display: inline-block;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.5rem;
 font-weight: 500;
 margin-left: 10px;
}
#recipe_details .recipe_material dl{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.5rem;
 font-weight: 500;
}
#recipe_details .recipe_material dl dt{
 width: 80%;
 margin-bottom: 18px;
}
#recipe_details .recipe_material dl dd{
 width: 20%;
 text-align: right;
 margin-bottom: 18px;
 background-image : linear-gradient(to right, #777, #777 2px, transparent 2px, transparent 3px);
 background-size: 5px 2px;
 background-position: left center;
 background-repeat: repeat-x;
}
#recipe_details .recipe_material dl dd span{
 padding-left: 10px;
 background: #F1F0EA;
}
#recipe_details .recipe_howto ul li{
 list-style: none;
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 font-size: 1.5rem;
 font-weight: 500;
 text-indent:-1.2em;
 padding-left:1.2em;
 padding-bottom: 15px;
 margin-bottom: 15px;
 background-image : linear-gradient(to right, #777, #777 2px, transparent 2px, transparent 3px);
 background-size: 5px 1px;
 background-position: left bottom;
 background-repeat: repeat-x;
}
#recipe_details .recipe_howto ul li:last-child{
 padding-bottom: 0;
 margin-bottom: 0;
 background:none;
}
@media screen and (max-width: 1023px) {
 #recipe_details{
  padding: 2vw 0 24vw;
 }
 #recipe_details .recipe_cont h3{
  width: 100%;
  font-family: 'Didact Gothic', 'M PLUS Rounded 1c';
  font-size: 2.0rem;
  font-weight: 500;
  margin-bottom: 3vw;
 }
 #recipe_details .recipe_cont h3::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #FF5D15;
  border-radius:2px;
 }
 #recipe_details .recipe_cont picture{
  width: 48%;
 }
 #recipe_details .recipe_txt{
  width: 50%;
 }
}
@media screen and (max-width: 767px) {
 #recipe_details .recipe_cont{
  width: 84vw;
  margin: 0 auto 18.26vw;
 }
 #recipe_details .recipe_cont h3{
  margin-bottom: 7vw;
 }
 #recipe_details .recipe_cont h3::after{
  margin-top: 2vw;
 }
 #recipe_details .recipe_cont picture{
  width: 84vw;
 }
 #recipe_details .recipe_txt{
  width: 100%;
  margin-top: 6vw;
 }
 #recipe_details .recipe_txt h4{
  width: 20.8vw;
  font-size: 1.5rem;
  padding: 0.4vw 0 0.8vw 1vw;
  margin-bottom: 4.4vw;
 }
 #recipe_details .recipe_material{
  margin-bottom: 4.4vw;
 }
 #recipe_details .recipe_material .quantity{
  font-size: 1.4rem;
  margin-left: 1vw;
 }
 #recipe_details .recipe_material dl{
  font-size: 1.2rem;
  margin-bottom: 2vw;
 }
 #recipe_details .recipe_material dl dt{
  margin-bottom: 2vw;
 }
 #recipe_details .recipe_material dl dd{
  margin-bottom: 2vw;
 }
 #recipe_details .recipe_material dl dd span{
  padding-left: 2vw;
 }
 #recipe_details .recipe_howto ul li{
  font-size: 1.2rem;
  padding-bottom: 2vw;
  margin-bottom: 2vw;
 }
}
/*==============================*/
/*== 8:movie ===================*/
#movie{
 margin: 30px 0 0;
}
#movie .cont_inner{
 position: relative;
 padding-bottom: 40px;
 border-bottom: #CECECE 1px solid;
}
#movie .cont_inner h2 strong{
 font-family: 'M PLUS Rounded 1c';
 font-weight: 700;
}
#movie .cont_inner .thum{
 margin-top: 52px;
}
#movie .cont_inner .thum img{
 width: 675px;
 margin: 0 auto;
 border-radius: 10px;
}
#movie .cont_inner p{
 font-family: "ヒラギノ角ゴシック", 'Noto Sans JP';
 /*font-size: 1.4rem;*/
 font-size: clamp(1.2rem, 1.167vw, 1.4rem);
 font-weight: bold;
 text-align: center;
 margin-top: 0.5vw;
}
@media screen and (max-width: 1023px) {}
@media screen and (max-width: 767px) {
 #movie{
  margin: 7vw 0 0;
 }
 #movie .cont_inner{
  padding: 3.125vw 0;
  border-top: #CECECE 1px solid;
 }
 #movie .cont_inner .thum{
  margin-top: 8.8vw;
 }
 #movie .cont_inner .thum img{
  width: 65vw;
  margin: 0 auto;
 }
}
/*==============================*
/*== 9:cheese_creamy ===========*/
#cheese_creamy{
 height: 75.5vh;
}
#cheese_creamy .flex-wrap{
 display: flex;
 justify-content: space-between;
 height: 100%;
}
#cheese_creamy .flex-cont{
 display: flex;flex-direction: column;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 width: 50%;
}
#cheese_creamy .flex-cont.cheese{
 background: url("../images/index/cheese_bg.jpg") repeat-x top center;
 background-size: cover;
}
#cheese_creamy .flex-cont.creamy{
 background: url("../images/index/creamy_bg.jpg") repeat-x top center;
 background-size: cover;
}
#cheese_creamy .btn-link a{
 transition: all 1.0s;
}
#cheese_creamy .btn-link a:hover{
 opacity: 0.7;
}
@media screen and (max-width: 767px) {
 #cheese_creamy{
  height: auto;
 }
 #cheese_creamy .flex-cont{
  padding: 10vw 0;
 }
 #cheese_creamy .flex-cont.cheese{
  background: url("../images/index/cheese_bg_sp.jpg") repeat-x top center;
  background-size: cover;
 }
 #cheese_creamy .flex-cont.creamy{
  background: url("../images/index/creamy_bg_sp.jpg") repeat-x top center;
  background-size: cover;
 }
 #cheese_creamy .product{
  width:49.333vw;
 }
 #cheese_creamy .btn-link{
  width:44.133vw;
 }
}
/*==============================*