/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://mytrex.jp/miray-one/
Description: MYTREX MiRAY ONE
Version: 1.0
*/

#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%;
	/*min-height: 100vh;
   */
	padding: 0 0px;
	background-color: #fff;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 8vw;
}

@media screen and (max-width: 767px) {
	.wrapper>main {
		margin-top: 20vw;
	}
}

@media screen and (min-width: 768px) {
	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;
		padding-top: 10vw;
		margin: 0 auto;
	}
	.container:first-child {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 10vw;
		margin: 0 auto;
	}
	.container:first-child {
        padding-top: 0;
    }
}

.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 10%;
	}
	#pd_l {
		/* padding: 0 0 10%; */
		background: #f1f1f1;
	}
	#pd_l2 {
		padding: 10% 0 10%;
	}
	#pd_mv {
		background: #ffffff;
		z-index: 1;
		/* padding-top: 14vw; */
		/* margin-bottom: 15vw; */
	}
}

@media screen and (min-width: 768px) {
	#pd_c {
		padding: 5% 0 5vw;
	}
	#pd_l {
		padding: 5% 0 5%;
		background: #f5f5f5;
	}
	#pd_l2 {
		padding: 5% 0 5%;
	}
	#pd_mv {
		padding: 0% 0 0%;
		background: #ffffff;
		z-index: 1;
		/* padding-top: 8vw; */
	}
}

/*** section ***/
/*** b ***/
@media screen and (max-width: 767px) {
	.pd_b_sp {
		padding: 0vw;
	}
	.pd_b_pc {
		display: none;
	}
	.pd_b {
		width: 100%;
	}
	.pd_b img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) {
	.pd_b_sp {
		display: none;
	}
	.pd_b_pc {
		padding: 0vw;
	}
	.pd_b {
		width: 100%;
	}
	.pd_b img {
		width: 100%;
	}
}

/*** b ***/

/*** 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: #231815;
		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: #231815;
		padding: 1.0vw 0.0vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 3vw;
		line-height: 3vw;
		letter-spacing: 0.2vw;
		color: #231815;
		padding: 2vw 1.0vw;
		text-align: center;
	}
	.pd_l_area {
		padding: 10vw 0 12vw;
	}
	.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: #231815;
		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.9vw;
		line-height: 2.4vw;
		letter-spacing: 0vw;
		color: #231815;
		padding: 1vw 0vw 1.0vw 1vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 1.0vw;
		line-height: 2vw;
		letter-spacing: 0.1vw;
		color: #231815;
		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: 2.5vw;
    font-weight: normal;
    border: 1px solid #3e3c3d;
    padding: 1.5vw 0.2vw !important;
    border-radius: 10vw;
    line-height: 1;
	}
	.modal-content {
		width: 94%;
	}
}

@media screen and (min-width: 768px) {
	#btn-close-modal {
		width: 7vw;
		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: 5% 0% 0%;
	}
	#pd_md_2 {
		padding: 5% 0% 0%;
	}
	#pd_md_3 {
		padding: 5% 0% 0%;
	}
	#pd_md_4 {
		padding: 5% 0% 0%;
	}
	#pd_md_5 {
		padding: 5% 0% 0%;
	}
}

@media screen and (min-width: 768px) {
	#pd_md_1 {
		padding: 8% 0%;
	}
	#pd_md_2 {
		padding: 8% 0%;
	}
	#pd_md_3 {
		padding: 8% 0%;
	}
	#pd_md_4 {
		padding: 8% 0%;
	}
	#pd_md_5 {
		padding: 8% 0%;
	}
	.support_product_qa_ttl {
		text-align: left !important;
	}
}

/*** 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: 13vw;
	}
}

@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_wrap {
	color: #323232;
}

@media screen and (max-width: 767px) {
	.sp_column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	#cnt-lp {
		padding-top: 0vw;
		padding-bottom: 10vw;
	}
	.pd_o_area_ttl {
		text-align: center;
		font-size: 5.0vw;
		letter-spacing: 0.18em;
		margin-bottom: 8.5vw;
	}
}

@media screen and (min-width: 768px) {
	#cnt-lp {
		padding-top: 0vw;
		padding-bottom: 4.5vw;
	}
	.pd_o_area_ttl {
		text-align: center;
		font-size: 1.7vw;
		letter-spacing: 0.15em;
		margin-bottom: 3vw;
	}
}



@media screen and (max-width: 767px) {
	.cart_ev {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 3;
	}
	.cart_ev img {
		display: block;
		width: 100%;
		vertical-align: bottom;
	}
	#pageTop2 {
		bottom: 20vw;
	}
}

/* 返品保証 */
.pd_t_sup_box2_ttl {
	color: #c3996d;
}
.pd_t_sup_ttl:before,
.pd_t_sup_ttl:after {
	background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
	.pd_t_sup_box1_texta {
		color: #d79713;
	}
}

@media screen and (min-width: 768px) {
	#pd_t {
		background: #f5f5f5;
	}
}

@media screen and (min-width: 768px) {
	#pd_review {
		margin-bottom: 13vw;
	}
}



/* MiRAY ONE
=====================================================*/
img{
    width: 100%;
}

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

.pd_o_related_flex_inner {
    width: 40vw;
}

.pd_o_related_flex_inner:last-of-type {
        margin-left: 0;
    }

.pd_o_related_box_1{
    width: 45%;
}

.pd_o_related_box_2_ttl{
    font-size: 1.2vw;
}

.pd_o_related_box_3_ttl {
    font-size: 1vw;
    font-feature-settings: 'palt';
    letter-spacing: 0.09em;
    line-height: 1.5;
    margin-bottom: 1vw;
}

.pd_o_related_buy_sell {
    font-size: 0.9vw;
    font-weight: bold;
    padding-bottom: .25vw;
}

.pd_o_related_buy_price{
    font-size: 2vw;
}
}

@media screen and (min-width: 768px){
    .w2_cart{
        margin-bottom: 0;
        margin-top: 0;
    }

    .w2_cart .cart-quantity_input {
/*        width: 2.5vw; */
    }

    .w2_cart .cart-add_button {
/*        width: 13vw; */
    }

    .w2_cart .cart-add_button button[type=submit]{
/*        height: 2.85vw; */
    }

    #pd_l{
        background: #fff;
    }
}

@media screen and (max-width: 767px) {
    #pd_o {
        background: #f4f8f9;
        padding: 10vw 0 15vw;
    }
    .pd_o_related_box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pd_o_related_flex_inner {
        width: 100%;
    }
    .pd_o_area_ttl {
        font-size: 4.25vw;
        margin-bottom: 5vw;
    }
    .pd_o_related_box_1 {
        width: 60%;
    }
    .pd_o_related_box_2 {
        width: 60%;
        margin-left: 0;
        padding-top: 5vw;
    }
    .pd_o_related_box_2_ttl {
        font-size: 3.5vw;
        font-weight: 500;
    }
    .pd_o_related_box_3_ttl {
        font-size: 2.75vw;
        white-space: nowrap;
        margin-bottom: 5vw;
    }
    .pd_o_related_buy_sell {
        font-size: 2vw;
    }
    .pd_o_related_buy_price {
        font-size: 7vw;
    }
    #pd_t_30day {
        padding: 8vw 0 15vw;
    }
/*
    .support_product_qa_ttl{
        margin-bottom: 5vw;
    }
*/
    #pageTop2{
        bottom: 10vw;
        right: 2vw;
    }
    
    /*  Support  */
    .support_product_spec td{
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
    }
}

/* ラッピング */
@media screen and (min-width: 768px){
  .pdct_st_item_info3 {
    margin-top: 1vw !important;
    padding: 0 0vw;
  }

}
@media screen and (max-width: 767px){
  .pdct_st_item_info3 {
    margin-top: 0vw !important;
    padding: 0 3vw;
  }
}


/* 先行販売 */
@media screen and (min-width: 768px){
    .mro_pre_box {
        padding-top: 5vw;
    }
}
@media screen and (max-width: 767px){
    .mro_pre_box {
        margin-bottom: 15vw;
    }
}

/* 発売記念特典 */
@media screen and (min-width: 768px){
    .pdct_event_area{
        padding-bottom: 0;
    }
    .mro_offer_box {
        padding-top: 2vw;
    }
}

@media screen and (max-width: 767px){
    .pdct_event_area {
        padding: 0 3vw 2vw;
    }
}

/* 個別修正 */

@media screen and (min-width: 768px){
  .menu_pc_list.login, .menu_pc_list.logout {
    width: 1.15vw;
    height: 1.6vw;
  }
 .menu_pc_list.cart {
    width: 1.15vw;
    height: 1.6vw;
  }
}

/* */
@media screen and (max-width: 767px){
.footer_logo img {
margin: 0 auto;
	}
}

/* 25/3/14 修正
==========================================*/
main h1 {
    text-align: left;
}

/* 25/5/12 修正
=================================*/
@media screen and (min-width: 768px) {
    main {
        margin-top: 5vw !important;
    }
}
.mro_youtube{
    width: 100%;
    aspect-ratio: 16 / 9;   
}
.mro_youtube iframe {
  width: 100%;
  height: 100%;
}


/* CPN BNR top */
@media screen and (max-width: 767px) {
	#pageTop2 {
		bottom: 19vw;
		left: 2vw;
	}
}
	
	
	
@media screen and (max-width: 767px) {
  .wrapper main {
    margin-top: 0vw !important;
  }
	.cnt-area{
		padding: 0;
	}
	.cnt-area img{
		width: 100%;
		height: auto;
	}
	.cnt-buy{
		position: fixed;
		bottom: 0vw;
		z-index: 888;
		width: 100%;
	}
	
	#modal-mro1 {
		background-color: rgba(204, 204, 204, 0.42) !important;
	}

	#btn-close-modal {
		padding: 0.8vw 1vw;
		margin: 0vw auto;
	}

	.modal-content {
		top: 5vw !important;
    position: absolute;
    margin: 0vw 0vw;
    width: 88vw;
    right: 0;
    left: 0;
    margin: 0 auto;
	}
  .support_product_qa_ttl {
    font-size: 5vw;
    letter-spacing: 0.5vw;
    line-height: 5vw;
    text-align: center;
    padding-bottom: 4vw;
  }
	.modal_close {
		padding: 1.5vw 0vw 4vw;
	}
	.js_switch_privilege_img{
		position: relative;
	}
	.countdown2{
		position: absolute;
	    z-index: 1111;
    	top: 13%;
	    right: 12%;
	    font-size: 3.5vw;
    	color: #df0148;
	    letter-spacing: 0.11em;
    	font-weight: 800;
	}
	.cnt-cd-kv{
		position: relative;
		text-align: center;
	}
	.countdown{
		position: absolute;
    z-index: 111;
    bottom: 3.5%;
    font-size: 7.4vw;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 800;
    width: 100%;
    text-align: right;
	}
	.cnt-buy2{
		position: relative;
	}
	.cnt-buy2-link{
		position: absolute;
	    width: 100%;
    	height: 15%;
		bottom: 0%;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-buy2-link2{
		position: absolute;
	    width: 100%;
    	height: 31.7vw;
	    bottom: 16.2%;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-buy2-link3{
		position: absolute;
	    width: 100%;
    	height: 32%;
		top: 0%;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-02{
		position: relative;	
	}
	.cnt-02-mv{
		position: absolute;
		top: 22.8%;
		width: 100%;		
	}
	.cnt-02-mv iframe{
		height: 51.5vw;
		width: 100%;		
	}
	.cnt-04-bg{
		background: #f1f5f7;
		padding: 9% 8% 13%;
	}
	.cnt-add08-2{
		position: relative;	
	}
	.cnt-add08-3{
		position: relative;	
	}
	.cnt-add08-4{
		position: relative;	
	}
	.cnt-04-mv2{
		position: absolute;
		top: 15%;
		width: 53.9%;
		margin: 0 auto;
		left: 0;
		right: 1%;
	}
	.cnt-04-mv3{
		position: absolute;
		top: 10.5%;
		width: 37.3%;
		right: 11.9%;
	}
	.cnt-04-mv4{
		position: absolute;
		top: 7.5%;
		width: 37.3%;
		left: 11.5%;
	}
	.cnt-04-txt{
		color: #2f2c2c;
		font-size: 1.7vw;
		text-align: right;
		padding: 0.5vw 1vw;
	}
	
	.splide__arrow.cnt-04-prev {
		background: none !important;
	}
	.splide__arrow.cnt-04-next {
		background: none !important;
	}
	.splide__arrow--prev.cnt-04-arrow {
		left: 2vw !important;
	}
	.splide__arrow--next.cnt-04-arrow {
		right: 2vw !important;
	}
	.cnt-05-bg{
		background: #ffffff;
		padding: 1% 10%;
		margin-bottom: 15%;
	}
	.cnt-05{
		padding:0vw 0vw;
	}
	.cnt-05-ttl{
		color: #1f2c5c;
    font-size: 4.0vw;
    font-weight: 600;
    line-height: 1.5;
    border-bottom: 1px solid #1f2c5c;
    padding-bottom: 3vw;
	}
	.cnt-05-txt{
		color: #000000;
    font-size: 3vw;
    line-height: 1.7;
    padding-top: 3vw;
    margin-bottom: 14%;
    letter-spacing: 0.05em;
	}
	.cnt-05-txt2{
		color: #2f2c2c;
		font-size: 1.7vw;
		text-align: right;
		padding: 0.5vw 1.0vw;
	}
	.splide__arrow.cnt-05-prev {
		background: none !important;
	}
	.splide__arrow.cnt-05-next {
		background: none !important;
	}
	.splide__arrow--prev.cnt-05-arrow {
		left: 2vw !important;
	}
	.splide__arrow--next.cnt-05-arrow {
		right: 2vw !important;
	}
	.splide__pagination.cnt-05-pagination {
		bottom: 3% !important;
	}
	.splide__pagination__page.is-active.cnt-05-page {
		background: #fff;
		transform: scale(1.4);
		z-index: 1;
		border: solid 0.5px #666;
	}
	.cnt-06{
		position: relative;
	}
	.cnt-06-2{
		position: absolute;
		bottom: 0%;
		width: 87%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.cnt-06-3{
		position: absolute;
		bottom: 0%;
		width: 87%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.cnt-06-4{
		position: absolute;
		bottom: 0%;
		width: 87.5%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}

@media screen and (min-width: 768px) {
  .wrapper main {
    margin-top: 0vw !important;
  }
	.cnt-area{
		padding: 0;
	}
	.cnt-area img{
		width: 100%;
		height: auto;
	}
	.cnt-buy{
		position: fixed;
		bottom: 0vw;
		z-index: 888;
		width: 33.33%;
	}
	
	#modal-mro1 {
		background-color: rgba(204, 204, 204, 0.42) !important;
	}

	#btn-close-modal {
		padding: 0.8vw 1vw;
		margin: 0vw auto;
	}

	.modal-content {
		/* bottom: 10vw !important; */
		top: 3vw !important;
		position: absolute;
		margin: 0vw 0vw;
		width: 50vw;
		right: 25%;
	}
	.modal_close {
		padding: 1.5vw 0vw 4vw;
	}
	.js_switch_privilege_img{
		position: relative;
	}
	.countdown2{
		position: absolute;
    	z-index: 1111;
	    bottom: 3.15vw;
	    right: 12.5%;
    	font-size: 1.3vw;
	    color: #df0148;
    	letter-spacing: 0.1em;
	    font-weight: 800;
    	line-height: 1;
	}
	.cnt-cd-kv{
		position: relative;
		text-align: center;
	}
	.countdown{
		position: absolute;
    z-index: 1111;
    letter-spacing: 0.2em;
    font-weight: 800;
    width: 100%;
    right: 2%;
    bottom: 3%;
    font-size: 2.5vw;
    color: #fff;
    text-align: right;
	}
	.cnt-buy2{
		position: relative;
	}
	.cnt-buy2-link{
		position: absolute;
	    width: 100%;
    	bottom: 0%;
		height: 15%;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-buy2-link2{
		position: absolute;
	    width: 100%;
    	bottom: 24.0%;
	    height: 10.7vw;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-buy2-link3{
		position: absolute;
	    width: 100%;
    	top: 0%;
		height: 32%;
    	margin: 0 auto;
	    left: 0;
    	right: 0;
	}
	.cnt-02{
		position: relative;	
	}
	.cnt-02-mv{
		position: absolute;
		top: 22.8%;
		width: 100%;		
	}
	.cnt-02-mv iframe{
		height: 17.3vw;
		width: 100%;		
	}
	.cnt-04-bg{
		background: #f1f5f7;
		padding: 9% 8% 13%;
	}
	.cnt-add08-2{
		position: relative;	
	}
	.cnt-add08-3{
		position: relative;	
	}
	.cnt-add08-4{
		position: relative;	
	}
	.cnt-04-mv2{
		position: absolute;
		bottom: 28.1%;
		width: 54.0%;
		margin: 0 auto;
		left: 0px;
		right: 1%;
	}
	.cnt-04-mv3{
		position: absolute;
	    bottom: 13.0%;
    	width: 37.5%;
	    right: 11.5%;
	}
	.cnt-04-mv4{
		position: absolute;
	    top: 7%;
    	width: 37.5%;
	    left: 11.5%;
	}
	.cnt-04-txt{
		color: #2f2c2c;
		font-size: 0.7vw;
		text-align: right;
		padding: 0.2vw 0.5vw;
	}
	
	.splide__arrow.cnt-04-prev {
		background: none !important;
	}
	.splide__arrow.cnt-04-next {
		background: none !important;
	}
	.cnt-05-bg{
		background: #ffffff;
		padding: 1% 10%;
		margin-bottom: 15%;
	}
	.cnt-05{
		padding:0vw 0vw;
	}
	.cnt-05-ttl{
		color: #1f2c5c;
		font-size:1.3vw;
		font-weight: 600;
		line-height: 1.5;
		border-bottom: 1px solid #1f2c5c;
		padding-bottom:1vw;		
	}
	.cnt-05-txt{
		color: #000000;
    font-size: 1.0vw;
    line-height: 1.5;
    padding-top: 14%;
    margin-bottom: 1vw;
	}
	.cnt-05-txt2{
		color: #2f2c2c;
		font-size: 0.7vw;
		text-align: right;
		padding: 0.2vw 0.5vw;
	}
	.splide__arrow.cnt-05-prev {
		background: none !important;
	}
	.splide__arrow.cnt-05-next {
		background: none !important;
	}
	.splide__pagination__page.is-active.cnt-05-page {
		background: #fff;
		transform: scale(1.4);
		z-index: 1;
		border: solid 0.5px #666;
	}
	.cnt-06{
		position: relative;
	}
	.cnt-06-2{
		position: absolute;
		bottom: 0%;
		width: 87%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.cnt-06-3{
		position: absolute;
		bottom: 0%;
		width: 87%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.cnt-06-4{
		position: absolute;
		bottom: 0%;
		width: 87.5%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}


/* modal */
.openModal {
    border: none;
    background: none;
    padding: 0;
}
.modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transform: scale(0.3);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  overflow-y: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal.show {
  display: block;
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.modal-cnt {
    max-height: 90vh;
    overflow-y: auto;
    transform: none;
    position: relative;
}

@media screen and (min-width:768px){
    #modal1 .modal-cnt{
        width: 50%;
    }
    #modal2 .modal-cnt{
        width: 85%;
    }
    .closeModal {
        width: fit-content;
        margin: 0 auto;
        font-size: 1vw;
        padding: .5vw 2vw;
        border: 1px solid;
        border-radius: 3vw;
    }
}

@media screen and (max-width:767px){
    .closeModal {
        width: fit-content;
        margin: 0 auto;
        font-size: 2.5vw;
        padding: 1.3vw 4vw;
        border: 1px solid;
        border-radius: 3vw;
    }
}


.cnt-buy {
    bottom: -.5vw;
}


/* 25/7/17 MRO PR2
====================================*/
.mro_pr2_cnt01,
.mro_pr2_cnt02,
.cnt-buy3,
.mro_pr2_cnt03,
.mro_pr2_cnt04,
.mro_pr2_cnt05{
    position: relative;
}
@media screen and (min-width: 768px){
    .mro_pr2_cnt01a {
        width: 86.5%;
        position: absolute;
        bottom: 7.4vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .mro_pr2_cnt02a {
        width: 86.5%;
        position: absolute;
        bottom: 8.1vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .cnt-04-bg{
        padding: 9% 7%;
    }
	.cnt-buy3-link {
	    position: absolute;
	    width: 92%;
	    height: 6.7vw;
	    bottom: 13.6%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}
    .mro_pr2_cnt03a {
        width: 13.8vw;
        position: absolute;
        top: 7vw;
        left: 2.3vw;
    }
    .mro_pr2_cnt03b {
        width: 13.8vw;
        position: absolute;
        top: 7vw;
        right: 2.4vw;
    }
    .mro_pr2_cnt04a {
        width: 20vw;
        position: absolute;
        top: 5.5vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .mro_pr2_cnt05a {
        width: 13.8vw;
        position: absolute;
        top: 5.5vw;
        left: 2.3vw;
    }
    .cnt-05-prev {
        left: 0 !important;
    }
    .cnt-05-next{
        right: 0 !important;
    }
    
    .w2_cart {
        margin-bottom: 1vw !important;
    }
	.mro_pr2_cnt06{
		padding-bottom: 15%;
	}
	.mro_pr2_cnt14{
		padding-top: 15%;
		padding-bottom:4%;
	}
}

@media screen and (max-width: 767px) {
    .wrapper main {
/*        margin-top: 12vw !important; */
    }
    .mro_pr2_cnt01a {
        width: 86.5%;
        position: absolute;
        top: 29.3vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .mro_pr2_cnt02a {
        width: 86.5%;
        position: absolute;
        top: 2.5vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .cnt-04-bg{
        padding: 7%;
    }
    .cnt-buy3-link {
        position: absolute;
        width: 92%;
        height: 19.9vw;
        bottom: 15.0%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .mro_pr2_cnt03a {
        width: 41.5vw;
        position: absolute;
        top: 21vw;
        left: 6.5vw;
    }
    .mro_pr2_cnt03b {
        width: 41.5vw;
        position: absolute;
        top: 21vw;
        right: 7vw;
    }
    .mro_pr2_cnt04a {
        width: 59vw;
        position: absolute;
        top: 17vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .mro_pr2_cnt05a {
        width: 41vw;
        position: absolute;
        top: 19vw;
        left: 7vw;
    }
	.mro_pr2_cnt06{
		padding-bottom: 15%;
	}
	.mro_pr2_cnt14{
		padding-top: 15%;
		padding-bottom:4%;
	}
}


/* 25/7/30
================================*/
@media screen and (min-width: 768px){
    video {
        width: 100%;
    }
}



/* cart bf */
.tab-switch {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    gap: 5px;
	position: relative;
}
.tab-switch > label {
/*    flex: 1 1 auto;*/
	order: -1;
/*  position: relative;*/
  padding-right: 1vw;
  text-align: left;
  cursor: pointer;
  transition: .3s all;
/*  top: 24vh;
  left: -11.5vh; */
  font-size: 0.8vw;
}
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
	color: #000;
}
.tbl{
	position: absolute;
	/* top: 56%; */
	left: 0vw;
}
.tbr{
	position: absolute;
	/* top: 56%; */
	left: 24%;
}
@media (min-width: 767px) and (max-width: 959px) {
.tbl{
	bottom: 13%;
}
.tbr{
	bottom: 13%;
}	
}
@media (min-width: 960px) and (max-width: 1023px) {
.tbl{
	bottom: 17.5%;
}
.tbr{
	bottom: 17.5%;
}	
}
@media (min-width: 1024px) and (max-width: 1299px) {
.tbl{
	bottom: 13%;
}
.tbr{
	bottom: 13%;
}	
}
@media (min-width: 1300px) {
.tbl{
	bottom: 13%;
}
.tbr{
	bottom: 13%;
}
}

.tab-switch input {
/*    display: none; */
}
.tab-switch > div {
	display: none; /* 初期状態では非表示 */
    width: 100%; /* コンテンツ幅を全体に */
}
.tab-switch label:has(:checked) + div {
	display: block;
}
.pd_m_buy_area_tab{
	padding-top:0vw;
}
.js_fxpchs0, .js_fxpchs {
	display: none;
}
.cart-select_list-ttl{
	font-size: 0.7vw;
	line-height: 1;
	padding-bottom: 6%;
	padding-top: 1%;
}

@media screen and (min-width: 768px) {
	.w2_cart2 {
		margin-bottom: 1vw;
		margin-top: 1vw !important;
	}
	.item_comment {
		font-size: 0.6vw;
		line-height: 1;
		padding-left: 0vw;
	}
}
@media screen and (max-width: 767px){
	.pd_m_buy_area_tab {
		top: -2vw;
		position: relative;
	}
	.w2_cart2 {
		padding: 0 3vw;
		margin-top: 5vw !important;
		margin-bottom: 5vw !important;
		text-align: left;
	}
	.tab-switch > label {
		padding-right: 1vw;
/*		top: 42.7vw;
		left: -7.5vw; */
		font-size: 3.4vw;
	}
	.tbl{
		bottom: 17%;
		left: 3%;
	}
	.tbr{
		bottom: 17%;
		left: 39%;
	}
	.cart-select_list-ttl {
		font-size: 2.8vw;
		line-height: 1;
		padding-bottom: 7vw;
		padding-top: 1.5vw;
	}
	.item_comment {
		font-size: 2.0vw;
		line-height: 1;
		padding-left: 0vw;
		padding-bottom: 1vw;
	}
}

@media screen and (max-width: 767px) {
	.pd_c_price1 {
        padding: 3vw 4vw 1.5vw;
		font-size: 3.3vw;
		line-height: 1;
		letter-spacing: .1vw;
	}
	.pd_c_price2 {
		padding: 0vw 4vw 0vw;
        font-size: 11.5vw;
		font-weight: 800;
		line-height: 1;
		letter-spacing: 0vw;
	}
	.pd_c_price2b {
		font-size: 2.5vw;
		line-height: 1;
		padding-left: 2vw;
	}
}
@media screen and (min-width: 768px) {
	.pd_c_price1 {
		letter-spacing: .1vw;
        font-size: 1vw;
        font-weight: 600;
        line-height: 1;
        letter-spacing: normal;
		padding-top: 1vw;

	}
	.pd_c_price2 {
		line-height: 1;
        font-size: 2.75vw;
        font-weight: 900;
        letter-spacing: normal;
		padding-top: 0.5vw;
	}
	.pd_c_price2b {
        font-size: 1vw;
		line-height: 1;
	}
}

/* sale price */
@media screen and (min-width: 768px){
	.fs_pay_tab_price.set_point1 {
		position: unset !important;
		width: 100% !important;
	}
	.fs_pay_tab_price.set1 {
		width: 100% !important;
	}
	.fs_pay_tab_price {
		padding-top: 0vw
	}
	.pd_point_pre_set_bnr {
		border: unset !important;
		position: unset !important;
		width: 100%;
		padding-bottom: 1vw;
	}
	.item_sale_price0{
		padding: 0.9vw 0vw 0.94vw;
	}
    .pd_c_text{
        margin-bottom: 3vw;
    }
    .item_sale_price {
        display: flex;
        gap: 2vw;
		padding: 0.5vw 0vw 0vw 0vw;
    }
    .item_sale_price1 {
        color: #777;
        position: relative;
    }
    .item_sale_price1a {
        color: #333;
        font-size: 1vw;
        font-weight: bold;
        margin-bottom: .5vw;
    }
    .item_sale_price1b {
        font-size: .7vw;
		padding-top: 0.2vw;
    }
    .item_sale_price1c {
        font-size: 1.8vw;
        font-weight: bold;
        position: relative;
    }
    .item_sale_price1d {
        font-size: .6vw;
        text-align: right;
    }
    .item_sale_price1::before {
        display: inline-block;
        content: '';
        height: .5vw;
        width: 7vw;
        border-top: .1vw solid #ddd;
        position: absolute;
        bottom: 1vw;
        transform: rotate(-25deg);
    }
    .item_sale_price1c::after {
        display: inline-block;
        content: '';
        height: .7vw;
        width: .7vw;
        border-top: .15vw solid;
        border-right: .15vw solid;
        position: absolute;
        top: 50%;
        right: -1vw;
        transform: translateY(-50%) rotate(45deg);
    }
    .item_sale_price2a {
        width: fit-content;
        color: #fff;
        background: #333;
        padding: .25vw .75vw;
        font-size: .75vw;
        letter-spacing: .05vw;
        font-weight: bold;
        margin-bottom: .1vw;
    }
    .item_sale_price2aa {
        font-size: 1.25vw;
    }
    .item_sale_price2ab {
        font-size: 1vw;
    }
    .item_sale_price2b {
        font-size: 2.75vw;
        font-weight: bold;
    }
    .item_sale_price2b span {
        font-size: 1vw;
    }
	.pdct_st_item_info3 {
		padding: 0vw 0vw 1vw !important;
	}
}
@media screen and (max-width: 767px){

	.fs_pay_tab_price.set_point1 {
		position: unset !important;
		width: 100% !important;
	}
	.fs_pay_tab_price.set1 {
		width: 100% !important;
	}
	.fs_pay_tab_price {
		padding-top: 0vw
	}
	.pd_point_pre_set_bnr {
		border: unset !important;
		position: unset !important;
		margin-bottom: 4vw;
		width: 100%;
		padding-bottom: 1vw;
	}
	.item_sale_price0{
		padding: 2.6vw 0vw 1.6vw;
	}
	
    .pd_c_text{
        padding: 0 4vw 7vw;
    }
	.pdct_st_item_info3{
        padding: 0vw 4vw 0vw;		
	}
    .item_sale_price {
        padding: 2vw 4vw 0vw;
        display: flex;
        gap: 5vw;
    }
    .item_sale_price1 {
        color: #777;
        position: relative;
    }
    .item_sale_price1a {
        color: #333;
        font-size: 3vw;
        margin-bottom: .8vw;
    }
    .item_sale_price1b {
        font-size: 2.3vw;
        letter-spacing: .1vw;
        margin-bottom: .5vw;
		padding-top: 1.5vw;
    }
    .item_sale_price1c {
        font-size: 6vw;
        font-weight: bold;
        margin-bottom: .5vw;
        position: relative;
    }
    .item_sale_price1d {
        font-size: 2vw;
        text-align: right;
    }
    .item_sale_price1::before {
        display: inline-block;
        content: '';
        height: .5vw;
        width: 24vw;
        border-top: .1vw solid;
        position: absolute;
        bottom: 5vw;
        transform: rotate(-25deg);
    }
    .item_sale_price1c::after {
        display: inline-block;
        content: '';
        height: 2.5vw;
        width: 2.5vw;
        border-top: .5vw solid #333;
        border-right: .5vw solid #333;
        position: absolute;
        top: 50%;
        right: -3vw;
        transform: translateY(-50%) rotate(45deg);
    }
    .item_sale_price2a {
        width: fit-content;
        font-size: 2.75vw;
        letter-spacing: .1vw;
        color: #fff;
        background: #333;
        padding: 1.25vw;
    }
    .item_sale_price2aa {
        font-size: 5vw;
        font-weight: bold;
    }
    .item_sale_price2ab {
        font-size: 4vw;
        font-weight: bold;
    }
    .item_sale_price2b {
        font-size: 10vw;
        font-weight: bold;
    }
    .item_sale_price2b span {
        font-size: 3vw;
        font-weight: normal;
    }
}

/* PROVE CORE PR3
===================================*/
iframe{
    height: 100%;
    width: 100%;
}
.cnt-buy1,
.pvcpr3_mv_cnt{
    position: relative;
}
@media screen and (min-width: 768px) {
    .countdown {
        font-size: 2.6vw;
        letter-spacing: .1em;
        right: 2%;
        bottom: 8%;
        color: #aa0e0e;
    }
    .cnt-buy1-link {
        width: 79%;
        height: 6vw;
        position: absolute;
    }
    .cnt-buy1 .cnt-buy1-link {
        bottom: 10%;
        left: 11%;
    }
    .pvcpr3_mv1 {
        width: 15vw;
        aspect-ratio: 200 / 227;
        position: absolute;
        bottom: 5%;
        left: 3%;
    }
    .pvcpr3_mv2 {
        width: 15vw;
        aspect-ratio: 200 / 227;
        position: absolute;
        bottom: 5%;
        right: 4%;
    }
    .cnt-buy2 .cnt-buy1-link{
        bottom: 16%;
        left: 11%;
    }
    .pvcpr3_mv3 {
        width: 92%;
        aspect-ratio: 16 / 9;
        position: absolute;
        top: 6%;
        left: 4%;
    }
    .countdown2{
        top: 13%;
        right: 26%;
        font-size: 1.2vw;
        color: #aa0e0e;
    }
}
@media screen and (max-width: 767px) {
    .countdown {
        font-size: 8vw;
        letter-spacing: .06em;
        font-weight: 600;
        bottom: 4vw;
        right: 4vw;
        color: #aa0e0e;
    }
    .cnt-buy1-link {
        height: 17vw;
        width: 81%;
        position: absolute;
        bottom: 16vw;
        left: 10vw;
    }
    .pvcpr3_mv1 {
        width: 46vw;
        aspect-ratio: 200 / 227;
        position: absolute;
        bottom: 5%;
        left: 3%;
    }
    .pvcpr3_mv2 {
        width: 46vw;
        aspect-ratio: 200 / 227;
        position: absolute;
        bottom: 5%;
        right: 3%;
    }
    .pvcpr3_mv3 {
        width: 94%;
        aspect-ratio: 16 / 9;
        position: absolute;
        top: 6%;
        left: 3%;
    }
    .countdown2{
        font-size: 3.8vw;
        letter-spacing: .06em;
        font-weight: 600;
        top: 8%;
        right: 26%;
        color: #aa0e0e;
    }
}

@media screen and (max-width: 767px) {
.vimeo-wrap {
  position: relative;
  width: 100%;
  padding-top: 222%; /* ← 16:9 */
}

.vimeo-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}
@media screen and (min-width: 768px) {
.vimeo-wrap {
  position: relative;
  width: 100%;
  padding-top: 222%; /* ← 16:9 */
}

.vimeo-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}

/* 26/4/2 Mother's day offer
=====================================*/
@media screen and (min-width: 768px) {
    .countdown {
        bottom: 4%;
    }
    .cnt-buy1 .cnt-buy1-link {
        bottom: 3%;
    }
    .cnt-buy2 .cnt-buy1-link {
        bottom: 13%;
    }
}
@media screen and (max-width: 767px) {
    .countdown {
        bottom: 2vw;
    }
    .cnt-buy1 .cnt-buy1-link {
        bottom: 12vw;
    }
    .cnt-buy2 .cnt-buy1-link {
        bottom: 15vw;
    }
}