/* reset */
html, body, div, span, p, a, img, ul, li, section {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
ul {
	list-style: none;
}
/* .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.container, .col-sm-1, .col-sm-10, .col-sm-12, .col-sm-2, .col-sm-8 {
	padding-right: 0 !important;
	padding-left: 0 !important;
} */
.container {
	width: 100% !important;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
a:link {
	color: #333;
}
a:hover {
	text-decoration: none;
}

/* global */
section {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ff {
	font-family: 'Cochin', "GFS Didot", Arial, sans-serif;
}
.fs {
	font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fs2 {
	font-family: Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif;
}
img {
	width: 100%;
}

/* common */
#pageTop {
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	z-index: 9;
}
#pageTop a {
	display: block;
	z-index: 9;
	padding: 8px;
	border-radius: 0;
	width: 35px;
	height: 35px;
	background-color: #231815;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 767px) {
   /* SP */
	.pc {
		display: none !important;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.sp {
		display: none !important;
   }
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
   }
}

/* FS_page_init */
#header {
	/*はじめの高さを設定*/
	height: 7vw;
	width: 100%;
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
	position: fixed;
	z-index: 999;
	/*最前面へ*/
	height: 0px;
	animation: DownAnime 0.5s forwards;
	margin-top: -7vw !important;
}

@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-14vw);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

main {
	height: 100%;
	padding: 0 0px;
	background-color: #fff;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	main {
		margin-top: 0vw;
	}
}

@media screen and (min-width: 768px) {
	main {
		margin-top: 0vw !important;
	}
}

@media screen and (min-width: 768px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 767px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 1vw;
	}
	#line_frds_add_pdct img {
		width: 100vw;
        height: 100%;
	}
}

@media screen and (min-width: 768px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 1vw;
	}
	#line_frds_add_pdct img {
		width: 70vw;
        height: 100%;
	}
}


/* section */
@media screen and (max-width: 767px) {
   /* SP */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
		height: 100%;
   }
	#pageTop a {
		display: block;
		width: 20vw;
		height: 20vw;
		border-radius: 50px;
   }
   .is-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png.webp);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
   .is-no-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#pageTop a img {
		display: none;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
		height: 100%;
   }
	#pageTop a {
		display: block;
		width: 7vw;
		height: 7vw;
		border-radius: 50px;
   }
   .is-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png.webp);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
   .is-no-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#pageTop a img {
		display: none;
   }
}

/* foot */
@media screen and (max-width: 767px) {
	.foot_shop {
		background: #000000;
		color: #fff;
		text-align: center;
		font-size: 2.0vw;
		line-height: 3vw;
		padding: 2vw 0vw 2vw;
   }
	.foot_shop a {
		color: #fff;
   }
	.foot_shop a:hover {
		color: #e5e7ff;
   }
}
@media screen and (min-width: 768px) {
	.foot_shop {
		background: #000000;
		color: #fff;
		text-align: center;
		font-size: 0.7vw;
		line-height: 1.1vw;
		padding: 1vw 0vw 1vw;
   }
	.foot_shop a {
		color: #fff;
   }
	.foot_shop a:hover {
		color: #e5e7ff;
   }
}


/* face-series */

@media screen and (min-width: 768px) {
	.head_menu {
		display: flex;
		justify-content: center;
		column-gap: 1vw;
		margin-bottom: 10vw;
	}
	.menu_series {
		width: 25.9vw;
	}
	.menu_about {
		width: 21.0vw;
	}
	.series_table {
		display: flex;
		margin-left: 22vw;
		margin-right: 22vw;
	}
	.btn_area {
    	position: relative;
	}
	.btn_wrap {
		width: 97.5%;
		position: absolute;
		left: 0.9%;
		bottom: 0;
		display: flex;
		justify-content: space-between;
	}
	.btn_link {
		width: 32.33%;
        height: 4.375vw;
        padding: 0;
        border: none;
	}
	.btn_link img {
    	width: 100%;
	}
	.btn_link a {
		display: block;
		height: 100%;
		border:none;
		outline: none;
	}
	.item_box {
		margin-left: 8vw;
		margin-right: 8vw;
		margin-bottom: 10vw;
	}
	.item_link a {
		display: block;
		width: 100%;
		background-color: #3a3b3b;
		padding: 2vw;
		font-size: 2vw;
		line-height: 1;
		letter-spacing: 0.06em;
		text-align: center;
		color: #fff;
	}
	#item_about {
		background-color: #f5f5f5;
	}
	.item_about_list {
		background-color: #fff;
		/* margin-left: 3.6vw; */
		/* margin-right: 3.6vw; */
	}
	.full-width {
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
	}
	.item_about_list .accordion {
		margin-left: 9vw;
		margin-right: 9vw;
	}
	#item_about .animation {
		position: relative;
	}
	#item_about .animation_01 {
		margin-bottom: 3vw;
	}
	#item_about .animation_02 {
		position: absolute;
		left: 0;
		top: 22.3vw;
	}
}

@media screen and (max-width: 767px) {
	.head_menu {
		margin-left: 7vw;
		margin-right: 7vw;
		margin-bottom: 14vw;
		display: flex;
		/* flex-direction: column; */
		column-gap: 4.5vw;
		width: auto;
		padding: 0;
	}
/*
	.series_table {
		display:flex;
		height: 119.4vw;
		position: relative;
	}
	.series_table img {
		max-width: none;
		width: auto;
	}
	.table_th {
		width: 21.16vw;
		position: absolute;
		left: 0;
		top: 0;
	}
	.table_th img {
		width: 100%;
	}
	.table_td {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-left: 22vw;
		position: relative;
	}
	.table_td img {
		height: 100%;
	}
*/
	.btn_area {
    	/* position: relative; */
	}
	.btn_wrap {
		width: 100%;
		width: 125%;
		position: absolute;
		left: 0.9%;
		bottom: 0;
		display: flex;
		justify-content: space-between;
		column-gap: 4%;
	}
	.btn_link {
		width: 18.4%;
		height: 9.4vw;
        padding: 0;
        border: none;
	}
	.btn_link img {
    	width: 100%;
	}
	.btn_link a {
		display: block;
		height: 100%;
		border:none;
		outline: none;
	}
	.series_table_note {
		font-size: 1.7vw;
		letter-spacing: 0.06em;
		color: #acacac;
	}
	.item_box {
		margin-bottom: 22vw;
	}
	.item_link {
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.item_link a {
		display: block;
		width: 100%;
		background-color: #3a3b3b;
		padding: 1.5vw;
		font-size: 3.3vw;
		letter-spacing: 0.06em;
		color: #fff;
		text-align: center;
	}
	.animation {
		position: relative;
	}
	.item_about_list .animation_01 {
		width: 93.3vw;
		position: absolute;
		left: 3.5vw;
		top: 52vw;
	}
	.accordion_bg {
		background-color: #f8f8fa;
		padding-bottom: 9.5vw;
	}
	#item_about .accordion {
		margin-left: 9.5vw;
		margin-right: 9.5vw;
	}
	.item_about_list .animation_02 {
		width: 90.6vw;
		position: absolute;
		left: 5vw;
		top: 104vw;
	}
}

/* accordion */
.accordion {
	position: relative;
}
.accordion__ttl {
	cursor: pointer;
}
.accordion__ttl.is-active {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.accordion__cnt {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: 0.2s ease height;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


/* facecare series 3/3更新
=========================================== */
.nav_table{
    border-collapse: separate;
}
.series_table{
    display: block;
}
@media screen and (min-width: 768px){
    .nav_table{
        border-spacing: 1vw 0;
        margin-bottom: 5vw;
    }
    .series_table{
        margin-left: 0;
        margin-right: 0;
    }
    .btn_wrap{
        left: 1.5%;
        bottom: .5vw;
    }
    .btn_link {
        width: 18%;
        height: 2.85vw;
    }
    .series_table_note {
        font-size: 1vw;
        color: #ACACAC;
    }
    .item_box{
        margin-left: 0;
        margin-right: 0;
    }
    .item_link a{
        width: 90%;
        margin: 0 auto;
        padding: 1.5vw;
        font-size: 1.75vw;
    }
}
.btn_link{
/*    background-image: url(/wp-content/themes/mytrex/img/product/face/series_btn.jpg);
    background-size: contain;
    background-repeat: no-repeat; */
}

@media screen and (max-width: 767px){
    .table_wrap{
        overflow-x: scroll;
        margin-bottom: 15vw;
    }
    .nav_table{
        width: 120vw;
        border-spacing: 3vw 0;
    }
    .table_wrap2{
        overflow-x: scroll;
    }
    .series_table{
        width: 170vw;
    }
    .table_th {
        position: sticky;
        left: 0;
        z-index: 2;
    }
    .btn_area {
        position: relative;
        z-index: 1;
    }
    .btn_wrap {
        width: 97.3%;
		left: 1.1%;
		bottom: 0.5vw;
        column-gap: 0;
    }
}


/* 25/6/17 修正
===================================*/
.table_th {
    position: sticky;
    top: 0;
    left: -.1vw;
    z-index: 2;
	width: 11.47%;
}
.btn_link:nth-child(4) {
/*    background: url(/wp-content/themes/mytrex/img/product/face/series_btn2.jpg);
    background-repeat: no-repeat;
    background-size: contain; */
}
.btn_link:last-child{
    background: none;
}
@media screen and (min-width: 768px) {
    .head_ttl {
        width: 85%;
        margin: 0 auto;
    }
    .table_wrap {
        width: 87%;
        margin: 0 auto;
    }
    .nav_table {
        width: 100%;
        border-spacing: .5vw;
    }
    .face_item_box1 {
        width: 90%;
        margin: 0 auto;
    }
    .item_link a {
        width: 100%;
        padding: 2vw;
        font-size: 1.9vw;
    }
    .item_series_bg {
        background: #f5f5f5;
        padding: 0 3.5vw;
    }
    .item_series {
        background: #fff;
        padding: 0 5.5vw;
    }
    .table_wrap2 {
        width: 100%;
    }
    .series_table {
        width: 100%;
    }
    .series_table tbody{
        width: 100% !important;
		display: table;
    }
    .btn_wrap {
        left: 1%;
        bottom: .3vw;
    }
    .btn_link {
        height: 3.9vw;
    }
    .series_table_note{
        font-size: .7vw;
        text-align: right;
    }
}

@media screen and (max-width:767px){
    .table_wrap,
    .table_wrap2{
        width: 100%;
        overflow-x: scroll;
    }
    .table_wrap{
        margin-bottom: 0;
    }
    .nav_table {
        width: 134%;
        border-spacing: 1.5vw;
    }
    .series_table {
        width: 190%;
    }
    .btn_wrap {
        left: 1.1%;
    }
    .series_table_note{
        padding: 1vw 0 17vw 3vw;
    }
}


/* 25/7/25 修正 マークアップ
================================*/
@media screen and (min-width:768px){
    .page_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8vw;
        padding: 5vw 0 3.5vw;
    }
    .page_ttl {
        font-size: 2.7vw;
        letter-spacing: .2vw;
    }
    .ttl_sub {
        font-size: 1.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
    }
    .sec_ttl_cnt {
        margin-bottom: 8vw;
    }
    .sec_ttl {
        width: fit-content;
        margin: 0 auto;
        font-size: 2.5vw;
        letter-spacing: .1vw;
        background: #f4f5f7;
        padding: .3vw 8vw;
        position: relative;
    }
    .sec_ttl::before,
    .sec_ttl::after {
        display: inline-block;
        content: '';
        height: 3.5vw;
        width: 1px;
        background: #333;
        position: absolute;
        top: 0;
    }
    .sec_ttl::before{
        left: -1vw;
    }
    .sec_ttl::after{
        right: -1vw;
    }
    .item_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .7vw;
        margin-bottom: 3vw;
    }
    .item_ttl {
        font-size: 3.7vw;
        letter-spacing: .1vw;
    }
    .item_ttl_sub {
        font-size: 1.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .item_box{
        margin-bottom: 13vw;
    }
    .series_ttl_cnt {
        padding: 6vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5vw;
        margin-bottom: 2.5vw;
    }
    .series_ttl {
        padding: .3vw 6vw;
        letter-spacing: .2vw;
    }
    .series_ttl_sub {
        font-size: 1.7vw;
    }
    .item_series {
        padding-bottom: 13vw;
    }
    .item_support {
        background: #fff;
    }
    .sup_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6vw;
        margin-bottom: 4vw;
    }
    .sup_ttl {
        letter-spacing: .2vw;
    }
    .sup_ttl_sub {
        font-size: 2.5vw;
        font-weight: bold;
        letter-spacing: .2vw;
    }
    .item_series_bg {
        margin-bottom: 12vw;
    }
    .mj_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5vw;
        margin-bottom: 2vw;
    }
    .mj_ttl {
        letter-spacing: .2vw;
    }
    .mj_ttl_sub {
        font-size: 1.7vw;
    }
    .mj_article_list {
        padding: 0 24vw;
        display: flex;
        justify-content: space-between;
        gap: 2vw;
    }
    .mj_article_list li a {
        display: flex;
        flex-direction: column;
        gap: .5vw;
    }
    .mj_article_img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .mj_article_ttl {
        font-size: 1vw;
        letter-spacing: .1vw;
        font-weight: bold;
    }
}

@media screen and (max-width:767px){
    .page_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8vw;
        padding: 3vw 0 2.5vw;
    }
    .page_ttl {
        font-size: 4.8vw;
        letter-spacing: .2vw;
    }
    .ttl_sub {
        font-size: 3.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .sec_ttl_cnt {
        margin-bottom: 10vw;
    }
    .sec_ttl {
        width: fit-content;
        margin: 0 auto;
        font-size: 4.2vw;
        letter-spacing: .2vw;
        background: #f4f5f7;
        padding: .3vw 13vw;
        position: relative;
    }
    .sec_ttl::before, .sec_ttl::after {
        display: inline-block;
        content: '';
        height: 5.5vw;
        width: 1px;
        background: #333;
        position: absolute;
        top: 0;
    }
    .sec_ttl::before {
        left: -1.5vw;
    }
    .sec_ttl::after {
        right: -1.5vw;
    }
    .item_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1vw;
        margin-bottom: 5vw;
    }
    .item_ttl {
        font-size: 6.2vw;
        letter-spacing: .2vw;
    }
    .item_ttl_sub {
        font-size: 3vw;
    }
    .item_box {
        margin-bottom: 23vw;
    }
    .series_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5vw;
        margin-bottom: 9vw;
    }
    .series_ttl_sub {
        font-size: 3vw;
    }
    .series_table_note {
        padding: 1vw 0 20vw 3vw;
    }
    .sup_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        margin-bottom: 4vw;
    }
    .sup_ttl_sub {
        font-size: 5vw;
        font-weight: bold;
        letter-spacing: .3vw;
    }
    .item_series_bg {
        margin-bottom: 27vw;
    }
    .mj_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5vw;
        margin-bottom: 7vw;
    }
    .mj_ttl_sub {
        font-size: 3vw;
    }
    .mj_article_list {
        padding: 0 14vw;
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }
    .mj_article_list li a {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .mj_article_img {
        width: 100%;
        aspect-ratio: 5 / 3;
        object-fit: cover;
    }
    .mj_article_ttl {
        font-size: 2.5vw;
    }
}


/* RAKUNO SERIES
================================*/
.point_video01,
.point_video02 {
    aspect-ratio: 16 / 9;
}
.point_video01 iframe,
.point_video02 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width:768px){
    .head_kv_cnt {
        position: relative;
    }
    .page_ttl {
        font-size: 2.35vw;
        font-weight: bold;
        transform: scale(1.1, 1);
        text-align: left;
        letter-spacing: .1em;
        line-height: 1.75;
        position: absolute;
        top: 14%;
        left: 7%;
    }
    .nav_cnt {
        padding: 11vw 26vw 5vw;
    }
    .nav_ttl_cnt {
        text-align: center;
		padding-bottom: 3vw;
    }
    .nav_ttl {
        font-size: 2.15vw;
        letter-spacing: .05em;
        line-height: 1;
        margin-bottom: 1.4vw;
    }
    .nav_ttl_sub {
        font-size: 1.5vw;
        letter-spacing: .03em;
        line-height: 1;
    }
    .nav_table{
        table-layout: fixed;
        border-spacing: 1.3vw;
    }
    .nav_table tr:first-child td {
        vertical-align: baseline;
    }
    .btn_wrap{
        width: 95.5%;
        bottom: 2%;
        left: 2%;
    }
    .btn_link{
        height: 4.1vw;
        width: 31%;
    }
    .sec_about {
        position: relative;
        margin-bottom: 12vw;
    }
    .sec_about_ttl {
        font-size: 2.5vw;
        color: #afafaf;
        letter-spacing: .08em;
        position: absolute;
        top: 6%;
        left: 8.5%;
    }
    .sec_media_cnt {
        margin-bottom: 11vw;
    }
    .sec_point_cnt {
        padding: 0 8vw;
    }
    .sec_point_ttl {
        font-size: 2.1vw;
        text-align: center;
        color: #fff;
        background: linear-gradient(124deg, rgba(239, 197, 163, 1) 0%, rgba(224, 139, 71, 1) 40%, rgba(239, 197, 163, 1) 100%);
        padding: .8vw 0;
    }
    .point_img_cnt {
        position: relative;
    }
    .point_video01{
        width: 59%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .point_video02{
        width: 59%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .item_series{
        padding: 0 21vw;
        margin-bottom: 18vw;
    }
    .series_ttl_cnt{
        padding: 10vw 0 0;
    }
    .series_ttl_sub{
        letter-spacing: .05em;
    }
    .series_ttl {
        padding: 0;
        font-size: 2.65vw;
        font-weight: bold;
        letter-spacing: .1em;
    }
    .table_th{
        width: 18.1%;
    }
    .table_td{
        width: 91.5%;
    }
    .sec_ttl_cnt {
        margin-bottom: 5.5vw;
    }
    .item_ttl_cnt {
        flex-direction: row;
        justify-content: center;
        gap: 2vw;
        margin-bottom: 1.5vw;
    }
    .item_ttl{
        letter-spacing: .05em;
    }
    .buy_link {
        padding: 1vw 18vw 0;
        border-right: 4vw solid #f4f5f7;
        border-left: 4vw solid #f4f5f7;
    }
    .buy_ttl_cnt{
        margin-bottom: 1.5vw;
    }
    .buy_ttl {
        font-size: 1.8vw;
        text-align: center;
        line-height: 1;
    }
    .buy_link_cnt {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
        margin-bottom: 4vw;
    }
    .item_cp_sub {
        font-size: 1.3vw;
        background: #e08b48;
        color: #fff;
        padding: .4vw 1vw;
    }
    .cp_sub {
        font-size: 1.45vw;
        color: #e08b48;
        text-align: center;
        padding: 1vw 0 0;
        position: relative;
    }
    .cp_sub::before,
    .cp_sub::after {
        display: inline-block;
        content: '';
        height: .1vw;
        width: 18vw;
        background: #e08b48;
        position: absolute;
        bottom: 35%;
    }
    .cp_sub::before{
        left: 0;
    }
    .cp_sub::after{
        right: 0;
    }
    .sec_gift {
        padding: 1vw 25vw 13vw;
    }
    .gift_ttl {
        font-size: 2.6vw;
        font-weight: bold;
        text-align: center;
        padding-top: 5vw;
        margin-bottom: 1.5vw;
        position: relative;
    }
    .gift_ttl::before {
        display: block;
        content: '';
        height: 3.5vw;
        width: 3.5vw;
        background: url(/wp-content/themes/mytrex/img/product/rakuno/gift.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .link_series {
        padding: 8vw 22vw 10vw;
    }
    .series_img {
        width: 28vw;
        margin: 0 auto 2.5vw;
    }
    .btn_link_series {
        display: block;
        font-size: 1.8vw;
        letter-spacing: .1em;
        text-align: center;
        padding: .3vw;
        border: .15vw solid #333;
        position: relative;
    }
    .btn_link_series::after {
        display: inline-block;
        content: '';
        height: 1.3vw;
        width: 1.3vw;
        border: .7vw solid transparent;
        border-bottom: 1.2vw solid;
        position: absolute;
        top: 29%;
        right: 5%;
    }
    .btn_link_series span{
        display: block;
        background: #e08b48;
        padding: .8vw 0;
    }
    .btn_link_series:link{
        color: #fff;
    }
}
@media screen and (max-width:767px){
    .head_kv_cnt {
        position: relative;
    }
    .page_ttl {
        width: 100%;
    font-size: 4.5vw;
    transform: scale(1.1, 1);
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 600;
    position: absolute;
    top: 35.3%;
    left: 0;
    }
    .nav_cnt {
        padding: 17vw 3vw 15vw;
    }
    .nav_ttl_cnt {
        text-align: center;
		padding-bottom:6vw;
    }
    .nav_ttl {
        font-size: 5.7vw;
        letter-spacing: .03em;
        line-height: 1;
        margin-bottom: 3vw;
    }
    .nav_ttl_sub {
        font-size: 3.2vw;
        letter-spacing: .03em;
        line-height: 1;
    }
    .nav_table {
        width: 100%;
        table-layout: fixed;
        border-spacing: 2.5vw 5vw;
    }
    .nav_table td{
        vertical-align: bottom;
    }
    .sec_about {
        padding: 0 6vw 24vw;
        position: relative;
    }
    .sec_about_ttl {
        font-size: 5vw;
        letter-spacing: .08em;
        line-height: 1.25;
        color: #fff;
        position: absolute;
        top: 5%;
        right: 9%;
    }
    .sec_media_cnt {
        margin-bottom: 18vw;
    }
    .sec_point_ttl {
        font-size: 4.7vw;
        text-align: center;
        color: #fff;
        background: linear-gradient(124deg, rgba(226, 175, 132, 1) 0%, rgba(216, 136, 73, 1) 30%, rgba(216, 136, 73, 1) 70%, rgba(226, 174, 134, 1) 100%);
        padding: 3.5vw 0;
    }
    .point_img_cnt {
        position: relative;
    }
    .point_video01 {
        width: 100%;
        position: absolute;
        top: 11%;
    }
    .point_video02 {
        width: 85%;
        position: absolute;
        bottom: 13%;
        left: 50%;
        transform: translateX(-50%);
    }
    .item_series {
        padding: 31vw 0 20vw;
    }
    .series_ttl_cnt {
        gap: 1.5vw;
    }
    .series_table {
        width: 134%;
    }
    .table_th{
        width: 18.1%;
    }
    .btn_wrap{
        width: 96%;
    }
    .btn_link{
        width: 31%;
    }
    .buy_link {
        background: #f5f5f5;
        padding: 13vw 7vw 10vw;
    }
    .buy_ttl_cnt {
        text-align: center;
        margin-bottom: 3vw;
    }
    .buy_ttl {
        font-size: 3.5vw;
        line-height: 1;
    }
    .buy_link_cnt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 4vw;
    }
    .buy_link_cnt a {
        width: 48%;
    }
    .item_ttl_cnt{
        flex-direction: column-reverse;
        margin-bottom: 4vw;
    }
    .item_ttl {
        font-size: 6.5vw;
        letter-spacing: .05em;
    }
    .item_set {
        padding-top: 7vw;
    }
    .item_set_txt01 {
        width: fit-content;
        margin: 0 auto 4vw;
        font-size: 3.6vw;
        letter-spacing: .05em;
        line-height: 1;
        padding: 0 2vw .5vw;
        position: relative;
    }
    .item_set_txt01::before, 
    .item_set_txt01::after {
        display: inline-block;
        content: '';
        height: 3.5vw;
        width: .5px;
        background: #333;
        position: absolute;
        bottom: 0;
    }
    .item_set_txt01::before{
        left: 0;
        transform: rotate(-30deg);
    }
    .item_set_txt01::after{
        right: 0;
        transform: rotate(30deg);
    }
    .item_set_txt02 {
        padding-top: 2vw;
        font-size: 3.4vw;
        text-align: center;
    }
    .item_box {
        margin-bottom: 11vw;
    }
    .item_cp_sub {
        font-size: 2.8vw;
        background: #e08b48;
        color: #fff;
        padding: .3vw 15vw;
    }
    #item_rkl .item_cp_sub {
        padding: .3vw 7vw;
    }
    .cp_sub {
        font-size: 3vw;
        line-height: 1;
        color: #e08b48;
        padding-top: 3vw;
        position: relative;
    }
    .cp_sub::before, 
    .cp_sub::after {
        display: inline-block;
        content: '';
        height: 1px;
        width: 24vw;
        background: #e08b48;
        position: absolute;
        bottom: 26%;
    }
     .cp_sub::before{
        left: 0;
    }
    .cp_sub::after{
        right: 0;
    }
    .sec_gift {
        padding: 6vw 7vw 20vw;
    }
    .gift_ttl {
        font-size: 4.6vw;
        font-weight: bold;
        text-align: center;
        letter-spacing: .03em;
        padding-top: 10vw;
        margin-bottom: 3.5vw;
        position: relative;
    }
    .gift_ttl::before {
        display: block;
        content: '';
        height: 6.5vw;
        width: 6.5vw;
        background: url(/wp-content/themes/mytrex/img/product/rakuno/gift.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .link_series {
        padding: 18vw 10vw 13vw;
    }
    .series_img {
        padding: 0 6vw 3vw;
    }
    .btn_link_series {
        display: block;
        font-size: 3.3vw;
        letter-spacing: .1em;
        text-align: center;
        background: #e08b48;
        padding: 2vw;
        border-radius: .7vw;
        position: relative;
    }
    .btn_link_series::after {
        display: inline-block;
        content: '';
        height: 2vw;
        width: 2vw;
        border: 1.7vw solid transparent;
        border-bottom: 3vw solid;
        position: absolute;
        top: 20%;
        right: 8%;
    }
    .btn_link_series:link{
        color: #fff;
    }
}


@media screen and (max-width: 767px) {
   /* SP */
	.rakuno-item-list {
		position: relative;
		width: 100%;
   }
	.list-item_rkf {
		position: absolute;
		width: 23%;
		height: 16.5%;
		top: 43%;
		left: 0%;
   }
	.list-item_rfp{
		position: absolute;
		width: 23%;
		height: 16.5%;
		top: 43%;
		left: 25.5%;
	}
	.list-item_rkl{
		position: absolute;
		width: 23%;
		height: 16.5%;
		top: 43%;
		left: 51.5%;
	}
	.list-item_rklb{
		position: absolute;
		width: 23%;
	    height: 37%;
    	top: 43%;
		right: 0%;
	}
	.list-item_series{
		position: absolute;
		width: 74.5%;
	    height: 16.0%;
    	bottom: 20.3%;
	    left: 0%;
	}
	.list-about{
		position: absolute;
		width: 100%;
	    height: 16.0%;
    	bottom: 0%;
	    right: 0%;
	}
}
@media screen and (min-width: 768px) {
   /* PC */
	.rakuno-item-list {
		position: relative;
		width: 100%;
		margin-bottom: 10%;
   }
	.list-item_rkf {
		position: absolute;
		width: 22%;
		height: 16%;
		top: 42%;
		left: 0%;
   }
	.list-item_rfp{
		position: absolute;
		width: 22%;
		height: 16%;
		top: 42%;
		left: 26%;
	}
	.list-item_rkl{
		position: absolute;
		width: 22%;
		height: 16%;
		top: 42%;
		left: 52%;
	}
	.list-item_rklb{
		position: absolute;
		width: 22%;
		height: 37%;
		top: 42%;
		right: 0;
	}
	.list-item_series{
		position: absolute;
		width: 74%;
	    height: 15.5%;
    	bottom: 20.9%;
	    left: 0%;
	}
	.list-about{
		position: absolute;
		width: 100%;
	    height: 15.5%;
    	bottom: 0%;
	    right: 0%;
	}
}