/*
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
*/ 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*________crie________*/
.close_shop h2 {
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 30px;
    font-weight: 500;
    line-height: 1.5;
	color: #603812;
}
.close_shop p {
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 30px;
    font-weight: 500;
    line-height: 1.8;
	font-size: 16px;
	color: #603812;
}


/* General CSS */

.btn-white {
    border-color: #ee8593;
    background-color: #ee8593;
    color: #fff;
}

.btn-white:hover,
.btn-white:focus {
    background-color: transparent;
    color: #ee8593;
    cursor: pointer;
}

.btn-green {
    color: #fff;
    background-color: #ee8593;
    border-color: #ee8593;
}

.btn-green:hover,
.btn-green:focus {
    border-color: #ee8593;
    background-color: #fff;
    color: #ee8593;
    cursor: pointer;
}

/*====================================================
                   COMMING-SOON-2
======================================================*/

.bg-1 {
    background-image: url("../img/comming-soon.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(255, 255, 255, 0.7);
}

.hero-area {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-area h1 {
    /*color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bold;*/
    padding-bottom: 25px;
    /*margin-top: 30px;*/
}
/*
.hero-area p {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
}*/

.hero-area .counter {
    /*background: rgba(255, 255, 255, 0.2);*/
    padding: 18px;
}

.hero-area .counter ul li {
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    display: inline-block;
    line-height: 25px;
    padding: 25px 28px 20px;
    text-align: center;
    margin-bottom: 3px;
}

.hero-area .counter ul li span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.hero-area .counter ul li .digit {
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    height: 60px;
}

.btn-general {
    /*background-color: transparent;*/
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: 600;
    text-transform: uppercase;
	font-family: "Noto Sans JP", sans-serif;
}

.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
	.close_shop p {
    text-align: justify;
}
	.hero-area {
    height: 120vh;
}
	.overlay {
    height: 120%;
}
	.bg-1 {
    background-attachment: scroll;
    background-position: right 50% center;
}
	
	
}