/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/miray-rj40/
Description:MYTREX MiRAY RJ-40
Version: 1.0
*/

/*フェイスライン*/
#video-miray {
position: relative;
width: 100%;
height: auto;
}
#video-btn, #video-btn.current {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: none;
}
#video-btn::after {
position: absolute;
content: '';
display: block;
background-image: url(/wp-content/themes/mytrex/img/product/aqua/mv_play.png);
background-size: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
opacity: 1.0;
}
#video-btn.current::after {
background-image: url(/wp-content/themes/mytrex/img/product/prove/mv_stop.png);
opacity: 0.1;
transform: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
top: auto;
left: auto;
}
@media screen and (max-width: 767px) {
#video-btn::after {
width: 13.7vw;
height: 6.5vw;
bottom: 2vw;
right: 2vw;
top: auto;
left: auto;
transform: inherit;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#video-btn.current::after {
width: 8vw;
height: 8vw;
bottom: 2vw;
right: 2vw;
}
  .footer_menu_sns {
    gap: 0 4.5vw;
    margin-bottom: 3.0vw;
    margin-top: 15vw !important;
  }
}
@media screen and (min-width: 768px) {
#video-btn::after {
width: 13.8vw;
height: 6.6vw;
}
#video-btn.current::after {
width: 4vw;
height: 4vw;
}
#video-btn.current::after {
bottom: 2vw;
right: 2vw;
}
  .footer_menu_sns {
    justify-content: center;
    margin-bottom: 1.5vw;
    margin-top: 5vw !important;
  }
}
#header {
/*はじめの高さを設定*/
height: 7vw;
width: 100%;
/*以下はレイアウトのためのCSS*/
display: flex;
justify-content: space-between;
align-items: center;
background: #000;
}
/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
position: fixed;
z-index: 999;
/*最前面へ*/
height: 0px;
animation: DownAnime 0.5s forwards;
margin-top: -7vw !important;
}
footer {
background: #000;
padding: 0vw 0vw 0vw 0vw;
}

@keyframes DownAnime {
from {
opacity: 0;
transform: translateY(-14vw);
}
to {
opacity: 1;
transform: translateY(0);
}
}
main {
height: 100%;
/*min-height: 100vh;
*/
padding: 0 0px;
background-color: #fff;
transition: all .5s;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 8vw;
}

.footer_menu_link li a {
color: #ffffff !important;
}
.footer_menu_link li a:before {
color: #999999 !important;
}

.footer_menu_product_ttl4 a {
color: #ffffff !important;
}
.footer_menu_product_ttl4 a:before {
color: #999999 !important;
}
@media screen and (max-width: 767px) {
.wrapper>main {
margin-top: 20vw;
}
}
@media screen and (min-width: 768px) {
.menu_pc_list_logo {
padding: 1.6vw 0vw 1.6vw 2vw;
text-align: center;
}
.footer_menu_link li {
color: #ffffff;
font-size: 1.0vw;
letter-spacing: 0.06em;
margin-bottom: 1.0vw;
}
.footer_menu_link li:hover {
color: #999999;
}
.footer_menu_link li:visited {
color: #ffffff;
}

main {
margin-top: 3vw !important;
}
}
@media screen and (max-width: 767px) {
.pc {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.container {
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
}
.fs {
font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
/* pagetop -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
#pageTop2 {
position: fixed;
bottom: 12vw;
left: 2vw;
z-index: 10000;
}
}
@media screen and (min-width: 768px) {
#pageTop2 {
position: fixed;
bottom: 2vw;
right: 2vw;
z-index: 10000;
}
}
#pageTop2 img {
width: 100%;
}
#pageTop2 a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 0px;
width: 35px;
height: 35px;
background-color: #231815;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#pageTop2 a:hover {
text-decoration: none;
background-color: #ffffff;
}
/* pagetop -------------------------------------------------------------- */
/*** menu sub ***/
@media screen and (max-width: 767px) {
.menu_sp_list_logo {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
position: fixed;
}
.menu_sub {
background: #d9e5da;
padding: 0.5vw 0.5vw;
width: 100%;
position: fixed;
top: 11vw;
z-index: 999;
}
.menu_sub_item_nm {
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 0.5vw 0.5vw;
text-align: center;
}
.menu_sub_item_link {
font-size: 3vw;
font-weight: normal;
letter-spacing: 0.1vw;
line-height: 3vw;
color: #b5b5b6;
padding: 2.5vw 0.5vw;
width: 100%;
overflow-x: auto;
white-space: nowrap;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.menu_sub_item_link a {
color: #231815;
display: inline-block;
list-style: none;
padding: 0vw 3vw;
}
.menu_sub_item_link a:hover {
color: #b5b5b6;
}
#mt_pc_top_buy_cartin {
position: fixed;
bottom: 0px;
right: 0px;
background: #0000004f;
padding: 4px 0px 0px;
}
.mt_pc_top_buy {
padding: 0 12vw;
}
/* state */
.menu_sub.is-fixed {
width: 86%;
position: absolute;
top: 0;
transition-duration: 0.2s;
}
.is-fixed .menu_sub_item_link {
padding: 4vw 0.5vw;
}
}
@media screen and (min-width: 768px) {
.menu_sub {
background: #d9e5da;
padding: 0vw;
position: fixed;
z-index: 999;
top: 7.02vw;
width: 100%;
height: 3vw;
}
.menu_sub_item_nm {
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 1.0vw 0.5vw;
text-align: center;
}
.menu_sub_item_link {
font-size: 0.75vw;
font-weight: normal;
letter-spacing: 0.08vw;
line-height: 1vw;
color: #b5b5b6;
padding: 1.0vw 0vw;
overflow-x: auto;
white-space: nowrap;
}
.menu_sub_item_link::-webkit-scrollbar {
display: none;
}
.menu_sub_item_link a {
color: #231815;
}
.menu_sub_item_link a:hover {
color: #b5b5b6;
}
#mt_pc_top_buy_cartin {
padding: 0;
}
.mt_pc_top_buy {
padding: 0vw 0vw !important;
}
}
/*** menu sub ***/
/*** section ***/
@media screen and (max-width: 767px) {
#pd_c {
padding: 0% 0 15vw;
background: #000000;
}
#pd_l {
padding: 0 0 10%;
background: #1a1a1a;
}
#pd_l2 {
padding: 10% 0 10%;
}
#pd_mv {
background: #ffffff;
z-index: 1;
/* padding-top: 14vw;
*/
position: relative;
width: 100vw;
right: 5vw;
margin-top: 11vw !important;
margin-bottom: 9vw !important;
}
}
@media screen and (min-width: 768px) {
#pd_c {
padding: 5% 3vw 5vw;
background: #000000;
}
#pd_l {
padding: 5% 0 5%;
background: #1a1a1a;
}
#pd_l2 {
padding: 5% 0 5%;
}
#pd_mv {
padding: 0 0 0;
background: #ffffff;
z-index: 1;
line-height: 0;
/* padding-top: 8vw;
*/
}
}
/*** section ***/

/*** c ***/
@media screen and (max-width: 767px) {
.pd_c_bnr{
width:100%;
padding-bottom: 10vw;
}
.pd_c_bnr img{
width:100%;
height: auto;
}
.pd_c_bnr_ig{
width:100%;
padding-bottom: 10vw;
}
.pd_c_bnr_ig img{
width:100%;
height: auto;
}
.pd_c_slider {
padding: 0vw 8vw 4vw;
}
.pd_c_box {
padding: 0vw 4vw;
}
.pd_c_ttl_sub {
padding: 2vw 4vw 0vw;
font-size: 3.5vw;
line-height: 1.6;
letter-spacing: .3vw;
}
.pd_c_ttl_sub sup{
font-size: 1.5vw;
}
.pd_c_ttl_sub2 {
padding-top: 1vw;
font-size: 3.3vw;
line-height: 1;
letter-spacing: .5vw;
font-weight: normal;
	color: #fff;
padding-bottom: 3vw;
}
.pd_c_ttl_sub3 img{
width:100%;
height: auto;
}
.pd_c_nm4 {
padding: 0vw 0 5vw;
font-size: 7vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: .3vw;
border-bottom: 1px solid #000;
margin: 0vw 4vw;
transform: scale(1,0.95);
}
.pd_c_text {
padding: 0 4vw 9vw;
font-size: 3.3vw;
line-height: 1.57;
letter-spacing: .4vw;
}
.pd_c_text sup {
display: inline-block;
transform: scale(0.7);
}
.pd_c_text small {
display: inline-block;
padding-top: 4.5vw;
font-size: 2vw;
letter-spacing: 0.1vw;
}
.pd_c_text_small {
display: inline-block;
padding-top: 4.5vw;
font-size: 2vw;
letter-spacing: 0.1vw;
}
.pd_c_price1 {
padding: 0 4vw 3vw;
font-size: 3.3vw;
line-height: 1;
letter-spacing: .1vw;
color:#fff;
}
.pd_c_price2 {
padding: 1vw 4vw 4vw;
    font-size: 10vw;
    font-weight: 500;
    line-height: 8vw;
    letter-spacing: 0.3vw;
    color: #fff;
}
.outofstock_blank {
padding-bottom: 15% !important;
}
.pd_c_price2b {
font-size: 2.5vw;
line-height: 2.5vw;
padding-left: 1vw;
}
	.cart-select_list{
		color:#fff;
	}
.w2_cart .cart-add_button button[type="submit"] {
  background-color: #fff;
  color: #222;
}
.w2_cart .cart-select_list select {
  color: #111;
}
	.w2_cart .js_w2_cart .cart-add_list div{
		color: #fff !important;
	}
	.w2_cart .js_w2_cart .cart-add_list .cart-add_item .cart-quantity_input input{
		background-color: #fff !important;
		color: #222 !important;
	}
	.add_button2{
  background-color: #222;
  color: #fff;	
	}
}
@media screen and (min-width: 768px) {
.pd_c_bnr{
width:100%;
padding-bottom: 4vw;
}
.pd_c_bnr img{
width:100%;
height: auto;
}
.pd_c_bnr_ig{
width:100%;
padding-bottom: 4vw;
}
.pd_c_bnr_ig img{
width:100%;
height: auto;
}
 #pd_c .pd_c_slider {
    padding: 0vw 0vw 0vw 2vw !important;
  }
.pd_c_box {
padding: 1vw 5vw;
}
.pd_c_ttl_sub {
padding: 2vw 0vw 0vw;
font-size: 1.1vw;
line-height: 1.7;
letter-spacing: 0.05vw;
}
.pd_c_ttl_sub sup{
font-size: 0.6vw;
}
.pd_c_ttl_sub2 {
padding: 0.6vw 0 1vw;
font-size: 1.6vw;
line-height: 1;
letter-spacing: .15vw;
font-weight: normal;
color: #fff;
}
.pd_c_ttl_sub3 {
width: 28vw;
}
.pd_c_ttl_sub3 img{
width: 100%;
height: auto;
}
.pd_c_nm4 {
padding: 0vw 0vw 0vw;
font-size: 2vw;
font-weight: 800;
}
.pd_c_text {
font-size: 1.2vw;
line-height: 1.7;
letter-spacing: .05vw;
padding-bottom: 3vw;
}
.pd_c_text_small{
padding: 1vw 0 0;
font-size: .8vw;
line-height: 1.5;
letter-spacing: .05vw;
}
.pd_c_text small{
padding: 1vw 0 0;
font-size: .9vw;
line-height: 1.5;
letter-spacing: .05vw;
}
.pd_c_text sup {
display: inline-block;
transform: scale(0.7);
}
.pd_c_price1 {
padding-top: 2vw;
font-size: 1.3vw;
line-height: 2vw;
letter-spacing: .1vw;
color: #fff;
}
.pd_c_price2 {
padding: 0vw 0vw 0vw;
font-size: 3vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
color:#fff;
}
.pd_c_price2b {
font-size: 1.2vw;
line-height: 4vw;
}
.pd_c_bnr2{
position: relative;
padding: 1vw 0vw 1vw;
}
	.cart-select_list{
		color:#fff;
	}
.w2_cart .cart-add_button button[type="submit"] {
  background-color: #222;
  color: #fff;
}
.w2_cart .cart-select_list select {
  color: #111;
}
	.w2_cart .js_w2_cart .cart-add_list div{
		color: #fff !important;
	}
	.w2_cart .cart-quantity_input2 input {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
		background-color: #000;
		color: #fff;
		padding: 0 7px;
		text-align: center;
		width: 4.5vw;
	}
	.w2_cart .js_w2_cart .cart-add_list .cart-add_item .cart-quantity_input input{
		background-color: #fff !important;
		color: #222 !important;
	}
	.add_button2{
		background-color: #fff !important;
		color: #222 !important;	
	}
	
}

	.w{
		color: #fff !important;			
	}

/*** c ***/


/*** l ***/
@media screen and (max-width: 767px) {
.pd_l_area {
padding: 4vw 4vw;
}
.pd_l_area_ttl {
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #FFFFFF;
padding-bottom: 6vw;
text-align: center;
}
.pd_l_box_are {
padding: 0vw 0vw;
}
.pd_l_box_are2 {
padding: 0vw 4vw;
}
.pd_l_box1 {
padding: 4vw 23vw;
text-align: center;
}
.pd_l_box2 {
padding: 0vw 0vw 5vw;
}
.pd_l_box3 {
float: left;
width: 33%;
padding: 0.5vw;
}
.pd_l_icon {
padding: 0vw;
width: 100%;
line-height: 0;
}
.pd_l_icon img {
width: 100%;
}
.pd_l_text {
font-size: 3vw;
line-height: 5.0vw;
letter-spacing: 0.2vw;
color: #fff;
padding: 1.0vw 0.0vw;
text-align: left;
}
.pd_l_ttl {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
color: #fff;
padding: 2vw 1.0vw;
text-align: center;
}
.pd_l_area {
padding: 15vw 0 15vw;
/* background-color: #f2f2f2;
*/
}
.pd_l_item_ttl{
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: left;
display:none;
}
}
@media screen and (min-width: 768px) {
.pd_l_area {
padding: 4vw 0vw;
}
.pd_l_area_ttl {
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #FFFFFF;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_l_box_are {
padding: 0vw 0vw;
}
.pd_l_box_are2 {
padding: 0vw 0vw;
}
.pd_l_box1 {
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_l_box2 {
float: left;
width: 66%;
padding: 0.5vw;
}
.pd_l_box3 {
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_l_icon {
padding: 1vw 1vw 1vw 0vw;
width: 100%;
line-height: 0;
}
.pd_l_icon img {
width: 100%;
}
.pd_l_text {
font-size: 0.7vw;
line-height: 1.7;
letter-spacing: 0vw;
color: #fff;
padding: 3vw 0vw 1.0vw 0vw;
text-align: left;
}
.pd_l_ttl {
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #fff;
padding: 0.5vw 1.0vw 0vw;
text-align: center;
}
.pd_l_area {
padding: 0 0vw 1vw;
}
.pd_l_item_ttl{
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: center;
}
}
/*** l ***/
/*** btm ***/
#cartin_sp {
position: fixed;
bottom: 0px;
right: 0px;
background: #d9e5dade;
;
padding: 0px 0px 0px;
height: 10vw;
}
.mytrex_buy {
width: 100%;
}
@media screen and (max-width: 767px) {
.mytrex_buy_item {
float: left;
font-size: 3vw;
font-weight: 800;
line-height: 4vw;
color: #231815;
padding: 1vw 3vw 1vw 3vw;
letter-spacing: 0.1vw;
min-width: 30vw;
}
.mytrex_buy {
padding: 0 12vw;
}
}
@media screen and (min-width: 768px) {
.mytrex_buy {
padding: 0 1vw;
}
}
/*** btm ***/
/*** modal ***/
@media screen and (max-width: 767px) {
#btn-close-modal {
width: 23vw;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 3.5vw;
font-weight: normal;
border: 1px solid #3e3c3d;
padding: 1.5vw 0.2vw;
border-radius: 10vw;
line-height: 3.5vw;
margin: 0 auto 10vw;
}
.modal-content {
width: 94%;
}
}
@media screen and (min-width: 768px) {
#btn-close-modal {
width: 7vw !important;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 1vw;
font-weight: normal;
border: 1px solid #3e3c3d;
padding: 0.5vw 0.2vw;
border-radius: 10vw;
line-height: 1vw;
margin: 0 auto 5vw;
}
.modal-content {
width: 80%;
}
}
.modal-content {
margin: 60px auto 80px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
background: rgba(255, 255, 255, 1);
border: 0px solid rgba(0, 0, 0, 0);
border-radius: 0px;
}
/*** modal ***/
/*** modal e1 ***/
@media screen and (max-width: 767px) {
#pd_md_1 {
padding: 15% 0% 0%;
}
.support_product_qa_ttl {
padding-bottom: 7vw;
}
}
@media screen and (min-width: 768px) {
#pd_md_1 {
padding: 8% 0%;
}
.support_product_qa_ttl {
text-align: left !important;
padding-bottom: 7vw;
}
}
/*** modal e1 ***/
/*** modal e5 ***/
@media screen and (min-width: 768px) {
.support_product_qa_ttl {
text-align: left !important;
}
}
/*** modal e5 ***/
/*** cmn ***/
.pd_wrap {
color: #1a1a1a;
}
@media screen and (max-width: 767px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
min-height: 0;
}
.full-width, .sp-full-width {
display: block;
margin: 0 calc(50% - 50vw);
}
.pd_wrap img {
width: 100%;
display: block;
vertical-align: bottom;
}
.pd_b {
margin-bottom: 6.5vw;
}
.pdct_n_a_sp_sub {
text-align: center;
font-size: 5.3vw;
letter-spacing: 0.2em;
line-height: 1.75;
margin-bottom: 4vw;
}
.pdct_n_a_sp_sub {
text-align: center;
}
.pdct_n_a_sp_ttl {
text-align: center;
font-size: 5.8vw;
letter-spacing: 0.6vw;
margin-bottom: 1vw;
font-weight: 700;
transform: scale(1,0.9);
}
.pdct_n_a_sp_ttl2 {
padding: 9vw 1vw 4vw;
color: #3f3d3e;
font-size: 5.3vw;
font-weight: 400;
line-height: 1.5;
letter-spacing: .5vw;
text-align: center;
}
.pdct_n_a_sp_ttl2a {
padding: 1.5vw 1vw 7vw;
color: #3f3d3e;
font-size: 2.8vw;
letter-spacing: .5vw;
text-align: center;
}
.pdct_n_a_sp_ttl3 {
padding: 0vw 1vw 3vw;
color: #3f3d3e;
font-size: 2.5vw;
font-weight: normal;
line-height: 1;
letter-spacing: 0.1vw;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.pd_wrap img {
width: 100%;
display: block;
vertical-align: bottom;
}
.full-width {
display: block;
margin: 0 calc(50% - 50vw);
}
}
/*** cmn ***/



/* 返品保証 */
.pd_t_sup_box2_ttl {
color: #c3996d;
}
.pd_t_sup_ttl:before, .pd_t_sup_ttl:after {
background-color: transparent;
}
@media screen and (max-width: 767px) {
.pd_t_sup_box1_texta {
color: #d79713;
}
.rb-kbfs-cpn-box-ttl{
text-align: center;
font-size: 6vw;
padding: 4vw 0 2vw;
line-height: 1.3;
}
.rb-kbfs-cpn-box-inner{
width: 71vw;
margin: 0 auto;
}
button.copy-clink {
width: 100%;
background: #93cac4;
color: #fff;
border: none;
padding: .3vw 0;
font-size: 4.1vw;
letter-spacing: .05vw;
}
button.copy-clink:hover {
width: 100%;
background: #fff;
color: #93cac4;
border: #93cac4 1px solid;
}
.cpn-cmp-cpn-box-inne, .comment {
font-size: 2.8vw;
line-height: 1.1;
padding: 2vw 0vw 10vw;
text-align: center;
}
}
@media screen and (min-width: 768px) {
#pd_t {
background: #e9e9e950;
}
#pd_l {
padding: 5% 0 5%;
}
.rb-kbfs-cpn-box-ttl{
text-align: center;
font-size: 2vw;
padding: 2vw 0vw 1vw;
}
.rb-kbfs-cpn-box-inner{
width: 44vw;
margin: 0 auto;
}
button.copy-clink {
width: 100%;
background: #93cac4;
color: #fff;
border: none;
padding: .3vw 0;
font-size: 1.1vw;
letter-spacing: .05vw;
}
button.copy-clink:hover {
width: 100%;
background: #fff;
color: #93cac4;
border: #93cac4 1px solid;
}
}


/***          P2          ***/

@media screen and (max-width: 767px) {
.fs_cart_add2 form > table tr {
display: flex;
align-items: flex-end;
position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
font-size: 3vw;
line-height: 1.5;
width: auto;
letter-spacing: .2vw;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
width: 100%;
}
.fs_cart_add2 form {
padding: 0 0vw;
margin-top: 4vw !important;
margin-bottom: 5vw !important;
}
.fs_cart_add2 form span {
font-size: 2.8vw !important;
}
.fs_cart_add2 form > table {
width: 100%;
}
.fs_cart_add2 form select {
padding: 1vw 4vw 1vw 1vw !important;
}
.fs_cart_add2 form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
padding: .4vw 1.8vw .4vw .9vw !important;
cursor: pointer;
}
.fs_cart_add2 select {
border-radius: 0;
border: none;
font-size: 3vw;
margin: 1vw 0 2vw;
padding: .5vw 0 .5vw .4vw;
background: #e7e7e7;
}
.fs_cart_add2 form > table tr td input[type="text"] {
height: 10.85vw;
margin-top: 1.2vw;
font-size: 3vw;
background-color: #fff;
width: 100%;
padding: 0 7px;
text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
height: 10.85vw;
font-size: 3vw;
border: none;
width: 100%;
background-color: #222;
color: #fff;
}
}
@media screen and (min-width: 768px) {
.fs_cart_add2 form {
margin-top: 1vw !important;
margin-bottom: 1vw !important;
}
.fs_cart_add2 form > table {
width: 100%;
}
.fs_cart_add2 form > table tr {
display: flex;
align-items: flex-end;
position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
width: auto;
font-size: .8vw;
letter-spacing: .2vw;
line-height: 1.3;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
width: 100%;
}
.fs_cart_add2 form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
padding: .4vw 1.8vw .4vw .9vw !important;
cursor: pointer;
}
.fs_cart_add2 select {
border-radius: 0;
border: none;
font-size: .8vw;
margin: .3vw 0 .5vw;
background: #e7e7e7;
padding: .4vw 0 .4vw .1vw;
}
.fs_cart_add2 form > table tr td input[type="text"] {
background-color: #fff;
width: 100%;
height: 3.85vw;
margin-top: .2vw;
font-size: .8vw;
padding: 0 7px;
text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
border: none;
width: 100%;
height: 3.85vw;
background-color: #222;
color: #fff;
font-size: .8vw;
}
}
/***          P2          ***/

#modal-mr02,#modal-mr03,#modal-mr04,#modal-mr05,#modal-mr06 {
background-color: transparent !important;
}
.modal_close_outer #btn-close-modal {
width: 100%;
height: 100vw;
position: absolute;
left: 0;
top: 0;
border: none;
padding: 0;
z-index: -1;
background-color: transparent;
border-radius: 0;
}
.modal_close_outer + .modal-content {
width: 70%;
background-color: transparent;
}
.modal_close_outer + .modal-content .col-sm-1 {
width: 0;
}
.modal_close_outer + .modal-content .col-sm-10 {
width: 100%;
}
.modal_close_outer + .modal-content .container {
box-shadow: 10px 4px 20px 2px #00000070;
}
.modal_close_outer + .modal-content .modal-box #btn-close-modal {
font-size: 1vw;
}
.modal_close_outer + .modal-content .modal-box .modal_close {
left: 0;
}
@media screen and (max-width: 767px) {
.modal_close_outer + .modal-content #pd_md_1 {
padding-top: 0;
}
.modal_close_outer + .modal-content {
width: 94%;
margin-top: 15vw !important;
}
.modal_close_outer #btn-close-modal {
height: 100%;
margin-bottom: 0;
background-color: transparent;
}
#modal-mr02 .modal_close_outer #btn-close-modal {
height: 260vw;
}
#modal-mr04 .modal_close_outer #btn-close-modal {
height: 310vw;
}
#modal-mr05 .modal_close_outer #btn-close-modal {
height: 290vw;
}
#modal-mr06 .modal_close_outer #btn-close-modal {
height: 240vw;
}
.modal_close_outer + .modal-content .modal-box #btn-close-modal {
font-size: 3vw;
margin-bottom: 1vw;
}
}

/* 多言語対応(フランス語,英語) */
font + br {
display: none;
}
@media screen and (min-width: 768px) {
html:lang(en) .mr2_g_box2d_3 {
right: 0;
bottom: 6vw;
width: 20vw;
}
html:lang(en) .mr2_g_box3d {
width: 40vw;
}
html:lang(en) .mr2_h_box2a_3 {
white-space: break-spaces;
}
html:lang(en) .mr2_i_box4c {
display: grid;
}
html:lang(en) .mr2_i_box4c font {
display: block;
}
html:lang(en) .mr2_i_box6b_1 {
width: 50vw;
}
html:lang(en) .mr2_i_box6b_2 {
width: 50vw;
}
html:lang(en) .mr2_i_box6b_2 {
width: 50vw;
}
html:lang(en) .mr2_i_box6b {
top: 3.59vw;
}
html:lang(en) .mr2_i_box9b {
width: 30vw;
}
}
@media screen and (max-width: 767px) {
html:lang(en) .mr2_i_box4c {
display: grid;
}
html:lang(en) .mr2_i_box4c font {
display: block;
}
html:lang(en) .mr2_i_box9b {
width: 40vw;
}
}


@media screen and (max-width: 767px) {
.pd_c_bnr2 {
padding-bottom: 1vw !important;
}
.pd_cb_bnr{
padding:0vw;
}
.pd_cb_bnr_img img{
width:100%;
height:auto;
}
#modal-mr07{
background-color: rgba(255, 255, 255, 0.25) !important;
padding-top: 7vw !important;
}
.modal-content {
width: 88vw;
}
.pd_mr_cb_area{
padding: 7vw 4vw 4vw;
}
.pd_mr_cb_area_ttl{
font-size: 4vw;
font-weight: 700;
text-align: center;
padding-bottom: 5vw;
}
.pd_mr_cb_area_txt{
font-size: 2.7vw;
line-height: 1.6;
}
.modal_close{
padding-bottom: 6vw;
}
#btn-close-modal {
width: 21vw;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 2.3vw !important;
font-weight: 400;
border: 1px solid #3e3c3d;
padding: 1.9vw 0.07vw;
border-radius: 11vw;
line-height: 1vw;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) {
.pd_cb_bnr{
padding:0vw;
}
.pd_cb_bnr_img img{
width:100%;
height:auto;
}
#modal-mr07{
background-color: rgba(255, 255, 255, 0.25) !important;
padding-top: 5vw !important;
}
.modal-content {
width: 54vw;
}
.pd_mr_cb_area{
padding: 5vw 2vw 3vw;
}
.pd_mr_cb_area_ttl{
font-size: 1.8vw;
font-weight: 700;
text-align: center;
padding-bottom: 2vw;
}
.pd_mr_cb_area_txt{
font-size: 1.0vw;
line-height: 1.4;
}
.modal_close{
padding-bottom: 3vw;
}
#btn-close-modal {
width: 3.0vw;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 1.3vw !important;
font-weight: 400;
border: 1px solid #3e3c3d;
padding: 0.9vw 0vw;
border-radius: 11vw;
line-height: 1vw;
margin: 0 auto;
}
}

/**/

.fb{
	color: #FFFFFF;
}

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

}
@media screen and (min-width: 768px) {
#mrj_kv{
padding: 0vw;
}
.mrj_kv img{
width:100%;
height:auto;
}
/*.mrj_kv_link{
width: 21vw;
height: 7vw;
position: absolute;
bottom: 16.3vw;
margin: 0 auto;
padding: 0vw;
right: 0;
left: 4vw;
} */
.mrj_kv_link{
	width: 16%;
    height: 5.5vw;
    position: absolute;
    bottom: 43.1%;
    margin: 0 auto;
    padding: 0vw;
    right: 21.8%;
    border-radius: 12px;
	cursor: pointer;
}
	.mrj_kv_link a{
		cursor: pointer;
	}
.mrj_kv_txt{
position: absolute;
    bottom: 1.5vw;
    right: 14vw;
    font-size: 0.7vw;
    line-height: 1.4;
    color: #ffffff;
}
#mrj_b{
background: #1a1a1a;
padding-bottom: 5vw;
}
.mrj_b_vid{
padding: 0vw;
}
.mrj_b_vid_v2{
	padding:63% 0 0 0;
	position:relative;
}
.mrj_b1{
background: linear-gradient(to top, #1a1a1a, 79%, #1a1a1a00 89%, #fff0 0%);
position: relative;
bottom: 10vw;
text-align: center;
padding-top: 6vw;
}
.mrj_b1_ttl{
font-size: 3vw;
color: #fff;
line-height: 1.5;
padding-bottom: 3.0vw;

}
.mrj_b1_txt{
font-size: 1.2vw;
color: #fff;
line-height: 2.2;
letter-spacing: 0.15vw;
}
.mrj_b2{
	padding-left: 2vw;
}
.mrj_b2_ttl{
padding: 0vw 3vw 3vw 0vw;
}
.mrj_b2_ttl img{
width: 100%;
height: auto;
}
.mrj_b2_txt{
color: #fff;
font-size: 1vw;
letter-spacing: 0.2vw;
line-height: 2.5;
}
.mrj_b2_img img{
width: 100%;
height: auto;
padding-right: 2vw;
}
.mrj_b3_img{
padding-top: 6vw;
    position: relative;
    width: 64vw;
    left: 0;
    right: 0;
    margin: auto;
}
.mrj_b3_img img{
	width: 100%;
    height: auto;
}
#mrj_c{
background: #000;
padding-bottom: 10vw;
}
.mrj_c_vd{
width: 100%;
max-height: 138vh;
position: relative;
overflow: hidden;
margin-bottom: 8vw;
}
.mrj_c_vd_v2{
	padding: 0% 0 0 0;
    position: absolute;
    width: 100vw;
    left: -25vw;
    margin: auto;
    top: 0vw;
    bottom: -11vw;
}
	
.mrj_c_vd video{
width: 86vw;
    position: absolute;
    left: -19vw;
    top: -3vw;
    object-fit: cover;
}
.mrj_c_vd_side{
padding: 11vw 0vw 0vw;
width: 100%;
}
.mrj_c1{
padding-right: 2.5vw;
}
.mrj_c1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
}
.mrj_c1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_c1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_c1_a{
padding-top: 1vw;
padding-right: 3vw;
}
.mrj_c1_a img{
width: 100%;
height: auto;
}
.mrj_c1_b{
color: #fff;
    font-size: 1.2vw;
    padding: 0vw 3vw 3vw 2vw;
    line-height: 2.2;
    letter-spacing: 0.12vw;
}
.mrj_c1_c{
color: #fff;
font-size: 0.8vw;
letter-spacing: 0.1vw;
line-height: 1.6;
padding-left: 2vw;
}
.mrj_c1_d0{
position: absolute;
right: 1vw;
bottom: 0.4vw;
}

#mrj_c1_d_btn,.mrj_c1_d{
display: none;
opacity: 0
}
#mrj_c1_d_btn:checked ~ .mrj_c1_d {
display: block;
opacity: 1;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
transition: 1.2s;
}
.close_mrj_c1_d{
position: fixed;
display: block;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgb(0, 0, 0 ,0.8);
z-index: 10000;
cursor: pointer;
}
.mrj_c1_d_wrap {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
    width: 21vw;
    height: 13.3vw !important;
height: fit-content;
max-width: 40vw;
padding: 1vw;
background: #000;
border-radius: 25px;
z-index: 10001;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: none;
color: #fff;
}
.mrj_c1_d_in{

}
.mrj_c1_d_wrap p{
margin-bottom: 24px;
}
.mrj_c1_d_wrap p:last-child{
margin-bottom: 0;
}
.mrj_c1_d_wrap::-webkit-scrollbar{
display:none;
}
.close_mrj_c1_d_btn {
position: absolute;
right: 1.5vw;
top: 1.5vw;
cursor: pointer;
font-size: 2vw;
color: #999;
margin: 0;
margin-top: 0px;
font-weight: normal;
}
.open_mrj_c1_d_btn{
margin: 0 auto;
padding: 8px 16px;
display: table;
color: #fff;
text-decoration: underline;
font-size: 1.3vw;
letter-spacing: 0.1vw;
}
.open_mrj_c1_d_btn:hover{
opacity: 0.8;
}
.mrj_c1_d_inner{
font-size: 1.2vw;
    letter-spacing: 0.2vw;
    line-height: 1.7;
    border-radius: 1vw;
    border: 1px solid #fff6;
    padding: 1.5vw;
}
.mrj_c1_d_ttl{
text-decoration: underline;
}
.mrj_c2{
background: linear-gradient(135deg, #c0a482 0%, #fff1b0 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
margin: 0 0.5vw;
}
.mrj_c2_in{
background: #000;
border-radius: 2.8vw;
padding: 3vw 5.5vw 2.5vw;
display: flex;
flex-wrap: wrap;
}
.mrj_c2_in_txt{
color: #ffffff;
    font-size: 0.8vw;
    letter-spacing: 0.01vw;
    width: 100%;
    text-align: right;
    padding-top: 2.5vw;
}
.mrj_c2_a img{
width:100%;
height:auto;
}
.mrj_c2_a{
width: 49%;
padding-right: 2vw;
padding-top: 0.5vw;
}
.mrj_c2_b{
width: 51%;
color: #fff;
font-size: 1.2vw;
line-height: 2;
letter-spacing: 0.15vw;
padding-bottom:3vw;
}
.mrj_c2_b1{
color: #ffffff;
font-weight: 800;
font-size: 1.7vw;
vertical-align: initial;
letter-spacing: 0.2vw;
}
.mrj_c2_b2{
color: #c0a482;
font-weight: 800;
font-size: 1.7vw;
vertical-align: initial;
letter-spacing: 0.2vw;
}
.mrj_c2_c{
width: 50%;
padding-right: 2.5vw;
}
.mrj_c2_c1 {
position: relative;
  left: 1vw;
}
.mrj_c2_c1 img{
width: 100%;
height: auto;
padding-bottom: 1vw;
}
.mrj_c2_c2 img{
width: 100%;
height: auto;
border-radius: 1.5vw;
object-fit: cover;
}
.mrj_c2_d{
width: 50%;
padding-left: 2.5vw;
}
.mrj_c2_d1 img{
width: 100%;
height: auto;
padding-bottom: 1.3vw;
}
.mrj_c2_d2 img{
width: 100%;
height: auto;
border-radius: 1.5vw;
object-fit: cover;
}
#mrj_d{
background:#000000;
padding-top: 5vw;
padding-bottom: 6vw;
}
.mrj_d{
position:relative;
}
.mrj_d img{
width: 100%;
height: auto;
}
.mrj_d_in{
position:absolute;
top:0vw;
width: 100%;
padding: 0vw 6vw;
}
.mrj_d1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
width: 100vw;
}
.mrj_d1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_d1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_d1_txt{
width: 50vw;
padding-top: 11vw;
font-size: 1.7vw;
color: #fff;
letter-spacing: 0.1vw;
padding-left: 2vw;
}
.mrj_d1_txt2{
width: 34vw;
    padding: 1vw 0vw 2vw;
    position: relative;
    left: -0.5vw;
}
.mrj_d1_txt2 img{
width: 100%;
height: auto;
}
.mrj_d1_txt3{
padding: 0vw 13vw 0vw 0vw;
    color: #fff;
    letter-spacing: 0.11vw;
    font-size: 1.2vw;
    line-height: 2.2;
}
.mrj_d1_txt3 sup{
font-size: 0.8vw;
}
.mrj_d1_txt3a{
display: inline-block;
font-size: 1.9vw;
font-family: "Roboto", sans-serif;
font-weight: bold;
margin: 0 0.2vw;
margin-top: 0px;
background: linear-gradient(270deg, #b90200 0%, #ff4e00 50%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
text-shadow: 0 0px 0.3vw #b90200;
}
.mrj_d1_txt3b{
display: inline-block;
font-size: 2.1vw;
font-family: "Roboto", sans-serif;
font-weight: bold;
margin: 0 0.3vw;
margin-top: 0px;
background: linear-gradient(270deg, #b90200 0%, #ff4e00 50%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
text-shadow: 0 0px 0.3vw #b90200;
}	
.mrj_d1_txt4{
color: #fff;
padding: 3vw 0vw;
line-height: 1.7;
font-size: 0.7vw;
letter-spacing: 0.15vw;
}
	.mrj_d2{
		
	}
	.mrj_d2 img{
		width: 100%;
		height: auto;
	}
#mrj_e {
background: #1a1a1a;
padding: 8vw 3vw;
}
.mrj_e_ttl{
color: #fff;
font-size: 3.5vw;
padding-bottom: 3vw;
letter-spacing: 0.4vw;
}
.mrj_e_cnt1 img{
width: 100%;
height: auto;
}
.mrj_e_cnt2{
width: 53vw;
margin: 0vw auto;
margin-top: 0vw;
padding: 5vw 0vw 2vw;

}
.mrj_e_cnt2 img{
width: 100%;
height: auto;
}
.mrj_e_cnt2b {
color: #fff;
font-size: 0.7vw;
text-align: right;
width: 52vw;
margin: 0vw auto;
padding: 0vw 0vw 0vw;
letter-spacing: 0.1vw;
}
#mrj_f{
background: #000;
padding: 5vw 0vw 10vw;
}
.mrj_f_vid {
width: 86%;
	min-height: 46vh;
    position: relative;
    overflow: hidden;
    border-radius: 3vw;
    margin: 0 auto;
}
.mrj_f_vid_v2 {
	padding:56% 0 0 0;
	position:relative;
}
.mrj_f_vid video{
width: 100%;
position: absolute;
object-fit: cover;
}
.mrj_f_vid_txt{
font-size: 0.7vw;
    color: #ffffff;
    padding-bottom: 4.5vw;
    letter-spacing: 0.05vw;
    padding-top: 0.8vw;
    text-align: right;
    padding-right: 5vw;
}
.mrj_f_cont1 {
background: linear-gradient(135deg, #c0a482 0%, #fff1b0 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
margin: 0 auto;
}
.mrj_f_cont1_in {
background: #000;
border-radius: 2.8vw;
padding: 4vw 5.5vw;
display: flex;
flex-wrap: wrap;
}
.mrj_f_cont1_ttl img{
width: 100%;
height: auto;
}
.mrj_f_cont1_txt{
font-size: 1.3vw;
    color: #fff;
    letter-spacing: 0.06vw;
    padding: 1vw 0vw 4.5vw;
}
.mrj_f_cont1_box{


}
.mrj_f_cont1a{
width: 50%;
display: grid;
padding-right: 3vw;
}
.mrj_f_cont1a_img{
	width: 20vw;
    height: 26vh;
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
    margin: 0 auto;
}
.mrj_f_cont1a_img_in{
width: 100%;
position: absolute;
object-fit: cover;
bottom: -1vw;
}
.mrj_f_cont1a_img img{
width: 100%;
height: auto;
}
.mrj_f_cont1a_txt{
font-size: 1.2vw;
color: #fff;
line-height: 1.6;
letter-spacing: 0.1vw;
padding-top: 1.5vw;
}
.mrj_f_cont1a_txt2{
font-size: 0.7vw;
  color: #fff;
  text-align: right;
  padding-top: 1vw;
}
.mrj_f_cont1b{
width: 50%;
display: grid;
padding-left: 3vw;
}
.mrj_f_cont1b_img{
	width: 20vw;
    height: 26vh;
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
    margin: 0 auto;
}
.mrj_f_cont1a_img_in{
width: 100%;
position: absolute;
object-fit: cover;
bottom: -1vw;
}
.mrj_f_cont1b_img img{
width: 100%;
height: auto;
}
.mrj_f_cont1b_txt{
font-size: 1.2vw;
color: #fff;
line-height: 1.6;
letter-spacing: 0.1vw;
padding-top: 0	vw;
}
.mrj_f_cont1b_sub{
font-size:0.7vw;
letter-spacing: 0.05vw;
padding-top:0.7vw;
color:#ffffff;
text-align: right;
}
#mrj_g{
background: #000;
padding: 8vw 0vw;
}
.mrj_g_img{
position: relative;
margin-bottom: 2vw;
padding-bottom: 2vw;
}
.mrj_g_img img{
position: relative;
width: 100%;
height: auto;
padding-right: 42vw;
padding-bottom: 2vw;
}

.mrj_g_img_side{
position: absolute;
top: 0vw;
width: 100%;
}
.mrj_g1{
padding-right: 2.5vw;
}
.mrj_g1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
}
.mrj_g1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_g1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_g1_a{
padding-top: 0vw;
padding-right: 2.5vw;
}
.mrj_g1_a img{
width: 100%;
height: auto;
padding: 0vw;
}
.mrj_g1_b{
color: #fff;
    font-size: 1.2vw;
    padding: 1vw 3.5vw 1.5vw 1.5vw;
    line-height: 2.2;
    letter-spacing: 0.12vw;
}
.mrj_g1_c{
color: #fff;
    font-size: 0.7vw;
    letter-spacing: 0.05vw;
    line-height: 1.6;
    padding-left: 1.5vw;
}

.mrj_g2{
background: linear-gradient(135deg, #c0a482 0%, #fff1b0 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
margin: 0 0.5vw;
}
.mrj_g2_inner{
background: #000;
border-radius: 2.8vw;
padding: 4vw 6vw;
display: flex;
flex-wrap: wrap;
height: 27vw;
}
.mrj_g2_inner img{
width:100%;
height:auto;
}
.mrj_g2_a{
position: absolute;
    width: 24vw;
    bottom: 2.5vw;
    right: 3vw;
}
.mrj_g2_a img{
width: 100%;
height: auto;
}
.mrj_g2_a_inner{
position: absolute;
top: 4vw;
}
.mrj_g2_a_ttl{
width: 27vw;
	padding-bottom: 2vw;
}
.mrj_g2_a_ttl img{
width: 100%;
height: auto;
}
.mrj_g2_a_txt{
width: 33vw;
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.22vw;
    line-height: 1.9;
}
.mrj_g2_a_sub{
color: #fff;
    font-size: 0.7vw;
    text-align: right;
    padding-top: 1vw;
    letter-spacing: 0.08vw;
}
.mrj_g2_a_txta {
color: #c0a482;
font-weight: 800;
font-size: 1.7vw;
vertical-align: initial;
letter-spacing: 0.2vw;
}
.mrj_g2_a_txtb {
color: #ffffff;
    font-weight: 800;
    font-size: 1.7vw;
    vertical-align: initial;
    letter-spacing: 0.3vw;
    margin-left: 0.3vw;
}

#mrj_h{
background: #000;
padding: 5vw 0vw;
}
.mrj_h_vid {
	width: 100%;
    max-height: 70vw;
    position: relative;
    overflow: hidden;
    margin-bottom: 8vw;
}
.mrj_h_vid_v2 {
	padding: 0% 0 0 0;
    position: absolute;
    width: 106vw;
    left: 0vw;
    right: -38%;
    margin: auto;
    top: -12vw;
    bottom: -18vw;
}
.mrj_h_vid video {
width: 73vw;
position: absolute;
right: -4vw;
top: -12vw;
object-fit: cover;
}
.mrj_h_vid_side {
padding: 0vw 6vw;
width: 100%;
}
.mrj_h1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
}
.mrj_h1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_h1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_h1_ttl1{
width: 32vw;
    padding: 2vw 0vw 2vw 1vw;
}
.mrj_h1_ttl1 img{
width: 100%;
height: auto;
}
.mrj_h1_txt{
color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.25vw;
    line-height: 2;
    padding: 1vw 2vw 2vw 1vw;
}
.mrj_h1_img{
width: 37vw;
padding-left:1vw;
padding-right: 2vw;
}
.mrj_h1_img img{
width: 100%;
height: auto;		
}

.mrj_h2{
background: linear-gradient(135deg, #c0a482 0%, #fff1b0 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
margin: 0 0.5vw;
}
.mrj_h2_in{
background: #000;
border-radius: 2.8vw;
padding: 5vw 2.5vw;
display: flex;
flex-wrap: wrap;
}
.mrj_h2_a img{
width:100%;
height:auto;
}
.mrj_h2_a{
width: 48%;
    padding: 0vw 3vw 3vw 4vw;
}
.mrj_h2_b{
width: 52%;
    color: #fff;
    font-size: 1.2vw;
    line-height: 2;
    letter-spacing: 0.18vw;
    padding: 0vw 3.5vw 0vw 3vw;
}
.mrj_h2_b1{
color: #c0a482;
font-weight: 800;
font-size: 1.7vw;
vertical-align: initial;
letter-spacing: 0.2vw;
}
.mrj_h2_c{
padding: 0vw 1vw;
}
.mrj_h2_c img{
width:100%;
height:auto;
}
.mrj_h2_c_sub{
color:#ffffff;
font-size:0.7vw;
letter-spacing: 0.04vw;
padding-top: 0.7vw;
text-align: right;
}
.mrj_h2_d{
padding: 5vw 1vw 2vw;
}
.mrj_h2_d img{
width:100%;
height:auto;
}

#mrj_i{
background: #bda281;
padding: 8vw 0vw 3vw;
}
.mrj_i1{
padding: 0vw 5vw 1vw;
}
.mrj_i1 img{
width:100%;
height:auto;
}
.mrj_i1_sub{
padding: 1vw 4vw 2vw;
    color: #fff;
    font-size: 0.7vw;
    letter-spacing: 0.01vw;
    line-height: 1.4;
}
.mrj_i2a{
margin: 0 auto;
width: 62vw;
padding: 5vw 0vw 2.5vw;
}
.mrj_i2a img{
width:100%;
height:auto;		
}
.mrj_i2b{
padding: 0vw 5vw 3.5vw;	
}
.mrj_i2_sub{
color:#ffffff;
font-size:0.7vw;
letter-spacing: 0.04vw;
}
.mrj_i2b_l{
padding-right: 2vw;		
}
.mrj_i2b_r{
padding-left: 2vw;
}

#mrj_i2b1_btn,.mrj_i2b1{
display: none;
opacity: 0
}
#mrj_i2b1_btn:checked ~ .mrj_i2b1 {
display: block;
opacity: 1;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
.close_mrj_i2b1{
position: fixed;
display: block;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: #c0a48299;
z-index: 10000;
cursor: pointer;
}
.mrj_i2b1_wrap {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 90%;
height: fit-content;
max-width: 700px;
z-index: 10001;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style:none;
overflow: hidden;
}
.mrj_i2b1_wrap p{
margin-bottom: 24px;
}
.mrj_i2b1_wrap p:last-child{
margin-bottom: 0;
}
.mrj_i2b1_wrap::-webkit-scrollbar{
display:none;
}
	.mrj_i2b1_wrap_vid iframe{
		width: 100%;
		height: 32vw;
	}
	.mrj_i2b1_wrap_img img{
		width: 100%;
		height: auto;
	}
.close_mrj_i2b1_btn {
position: absolute;
right: 6px;
top: -4px;
cursor: pointer;
font-size: 20px;
color: #333;
margin: 0;
}
.open_mrj_i2b1_btn{
margin: 0 auto;
display: table;
color: #fff;
}
.open_mrj_i2b1_btn img{
width:100%;
height:auto;
}
.open_mrj_i2b1_btn:hover{
opacity: 0.8;
transition: transform 1s;
}
#range{
border: none !important;
}
#range2{
border: none !important;
}

#mrj_i2b2_btn,.mrj_i2b2{
display: none;
opacity: 0
}
#mrj_i2b2_btn:checked ~ .mrj_i2b2 {
display: block;
opacity: 1;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
.close_mrj_i2b2{
position: fixed;
display: block;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: #c0a48299;
z-index: 10000;
cursor: pointer;
}
.mrj_i2b2_wrap {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 90%;
height: fit-content;
max-width: 700px;
z-index: 10001;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style:none;
overflow: hidden;
}
.mrj_i2b2_wrap p{
margin-bottom: 24px;
}
.mrj_i2b2_wrap p:last-child{
margin-bottom: 0;
}
.mrj_i2b2_wrap::-webkit-scrollbar{
display:none;
}
.close_mrj_i2b2_btn {
position: absolute;
right: 6px;
top: -4px;
cursor: pointer;
font-size: 20px;
color: #333;
margin: 0;
}
.open_mrj_i2b2_btn{
margin: 0 auto;
display: table;
color: #fff;
}
.open_mrj_i2b2_btn img{
width:100%;
height:auto;
}
.open_mrj_i2b2_btn:hover{
opacity: 0.8;
transition: transform 1s;
}
.compare1_before img{
width:100%;
height:auto;
}
.compare1_after img{
width:100%;
height:auto;
}
.compare2_before img{
width:100%;
height:auto;
}
.compare2_after img{
width:100%;
height:auto;
}
@layer demo1 {
.compare1 {
display: grid;

> * {
grid-area: 1 / 1;
}

> section {
display: grid;
place-content: center;
}
}

.compare1_before {
mask: linear-gradient(to right, #000 0, var(--pos, 50%), #0000 0);
}

.compare1_after {
mask: linear-gradient(to right, #0000 0, var(--pos, 50%), #000 0);
}
input[type="range"] {
z-index: 1;
appearance: none;
background: transparent;
cursor: pointer;

&::-webkit-slider-thumb {
appearance: none;
width: 2px;
height: 67.5dvh;
background-color: CanvasText;
} 

&::-moz-range-thumb {
appearance: none;
width: 2px;
height: 67.5dvh;
background-color: #ffffff;
}
}
}

@layer demo2 {
.compare2 {
display: grid;

> * {
grid-area: 1 / 1;
}

> section {
display: grid;
place-content: center;
}
}

.compare2_before {
mask: linear-gradient(to right, #000 0, var(--pos2, 50%), #0000 0);
}

.compare2_after {
mask: linear-gradient(to right, #0000 0, var(--pos2, 50%), #000 0);
}
input[type="range2"] {
z-index: 1;
appearance: none;
background: transparent;
cursor: pointer;

&::-webkit-slider-thumb {
appearance: none;
width: 2px;
height: 67.5dvh;
background-color: CanvasText;
} 

&::-moz-range2-thumb {
appearance: none;
width: 2px;
height: 67.5dvh;
background-color: #ffffff;
}
}
}

.mrj_i3{

}
.mrj_i3 img{
width:100%;
height:auto;
}

.mrj_i4{
padding: 3vw 13vw 0vw;
}
.mrj_i4 img{
width:100%;
height:auto;		
}

#mrj_j{
background: #000;
padding: 10vw 0vw 5vw;
}
.mrj_j_imga{
position: relative;
}
.mrj_j_imga_1{
width: 51.5vw;
    position: relative;
    left: -1.0vw;
	top: -3vw;
}
.mrj_j_imga_1 img{
width: 100%;
height: auto;
}
.mrj_j_imga_1_sub{
color: #fff;
  font-size: 0.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  bottom: 0vw;
  left: 11vw;
}
.mrj_j_imgb{
position: absolute;
width: 40vw;
right: 0vw;
}
.mrj_j_imgb img{
width: 100%;
height: auto;
}

.mrj_j_imga_side{
position: absolute;
top: 3vw;
}
.mrj_j1{
padding-left: 3.25vw;
}

.mrj_j1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
width: 100vw;
}
.mrj_j1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_j1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_j1_ttl1{
color: #fff;
    font-size: 1.8vw;
    letter-spacing: 0.2vw;
    padding: 5vw 0vw 1vw 1.5vw;
}
.mrj_j1_ttl2{
width: 24vw;
padding-bottom: 1.5vw;
padding-left: 1.2vw;
}
.mrj_j1_ttl2 img{
width: 100%;
height: auto;	
}
.mrj_j1_txt1{
color: #fff;
    font-size: 1.2vw;
    padding: 0vw 8vw 2vw 2vw;
    line-height: 2.2;
    letter-spacing: 0.11vw;
}
.mrj_j1_txt2{
color: #fff;
    font-size: 1.2vw;
    padding: 0vw 8vw 3vw 2vw;
    line-height: 2.1;
    letter-spacing: 0.11vw;
}
.mrj_j1_txt2a{
color: #c0a482;
font-weight: 800;
font-size: 2vw;
vertical-align: initial;
letter-spacing: 0.2vw;
}

.mrj_j_imgb_side{
padding-top: 5vw;
padding-bottom: 3vw;
}
.mrj_j2{
padding: 0vw 3vw 5vw;
}
.mrj_j2_in{
width: 37vw;
padding-left: 4.5vw;
}
.mrj_j2_ttl1{
color: #fff;
font-size: 1.8vw;
letter-spacing: 0.1vw;
padding: 0vw 0vw 1vw 0vw;
}
.mrj_j2_ttl2{
width: 20vw;
}
.mrj_j2_ttl2 img{
width: 100%;
height: auto;
}
.mrj_j2_txt1{
color: #fff;
    font-size: 1.2vw;
    padding: 2vw 0vw 5vw 0vw;
    line-height: 2.2;
    letter-spacing: 0.13vw;
}

.rl_tabs_line1{
border-bottom: 1px solid #565656;
    position: absolute;
    bottom: 6.1vw;
    width: 11.4vw;
    left: 11.9vw;
}
.rl_tabs_line2{
border-bottom: 1px solid #565656;
    position: absolute;
    bottom: 6.1vw;
    width: 11.4vw;
    left: 24.4vw;
}
/*タブ切り替え全体のスタイル*/
.rl_tabs {
padding-bottom: 7vw;
margin: 0 auto;
padding-left: 2vw;
}
.tab_content_description img{
width: 100%;
height: auto;
}

/*タブのスタイル*/
.rl_tab_item {
width: calc(100%/6);
line-height: 1.8;
font-size: 1.3vw;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
text-decoration: none;
z-index: 999;
    position: relative;
}
.rl_tab_item:hover {
opacity: 0.75;
}
.rl_tab_itema{
padding-bottom: 0.3vw;
text-decoration: underline;
}

/*ラジオボタンを全て消す*/
input[name="rl_tab_item rl_tab_itema rl_tab_itemb"] {
display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
clear: both;
    overflow: hidden;
    width: 46vw;
    position: absolute;
    right: 4vw;
    bottom: -3vw;
}


/*選択されているタブのコンテンツのみを表示*/
#rl_wl:checked ~ #rl_wl_content,
#rl_nl:checked ~ #rl_nl_content,
#rl_cl:checked ~ #rl_cl_content {
display: block;
}

/*選択されているタブのスタイルを変える*/
.rl_tabs input:checked + .rl_tab_itema {
font-size:1.3vw;
color: #fff;
}
.rl_tabs input:checked + .rl_tab_itemb {
font-size: 1.3vw;
    color: #fff;
    text-decoration: none;
    line-height: 1.8;
}

.mrj_j3{
padding:2vw 9vw;
}
.mrj_j3_acd{
background: linear-gradient(135deg, #c0a482 0%, #fff1b0 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
}
.mrj_j3_acd_in{
background: #000;
border-radius: 2.8vw;
display: flex;
flex-wrap: wrap;
position: relative;
padding: 3vw 0vw 4vw;
}
/*ベース*/
.mrj_j3_toggle {
display: none;
}
.mrj_j3_acd_l {		/*タイトル*/
padding: 0vw;
display: block;
color: #fff;
text-align: center;
font-size: 1.8vw;
letter-spacing: 0.11vw;
font-weight: 800;
width: 100%;
}
.mrj_j3_acd_l::before{		/*タイトル横の矢印*/
content: "";
    width: 1.5vw;
    height: 1.5vw;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: calc( 2.5vw - 0px );
    right: 49%;
    transform: rotate(135deg);
}
.mrj_j3_acd_l,
.mrj_j3_acd1_cnt {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.mrj_j3_acd_l_ttl{

}
.mrj_j3_acd1_cnt {		/*本文*/
height: 0;
margin-bottom:10px;
padding:0 20px;
overflow: hidden;
}
.mrj_j3_toggle:checked + .mrj_j3_acd_l + .mrj_j3_acd1_cnt {	/*開閉時*/
height: auto;
padding:20px ;
transition: all .3s;
}
.mrj_j3_toggle:checked + .mrj_j3_acd_l::before {
transform: rotate(-45deg) !important;
top: calc( 66vw - 3px );
right: 49%;
}
.mrj_j3_acd_img {
padding: 3vw 0vw 2vw;
}
.mrj_j3_acd_img img{
width: 100%;
height: auto;
}

#mrj_k{
background: #1a1a1a;
padding: 8vw 0vw;

}
.mrj_k1{
padding: 0vw 5vw;
}
.mrj_k1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
width: 100vw;
}
.mrj_k1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_k1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_k1_img{
padding: 3vw 0vw 0vw 0vw;
    position: relative;
    width: 74vw;
    left: -1.5vw;
}
.mrj_k1_img img{
width: 100%;
height: auto;
}
.mrj_k1_img_a {
	display: block;
    position: relative;
    width: 12.0vw;
    bottom: 3.8vw;
    left: 16.0vw;
    color: #ffffffb2 !important;
    font-size: 1.1vw;
    padding-bottom: 0.3vw;
    border-bottom: 1px solid #ffffffb2;
    letter-spacing: 0.1vw;
    line-height: 1;
    text-align: center;
	text-decoration: none;
}
.mrj_k1_img_a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.mrj_k1_img_a span{
    font-size: 0.8vw;
    vertical-align: middle;
    line-height: 1;
    padding-left: 0.2vw;
}
.mrj_k1_img2{
padding: 2vw 11vw 2vw;
}
.mrj_k1_img2 img{
width: 100%;
height: auto;
}

#mrj_l{
background: #000000;
padding: 8vw 0vw 0.99vw;
color: #fff;
}
.mrj_l_img{
position: relative;
min-height: 40vw;
}
.mrj_l_imga{
position: absolute;
right: 0vw;
width: 47vw;
top: 0vw;
}
.mrj_l_imga img{
width: 100%;
height: auto;
}
.mrj_l_imga_side{
position: absolute;
width: 100%;
top: 0vw;
}
.mrj_l1{
padding-left: 5vw;
}
.mrj_l1_ttl{
border-left: 0.6vw solid #c0a482;
padding: 1vw 0vw 1vw 2vw;
color: #fff;
width: 100vw;
}
.mrj_l1_ttla{
font-size: 1.8vw;
    letter-spacing: 0.05vw;
    padding-bottom: 1vw;
    line-height: 1;
}
.mrj_l1_ttlb{
font-size: 4.7vw;
    letter-spacing: 0.4vw;
    padding-bottom: 0vw;
    line-height: 1;
    font-weight: normal;
}
.mrj_l2{
padding: 5vw 0vw 0vw 3vw;
}
.mrj_l2_in{
width: 46vw;
}
.mrj_l2_ttl1{
color: #fff;
    font-size: 1.8vw;
    letter-spacing: 0.2vw;
    padding: 4vw 0vw 1vw 4.5vw;
}
.mrj_l2_ttl2{
width: 31vw;
    padding-left: 4vw;
}
.mrj_l2_ttl2 img{
width: 100%;
height: auto;
}
.mrj_l2_txt1{
color: #fff;
    font-size: 1.2vw;
    padding: 1vw 0vw 3vw 4.5vw;
    line-height: 2.2;
    letter-spacing: 0.18vw;
}
.mrj_l_img2{
position: relative;
min-height: 58vw;
}
.mrj_l_imgb{
position: absolute;
width: 71vw;
}
.mrj_l_imgb img{
width: 100%;
height: auto;
}

.mrj_l_imgb_side{
position: absolute;
width: 100%;
top: 40vw;
}
.mrj_l3{
padding-left: 2vw;
}
.mrj_l3_ttl1{
font-size: 2.8vw;
    letter-spacing: 0.23vw;
    line-height: 1.6;
    border-bottom: 1.5px solid #c0a482;
    display: inline;
    padding-bottom: 0.35vw;
    font-weight: 800;
}
.mrj_l3_txt1{
padding: 2vw 0vw;
    font-size: 1.2vw;
    line-height: 2;
    letter-spacing: 0.12vw;
}

.mrj_l_img3{
position: relative;
min-height: 49vw;
}
.mrj_l_imgc{
position: absolute;
width: 51vw;
right: 0;
}
.mrj_l_imgc img{
width: 100%;
height: auto;
}
.mrj_l_imgc_side{
position: absolute;
width: 100%;
top: 13vw;
left: 19vw;
}

.mrj_l4{
padding-left: 5vw;
}
.mrj_l4_ttl1{
font-size: 2.8vw;
letter-spacing: 0.23vw;
line-height: 1.6;
border-bottom: 1.5px solid #c0a482;
display: inline;
padding-bottom: 0.35vw;
    font-weight: 800;
}
.mrj_l4_txt1{
padding: 2vw 0vw;
font-size: 1.2vw;
line-height: 2;
letter-spacing: 0.12vw;
}

.mrj_l5{
padding: 5vw 0vw;
}
.mrj_l5_acd{
background: linear-gradient(135deg, #fff1b0 0%, #c0a482 100%);
border-radius: 2.9vw;
padding: 0.3vw;
box-shadow: 0px 0px 15px 1px #fff1b06e;
}
.mrj_l5_acd_l_ttl{
text-align: center;
    font-size: 2.5vw;
    letter-spacing: 0.1vw;
    color: #000;
    padding: 2.5vw 0vw;
}
.mrj_l5_acd_in{
background: #000;
border-radius: 0vw 0vw 2.9vw 2.9vw;
padding: 6vw 0vw 5vw;
display: flex;
flex-wrap: wrap;
position: relative;
}
/*ベース*/
.mrj_l5_toggle {
display: none;
}
.mrj_l5_acd_l {		/*タイトル*/
padding: 0vw;
display: block;
color: #fff;
text-align: center;
font-size: 1.5vw;
letter-spacing: 0.15vw;
font-weight: 800;
width: 100%;
}
.mrj_l5_acd_l::before{		/*タイトル横の矢印*/
content: "";
width: 1vw;
height: 1vw;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
position: absolute;
top: calc( 3vw - 3px );
right: 49%;
transform: rotate(135deg);
}
.mrj_l5_acd_l,
.mrj_l5_acd1_cnt {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.mrj_l5_acd1_cnt {		/*本文*/
height: 0;
margin-bottom:10px;
padding:0 20px;
overflow: hidden;
}
.mrj_l5_toggle:checked + .mrj_l5_acd_l + .mrj_l5_acd1_cnt {	/*開閉時*/
height: auto;
padding:20px ;
transition: all .3s;
}
.mrj_l5_toggle:checked + .mrj_l5_acd_l::before {
transform: rotate(-45deg) !important;
top: calc( 26vw - 3px );
right: 49%;
}
.mrj_l5_acd_img {
padding: 1vw 4vw 0vw;
}
.mrj_l5_acd_img img{
width: 100%;
height: auto;
}
.mrj_l5_acd_box{
display: flex;
flex-wrap: wrap;
}
.mrj_l5_acd_box1{
width: calc(100% / 2);
    padding: 0vw 0vw 2vw 2vw;
}
.mrj_l5_acd_box1 img{
width: 100%;
height: auto;
}
.mrj_l5_acd_box2{
width: calc(100% / 2);
    padding: 0vw 5.5vw 0vw 0.5vw;
    text-align: left;
}
.mrj_l5_acd_box2_ttl{
font-size: 2.8vw;
    letter-spacing: 0.3vw;
    line-height: 1.7;
    border-bottom: 1.5px solid #c0a482;
    display: inline;
    padding-bottom: 0.45vw;
}
.mrj_l5_acd_box2_txt{
padding: 2vw 0vw;
font-size: 1.3vw;
line-height: 1.8;
letter-spacing: 0.12vw;
}
.mrj_l5_acd_box3{
width: calc(100% / 2);
padding: 6vw 2vw 0vw 4.5vw;
text-align: left;
}
.mrj_l5_acd_box3_ttl{
font-size: 2.8vw;
    letter-spacing: 0.15vw;
    line-height: 1.7;
    border-bottom: 1.5px solid #c0a482;
    display: inline;
    padding-bottom: 0.45vw;
}
.mrj_l5_acd_box3_txt{
padding: 2vw 0vw;
font-size: 1.2vw;
line-height: 1.8;
letter-spacing: 0.12vw;
}
.mrj_l5_acd_box4{
width: calc(100% / 2);
padding: 0vw;
}
.mrj_l5_acd_box4 img{
width: 100%;
height: auto;
}
.mrj_l5_acd_box5{
color: #fff;
font-size: 1.8vw;
letter-spacing: 0.2vw;
text-align: center;
}
#mrj_m{
background: #000;
padding: 0vw 0vw 5vw;
}
.mrj_m1{
position:relative;
}
.mrj_m1 img{
width: 100%;
height: auto;
}
.mrj_m1_box{
position: absolute;
top: 11vw;
left: 15vw;
}
.mrj_m1_ttl{
color: #c0a482;
font-size: 3.6vw;
line-height: 1.6;
font-weight: 800;
}
.mrj_m1_txt{
font-size: 1.2vw;
color: #000000;
line-height: 1.7;
letter-spacing: 0.2vw;
padding-top: 3vw;
}
.mrj_n_shop{
margin-top: 1vw !important;
}

.mrj_n_shop a {
display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: 0px;
    padding: 1.3vw 3vw 1.3vw 4vw;
    width: 100%;
    color: #fff;
    font-size: 1.1vw;
    font-weight: 700;
    transition: 0.3s;
    background: #000;
    border: 1px solid #fff;
    border-radius: 2.5vw;
    text-align: center !important;
    letter-spacing: 0.1vw;
}

.mrj_n_shop a::after {
content: '';
width: 1vw;
height: 1vw;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}

.mrj_n_shop a:hover {
text-decoration: none;
opacity: 0.9;
}

}

/***          other item          ***/
/* nplg bnr */
.pd_rlt_related_box .splide__arrows {
display: none;
}

.pd_rlt_related_box #splide02-list {
justify-content: center;
}

@media screen and (max-width: 767px) {
#pd_o {
padding: 7vw;
background: #000;
}

.pd_rlt_area_ttl {
text-align: center;
    font-size: 4vw;
    letter-spacing: 0.18em;
    margin-bottom: 8.5vw;
    color: #000;
    padding-top: 7vw;
}

.pd_rlt_ttl_related {
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
font-weight: bold;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}

.pd_rlt_mid_ttl_related {
font-size: 3vw;
line-height: 6vw;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 5vw;
}

.pd_rlt_related_flex {
width: 100%;
padding: 0 4vw;
}

.pd_rlt_related_flex_inner {
width: 100%;
}

.pd_rlt_related_box {
width: 100%;
display: flex;
}

.pd_rlt_related_box_1 {
/* width: 42%; */
width: 30vw;
}

.pd_rlt_related_box_1 img {
width: 100%;
}

.pd_rlt_related_box_2 {
width: calc(60% - 5vw);
margin-left: 5vw;
}

.pd_rlt_related_box_2_ttl {
font-size: 3.3vw;
line-height: 1.4;
font-weight: bold;
padding-bottom: 2.5vw;
}

.pd_rlt_related_box_2_txt {
font-size: 2.6vw;
line-height: 1.4;
color: #231815;
padding-bottom: 3vw;
}

.pd_rlt_related_com {
font-size: 2.6vw;
line-height: 4vw;
letter-spacing: 0.05vw;
text-align: center;
padding: 9.4vw 4vw 0;
}

.pd_rlt_related_buy {
width: 100%;
}

.pd_rlt_related_buy_sell {
font-size: 2.6vw;
padding-bottom: 1vw;
}

.pd_rlt_related_buy_price {
font-size: 6.8vw;
font-weight: bold;
padding-bottom: 3vw;
}

.pd_rlt_related_buy_tax {
font-size: 2.6vw;
}

.pd_rlt_related_box .gallery02 .splide__track--nav>.splide__list>.splide__slide {
width: 14vw !important;
height: 100% !important;
}

.fs_cart_add form span {
font-size: 2.6vw;
}
}

@media screen and (min-width: 768px) {
#pd_o {
padding-top: 0vw;
padding-bottom: 5vw;
background: #000;
}

.pd_rlt_area_ttl {
text-align: center;
font-size: 1.7vw;
letter-spacing: 0.15em;
margin-bottom: 3vw;
color: #fff;
}

.pd_rlt_ttl_related {
font-size: 1.6vw;
font-weight: bold;
line-height: 1.6vw;
letter-spacing: .4vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}

.pd_rlt_mid_ttl_related {
font-size: 1.05vw;
letter-spacing: 0.2vw;
text-align: center;
padding-bottom: 5vw;
}

.pd_rlt_related_flex {
display: flex;
justify-content: center;
background: #fff;
padding: 3vw 0vw 2vw;
width: 40vw;
margin: 0 auto;
min-height: 32.5vw;
}

.pd_rlt_related_flex_inner {
width: 35vw;
}

.pd_rlt_related_flex_inner:last-of-type {
margin-left: 3vw;
}

.pd_rlt_related_box {
width: 100%;
display: flex;
}

.pd_rlt_related_box_1 {
width: 40%;
width: 10vw;
}

.pd_rlt_related_box_1 img {
width: 100%;
}

.pd_rlt_related_box_2 {
width: calc(60% - 2vw);
width: 20vw;
margin-left: 2vw;
}

.pd_rlt_related_box_2_ttl {
font-size: 1.0vw;
line-height: 1.5;
font-weight: bold;
padding-bottom: 1vw;
}

.pd_rlt_related_box_2_ttl small {
font-weight: normal;
font-size: 0.78vw;
}

.pd_rlt_related_box_2_txt {
font-size: 0.8vw;
line-height: 1.6vw;
letter-spacing: -0.07em;
color: #231815;
padding-bottom: 1vw;
}

.pd_rlt_related_com {
font-size: 0.7vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
text-align: center;
padding-top: 2.5vw;
}

.pd_rlt_related_buy {
width: 100%;
}

.pd_rlt_related_buy_sell {
font-size: 0.8vw;
padding-bottom: 1vw;
}

.pd_rlt_related_buy_price {
font-size: 2.2vw;
font-weight: bold;
/* padding-bottom: 1.4vw; */
}

.pd_rlt_related_buy_tax {
font-size: 0.8vw;
}

.fs_cart_add form span {
font-size: .8vw;
line-height: 1.6vw;
letter-spacing: .07em;
}

.pd_rlt_related_box .gallery02 .splide__track--nav>.splide__list>.splide__slide {
width: 4vw !important;
}
}

/***          other item          ***/