@charset "UTF-8";
/* CSS Document */
/*iPad*/
@media (max-width: 780px) {}
/*sp*/
@media (max-width: 414px) {}

/* CSS Document */
/*ブルー角丸タイトル*/
h2.content-title{
width: 100%;
max-width: 900px;
margin:2.5em auto 1.8em;
background: #7287FD;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 50px;
vertical-align: middle;
text-align: center;
padding: 0.3rem;
box-sizing: border-box;
}
h2.content-title span{
font-size: 1.4rem;
}
h2.content-title span.h2_new{
color:#ff0000;
padding:0.5rem 0.6rem 0.2rem 0.6rem;
font-size: 1.6rem;
box-shadow: 3px 3px 6px -2px #555,
3px 3px 8px rgba(255,255,255,0.8) inset;
background: #fff;
border-radius: 10px;
margin-right:0.5em;
}

h2.content-title span.h2_fin{
color:#5c6fd6;
padding:0.5rem 0.6rem 0.2rem 0.6rem;
font-size: 1.6rem;
box-shadow: 3px 3px 6px -2px #555,
3px 3px 8px rgba(255,255,255,0.8) inset;
background: #fff;
border-radius: 10px;
margin-right:0.5em;
}

/*iPad*/
@media (max-width: 780px) {
h2.content-title{
font-size: 1.6rem;
}
h2.content-title span.h2_new{
font-size: 1.4rem;
margin-top:1rem;
}
h2.content-title span.h2_fin{
font-size: 1.4rem;
margin-top:1rem;
}
  
}
@media (max-width: 414px) {
/*.contents_wrap {
margin: 0 auto -3em;
}*/
}

/*---------------------------------

製品紹介

---------------------------------*/
.text_main1{
color:#544EBD;
text-align:center;
width:100%;
max-width:500px;
margin: auto;
line-height:2.2;
font-size:2.2rem;
}
@media (max-width: 414px) {
.text_main1 {
margin: -3em auto 0;
}
}
.text_main2{
color:#FF818C;
text-align:center;
width:100%;
max-width:500px;
margin: auto;
line-height:2.2;
font-size:1.8rem;
}
.text_main3{
color:#333333	;
text-align:left;
width:100%;
max-width:500px;
margin: auto;
line-height:2;
font-size:1.4rem;
}
.online_buy{
text-align: right;
}
.data_link1_wrap {
width: 100%;
max-width: 500px;
margin:0;
}
.data_link_wrap p img {
width: 100%;
}
.data_link1_wrap { /*リンクボタン*/
margin: 2em auto;
}
.online_buy_link_wrap { /*オンラインショップで購入ボタン*/
margin: 2em 6em 2em auto
}
.data_link1_wrap .link_1 { /*リンクボタン*/
width: 100%;
max-width: 500px;
height: 30px;
}
.online_buy_link_wrap .link_1 {  /*オンラインショップで購入ボタン*/
max-width: 300px;
width:100%;
height: 30px;
margin: 2em 6em 2em auto;
}
@media (max-width: 1180px) {
.online_buy_link_wrap .link_1 { /*オンラインショップで購入ボタン*/
margin:2em auto;
}
.online_buy_link_wrap { /*オンラインショップで購入ボタン*/
margin: 2em auto;
}
}
.img-responsive{
width:100%;
max-width:700px;
margin:auto;
}
.img-responsive img{
width:100%;
}

/*  
ページタイトル
---------------------------------*/
/*背景が紫　湾曲*/
.contents_wrap.bg_cosmo_blue_outline{
background: url(../img/parts/bg_cosmo.jpg)center 1% no-repeat;
transition: all .3s;
width: 100%;
text-align: center;
font-size: 2.3rem;
color: #fff;
height: 200px;
}
.bg_cosmo_blue_outline h2{
text-align: center;
font-size: 2.3rem;
color: #fff;
height: 200px;
line-height: 150px;
vertical-align: middle;
}
.main_text{
max-width: 700px;
width: 100%;
margin: auto;
height: 200px;
margin: -7em auto 1em;
text-align: left;
background: #fff;
border: 1px solid #fff;
border-top-left-radius: 350px 100px;
border-top-right-radius:  350px 100px;
border-bottom-right-radius: 350px 100px;
border-bottom-left-radius:  350px 100px;
}
/*iPad*/
@media (max-width: 780px) {
.main_text{
max-width: 600px;
border-top-left-radius: 300px 100px;
border-top-right-radius: 300px 100px;
border-bottom-right-radius: 300px 100px;
border-bottom-left-radius: 300px 100px;
}
}
/*sp*/
@media (max-width: 414px) {
.main_text{
max-width: 300px;
border-top-left-radius: 150px 100px;
border-top-right-radius: 150px 100px;
border-bottom-right-radius: 150px 100px;
border-bottom-left-radius: 150px 100px;
}
}
.content-block{
width: 100%;
max-width:800px;
margin:auto;	
}
.main_img_wrap{
width:100%;
max-width:500px;
margin:auto;
}
.main_img_wrap img{
width:100%;
}
/*エネルギーバランサーエリア*/
.product_icon_wrap {
color: #544EBD;
display: flex;
align-items: flex-end;
width: 100%;
max-width: 650px;
margin-top: 3em;
}
.product_icon_wrap img {
width: 8%;
}
.product_icon_wrap p {
width: 90%;
color: #544EBD;
padding-left: 1em;
box-sizing: border-box;
line-height: 1.5;
vertical-align: bottom;
text-align: left;
font-size:1.8rem;
}
.product_link_area .product_icon_wrap {
position: relative;
right: -60%;
}
.product_link_area .product_link_wrap {
position: relative;
right: -60%;
}
.product_wrap{
width:100%;
max-width:800px;
margin:auto;
}
.product_details_wrap{
display:flex;
width:100%;
max-width: 750px;
margin:auto;
}
.product_details_img{
width:50%;
}
.product_details_img.minibag{
margin-top:3em;
}
.product_details_img img{
width:100%;
max-width:250px;
  border-radius: 5px
}
.product_details_table{
width:50%;
}
table.product_details_table{
width:100%;
line-height:2;
margin-left: 1em;
box-sizing: border-box;
}
.product_details_wrap.minibag_wrap .product_details_table{
width:100%;
line-height:2;
margin-left: 1em;
box-sizing: border-box;
}
table.product_details_table th{
width:25%;
text-align: left;
font-weight:normal;
}
table.product_details_table td{
width:75%;
text-align: left;
}
/*iPad*/
@media (max-width: 780px) {
table.product_details_table th , table.product_details_table td{
width:100%;
display:block;
}
}
@media (max-width: 414px) {
.product_details_wrap{
display:block;
max-width: 750px;
}
.product_details_img{
width:50%;
max-width: 400px;
margin:auto;
}
.product_details_img img{
width:100%;
max-width:400px;
}
.product_details_table{
width:100%;
}
table.product_details_table{
width:100%;
margin-left: 0;
}
.product_details_img.minibag{
margin-top:0em;
}
}


/*---------------------------------

導入実績

---------------------------------*/
.product_wrap.list_wra{
width:100%;
max-width:570px;
margin:auto;
}
.contents_wrap .product_wrap h3.list_h3 {
border-left: 6px solid #544EBD;
padding-right: 2em;
color: #544EBD;
max-width: 850px;
line-height: 1.5;
font-weight: 700;
margin:3em 0 2em;
}
.contents_wrap .product_wrap ol.list_list{
width:100%;
display: flex;
flex-wrap: wrap;
padding-left:1.5em;
box-sizing: border-box;
}
.contents_wrap .product_wrap .list_list li{
list-style: disc;
line-height:2.2;
width:50%;
}
@media (max-width: 414px) {
.contents_wrap .product_wrap .list_list li{
width:100%;
}
.contents_wrap .product_wrap h3.list_h3 {
margin:1em 0 0em;
}
}


/*---------------------------------

ミニバラ製品ページ

---------------------------------*/
.caution_wrap{
background:#b2b2b2;
width:100%;
height:auto;
margin:0 auto;
padding: 2em;
box-sizing: border-box;
}
.product_wrap.tamb{
width:100%;
max-width:900px;
margin:1em auto;
}
.product_wrap.tamb.main_img_wrap{
width:100%;
max-width:600px;
margin:0 auto;
}
.product_wrap.tamb.main_img_bg_wrap{
width:100%;
max-width:900px;
margin:0 auto;
background:url('../img/products/tamb/taem_bg.jpg') 100% no-repeat;	
}
.product_wrap.tamb.pals_img_bg_wrap{
width:100%;
max-width:900px;
margin:1em auto;
background:url('../img/products/tamb/tamb_pals_bg.jpg') 100% no-repeat;	
color:#fff;
padding:3em 0;
}
.product_wrap.tamb.pals_img_bg_wrap p{
padding-left:20rem;
box-sizing: border-box;
}
/*iPad*/
@media (max-width: 810px) {
.product_wrap.tamb.pals_img_bg_wrap{
background:url('../img/products/tamb/tamb_pals_bg.jpg') 30% no-repeat;	
}
}
@media (max-width: 414px) {
.product_wrap.tamb.pals_img_bg_wrap p{
padding:0 1em;
}
}
.product_wrap.tamb.smartphone_img_bg_wrap{
width:100%;
max-width:900px;
margin:0 auto;
background:url('../img/products/tamb/tamb_smartphone_bg.jpg') 100% no-repeat;	
}
.product_wrap.tamb.mater_img_bg_wrap{
width:100%;
max-width:900px;
margin:1em auto;
background:url('../img/products/tamb/tamb_mater_bg.jpg') 100% 0 no-repeat;	
}
.product_wrap.tamb.sunpanel_img_bg_wrap{
width:100%;
max-width:900px;
margin:0 auto;
padding-bottom:3em;
margin-top: 3em;
margin-bottom: 3em;
background:url('../img/products/tamb/tamb_sunpanel_bg.jpg') 0 100% no-repeat;	
}
.smartphone_img_bg_wrap h3{
color:#8a1a9c;
font-size:2.2rem;
font-weight:700;
text-align: center;
padding-top: 3em;
text-shadow:1px 1px 5px #fff;
}
.mater_wrap_flx{
display: flex;
width:100%;
justify-content: space-between;
margin-top: 3em;
padding-bottom: 5em;
}
.mater_wrap_flx div{
width:22%;
}
.mater_wrap_flx p{
width:78%;
}
.sunpanel_text{
padding:3em;
background: #fff;
opacity: 0.6;
}
@media (max-width: 414px) {
.smartphone_img_bg_wrap p , .mater_img_bg_wrap p{
padding:1em;
}
}
.tamb_caution{
padding:1.5em 1em 1em 1em;
width:100%;
max-width:850px;
margin:0.5em auto;
background:#fff;
box-sizing: border-box;
}
.tamb_img{
width: 100%;
}
.tamb_main_img{
width: 100%;
max-width: 600px;
margin: auto;
}
.caution_title{
text-align: center;
font-weight:700;
background:#ffe700;
color:#ff0000;
border:2px solid #ff0000;
margin:0 auto;
width:25%;
max-width: 100px;
line-height: 2.5;
}
.tamb_caution ol{
padding-left:1.5em;
margin:1.5em 0;
border-top: 1px dotted #333;
padding-top:1em;
box-sizing: border-box;
}
.tamb_caution ol li{
list-style: disc;
line-height: 1.5;
}
.tamb_h3_img{
width:100%;
max-width:300px;
}
@media (max-width: 414px) {
.mater_wrap_flx {
padding-bottom: 0;
}
}

.product_wrap p{
line-height:1.2;
padding-bottom: 15px
}


/*製品紹介ライトボックス*/
.super_story{/*ボタン装飾*/
margin:2em auto;
width: 100%;
max-width:300px;
height: 35px;
font-size: 1.2rem;
line-height: 35px;
text-decoration: none;
font-weight: 700;
border: 1px solid #ED5AC5;
border-radius: 220px;
text-align: center;
vertical-align: middle;
transition: .5s;
color: #333 !important;
background: #e2c9ed;
box-sizing: border-box;
}
#mordul_box a{
text-decoration: none;   
}
#mordul_box figure{
margin: 0;
display: none;
}
#mordul_box figure:target{
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
#mordul_box figure:target #overlay{
position: absolute;
top: 10%;
bottom: 0;
left: 30%;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #e2c9ed/*rgba(255, 255, 255, 1)*/;
color: inherit;
width:100%;
max-width:500px;
max-height:500px;
height:auto;
}
#mordul_box figure:target p{
animation: fadein .3s;
line-height:1.6;
padding:1rem;
text-align: left;
}
@keyframes fadein{
0%{
transform: scale(0.2);
opacity: 0.2;
}
100%{
transform: scale(1);
opacity: 1;
}
}

.online_buy_2colmn{
display: flex;
justify-content: space-around;
align-items: center;
/*flex-wrap: wrap;*/
}

@media (max-width: 515px) {
#mordul_box figure:target #overlay{
top: 0;
left: 0;
right: 0;
max-width:450px;
max-height:600px;
background: rgb(226, 202, 237, 0.9);
}
#mordul_box figure:target p{
padding:1.4rem;
}
}


.online_buy_2colmn .online_buy_link_wrap { /*オンラインショップで購入ボタン*/
margin: 2em auto;
}
.online_buy_2colmn .data_link1_wrap .link_1 { /*リンクボタン*/
width: 100%;
max-width: 500px;
height: 30px;
}
.online_buy_2colmn .online_buy_link_wrap .link_1 {  /*オンラインショップで購入ボタン*/
max-width: 300px;
width:100%;
height: 30px;
margin: 2em 6em;
}
@media (max-width: 1180px) {
.online_buy_2colmn .online_buy_link_wrap .link_1 { /*オンラインショップで購入ボタン*/
margin:2em auto;
}
.online_buy_2colmn .online_buy_link_wrap { /*オンラインショップで購入ボタン*/
margin: 2em auto;
}
}


@media (max-width: 515px) {
.online_buy_2colmn{
display: block;
}
#aph{
margin-top:5em;
}
}

.sp_only{
display:none;
}
@media (max-width: 515px) {
.sp_only{
display:block;
}
}  

.content-title_3 {
border-bottom: 4px solid #544EBD;
font-size:1.4rem ;
margin-bottom: 4rem;
height: 90px;
max-width: 900px;
margin: 0 auto 7rem;
}
.content-title_3:before {
content:url("../img/common/icon-ttl-den.png");
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}

/*sp*/
@media (max-width: 414px) {
.content-title_3 {
border-bottom: 4px solid #544EBD;
font-size:1.6rem ;
margin-bottom: 2em;
height: auto;
padding:0.5em;
box-sizing: border-box;
}
.content-title_3:before {
content:'◎';
color:#544EBD;
font-size:4rem;
}
}
/*　2022年　製品紹介にコンテンツ追加　*/
.contents_wrap.bg_cosmo_blue_outline.main_wrap {
  margin-top:3.9rem;
}

@media (max-width: 780px) {
  .contents_wrap.bg_cosmo_blue_outline.main_wrap {
  margin-top:8rem;
}
}

.product_container{
  margin-top: 60px
}

.agency_container {
 margin-top: -60px!important;
}
.press_container{
  margin: 100px auto!important;
}
@media (max-width: 414px) {
  .contents_wrap.bg_cosmo_blue_outline.main_wrap {
  margin-top:0;
  }
  
 .product_container{
  margin-top: 50px
}
  
.press_container{
  margin: 50px auto;
}
}
/*臨床、認定機関一覧*/
.wrap_clinical_data_list {
background: #7287FD;
width: 100%;
font-size: 1.4rem;
padding-bottom: 3em;
}
.clinical_data_list_wrap {
color: #fff;
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
.clinical_data_list {
padding: 1em;
box-sizing: border-box;
}
.clinical_data_list_layout {
display: flex;
justify-content: center;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.clinical_data_list_layout div {
width: calc(100% / 2 )
}
.clinical_data_list_layout p {
width: 100%;
font-size: 1.4rem;
}
.clinical_data_list_layout ol {
width: 100%;
margin-left: 2em;
}
.clinical_data_list_layout li {
list-style: disc;
font-size: 1.4rem;
}
.clinical_data_list_wrap h2 {
width: 100%;
max-width: 900px;
margin: 2em auto;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 50px;
vertical-align: middle;
text-align: center;
padding: 0 0.5rem;
box-sizing: border-box;
border: 1px solid #fff;
}
/*sp*/
@media (max-width: 414px) {
.clinical_data_list_wrap h2 {
border-radius: 25px;
padding: 1rem 0.8rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.clinical_data_list_layout {
display: block;
max-width: 500px;
}
.clinical_data_list_layout div {
width: 100%;
max-width: 380px;
margin: 0 auto;
}
  .clinical_data_list_layout div:first-child {
margin-bottom: 15px
}
}

/*　製品情報　販売終了品　*/

.endSell .product_details_table p{
  font-size:2rem;
}

.endSell h2{
background: #545f9c
}

.endSell .product_details_img {
  background-color: #000000;
  max-width: 250px;
 height: 100%;
  border-radius: 6px;margin-right:15px
}

.endSell img{
  opacity: 0.7;
}

.content-lead{
	padding:0 2em;
  line-height: 2!important;
}
@media (max-width: 768px) {
.content-lead{
	padding:0 .5em;
}
}