@charset "utf-8";
/* CSS Document */
.topPage .wrap{
    padding: 0!important
}
.topPage .flx-ard{
	align-items: baseline;
}
.topPage .movie-block {
    position: relative;
    margin: auto;
    color: black;
//	text-shadow: white 0.05rem 0 0.5rem,white 0.05rem 0 0.5rem,white 0.05rem 0 0.5rem,white 0.05rem 0 0.5rem,white 0.05rem 0 0.5rem;
	text-shadow: none;
    background-color: white;
    text-align: center;
    height: 0;
}
.topPage .topmovie .topmovie_link{
	width: 100%;
	top: 0;
	left: 0;
	margin-left: 0;
	border: none;
	color: unset;
	background: none;
	position: absolute;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
	padding: 0;
	line-height: 0;
	font-size: 0;
	z-index: 10;
}
.topPage .topmovie_link::after{
	/* content: ''; */
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(180deg, transparent 0 80%, #000 100%);
}
.topPage .topmovie .topmovie_link:active p,
.topPage .topmovie .topmovie_link:hover p{
	color: #fff;
}
.topPage .movie-block img,
.topPage .movie-block video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    margin: auto;
    transform: unset;
    width: 100%;
    height: auto;
}
.topPage .topmovie_text_wrap{
	overflow: hidden;
	width: 100%;
}
.topPage .topmovie > div {
    border: none;
}
.topPage .topmovie ul{
    display: flex;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
	z-index: 99;
}
.topPage .topmovie ul li a {
	display: block;
    position: unset;
    height: auto;
    line-height: unset;
    z-index: 3;
    color: #fff;
    background: transparent;
	transition: 0s;
}
.topPage .topmovie ul li a:hover,
.topPage .topmovie ul li a:active,
.topPage .movie-block .products_text.bf2025 .rnd_btn1:hover,
.topPage div.bf2025 .rnd_btn1:hover,
.topPage .movie-block .products_text.bf2025 .rnd_btn1:active,
.topPage div.bf2025 .rnd_btn1:active{
	opacity: 1;
        color:white !important;
	background:#534741 !important;
	border:#534741 2px solid;
	transition: 0.3s;
}
.topPage .topmovie ul li a:nth-of-type(1),
.topPage .topmovie ul li a:nth-of-type(2){
	top: unset;
    left: unset;
    margin-left: auto;
}
.topPage .topmovie .products_text {
    height: auto;
    top: unset;
    border: none;
}
.topPage .topmovie .products_text p{
    z-index: 11;
}
.topPage .products_text{
	z-index: 99;
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 100%;
	display: block;
}
.topPage .movie-block .products_text .rnd_btn1 {
    background: transparent;
    color: #fff;
}
.topPage .outlet-block{
	position: relative;
}
.topPage .outlet-block img{
	width: 100%;
}
.topPage .top_func_area.catalog_area,
.topPage .top_func_area.event_area
{
	background:white;
}
.topPage .top_func_area .flx-ard{
	position: relative;
}
.topPage .info_area{
	background: #f7f0ea;
}
.topPage .info-wrap{
	padding: 0;
}
.topPage ul.info dl{
	align-items: center;
}
.topPage ul.info dl dt {
    color: #000;
    text-align: left;
}
.topPage ul.info dl dd {
	margin: 0;
	display: flex;
	align-items: center;
}
.topPage ul.info dl dd p{
	display: inline-block;
}
.topPage ul.info dl dd .info_arrow{
	display: inline-block;
}
.topPage ul.info li {
    margin-bottom: 0;
}
 ul.info, ul.info li {
	margin : 0;
	padding: 0;
	list-style: none;
}

 ul.info {
	display: inline-block;
}

 ul.info dl dt span.important {
	background-color: rgba(210,112,107,1);
}

 ul.info dl dt span.event {
	background-color: rgba(226,132,13,1);
}

 ul.info dl dt span.other {
	background-color: rgba(136,158,156,1);
}

 ul.info dl dt span.outlet {
	background-color: rgba(156,180,158,1);
}
.topmovie-area a{
	color:#fff;
}
.t_sinfo img,
.t_sinfo02 img,
.t_sinfo03 img{
aspect-ratio: 1.22;
object-fit:cover;
}

.ver1201 > .rnd_btn1 {
border:none;
}

@media screen and (max-width:480px) {
.top-foot{
position: fixed;
    bottom: 0;
    width: 100%;
    height: 14vw;
    background: black;
    text-align: center;
    z-index:50000;
}
.top-foot a{
font-size: 3.5vw;
    margin: 5vw;
    color: white !important;
    line-height: 14vw;
}
.top-foot a:active,
.top-foot a:hover{
border-bottom:0.2vw solid white;
	transition: 0.5s;
}
.topPage .wrap{
    width: 90vw;
	margin:0 auto;
}
.topPage .online-shop.wrap{
    width: 100vw;
}
.topPage .movie-block {
    width: 100vw;
    padding-bottom: 166.5vw;
}
.topPage .topmovie {
    width: 100vw;
    padding-bottom: 0;
	height: 178vw;
margin-top:18vw;
}
.topPage .movie-block::after{
	width: 100vw;
	height: 178vw;
}
.topPage .topmovie::after{
	width: 100vw;
	height: 178vw;
	content: none;
}
.topPage .topmovie .topmovie_link{
	z-index: 0;
}
.topPage .topmovie > div {
}
.topPage .topmovie_text::after{
    background-image: linear-gradient(0deg,#000 0,transparent);
    transition: opacity .3s cubic-bezier(.39,.575,.565,1);
    position: absolute;
    width: 100%;
    height: 30vw;
    bottom: 0;
    content: "";
    z-index: -1;
}
.topPage .topmovie ul{
    bottom: 8.5vw;
    display: block;
    position: relative;
}
.topPage .topmovie ul li{
    width: 78vw;
    margin-right: auto;
    margin-left: auto;
}
.topPage .topmovie ul li:first-child{
    margin-right: auto;
}
.topPage .topmovie ul li a {
    width: 78vw;
    font-size: 4.5vw;
    border: #fff solid 0.6vw;
    color: #fff;
    border-radius: 15vw;
    line-height: 1em;
    background: transparent;
    padding: 3vw 0;
}
.topPage .topmovie ul li a:hover,
.topPage .topmovie ul li a:active{
	border:#534741 0.6vw solid;
}
.topPage .online-shop .t_left-sp{
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 9.5vw;
}
.topPage .products_text p:nth-of-type(1){
	font-size: 9vw;
    color: white;
	text-shadow: black 0.05rem 0 0.5rem;
}
.topPage .products_text p{
	font-size: 3.8vw;
	margin:5vw 0;
}
.topPage .products_text p.mb0{
	margin-bottom:0;
}
.topPage .products_text{
	bottom: 8.5vw;
}
.topPage .topmovie .products_text{
	bottom: 8.5vw;
	position: relative;
}
.topPage .topmovie .products_text p{
	font-size: 10.3vw;
	margin:0;
}
.topPage .topmovie_text li.ver1201{
font-size:3.9vw;
width:90vw !important;
}

.topPage .products_text .rnd_btn1{
	margin-top: 0 !important;
}
.topPage .movie-block .products_text .rnd_btn1{
	background: transparent;
	border: #ffffff 0.6vw solid;
	color: #fff;
}
.topPage .outlet-block{
	width: 100vw;
}
.topPage .topUserGuide{
	padding-bottom: 4.5vw;
}
.topPage .info-wrap {
    width: 90vw;
    height: auto;
    margin: 0 auto;
    padding: 6vw 5vw 6vw!important;
}
.topPage .info-wrap .h2-wrap{
	margin-bottom: 5vw;
}
.topPage ul.info{
	height: auto;
}
.topPage ul.info dl {
	display: flex;
}
.topPage ul.info dl dt {
    padding: 0 4vw 0 0;
}
.topPage ul.info dl dd p{
	margin-right: 6vw;
}
.topPage ul.info dl dd .info_arrow{
	width: 9px;
}
.topPage .info_all{
	margin-top: 4vw;
}
.topPage .info_all a{
border: none;
        padding: 1.5vw 4vw;
        background: rgba(255, 255, 255, 0.8);
        font-size: 3vw;
}
.topPage .functext a{
	margin-top: 4.2vw!important;
}
.topPage .functext a:first-child{
	margin-top: 9.5vw!important;
}
.top_func_area{
	background: #FCFAF7;
	padding-top: 9.5vw;
	padding-bottom: 9.5vw;
}
.top_func_area.items{
padding-top:0;
}
.top_func_area .h2-wrap p{
	font-size: 7vw;
	line-height: 9.2vw;
	margin: 0;
}
.funcimg{
	margin: 8.9vw 0;
}
.functext .large{
	margin-bottom: 7.86vw;
	padding: 0;
}
.functext img{
	margin-top: 13vw;
	max-width: 29vw;
	margin-bottom: 7.86vw;
}
.functext a{
	margin-top: 16vw!important;
}

.stores.flx-ard {
    display: flex !important;
    justify-content: space-around;
    align-items:baseline;
    width: 100%;
    margin: auto;
}
.t_sinfo {
	width:47%;
	margin-right:4%;
}
.t_sinfo02 {
	width:47%;
}
.t_sinfo03 {
	width:47%;
	margin-right:52%;
}
.t_sinfo .large,
.t_sinfo02 .large,
.t_sinfo03 .large{
font-size:3.8vw;
padding:4vw 0;
margin-top:0;
}
.t_sinfo .mtdv,
.t_sinfo02 .mtdv,
.t_sinfo03 .mtdv{
margin-top:0 !important;
}
.t_sinfo .rnd_btn1,
.t_sinfo02 .rnd_btn1,
.t_sinfo03 .rnd_btn1,
.t_sinfo .rnd_btn2,
.t_sinfo02 .rnd_btn2,
.t_sinfo03 .rnd_btn2{
width:34vw;
}
.osaka,.asakusa{
position:relative;
}
.osaka .shop-mask,
.asakusa .shop-mask{
position:absolute;top:7.2vw;left:7.5vw;
width:25.4vw;height:17.9vw;
font-size:3.5vw;line-height:5vw;font-weight:bold;
padding:3.2vw 0 0 2.5vw;
text-align:left;color:#bc504d;background-color:rgba(255,255,255,0.6);
}
.asakusa .shop-mask{
width:22.4vw;padding-left:5vw;
}
div > .guide-text{
	font-size:4.5vw;
}
.guide1{
	width: 50%;
	padding-bottom:5vw;
}
.guide2{
	display: flex;
	flex-wrap: wrap;
	margin: 0 5vw 0 6.5vw;
}
.topPage .movie-block .products_text.bf2025 .rnd_btn1,
.topPage div.bf2025 .rnd_btn1{
color:black !important;
background-color:white !important;
text-shadow:none;
width:46vw;height:12vw;line-height:12vw;
border-radius:3vw;padding:0;
}

/* 2026 */
.topmovie-text01{
position:absolute;
width:100%;top:9.5vw;
}
.topmovie-text02{
position:absolute;
width:100%;bottom:8.5vw;
}
.topmovie-text01 > p.title,
.topmovie-text02 > p.title{
font-size:10.1vw;
line-height:1;
margin-bottom:5.9vw;
    color: white;
	text-shadow: black 0.05rem 0 0.5rem;
}
.topmovie-text01 > p:nth-of-type(2),
.topmovie-text02 > p:nth-of-type(2){
font-size:3.9vw;
line-height:6.9vw;
margin-bottom:5.5vw;
}
.topmovie-text01 > p{
color:#d70035;
text-shadow:white 0.05rem 0 0.15rem !important;
}
.cover-text-osaka{
position:absolute;
top:9vw;left:5vw;
width:32.5vw;height:17vw;
background-color:rgba(255,255,255,0.75);
color:#dc504d;
text-align:left;
}
.cover-text-osaka p{
padding-left:2.2vw;
line-height:1;
}
.cover-text-osaka p:nth-of-type(1){
margin-top:2vw;
font-size:3vw;
}
.cover-text-osaka p:nth-of-type(2){
margin-top:3vw;
font-size:3.25vw;
}
.cover-text-osaka p:nth-of-type(3){
margin-top:3vw;
font-size:4.15vw;
}
.top-info-area{
position:relative;
margin:10rem auto 3.5rem;
}
.top-message-backcolor{
position:absolute;
z-index:-1;
top:-27vw;left:0;
width:100%;height:100vw;
background:url("https://www.nakamura-kaban.net/img/2026/top/illust-sp.png");
background-size:100%;
//border-radius:50%;
//filter:blur(2rem);
//background:rgba(255,193,145,0.5);
}
.top-info-area h1{
font-family: "Klee One", serif;
font-weight: 800;
font-style: normal;
font-size: 1.5rem;
margin: 3rem auto;
color: #555;
line-height:1.7;
text-shadow: 0 0 0.5rem lightyellow;
}
.top-info-area p{
width:90%;
text-align:center;
margin:0 auto 3rem;
font-size:1.1rem;
letter-spacing:0.05rem;
font-family: "Klee One", serif;
font-weight: 800;
font-style: normal;
color: #555;
text-shadow: 0 0 0.5rem lightyellow;
}
.top-btns{
text-align:center;
}
.top-btns a{
margin:1rem auto;
}

}
@media screen and (min-width:481px) {
.top-foot{
display:none;
}
.topPage .wrap{
    width: 110rem;
	margin:0 auto;
	padding:0;
}
.topPage .movie-block {
    width: 110rem;
    padding-bottom: 62rem;
}
.topPage section{
	padding: 5.5rem 0;
}
.topPage section.sup{
	padding: 0 0 5.5rem !important;
}
.topPage section > section{
	padding: 0!important;
}
.topPage .online-shop .mtdv{
	margin: 0;
}
.topPage .online-shop > div{
	padding-top: 0;
}
.topPage .online-shop .rnd_btn1{
	margin-bottom: 5.5rem !important;
}
.topPage .outlet-block .products_text .rnd_btn1{
	margin-bottom: 0px!important;
}
.topPage .topUserGuide,
.topPage .shop_area,
.topPage .topUserGuide .guide2{
	padding-bottom: 0!important;
}
.topPage .topUserGuide .guide1{
	padding-bottom: 5.5rem;	
}
.topPage .topUserGuide .wrap > div{
	padding: 0!important;
}
.topPage .info_area {
    padding: 4rem 0!important;
}
.topPage .topmovie_link::after{
	width: 110rem;
	height: 62rem;
}
.topPage .topmovie ul{
    bottom: 5.5rem;
}
.topPage .topmovie ul li{
    width: 64rem;
}
.topPage .topmovie ul li:first-child{
//    margin-right: 2rem;
}
.topPage .topmovie ul li a {
    width: 32rem;
    font-size: 1.5rem;
    border: #fff solid 0.2rem;
    border-radius: 3rem;
}
.topPage .topmovie ul li a:hover,
.topPage .topmovie ul li a:active{
	border:#534741 0.2rem solid;
}
.topPage .products_text p:nth-of-type(1){
	font-size: 3.2rem;
    color: white;
	text-shadow: black 0.05rem 0 0.5rem;
}
.topPage .products_text p{
	margin-bottom:3.2rem;
}
.topPage .products_text p.mb0{
	margin-bottom:0px;
}
.topPage .products_text{
	bottom: 5rem;
}
.topPage .topmovie .products_text{
	bottom: 16rem !important;
}
.topPage .topmovie .products_text p{
    z-index: 11;
	position:absolute;
	width:100%;
}

.topPage .topmovie .products_text p.top-text{
}

.topPage .movie-block .products_text .rnd_btn1 {
	border: #fff solid 0.2rem;
	margin-bottom: 0!important;
}
.topPage .outlet-block{
	width: 110rem;
}
.topPage .top_func_area a{
	margin-top: 0!important;
}
.topPage .top_func_area .funcbtn{
	position: absolute;
	left: 47.39rem;
	bottom: 0;
}
.topPage .info-wrap .h2-wrap{
	margin-bottom: 3rem;
}
.topPage .info-wrap .h2-wrap h2{
	font-size: 2.1rem;
}
.topPage ul.info dl dt {
    padding: 0 3rem 0 0;
    font-size: 2.1rem;
}
.topPage ul.info dl dd p{
	margin-right: 8rem;
	font-size: 2.1rem;
}
.topPage ul.info dl dd .info_arrow{
	width: 0.9rem;
}
.topPage .info_text{
	font-size:1.6rem;
}
.topPage .info_all{
margin: -7.7rem auto 5rem;
        text-align: right;
        width: 80rem;
}
.topPage .info_all a{
font-size: 1.4rem;
        border: none;
        padding: 0.5rem 2rem;
        background: rgba(255, 255, 255, 0.8);
}
.funcimg.voice img{
	margin-top:-3.5rem !important;
}
ul.info dl {
	display: flex;
	margin : 0;
	padding: 0;
}
.funcimg{
	width: 43.3rem;
	margin-right: 4.09rem;
}
.funcimg img{
	max-width: 43.3rem;
}
.functext .large{
	margin: 0 auto 2.57rem auto;
}
.functext img{
	max-width: 9.5rem;
	margin-bottom: 1.82rem;
}
.functext a{
	margin-top: 3rem !important;
}
.top_func_area .h2-wrap h2{
	margin-bottom: 4rem;
	font-size:1.6rem;
} 
.top_func_area .h2-wrap p{
	margin-bottom: 1.29rem;
	line-height:3rem;
} 
.t_sinfo {
	width:36.8rem;
	margin-right:8.4rem;
}
.t_sinfo02 {
	width:36.8rem;
}
.t_sinfo03 {
	width:36.8rem;
	margin-right:45.2rem;
}
.t_sinfo .large,
.t_sinfo02 .large,
.t_sinfo03 .large{
	margin:1.5rem auto;
}
div > .guide-text{
	font-size:2.1rem !important;
}
.guide1{
	width: 25%;
	padding-bottom: 5.5rem;
	
}
.guide2{
	display: flex;
	flex-wrap: wrap;
	width: 98rem;
	margin: 0 auto;
       	padding: 4rem !important;

}
.osaka,
.asakusa{
position:relative;
}
.osaka .shop-mask,
.asakusa .shop-mask{
position:absolute;top:7.5rem;left:8rem;
width:18.6rem;height:13.6rem;
font-size:2.5rem;line-height:3.85rem;font-weight:bold;
padding:1.8rem 0 0 2.2rem;
text-align:left;color:#bc504d;background-color:rgba(255,255,255,0.6);
}
.asakusa .shop-mask{
width:16.4rem;padding-left:4.8rem;
}
.topPage .movie-block .products_text.bf2025 .rnd_btn1,
.topPage div.bf2025 .rnd_btn1{
color:black !important;
background-color:white !important;
text-shadow:none;
width:19rem;height:4.2rem;line-height:4.2rem;
border-radius:1rem;padding:0;
}

/* 2026 */
.topmovie-text01{
position:absolute;
width:100%;top:5rem;
}
.topmovie-text02{
position:absolute;
width:100%;bottom:5rem;
}
.topmovie-text01 > p.title,
.topmovie-text02 > p.title{
font-size:3.2rem;
line-height:1;
margin-bottom:3rem;
    color: white;
	text-shadow: black 0.05rem 0 0.5rem;
}
.topmovie-text01 > p:nth-of-type(2),
.topmovie-text02 > p:nth-of-type(2){
font-size:1.4rem;
line-height:2.4rem;
margin-bottom:3rem;
}
.topmovie-text01 > p{
color:#d70035;
text-shadow:white 0.05rem 0 0.5rem !important;
}
.cover-text-osaka{
position:absolute;
top:8.5rem;left:5rem;
width:26.6rem;height:13.4rem;
background-color:rgba(255,255,255,0.75);
color:#dc504d;
text-align:left;
}
.cover-text-osaka p{
padding-left:2.2rem;
}
.cover-text-osaka p:nth-of-type(1){
margin-top:1.5rem;
font-size:2rem;
}
.cover-text-osaka p:nth-of-type(2){
margin-top:1rem;
font-size:2.6rem;
}
.cover-text-osaka p:nth-of-type(3){
margin-top:2rem;
font-size:3.3rem;
}

.top-info-area{
position:relative;
margin:10rem auto 0;
padding-bottom:0 !important;
}
.top-message-backcolor{
position:absolute;
z-index:-1;
top:10rem;left:calc(50% - 45rem);
width:90rem;height:21rem;
background:url("https://www.nakamura-kaban.net/img/2026/top/illust.png");
background-size:100%;
//border-radius:50%;
//filter:blur(4rem);
//background:rgba(255,193,145,0.3);
}
.top-info-area h1{
font-family: "Klee One", serif;
font-weight: 800;
font-style: normal;
font-size: 3rem;
margin: 0 auto 5rem;
color: #555;
text-shadow: 0 0 0.5rem lightyellow;
}
.top-info-area p{
text-align:center;
margin:auto;
font-size:2.2rem;line-height:1.9;
letter-spacing:0.1rem;
font-family: "Klee One", serif;
font-weight: 800;
font-style: normal;
color: #555;
text-shadow: 0 0 0.5rem lightyellow;
}

.top-btns{
text-align:center;
}
.top-btns a{
margin:9.5rem 10rem 11rem;
}

}

/* Official Use */

@media screen and (max-width:480px) {
html,body{
font-size:4vw !important;
}

}
@media screen and (min-width:481px) {

body{
font-size:1.5rem !important;
}

@media screen and (max-width:1100px) {
html{
font-size:calc(100vw * calc(10 / 1100)) !important;
overflow-x:hidden;
}

}
@media screen and (min-width:1101px) {
html{
font-size:10px !important;
}
}
}