body { -webkit-text-size-adjust: 100%;}

.central { max-width:1400px; margin: 0 auto; position: relative; z-index: 1;}

#header {background: transparent;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
#header.fixed { background: #fefefe;}

#header h1.logo a {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:before {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:after {background: #fefefe;}

#header.fixed h1.logo a {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:before {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:after {background: #111;}

#header .sf-menu { color: #fefefe;}
#header.fixed .sf-menu { color: #111;}
#header .sf-mega {color: #111;}
.sf-menu li a:before { border-color: #fefefe; }
#header.fixed .sf-menu li a:before { border-color: #111;  }

#header .navArea ul.list_series li{ color: #111;}
#header .navSubArea .sf-inset li{ color: #111;}
#header .langArea .sf-menu li ul li{ color: #111;}

@media only screen and (max-width: 960px) {
#header { background: #fefefe; }
#header h1.logo a { background: url("../images/common/logo2020.png") center center no-repeat;background-size:115px 29px;}
#header h1.logo a:before { background: url("../images/common/logo2020_hover.png") center center no-repeat;background-size:115px 29px; }
#header h1.logo a:after { background: #111;}
}



.block_product_feature:after { display: none;}





/* ---------------------------------------------------------------------------------------------------   

　.block_mv

   --------------------------------------------------------------------------------------------------- */

.block_mv { height: 100vh; min-height: 100%; position: relative; z-index: 2; overflow: hidden; background: #111 }

/* .inner_area */
.block_mv .inner_area { position: absolute; top: 0px; left: 0; bottom: 0;right: 0; z-index: 0;clip-path: inset(0);}

.block_mv .visual { position: fixed;top: 0px; bottom: 0; right: 0; left: 0;background: url("../images/lp/celluloid/img_mv.jpg") top center; background-size: cover; z-index: 1;transition: opacity 0.1s linear; opacity: 1;}
.block_mv .visual:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(1,1,1,.25); z-index: 0;}

/* .logo_area */
.block_mv .logo_area {position: absolute; bottom: 5vw; left: 5%; z-index: 3;/*display: flex; justify-content: space-between;*/}
.block_mv .logo_area h1 {order: 2;}
.block_mv .logo_area .t_ttl_series { margin-top: 15px; color: #fafafa; font-size:min(3.5vw, 40px); font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.4; letter-spacing: .025em; order: 1;font-feature-settings: "palt" 1; white-space: nowrap;}
.block_mv .logo_area .t_ttl_series .t_k_1 { margin-right: -0.1em;}
.block_mv .logo_area .t_ttl_series .t_k_2 { margin-right: -0.2em;}
.block_mv .logo_area .t_ttl_series .t_k_3 { margin-right: -0.3em;}
.block_mv .logo_area .t_ttl_series .t_k_plus05 { margin-right: 0.05em;}
.block_mv .logo_area .t_ttl_series .t_k_plus1 { margin-right: 0.1em;}

.block_mv .logo_area .img_logo {margin: 0; display: block; width: 180px; position: relative; z-index: 0;}
.block_mv .shadow { position: absolute; bottom: 0; right: 0; left: 0; height: 40%; z-index: 2; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(1,1,1,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(1,1,1,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(1,1,1,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (max-width: 960px) {
.block_mv .inner_area { top: 60px; }
.block_mv .visual { top: 0; left: 0;width: 100vw;height: 100vh;}
.block_mv .logo_area .t_ttl_series { margin-top: .35em; font-size:min(4.5vw, 45px); line-height: 1.4;}
 .block_mv .logo_area {position: absolute; bottom: auto; top: 50%; left: 5%; right: 5%; z-index: 3;-webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center;}
.block_mv .logo_area .img_logo {margin: 0 auto 0; width: 180px; }
.block_mv .logo_area .t_ttl_series { margin-top: 1.5em; font-size:17px;line-height: 1.6; letter-spacing: .1em; }   
.block_mv .logo_area .t_ttl_series br{display: none;}
}
@media only screen and (max-width: 738px) {
.block_mv .inner_area { top: 50px; }
.block_mv .visual { min-height: 100vw;}
.block_mv .shadow { height: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,.2) 0%, rgba(1,1,1,0.35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,.2) 0%,rgba(1,1,1,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,.2) 0%,rgba(1,1,1,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.block_mv .logo_area {position: absolute; bottom: auto; top: 47.5%; left: 5%; right: 5%; z-index: 3;-webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center;}
.block_mv .logo_area .img_logo {margin: 0 auto; width: 160px;}
.block_mv .logo_area .t_ttl_series { margin-top: 1em; color: #fafafa; font-size:15px;line-height: 1.6; letter-spacing: .05em; }
}

/* ----- .mainvisual ----- */
.mainvisual{height: calc(var(--vh, 1vh) * 100);}

@media only screen and (max-width: 738px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100); min-height: 100vw; }
}
@media only screen and (max-width: 640px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100);}
}

/* slick-slideに指定 */
.slick-slide{
    height: auto!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}


/* ---------------------------------------------------------------------------------------------------   

　#breadcrumb

   --------------------------------------------------------------------------------------------------- */

#breadcrumb { margin: 0; padding: 2.5vw 5% 0;padding: 70px 5%; z-index:1; background: #202020;background: #1b1c1c;background: #010100}
#breadcrumb li { color: #f0f0f0; background: #202020;background: #010100; font-feature-settings : "palt" 1; font-weight:700; position: relative; z-index: 0;}
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #555 1px solid; z-index: -1;}
#breadcrumb li a:before { border-bottom: #f0f0f0 1px solid;}
#breadcrumb li a:after { border-color:#f0f0f0;}

@media only screen and (max-width: 960px) {	
#breadcrumb {padding: 60px 5%;   }
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 45px 5%; border-bottom: none;  }
}





/* ---------------------------------------------------------------------------------------------------   

　.block_about_celluloid

   --------------------------------------------------------------------------------------------------- */

.block_about_celluloid { padding:  0 5% 160px; position: relative; z-index: 0; overflow: hidden;color: #eee;background: rgb(1,1,0);
background: linear-gradient(180deg, rgba(1,1,0,1) 0%,  rgba(25,25,24,1) 100%); }

@media only screen and (max-width: 960px) {
.block_about_celluloid { padding:  0 5% 120px; }
}
@media only screen and (max-width: 738px) {
.block_about_celluloid { padding:  0 5% 90px; }
}
@media only screen and (max-width: 640px) {
.block_about_celluloid { padding:  0 5% 80px; }
}

/* .about_area */
.block_about_celluloid .about_area {position: relative; z-index: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

/* .img_area */
.block_about_celluloid .img_area { width: 50%; position: relative; z-index: 0; }
.block_about_celluloid .img_area img { border-radius: 2px;}

/* .title_area */
.block_about_celluloid .title_area { width: 45%;}
.block_about_celluloid .title_area img {display: block; margin: 0 auto; max-width: 230px;}

/* .txt_area */
.block_about_celluloid .txt_area { margin: 120px auto 0; max-width: 900px; }
.block_about_celluloid .txt_area p { font-size:min(3vw, 30px); font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.95; letter-spacing: 0.05em;}
.block_about_celluloid .txt_area p+p {margin: 1.5em 0 0;}

@media only screen and (max-width: 960px) {
.block_about_celluloid .about_area { display: block;}
.block_about_celluloid .img_area { width: 100%;}
.block_about_celluloid .title_area { margin-top: 90px; width:100%;}
.block_about_celluloid .title_area img { margin: 0 auto; max-width: 220px;}
.block_about_celluloid .txt_area { margin: 60px auto 0; max-width: 900px; }
.block_about_celluloid .txt_area p { font-size:min(3vw, 25px);  line-height: 1.9; letter-spacing: 0.05em;}
.block_about_celluloid .txt_area p+p {margin: 1.5em 0 0;}
}
@media only screen and (max-width: 738px) {
.block_about_celluloid .img_area { width: 100%;}
.block_about_celluloid .title_area { margin-top: 50px; width:100%;}
.block_about_celluloid .title_area img { margin: 0 auto; max-width: 190px;}
.block_about_celluloid .txt_area { margin: 40px auto 0; max-width: 900px; }
.block_about_celluloid .txt_area p {font-size: clamp(22px, 3.5vw, 25px); line-height: 1.9; letter-spacing: 0.025em;}
}
@media only screen and (max-width: 640px) {
.block_about_celluloid .txt_area p {font-size: clamp(18px, 3.5vw, 20px);}
}


/* _________ .mv_slider _________ */
.celluloid_slider { padding-bottom: 45px; position: relative; z-index: 0;}

/* _________ .slider-controls _________ */
.slider-controls { position: absolute; left: 0; bottom: 0; z-index: 2; height: 26px; width: 100%;}
.slider-controls .inner_controls{ display: flex; justify-content: center; gap: 0 50%;}

/* prev,next */
.slider-controls .slide-m-prev,
.slider-controls .slide-m-next { position: relative; z-index: 2; width: 80px; height: 26px; font-size: 0; line-height: 26px; text-align: center;letter-spacing: 0; padding: 0; cursor: pointer; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;border-radius: 26px; background: none; color: #f0f0f0;}
.slider-controls .slide-m-prev:before,
.slider-controls .slide-m-next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 13px; margin: auto;text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slider-controls .slide-m-prev:before { content: "\e64a";  content: "\e629"; background: url("../images/lp/celluloid/arrow_left_f0f0f0.png") center center no-repeat; background-size: contain;}
.slider-controls .slide-m-next:before { content: "\e649"; content: "\e628"; background: url("../images/lp/celluloid/arrow_right_f0f0f0.png") center center no-repeat; background-size: contain;}
.slider-controls .slide-m-prev:after,
.slider-controls .slide-m-next:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; border: #555 1px solid; border-radius: 26px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (min-width: 961px) and (hover: hover) {
.slider-controls .slide-m-prev:hover{ transform: translateX(-5px);}
.slider-controls .slide-m-next:hover{ transform: translateX(5px);}
.slider-controls .slide-m-prev:hover:after,
.slider-controls .slide-m-next:hover:after { border-color: #fafafa;}
}
@media only screen and (max-width: 960px) {
.slider-controls .inner_controls{display: flex; justify-content:space-between; gap:0;}
}
@media only screen and (max-width: 738px) {
.slider-controls .slide-m-prev,
.slider-controls .slide-m-next { width: 60px; }
.slider-controls .slide-m-prev:before,
.slider-controls .slide-m-next:before { height: 11px;}
}

/* _________ .slick-num _________ */
.slick-num { position: absolute; bottom: 0; left: 50%; z-index: 0; font-size: 16px; font-weight: 350; line-height: 28px; height: 26px; width: 60px; display: flex; justify-content: center;-webkit-transform: translate(-50%,0); transform: translate(-50%,0); font-family: "courier_prime_sansregular"; }
.slick-num .now-count {width: 20px;text-align: center;}
.slick-num .all-count { width: 20px; text-align: center;}
.slick-num .slash {width: 10px; text-align: center;}








/* ---------------------------------------------------------------------------------------------------   

　.block_head_workflow

   --------------------------------------------------------------------------------------------------- */

.block_head_workflow { height: 47.5vw; position: relative; z-index: 0;background: #111; background: linear-gradient(180deg, rgba(12,12,12,1) 0%, rgba(12,12,12,1) 42%, rgba(1,1,0,1) 100%); overflow: hidden;}
.block_head_workflow .bg_img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: url("../images/lp/celluloid/DSC00640.jpg") center center no-repeat; background-size: cover; z-index: -2;}
.block_head_workflow .txt_area {position: absolute; top: 5vw; left: 5%; z-index: 1; color: #f0f0f0;}

@media only screen and (max-width: 960px) {	
.block_head_workflow { height: 65vw;}  
}
@media only screen and (max-width: 640px) {	
.block_head_workflow { height: 85vw;}  
}



/* ---------------------------------------------------------------------------------------------------   

　.block_workflow_celluloid

   --------------------------------------------------------------------------------------------------- */

.block_workflow_celluloid { padding: 150px 5% 120px; color: #f0f0f0; position: relative; z-index: 0;background: #151616; background: #202020; background: linear-gradient(180deg, rgba(18,18,18,1) 0%, rgba(18,18,18,1) 42%, rgba(22,22,22,1) 100%); }

@media only screen and (max-width: 960px) {	
.block_workflow_celluloid { padding: 120px 5% 120px; }   
}
@media only screen and (max-width: 738px) {	
.block_workflow_celluloid { padding: 90px 5%; }   
}

/* .headline */
.block_workflow_celluloid .headline { text-align: center;}
.t_ttl_cat_heavyedition { font-size: 15px; font-family:'Libre Baskerville', serif; font-weight:400; letter-spacing: 0.05em; line-height: 1; text-indent: .1em;}
.block_workflow_celluloid .headline .img_copy { display: block; margin: 60px auto 0; width: 37.5%;}

/* .workflow_area */
.block_workflow_celluloid .workflow_area { margin: 120px 0 0; }
.block_workflow_celluloid .workflow_box+.workflow_box { margin: 120px 0 0; }

/* .box_inner */
.block_workflow_celluloid .box_inner { position: relative; z-index: 0; display: flex; flex-wrap: wrap; align-items: center;}
/* .img_area */
.block_workflow_celluloid .workflow_box .img_area {margin-left: 5%; width: 55%; order: 2;}
.block_workflow_celluloid .workflow_box .img_area img { border-radius: 2px;}
/* .txt_area */
.block_workflow_celluloid .workflow_box .txt_area {width: 37.5%;display: flex;flex-wrap: wrap; gap:3vw 0; z-index: 0; order: 1; padding-left: 3.5%; }
.block_workflow_celluloid .workflow_box .ttl_area {width: 100%; margin-top: -2.5vw; }
.block_workflow_celluloid .workflow_box .t_ttl_workflow { display: inline-block;font-size: min(3.5vw, 42px); font-family: 'Shippori Mincho B1', serif;font-weight: 400;line-height: 1.35;letter-spacing: 0.025em;font-feature-settings: "palt" 1; position: relative; z-index: 0; white-space: nowrap;} 
.block_workflow_celluloid .workflow_box .t_ttl_workflow:before {content: "「";  color: #666;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow:after {content: "」"; color: #666;}

.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_05 { margin-right: -0.05em;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_1 { margin-right: -0.1em;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_2 { margin-right: -0.2em;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_3 { margin-right: -0.3em;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_plus05 { margin-right: 0.05em;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow .t_k_plus1 { margin-right: 0.1em;}

/* .description_area */
.block_workflow_celluloid .description_area{ width: 100%; padding: 0 0 0 20px;}
.block_workflow_celluloid .description_area p {font-size:15px; line-height: 1.9; letter-spacing: .065em; text-align: left;}
.block_workflow_celluloid .description_area p+p {margin: 1em 0 0;}

.block_workflow_celluloid .workflow_box:nth-child(2n) .txt_area { order:2; padding: 0; width: 35%; }
.block_workflow_celluloid .workflow_box:nth-child(2n) .img_area {order:1;  }

.block_workflow_celluloid .workflow_box:nth-child(1) .txt_area { width: 42.5%;padding-left: 6.5%; }
.block_workflow_celluloid .workflow_box:nth-child(1) .img_area { margin-left: 2.5%; }

.block_workflow_celluloid .workflow_box:nth-child(2) .txt_area {  width: 34%; margin-left: 7.5%; }
.block_workflow_celluloid .workflow_box:nth-child(2) .img_area {margin-left: 1.5%;}

.block_workflow_celluloid .workflow_box:nth-child(3) .txt_area {  width: 37.5%;padding-left: 3.5%; }
.block_workflow_celluloid .workflow_box:nth-child(3) .img_area { margin-left: 2.5%; }

.block_workflow_celluloid .workflow_box:nth-child(4) .txt_area {  width: 38.5%; margin-left: 6.5%; }
.block_workflow_celluloid .workflow_box:nth-child(4) .img_area { margin: 0; }

.block_workflow_celluloid .workflow_box:nth-child(5) .txt_area {  width: 37.5%;padding-left: 3.5%;  }
.block_workflow_celluloid .workflow_box:nth-child(5) .img_area { margin-left: 5%; }

.block_workflow_celluloid .workflow_box:nth-child(6) .txt_area {  width: 30%; margin-left: 7.5%;}
.block_workflow_celluloid .workflow_box:nth-child(6) .img_area {margin-left: 5%; }

@media only screen and (max-width: 1200px) {	
.block_workflow_celluloid .workflow_box:nth-child(1) .txt_area {padding-left: 2.5%; } 
.block_workflow_celluloid .workflow_box:nth-child(5) .txt_area {padding-left: 0; width: 40%; }
.block_workflow_celluloid .workflow_box:nth-child(6) .txt_area {  width: 40%; margin-left: 5%;}
.block_workflow_celluloid .workflow_box:nth-child(6) .img_area {margin-left: 0; }
}
@media only screen and (max-width: 960px) {	
.block_workflow_celluloid .workflow_area { margin: 90px 0 0; }
.block_workflow_celluloid .workflow_box+.workflow_box { margin: 90px 0 0; }
.block_workflow_celluloid .box_inner { display: block; }
.block_workflow_celluloid .workflow_box .img_area { margin: 0; width: 100%; }
.block_workflow_celluloid .workflow_box .txt_area { display: flex; justify-content: space-between; }
.block_workflow_celluloid .workflow_box .ttl_area { width: auto; margin: 0; }
.block_workflow_celluloid .workflow_box .t_ttl_workflow {font-size: min(4.5vw, 30px);line-height: 1.35;letter-spacing: 0.025em;} 
.block_workflow_celluloid .description_area{ width: 55%; padding: 0; }
.block_workflow_celluloid .description_area p {font-size:15px; line-height: 2; letter-spacing: .05em;}
.block_workflow_celluloid .description_area p+p {margin: 1em 0 0;}

.block_workflow_celluloid .workflow_box:nth-child(2n) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(1) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(2) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(3) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(4) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(5) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(6) .txt_area { width: 100%; margin: 45px 0 0; padding: 0;}
    
.block_workflow_celluloid .workflow_box:nth-child(2n) .img_area,    
.block_workflow_celluloid .workflow_box:nth-child(1) .img_area,
.block_workflow_celluloid .workflow_box:nth-child(2) .img_area,
.block_workflow_celluloid .workflow_box:nth-child(3) .img_area,
.block_workflow_celluloid .workflow_box:nth-child(4) .img_area,
.block_workflow_celluloid .workflow_box:nth-child(5) .img_area,
.block_workflow_celluloid .workflow_box:nth-child(6) .img_area { width: 100%; margin: 0;}
}
@media only screen and (max-width: 738px) {	
.block_workflow_celluloid .workflow_area { margin: 70px 0 0; }
.block_workflow_celluloid .workflow_box+.workflow_box { margin: 70px 0 0; }
.block_workflow_celluloid .workflow_box .img_area { margin: 0; width: 100%; }
.block_workflow_celluloid .workflow_box .txt_area { display: block;  text-align: center;}
.block_workflow_celluloid .workflow_box:nth-child(2n) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(1) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(2) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(3) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(4) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(5) .txt_area,
    .block_workflow_celluloid .workflow_box:nth-child(6) .txt_area { margin: 30px 0 0;}
.block_workflow_celluloid .workflow_box .ttl_area { width: 100%; margin: 0; }
.block_workflow_celluloid .workflow_box .t_ttl_workflow {font-size: min(5.5vw, 30px);line-height: 1.35;letter-spacing: 0.025em;} 
.block_workflow_celluloid .description_area{ width: 100%; margin: 20px 0 0; padding: 0 5%; display: flex; justify-content: center;}
.block_workflow_celluloid .description_area p { font-size:15px; line-height: 1.9; letter-spacing: .05em;}
.block_workflow_celluloid .description_area p+p {margin: 1em 0 0;}
.block_workflow_celluloid .description_area p br.sp_none {display: none;}
}
@media only screen and (max-width: 640px) {	
.block_workflow_celluloid .workflow_area { margin: 60px 0 0; }
.block_workflow_celluloid .workflow_box+.workflow_box { margin: 60px 0 0; }
.block_workflow_celluloid .workflow_box:nth-child(2n) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(1) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(2) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(3) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(4) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(5) .txt_area,
.block_workflow_celluloid .workflow_box:nth-child(6) .txt_area { margin: 25px 0 0;}
.block_workflow_celluloid .workflow_box .t_ttl_workflow {font-size: min(7vw, 25px);} 
.block_workflow_celluloid .description_area{  margin: 20px 0 0; padding: 0 2.5%;}
}





/* ---------------------------------------------------------------------------------------------------   

　.block_nav_celluloid

   --------------------------------------------------------------------------------------------------- */

.block_nav_celluloid { padding: 90px 5% 110px; position: relative; z-index: 0; }
.block_nav_celluloid:after { position: absolute; bottom: 0; right: 5%; left: 5%; height: 0; content: ""; border-top: #111 1px solid; z-index: 0;}


@media only screen and (max-width: 960px) {	
.block_nav_celluloid { padding: 90px 5% 110px; }   
}
@media only screen and (max-width: 738px) {	
.block_nav_celluloid { padding: 90px 5%; }   
}
@media only screen and (max-width: 640px) {	
.block_nav_celluloid { padding: 70px 5% 90px; }   
}

/* .logo_area */
.block_nav_celluloid .logo_area {}
.block_nav_celluloid .img_logo { display: block; margin: 0 auto; max-width: 230px;}

/* .nav_area */
.block_nav_celluloid .nav_area {margin: 75px 0 0; }
.block_nav_celluloid .nav_item { max-width: 900px; margin: 30px auto 0;  border:#111 1px solid;}
.block_nav_celluloid .nav_item a { padding: 30px; display: block flex; justify-content: space-between; align-items: center; }
.block_nav_celluloid .nav_item .thumb_area { width: 30%; position: relative; z-index: 0; overflow: hidden;border-radius: 2px;}
.block_nav_celluloid .nav_item .thumb_area:after {position:absolute; top:0; right: 0; bottom: 0; left: 0; content: ""; background: transparent; z-index: -1;-webkit-transition: all 0.5s ease;  transition: all 0.5s ease; }
.block_nav_celluloid .nav_item .thumb_area img {-webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.block_nav_celluloid .nav_item .txt_area{width: 57.5%; margin-right: 1.5%; }
.block_nav_celluloid .nav_item .t_ttl_en { font-size: 14px;font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.02em; line-height: 1;}
.block_nav_celluloid .nav_item .t_ttl_jp {margin: 10px 0 0; font-size: 24px; font-family: 'Shippori Mincho B1', serif;font-weight: 500;line-height: 1.35;letter-spacing: 0.025em; }
.block_nav_celluloid .nav_item .t_ttl_series_sub {margin: 15px 0 0; font-size: 13px; font-family: 'Libre Baskerville', serif; font-weight: 400;line-height: 1.35;letter-spacing: 0.05em;}
.block_nav_celluloid .nav_item .t_ttl_series {margin: 5px 0 0; font-size: 24px;font-family: 'Libre Baskerville', serif; font-weight: 400;line-height: 1.35;letter-spacing: 0.05em;}
.block_nav_celluloid .nav_item .t_detail { margin-top: 15px; font-size: 15px; line-height: 1.85; letter-spacing: 0.015em; }

/* .btn_dummy */
.block_nav_celluloid .btn_dummy {display: inline-block; margin-top: 15px; font-size: 15px; line-height: 25px; letter-spacing: 0.025em;font-feature-settings: "palt";  position: relative; z-index: 0; }
.block_nav_celluloid .btn_dummy:after { margin-left: 5px; font-size:.85em; font-family:themify;content:"\e649";font-weight:normal; z-index:1; -webkit-transition: all 0.5s ease;  transition: all 0.5s ease; }
.block_nav_celluloid .btn_dummy:before { position:absolute;bottom: 0; left: 0; width: 100%; height: 1px; display: block; background: #111; content: ""; z-index: -1;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}

@media (min-width: 961px) and (hover: hover) {
.block_nav_celluloid .nav_item a:hover {background: #fbfbfb}
.block_nav_celluloid .nav_item a:hover .thumb_area:after {background: #111;}
.block_nav_celluloid .nav_item a:hover .thumb_area img {opacity: 0.8;}
.block_nav_celluloid .nav_item a:hover .btn_dummy:before { -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);}
}
@media only screen and (max-width: 960px) {	
.block_nav_celluloid .img_logo { max-width: 220px;}
.block_nav_celluloid .nav_area {margin: 65px 0 0; }
.block_nav_celluloid .nav_item { max-width: 900px; margin: 30px auto 0;}
.block_nav_celluloid .nav_item a { padding: 25px;}
.block_nav_celluloid .nav_item .thumb_area { width: 30%; }
.block_nav_celluloid .nav_item .txt_area{width: 62.5%; margin-right: 0; }
.block_nav_celluloid .nav_item .t_ttl_en { font-size: 14px; }
.block_nav_celluloid .nav_item .t_ttl_jp {margin: 10px 0 0; font-size: 22px;}
.block_nav_celluloid .nav_item .t_ttl_series_sub {margin: 12px 0 0; }
.block_nav_celluloid .nav_item .t_ttl_series {margin: 5px 0 0; font-size: 22px;}    
.block_nav_celluloid .nav_item .t_detail { margin-top: 10px; font-size: 14px; line-height: 1.85;}
.block_nav_celluloid .btn_dummy { margin-top: 10px; }
}
@media only screen and (max-width: 738px) {	
.block_nav_celluloid .img_logo { max-width: 200px;}
.block_nav_celluloid .nav_area {margin: 50px 0 0; }
.block_nav_celluloid .nav_item { max-width: 900px; margin: 30px auto 0;}
.block_nav_celluloid .nav_item a { padding: 15px 15px 30px; display: block;}
.block_nav_celluloid .nav_item .thumb_area { width: 100%; margin: 0 auto; }
.block_nav_celluloid .nav_item .txt_area{ margin: 20px 0 0; width: 100%; text-align: center;}
.block_nav_celluloid .nav_item .t_ttl_en { font-size: 13px; width: 100%; text-align: center;}
.block_nav_celluloid .nav_item .t_ttl_jp { font-size: 18px;}
.block_nav_celluloid .nav_item .t_ttl_series_sub {margin: 12px 0 0; }
.block_nav_celluloid .nav_item .t_ttl_series {margin: 5px 0 0; font-size: 18px;}    
}
@media only screen and (max-width: 640px) {	
.block_nav_celluloid .nav_item .t_detail { margin-top: 10px; font-size: 13px; line-height: 1.85; letter-spacing: 0.01em;}
}