@charset "UTF-8";




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

	
/*********** 共通 *************/

.title {
	font-size: 3.5rem;
	font-weight: 400;
}

/*********** ↑共通 *************/
	

	
	

/*********** main *************/

.main-bg.main0 {
	background-image: url("/content/dam/31sumai/mfr/G2302/assets/images/top/sp_main_bg.jpg");
	background-position: left bottom;
}

.main_p {
	position: relative;
	top: 50%;
	right: 0;
	transform: translateY(-56%);
	width: 100%;
}

.main_c {
	display: none;
}

.main-cap {
	right: 5px;
	bottom: 55px;
	font-size: 1.0rem;
}

.main-next {
	position: fixed;
	bottom: 60px;
	left: 10px;
	transform: translateX(0);
	width: 60px;
}

.main-txt {
	width: 90%;
	margin: 0 auto;
}

.viewmore {
	width: 160px;
	margin-top: 40px;
}

/*********** ↑main *************/


	
	
.plan-txt {
	width: 90%;
}

.movie-bg {
	padding: 60px 0;
}

.container-movie {
	padding: 0 4%;
}

.movie-txt1 {
	font-size: 1.8rem;
	margin-top: 10px;
}

.movie-wrap li {
	width: 100%;
	margin-top: 20px;
}

.movie-wrap li:nth-child(4) {
	margin-left: 0;
}

.movie-wrap li:nth-child(5) {
	margin-right: 0;
}

.movie-wrap .txt {
	font-size: 1.4rem;
}

.movie-txt2 p:nth-child(1) {
	font-size: 2.0rem;
	margin-top: 50px;
}

.movie-txt2 p:nth-child(2) {
	font-size: 1.4rem;
	margin-top: 20px;
}

	
.top-entry {
	margin-top: 70px;
}

.top-entry-copy {
	margin-top: 10px;
}

.top-entry-copy .ttl {
	font-size: 2.0rem;
}

.top-entry-copy .txt {
	font-size: 1.4rem;
	margin-top: 10px;
}

.top-entry-copy2 {
	margin-top: 40px;
}

.top-entry-copy2 .ttl {
	font-size: 1.5rem;
}

.top-entry-copy2 ul {
	width: 80%;
	margin: 0 auto;
}
	
.top-entry-copy2 ul li {
	margin-top: 20px;
}

.top-entry-copy2 ul li.cont {
	width: 100%;
}

.top-entry-copy2 dt {
	font-size: 1.5rem;
}

.top-entry-copy2 dd:nth-of-type(1) {
	font-size: 1.4rem;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
}

.top-entry-copy2 dd:nth-of-type(2) {
	font-size: 1.2rem;
	margin-top: 10px;
}

.top-entry-copy2 ul li.line {
	display: flex;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
}

.top-entry-copy2 .line p:nth-child(1) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    background-image: linear-gradient(to top right, transparent 49.5%, #000 49.5%, #000 51.5%, transparent 51.5%);
}

.top-entry-copy2 .line p:nth-child(2) {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    background-image: linear-gradient(to top left, transparent 49.5%, #000 49.5%, #000 51.5%, transparent 51.5%);
}

nav.top-entry-bt {
	margin-top: 30px;
}

nav.top-entry-bt ul li {
	width: 76%;
}

nav.top-entry-bt ul li a {
	padding: 12px 0;
}

nav.top-entry-bt ul li a .en {
	font-size: 2.2rem;
	font-weight: 400;
}

nav.top-entry-bt ul li a .ja {
	font-size: 1.2rem;
}

.bnr-wrap {
	margin-top: 60px;
}
	
.bnr-wrap li:nth-child(1) {
	width: 100%;
}

.bnr-wrap li:nth-child(2) {
	width: 100%;
	margin-top: 20px;
}
	
.info-wrap {
	font-size: 1.4rem;
	margin-top: 70px;
}

.info-wrap .title {
	padding-bottom: 10px;
}

	
	
/*********** fbt *************/

.fbt-wrap {
	margin-top: 70px;
}

.fbt-wrap li {
	width: 100%;
}

.fbt-wrap dt {
	font-size: 3.2rem;
	font-weight: 400;
}

.fbt-wrap dd {
	font-size: 1.3rem;

}

/*********** ↑fbt *************/



	
.energylabel-wrap {
	margin-top: 60px;
	padding-bottom: 10px;
}

.bnr_recommend-wrap {
	margin-top: 30px;
	padding-bottom: 10px;
}

.bnr_recommend-wrap li {
	margin-top: 20px;
}


	
	
/*********** vegas *************/
	
.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

	
.vegas-animation-kenburnsDownLeft {
    animation: kenburnsDownLeft ease-out;
}

@keyframes kenburnsDownLeft {
    0% {
        transform: scale(1.5) translate(15%, -15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

	
.vegas-animation-kenburnsDownRight {
    animation: kenburnsDownRight ease-out;
}

@keyframes kenburnsDownRight {
    0% {
        transform: scale(1.5) translate(-15%, -15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsDown {
    animation: kenburnsDown ease-out;
}

@keyframes kenburnsDown {
    0% {
        transform: scale(1.5) translate(0, -15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsLeft {
    animation: kenburnsLeft ease-out;
}

@keyframes kenburnsLeft {
    0% {
        transform: scale(1.5) translate(15%, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsRight {
    animation: kenburnsRight ease-out;
}

@keyframes kenburnsRight {
    0% {
        transform: scale(1.5) translate(-15%, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsUpLeft {
    animation: kenburnsUpLeft ease-out;
}

@keyframes kenburnsUpLeft {
    0% {
        transform: scale(1.5) translate(15%, 15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsUpRight {
    animation: kenburnsUpRight ease-out;
}

@keyframes kenburnsUpRight {
    0% {
        transform: scale(1.5) translate(-15%, 15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}


.vegas-animation-kenburnsUp {
    animation: kenburnsUp ease-out;
}

@keyframes kenburnsUp {
    0% {
        transform: scale(1.5) translate(0, 15%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

/*********** ↑vegas *************/
	
	
	
	
	
}