/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/cmp/air/
Description:MYTREX Eye Air インスタ
Version: 1.0
*/


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


@media screen and (max-width: 767px) {
.cmp_ncea_pc {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.cmp_ncea_sp {
display: none !important;
}
}

.sp_info_img{
line-height: 0;
}

/* page scroll buy -------------------------------------------------------------- */

.cmp_ncea_buy_float {
  display:none;
}
.cmp_ncea_buy_float {
position: static;
}

@media (max-width: 768px) {
.cmp_ncea_buy_float_button {
border: 0px !important;
background: url(https://develop.mytrex.jp/wp/wp-content/themes/mytrex/img/cmp/cn/buy_sp.png) left top no-repeat !important;
background-size:100% auto !important;
}
.cmp_ncea_buy_float_button {
position: fixed !important;
bottom: 0vw !important;
z-index: 9999999 !important;
width: 100vw !important;
height: 17.5vw !important;
}
.cmp_ncea_buy_float_button:hover{
transition: 0.7s !important;
cursor: pointer !important;
opacity:0.5 !important;
}
}
@media (min-width: 768px) {
.cmp_ncea_buy_float_button {
border: 0px !important;
background: url(https://develop.mytrex.jp/wp/wp-content/themes/mytrex/img/cmp/cn/buy_pc.png) left top no-repeat !important;
background-size:100% auto !important;
}
.cmp_ncea_buy_float_button {
position: fixed !important;
bottom: 0vw !important;
z-index: 9999999 !important;
right: 0 !important;
width: 13vw !important;
height: 18vw !important;
}
.cmp_ncea_buy_float_button:hover {
transition: 0.7s !important;
cursor: pointer !important;
opacity:0.5 !important;
}
}


#icon_list1 input:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 20px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #fff;
}
#icon_list1 input:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 15px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #00a0e9;
}
#icon_list1 input:hover:after{
background: #3ab2e9;
}

/* page scroll buy -------------------------------------------------------------- */






.sp_info_img{
	margin: 0;
	width: 100%;
	border: 0;
	line-height: 0px;
}
.sp_info_img img{
	width: 100%;
}

/* mytrex ems heat neck   */
#mytrex_neck{
	margin: 0;
	width: 100%;
}
.mytrex_neck_box{
	margin: 0;
	width: 100%;
}
.mytrex_neck_box img{
	margin: 0;
}
.mytrex_neck_box_gif{
	margin: 0;
	width: 100%;
	position: relative;
}
.mytrex_neck_box_gif img{
	width: 100%;
}
.mytrex_neck_box_gif_inner{
bottom: 3%;
width: 20%;
position: absolute;
right: 3%;
}
.mytrex_neck_box_gif_inner img{
	width: 100%;
}
.mytrex_neck_box_gif_inner_b{
bottom: 0.5%;
width: 14.5%;
position: absolute;
left: 3%;
}
.mytrex_neck_box_gif_inner_b img{
	width: 100%;
}
.mytrex_neck_box_gif2{
	margin: 0;
	width: 100%;
	position: relative;
}
.mytrex_neck_box_gif2 img{
	width: 100%;
}
.mytrex_neck_box_gif2_inner{
bottom: 3%;
width: 20%;
position: absolute;
right: 3%;
}
.mytrex_neck_box_gif2_inner img{
width: 100%;
}

/* EMS HEAT NECK real time*/
.neck_realtime{
    text-align: center;
    width: 80%;
	margin: 12vw auto 4vw;
}
.neck_realtime_sp{
    text-align: center;
    width: 99%;
	margin: 10vw auto 5vw;
}

.leapgrow_rrealtime_1501a{
    border: solid 1px #dddddd;
    margin:50px 0px 0px;
}

.leapgrow_rrealtime_1501{
    border: solid 1px #dddddd;
    margin:0px 0px 50px;
}
@media screen and (max-width: 700px) {
.leapgrow_rrealtime_1501a{
	width: 100%;
}
.leapgrow_rrealtime_1501{
height: 400px !important;
	width: 100%;
}
}
/* EMS HEAT NECK real time*/


.br_all{
	clear: both;
}

.vimeo-id-outer input {
margin-right: 10px;
margin-bottom: 10px;
}
.vimeo-id-outer button {
margin-bottom: 10px;
}

/* iframe外側のdiv */
.video-outer {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
margin-bottom: 20px;
}

/* iframe */
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
}

.vimeo-contents {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.vimeo-contents iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vimeo-contents2 {
  position: relative;
  padding-bottom: 36.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.vimeo-contents2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vimeo-contents_sp {
  position: relative;
  padding-bottom: 82.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.vimeo-contents_sp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mytrex_mx{
    padding-bottom:10vw;
}
.mytrex_mx2{
margin: 0vw 1vw 20vw 1vw;
}
.mytrex_pv{
margin: 10vw 0vw 20vw 0vw;
}
.vimeo-contents-size{
width: 100% !important;
height: 87vw !important;
}

@media screen and (max-width: 767px) {
.vimeo-contents-ttl{
padding: 1vw;
font-size: 4vw;
line-height: 5vw;
}
.vimeo-contents-ttl2{
padding: 1vw;
font-size: 4vw;
line-height: 5vw;
    text-align: center;
}
.vimeo-contents-ttl_pc{
    padding:1vw;
    font-size:3vw;
    line-height: 4vw;    
}
.vimeo-contents-ttl_pc2{
padding: 1vw;
font-size: 2.5vw;
line-height: 4vw;
}
}
@media screen and (min-width: 767px) {
.vimeo-contents-ttl{
padding: 1vw;
font-size: 4vw;
line-height: 5vw;
}
.vimeo-contents-ttl2{
padding: 1vw;
font-size: 4vw;
line-height: 5vw;
    text-align: center;
}
.vimeo-contents-ttl_pc{
    padding:1vw;
    font-size:3vw;
    line-height: 4vw;    
}
.vimeo-contents-ttl_pc2{
padding: 1vw;
font-size: 2.5vw;
line-height: 4vw;
}
}

.mytrex_lp_mx{
margin: 9vw auto;
width: 80%;
border: 0;
line-height: 0px;
text-align: center;
}
.mytrex_lp_vp{
margin: 1vw auto;
width: 87%;
border: 0;
line-height: 0px;
text-align: center;
}
.br_clear{
clear:all;
}


.mytrex_ems_heat_neck_qa_box{
	padding: 0px 10px 40px;
}
.mytrex_ems_heat_neck_qa_inner{
	padding: 2% 4% 2%;
	font-size:22px;
	line-height: 30px;
	letter-spacing: 1px;
	color:#120202;
}
.mytrex_ems_heat_neck_qa_q{
	font-size:22px;
	font-weight: 800;
	padding:3px 6px 2px;
	background: #373232;
	color:#ffffff;
	float: left;
	line-height: 30px;
	border-radius: 4px;
	margin-right: 10px;
}
.mytrex_ems_heat_neck_qa_a{
	font-size:22px;
	font-weight: 800;
	padding:3px 6px 2px;
	background: #ff4803;
	color:#ffffff;
	float: left;
	line-height: 30px;
	border-radius: 4px;
	margin-right: 10px;
}
.mytrex_ems_heat_neck_qa_text{
	float: left;
	width: 90%;
	font-size:22px;
	padding:2px;
	color:#120202;
	line-height: 30px;
	padding-bottom: 20px;
}
.mytrex_ems_heat_neck_qa_text2{
	font-size:18px;
	padding:2px;
	color:#444444;
	line-height: 24px;
	padding-bottom: 20px;
}
.mytrex_ems_heat_neck_sp_qa_box{
	padding:30px 10px;	
}
.mytrex_ems_heat_neck_sp_qa_inner{
	padding: 2% 2% 2%;
	font-size:15px;
	line-height: 25px;
	letter-spacing: 1px;
	color:#120202;
}
.mytrex_ems_heat_neck_sp_qa_q{
	font-size:15px;
	font-weight: 800;
	padding:2px 6px 2px;
	background: #373232;
	color:#ffffff;
	float: left;
	line-height: 25px;
	border-radius: 4px;
	margin-right: 10px;
}
.mytrex_ems_heat_neck_sp_qa_a{
	font-size:15px;
	line-height: 25px;
	font-weight: 800;
	padding:2px 6px 2px;
	background: #ff4803;
	color:#ffffff;
	float: left;
	border-radius: 4px;
	margin-right: 10px;
}
.mytrex_ems_heat_neck_sp_qa_text{
	float: left;
	font-size:15px;
	line-height: 25px;
	padding:2px;
	color:#120202;
	padding-bottom: 20px;
}
.mytrex_ems_heat_neck_sp_qa_text2{
	font-size:15px;
	padding:2px;
	color:#444444;
	line-height: 20px;
	padding-bottom: 0px;
}

/* ise */
@media screen and (max-width: 320px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 81%;
}
}
/* ise web adr app */
@media (min-width: 320px) and  (max-width: 340px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 82%;
}
}
/* i6 app */
@media screen and (min-width: 340px) and (max-width:350px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 84%;
}
}
/* adr bs */
@media screen and (min-width:350px) and (max-width:370px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 84%;
}
}
/* i6 bs,X */
@media screen and (min-width:370px) and (max-width:378px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 84%;
}
}

@media screen and (min-width:378px) and (max-width:380px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 85%;
}
}
/* i7+ app */
@media screen and (min-width:380px) and (max-width:400px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 86%;
}
}
/* i7+ bs */
@media screen and (min-width:400px) and (max-width:500px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 88%;
}
}
/* adr T app */
@media screen and (min-width:500px) and (max-width:600px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 84%;
}
}
/* adr T bs */
@media screen and (min-width:600px) {
.mytrex_ems_heat_neck_sp_qa_inner{
padding: 2% 2% 2%;
}
.mytrex_ems_heat_neck_sp_qa_text{
width: 84%;
}
}

/*  購入ボタン  */

@media screen and (max-width: 767px) {
.cmp_ncea_buy{
	padding:15vw 0vw 5vw;
	text-align: center;
}
}
@media screen and (min-width: 768px) {
.cmp_ncea_buy{
padding:9vw 0vw 6vw;
text-align: center;
}
}

.btn-gradation {
display: inline-block;
text-align: center;
color: #FFF !important;
text-decoration: none;
font-weight: 800 !important;
background-image: linear-gradient(0deg, #ff8d01, #ffc003);
transition: .5s;
background-size: 200%;
border: 0vw !important;
}

.btn-gradation:hover {
  background-position: right center;
}

@media screen and (max-width: 767px) {
.btn-gradation {
width: 60vw;
font-size: 3.5vw !important;
padding: 2.2vw 2vw !important;
border-radius: 0.5vw !important;
}
}
@media screen and (min-width: 768px) {
.btn-gradation {
width: 30vw;
font-size: 2.2vw !important;
padding: 1vw 2vw !important;
border-radius: 0.5vw !important;
}
}



/* spec */
@media screen and (max-width: 767px) {
.cmp_ncea_spec_box{
	padding: 5vw 1vw;
}
}
@media screen and (min-width: 768px) {
.cmp_ncea_spec_box{
	padding:2vw 1vw;
}
}

@media (max-width: 768px) {
.cmp_ncea_text{
    padding:20px 10px;
}
.cmp_ncea_text2{
    padding:0px 10px;
}
}
@media (min-width: 768px) {
.cmp_ncea_text{
    padding:30px 20px;
    
}
.cmp_ncea_text2{
    padding:0px 10px;
}
}

/* spec  */
@media (max-width: 768px) {
.cmp_ncea_spec_area{
	padding:4vw 0vw 5vw 0vw;
}
}
@media (min-width: 768px) {
.cmp_ncea_spec_area{
	padding:2vw 0vw 4vw 0vw;
}
}
table.cmp_ncea_spec {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
    font-size: 14px;
    line-height: 20px;
}

table.cmp_ncea_spec tr {
padding: 10px;
}
table.cmp_ncea_spec th,
table.cmp_ncea_spec td {
padding: 10px;
}

table.cmp_ncea_spec th {
background: #ff9a7b;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #ffffff;
font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}

table.cmp_ncea_spec th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #ff9a7b;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.cmp_ncea_spec th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #ff9a7b 10px solid;
margin-top: -10px;
}
}

table.cmp_ncea_spec td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}


@media (max-width: 768px) {
.cmp_ncea_inportant{
padding: 4vw 4vw 5vw 4vw;
font-size: 2.5vw;
line-height: 3.4vw;
color: #717171;
}
}
@media (min-width: 768px) {
.cmp_ncea_inportant{
padding: 0vw 2vw 4vw 2vw;
font-size: 1vw;
line-height: 1.2vw;
color: #717171;
}
}