@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body{
	font-family: 'Noto Sans JP', sans-serif;
    background-color:#F7F7F8;
}



#wrapper{
	max-width:1200px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	word-wrap: break-word;
	
}

.main-column p{font-size:14px;}
  
  
article.article-basic{
            background-color:#fff;
            padding: 0px 10px;

}

.h1deco_basic {
border-bottom: 5px solid #f7f7f7;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    letter-spacing: 0;
    margin: 0;
    font-size:large;
    padding: 0;
}


.title-dental{
text-align:center;
background-color:#000;
color:white;
font-size:xxx-large;
width:100%;
margin: 0;
}

@media (min-width: 930px) {

   /* ↓ページレイアウト */
   .page-cover {
      display: flex;       /* フレキシブルボックスでレイアウト */
      flex-direction: row; /* 横並びにする */
            background-color:#F7F7F8;

   }

   /* ▼メインカラムの装飾 */
   .main-column {
      order: 1;   /* 1番目に表示 */
      width: 60%;
      border: 1px solid #e1e1e1;
		background-color:#fff;
		margin-left: auto;
    margin-right: auto;
    padding: 16px;
    border-radius: 8px;
    margin-top: 10px;
    max-width: 620px;
      
   }
   /* ▽サイドカラムの装飾 */
   .side-column {
      order: 2;   /* 2番目に表示 */
      width: 25%;
      margin-left: auto;
      background-color:#fff;
   }
   .side-column {
      margin-left: auto;
      margin-right:auto;
      background-color:#F7F7F8;
   }
   .side-column2 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#fff;
   }
   .side-column3 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#F7F7F8;
   }
   .side-column4 {
      order: 2;   /* 3番目に表示 */
      width: 100%;
      margin-left: auto;
      margin-top: 40px;
      background-color:#fff;
   }
}


b.pink {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fedee7));
    background: -webkit-linear-gradient(transparent 60%, #fedee7 60%);
    background: linear-gradient(transparent 60%, #fedee7 60%);
    color: #111;
    padding: 0 1px 2px;
}

.p-short-tags .p-short-tag,.p-short-title { display: inline-block; margin-right: 8px; padding-bottom: 5px;}
.p-short-tags .p-short-tag a { background-color: #eaeaea; border-radius: 8px; display: block; font-size: 12px; padding: 6px 8px; border: 0; color: #333; text-decoration: none;}
.p-short-tags .p-short-tag a:hover{ opacity:0.5;}

.p-short-tags .p-short-tag-black,.p-short-title { display: inline-block; margin-right: 8px; padding-bottom: 5px;}
.p-short-tags .p-short-tag-black a { background-color: #000; border-radius: 8px; display: block; font-size: 12px; padding: 6px 8px; border: 0; color: #fff; text-decoration: none;}
.p-short-tags .p-short-tag-black a:hover{ opacity:0.5;}

.p-short-tags .p-short-tag_toothpaste,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_toothpaste a {
    background-color: #36CCDE;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_toothpaste a:hover{
	opacity:0.5;
}

.p-short-tags .p-short-tag_yorisou,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_yorisou a {
    background-color: #F3D45B;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #545458;
    text-decoration: none;
}
.p-short-tags .p-short-tag_yorisou a:hover{
	opacity:0.5;
}


.p-short-tags .p-short-tag_yasashii,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_yasashii a {
    background-color: #F6B046;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #545458;
    text-decoration: none;
}
.p-short-tags .p-short-tag_yasashii a:hover{
	opacity:0.5;
}

button-simple-yasashii{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #F6B046;
    color: #929292;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}


.p-short-tags .p-short-tag_yasashii,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_yasashii a {
    background-color: #AED76B;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #4B4B4B;
    text-decoration: none;
}
.p-short-tags .p-short-tag_yasashii a:hover{
	opacity:0.5;
}

.p-short-tags .p-short-tag_gojokuru,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_gojokuru a {
    background-color: #1F662A;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_gojokuru a:hover{
	opacity:0.5;
}


.p-short-tags .p-short-tag_gojosuke,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_gojosuke a {
    background-color: #85AE04;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_gojosuke a:hover{
	opacity:0.5;
}


.button-simple-gojosuke{
	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #85AE04;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}








.p-short-tags .p-short-tag_sougirevi,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_sougirevi a {
    background-color: #658F07;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_sougirevi a:hover{
	opacity:0.5;
}


.p-short-tags .p-short-tag_iisougi,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_iisougi a {
    background-color: #1BA0E5;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_iisougi a:hover{
	opacity:0.5;
}


.p-short-tags .p-short-tag_sougiconcier,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_sougiconcier a {
    background-color: #1470B0;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_sougiconcier a:hover{
	opacity:0.5;
}








.oldwoman_comment1_icon {
    background: url(https://matchapp-deai.com/img/oldwoman_worry.png) top left no-repeat;
    padding-left: 55px;
    font-size: 16px;
    background-size: 50px;
    color: #000;
}


.oldman_comment1_icon {
    background: url(https://matchapp-deai.com/img/oldman_worry.png) top left no-repeat;
    padding-left: 55px;
    font-size: 16px;
    background-size: 50px;
    color: #000;
}


.oldwoman_comment2_icon {
    background: url(https://matchapp-deai.com/img/oldwoman2_worry.png) top left no-repeat;
    padding-left: 55px;
    font-size: 16px;
    background-size: 44px;
    color: #000;
}

.concierge_comment1_icon {
    background: url(https://matchapp-deai.com/img/concierge1.png) top left no-repeat;
    padding-left: 55px;
    font-size: 16px;
    background-size: 50px;
    color: #000;
}

































   /* ↓固定バナー */
.fix-menu {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed {
  display: none!important;
  }
.bottom_pr{
	color:#fff;
}

.bottom_pr a{

	color:#fff;
}

   /* ↓固定バナー */

   /* ↓固定バナー */
.fix-menu2 {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed2 {
  display: none!important;
  }
  
.fix-menu_tapple {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed_tapple {
  display: none!important;
  }

   /* ↓固定バナー */

   /* ↓固定バナー */
.fix-menu3 {
  position: fixed;
  bottom: 5px;
  height: auto;
  z-index: 999;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}

.is-fixed3 {
  display: none!important;
  }


   /* ↓固定バナー */
.bannar_fixed_tapple {
    display: inline-block;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border-radius: 40px;
    color: #ffffff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    text-align:center;
    font-size:large;
    -moz-border-radius: 30em;
    -webkit-border-radius: 30em;
    border-radius: 30em;
    box-shadow: 4px 0px 0px -5px rgba(0, 0, 0, 0.8);
}
.bannar_fixed_matchapp {
    display: inline-block;
    width:50%;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border-radius: 40px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#11AA44 0%, #11AA44 100%);
    background-image: linear-gradient(#11AA44 0%, #11AA44 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #11AA44;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    font-size:large;
}
.bannar_fixed2 {
    display: inline-block;
    width:50%;
    padding: 0.5em 0.5em;
    text-decoration: none;
    border-radius: 40px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ff0000 0%, #ff0000 100%);
    background-image: linear-gradient(#ff0000 0%, #ff0000 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #f08080;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    font-size:large;
}



.preoffertitlekiji2 {
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 2px #262626;
    text-align: center;
    margin-top: 0px;
    line-height: 1.0;
}


blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #E6E6FA;
    width: 100%;
    margin: 0;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    vertical-align: middle;
    content: "\201D";
    font-family: sans-serif;
    color: #f0ffff;
    font-size: 130px;
    line-height: 1;
}
blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    vertical-align: middle;
    text-align: center;
    content: "\201D";
    font-family: sans-serif;
    color: #f0ffff;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.hidden_box label {
    border-radius: 5px;
    display: block;
    margin: 1.5px 0;
    padding : 20px 12px;
    color :#000;
    font-weight: bold;
    background :#efefef;
    cursor :pointer;
    transition: all 0.5s;
    max-width:75px;;
    padding-top: 5px;
}

ul.ulno{
    background: #fff;
    margin-left: 0px;
    list-style: none;
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 2.0em;
}

p a:hover{
	opacity:0.5;
}

p.stp{
	border: solid 2px #333;
	padding: 10px;
	font-weight: bold;
	background: #fff; 
	width: 100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/* メモ　クリップ　Ｂ */
.clip-box-b {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: auto; /* ボックス幅 */
 background-color: #E6E6FA; /* ボックス背景色 */
 color: #000080; /* 文章色 */
 box-shadow: 4px 4px 1px #88b5d3; /* 影の色 */
 text-align:center;
}
.clip-box-b::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #C0C0C0; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-b::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #E6E6FA; /*背景色と同じ色に！*/
 z-index: 2;
}


.imgcenter {
    text-align: center;
    margin: 10px;
}

.title_points-medium_turquoise{
	color:#fff;
    background-color: #36CCDE;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 8px;
    border: 0;
    text-decoration: none;
    font-weight: bold;
}
.point_medium_turquoise_icon{
	background: url(https://matchapp-deai.com/img/medium_turquoise.png) center left no-repeat;
    padding-left:30px;
    font-size:16px;
    background-size: 25px;
    color:#000;
}

.title_points-medium_black{
	color:#fff;
    background-color: #000;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 8px;
    border: 0;
    text-decoration: none;
    font-weight: bold;
}

.point_orange_icon{
	background: url(https://matchapp-deai.com/img/point_orange_icon.jpeg) center left no-repeat;
    padding-left:30px;
    font-size:16px;
    background-size: 25px;
    color:#000;
}

.title_points-medium_orange{
	color:#fff;
    background-color: #FF9F00;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 8px;
    border: 0;
    text-decoration: none;
    font-weight: bold;
}

.hikaku_woman{
	background: url(https://matchapp-deai.com/complex/mouth/img/hikaku_woman1.png) center left no-repeat;
    padding-left: 50px;
    background-size: 45px;
}

.toothpaste_icon{
	background: url(https://matchapp-deai.com/complex/mouth/img/toothpaste_icon.png) center left no-repeat;
    padding-left: 25px;
    background-size: 20px;
}

.tooth_yellow{
	background: url(https://matchapp-deai.com/complex/mouth/img/tooth_yellow_icon2.png) center left no-repeat;
    padding-left: 35px;
    background-size: 35px;
}

.tooth_clean{
	background: url(https://matchapp-deai.com/complex/mouth/img/tooth_clean_icon.png) center left no-repeat;
    padding-left: 35px;
    background-size: 35px;
}

.doctor_icon{
	background: url(https://matchapp-deai.com/complex/mouth/img/doctor_icon.png) center left no-repeat;
    padding-left: 40px;
    background-size: 40px;
}

.toothshine_icon{
	background: url(https://matchapp-deai.com/complex/mouth/img/toothshine_icon.png) center left no-repeat;
    padding-left: 40px;
    background-size: 40px;
}


.bresmlile_icon{
	background: url(https://matchapp-deai.com/complex/mouth/img/bresmile_icon.png) center left no-repeat;
    padding-left: 25px;
    background-size: 25px;
}

.ledoc{font-size:large;color: #00C1D4;}

.ledoc-underline{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #00C1D4));
    background: -webkit-linear-gradient(transparent 80%, #00C1D4 60%);
    background: linear-gradient(transparent 80%, #00C1D4 60%);
    color: #111;
    padding: 0 1px 5px;
    font-size: xx-large;
}

.ledoc-minusunderline{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #8642a4));
    background: -webkit-linear-gradient(transparent 80%, #8642a4 60%);
    background: linear-gradient(transparent 80%, #8642a4 60%);
    color: #111;
    padding: 0 1px 5px;
    font-size: xx-large;
}

.ledoc-minus{font-size:large;color: #8642a4;}


.button-simple-yorisou{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #F3D45B;
    color: #4B4B4B;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

.button-simple-yasashii{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #F6B046;
    color: #4B4B4B;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

.button-simple-sougiconcier{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #1470B0;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

.button-simple-gojokuru{
	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #1F662A;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

.button-simple-iisougi{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #1BA0E5;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

.button-simple-sougirevi{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 15px;
    background-color: #658F07;
    color: white;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}


.mocchiri {
	animation: mocchiri 3s infinite;
}
@keyframes mocchiri {
	0% {
		transform: scale(1, 0.8);
	}
	20% {
		transform: scale(0.8, 1.1);
	}
	95% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 0.8);
	}
}


.button-simple-churatooth{
	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 15px;
    background-color: #292BC4;
    color: white;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}


.button-simple-bresmile{
	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 15px;
    background-color: #000;
    color: white;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}

























h2.h2deco_outline{font-size:14px;}


h2.article_h2title{

    width: 100%;
    border-bottom: 2px solid #00C1D4;
    padding-bottom: 2px;
    margin-top: 30px;
    margin-bottom: 16px;
    font-size: xxx-large;
}


h2.article_h2title_wtp{
	color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.3rem;
    padding: 1rem;
    margin: 3rem 0 1.5rem;
    background: #000;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 1rem center;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 10%);
}




h3.article_h3title{

    width: 100%;
    border-bottom: 2px dotted #666;
    margin-top: 26px;
    padding-bottom: .75em;
    font-size: 18px;
	color: #666666;

}

.box-mensskincare {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 14px 16px;
}


.box_point{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 14px 16px;

}

/*bodysense----------------------------------------*/

.h3deco_bodysense{
	text-align:left;
	font-size:large;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #fff;
	padding: 20px;
	color: #FFF;
	background-color:#1c1c1c;/*ボタン色*/
	margin-bottom: 10px;
	line-height:1.0;
}

.btn-square_bodysense {
  display: inline-block;
  padding: 0.5em 0em;
  text-decoration: none;
  background: #1c1c1c;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #000;
  border-radius: 3px;
  width: 97%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin:5px;
  font-weight: bold;
}
.btn-square_bodysense:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.h4deco_bodysense{
    border-left: solid 6px #1c1c1c;
    padding-left:10px;
}


/* プルンボタン */
.prun_bodysense {
    display: inline-block;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
    background-image: -webkit-linear-gradient(#1c1c1c 0%, #0f0f0f 100%);
    background-image: linear-gradient(#1c1c1c 0%, #0f0f0f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #000;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
animation: prun_bodysense 2.2s ease-in infinite;
-webkit-animation: prun_bodysense 2.2s ease-in infinite;
-moz-animation: prun_bodysense 2.2s ease-in infinite;
-o-animation: prun_bodysense 2.2s ease-in infinite;
-ms-animation: prun_bodysense 2.2s ease-in infinite;
}

@keyframes prun_bodysense {
48%, 62% {transform: scale(1.0, 1.0)}
50% {transform: scale(1.1, 0.9)}
56% {transform: scale(0.9, 1.1) translate(0, -5px)}
59% {transform: scale(1.0, 1.0) translate(0, -3px)}
}

@-webkit-keyframes prun_bodysense{
48%, 62% {-webkit-transform: scale(1.0, 1.0)}
50% {-webkit-transform: scale(1.1, 0.9)}
56% {-webkit-transform: scale(0.9, 1.1) translate(0, -5px)}
59% {-webkit-transform: scale(1.0, 1.0) translate(0, -3px)}
}

.prun_bodysense a{
    color: white;
}
/* プルンボタン */

.bodysense{font-size:large;color: #1c1c1c;font-weight: bold;}

.bodysense_icon{
	background: url(https://matchapp-deai.com/date/perfume/img/bodysense-icon.jpg) center left no-repeat;
    padding-left: 25px;
    background-size: 20px;
}


/*bodysense----------------------------------------*/







.h2deco {
    border-bottom: solid 0px black;
    font-size: 10px;
    margin-left: 5px;
}


.h2decodeco {
  position: relative;
  padding-left: 25px;
}

.h2decodeco:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #262626;
}
.h2decodeco:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 97%;
  border-bottom: solid 3px #262626;
}

.h3deco{
    border-left: solid 6px #262626;
    padding-left:10px;
}



.h3decodeco {
  position: relative;
  padding-left: 25px;
}

.h3decodeco:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.h3decodeco:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 97%;
  border-bottom: solid 3px rgb(119, 195, 223);
}

.imgcenter_logo{
    text-align: center;
    position: relative;
    float: left;
    padding-top: 0px;
    position: relative;
    z-index: 99;
    width: 25%;
}

.ulcenter{
	text-align:center;
	list-style: none;
}
.ulcenter li{
	text-align:center;
}
/* 黒板風　タイトル　1 */
.kokuban-t1 {
 position: relative;
 /*margin: 1em;*/
 padding: 3.2em 1em 1em;
 /*width: 90%; /* ボックス幅 */
 background-color: #202020; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 10px solid #8b4513; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-t1::before,
.kokuban-t1::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-t1::before {
 right: 10px;
 border: solid 3px #ff7fbf; /*チョーク（ピンク）*/
 width: 20px; 
 border-radius: 3px 2px 0 2px;
}
.kokuban-t1::after {
 right: 40px;
 border: solid 3px #fff; /*チョーク（白）*/
 width: 15px; 
 border-radius: 8px 5px 2px 5px;
}
.title-t1 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ff7fbf; /* タイトル色 */
}
.kokuban-t1 a{
	color:#fff;
}

.note {
  /*width: 96%;  DIV横幅 */
  font-size: 16px;
  color: #222; /* 文字色 */
  padding:2rem 1rem 3rem; /* 余白 */
  background-color: #fff; /* 地の色を変えるときはここで */
  background-image: linear-gradient( rgba(220,220,220,1.3) .1em, transparent .1em );
  background-size: auto 2rem; /* line-heightと一致させる */
  line-height: 2rem; /* background-sizeと一致させる */
  border: 1px solid rgba(0,0,0,.2); /* 枠線 */
  border-radius: 2px; /* 外枠の角丸 */
  overflow: hidden;
}
.note > p { margin: 0 0 2rem; }
.note > p:first-letter { margin-left: 1rem; }



.btn-square_gorilla_clinic {
  display: inline-block;
  padding: 0.5em 0em;
  text-decoration: none;
  background: #262626;/*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #000000;
  border-radius: 3px;
  width: 97%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin:5px;
  font-weight: bold;
}
.btn-square_gorilla_clinic:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


.btn-square_biyogeka_kyujinguide {
  display: inline-block;
  padding: 0.5em 0em;
  text-decoration: none;
  background: #E3007F;/*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #b00062;
  border-radius: 3px;
  width: 97%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin:5px;
  font-weight: bold;
}
.btn-square_biyogeka_kyujinguide:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


p.shuttensmallright{
	text-align:right;
	font-size: 10px;
    width: 90%;
}

.linkblack{
	color:#000;
	text-align:left;
}
.linkblack a{
	color:#000;
}


blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff0f0;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 130px;
    line-height: 1;
}
blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    vertical-align: middle;
    text-align: center;
    content: "”";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}



.comment{border: dashed 2px #cdcdcd;/*点線*/ border-radius: 8px;}


.web_button{
position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #23AC38;
    border-bottom: solid 2px #1a822a;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    width: 85%;
    font-size: smaller;
    margin: 5px 0px;
}


.web_button:active {
  border-bottom: solid 2px #23AC38;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.whitening_toothpaste-contents0 {
    background: url(https://matchapp-deai.com/complex/mouth/img/toothpaste1.png) top right no-repeat;
    background-size: 30%;
    line-height: 2;
	height: auto;
}

.whitening_toothpaste-contents1 {
    background: url(https://matchapp-deai.com/complex/mouth/img/whitetooth_laugh.png) top right no-repeat;
    background-size: 30%;
    line-height: 2;
	height: auto;
}

.whitening_toothpaste-contents2 {
    background: url(https://matchapp-deai.com/complex/mouth/img/doctor_newcomer.png) top right no-repeat;
    background-size: 30%;
    line-height: 2;
	height: auto;
}

.whitening_toothpaste-contents3 {
    background: url(https://matchapp-deai.com/complex/mouth/img/electric_toothbrush_dentifrice_man.png) top right no-repeat;
    background-size: 30%;
    line-height: 2;
	height: auto;
}

.whitening_toothpaste-contents4 {
    background: url(https://matchapp-deai.com/complex/mouth/img/health_mouth4.png) top right no-repeat;
    background-size: 30%;
    line-height: 2;
	height: auto;
}

.whitening_toothpaste-contents10 {
    background: url(https://matchapp-deai.com/complex/mouth/img/woman_laugh.png) top right no-repeat;
    background-size: 40%;
    line-height: 1;
	height: auto;
}








.p-pinkunder b {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fedee7));
    background: -webkit-linear-gradient(transparent 60%, #fedee7 60%);
    background: linear-gradient(transparent 60%, #fedee7 60%);
    color: #111;
    padding: 0 1px 2px;
}

.p-purpleunder b {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #c49ad6));
    background: -webkit-linear-gradient(transparent 60%, #c49ad6 60%);
    background: linear-gradient(transparent 60%, #c49ad6 60%);
    color: #111;
    padding: 0 1px 2px;
}

.p-yellowunder b {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff8b6));
    background: -webkit-linear-gradient(transparent 60%, #fff8b6 60%);
    background: linear-gradient(transparent 60%, #fff8b6 60%);
    color: #111;
    padding: 0 1px 2px;
}



.wavyunderline {
text-decoration:underline;/*下線を引く*/
text-decoration-style:wavy;/*下線を波線で表示*/
text-decoration-color: red;
font-weight:bold;
}





table{
  margin:0 auto;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border:1px solid #cdcdcd;
  border-spacing: 0;
  overflow:hidden;
  line-height: 1;
}
td,th{
  border-bottom:1px solid #cdcdcd;
}
td{
  padding:0px;
  text-align: center;
}
th{
  text-align: center;
  background:#fff;
  paddding:10px 0px;
}
table tbody tr:last-child th,
table tbody tr:last-child td{
  border-bottom: none;
}
th + th,td{
  border-left:1px solid #cdcdcd;
}

table td.highlight{background-color:orange;}

.table_kigou{font-size:150%;}
.table_nijumaru{font-size:200%;color:red;font-weight:bold;}


.float-fv{float: left;}

tr.products{width:100%;}
th.products{width:30%;}
td.products{width:70%;}



table {
	width:100%;
	background: #fff;
}

/*tableにスクロールバーを追加スタート---------------------------------------------------------*/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
margin-bottom: 2em;
background: #fff;
}
.scroll:-webkit-scrollbar{ /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
/*tableにスクロールバーを追加エンド----------------------------------------------------------*/


tr.first th{
	background: #fff;
}

.first td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:center;
	background: #ffe4c4;
}

.tbl-r02 th {
  background: #dc143c;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
 }
.last th {
  background: #dc143c;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.last td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
}

th.tbl-th{
	font-size:small;
}
/*tableにスクロールバーを追加エンド-----------------------------------------------------------*/







table.produnt_detail{
	margin:0 auto;
	border-spacing: 0;
	overflow:hidden;
	border-collapse: collapse;
}

tr.produnt_detail{
	font-size="small"

}



























/*カードスタイル//////////////////////////////////////////////////////////////////////*/

    .card3 {
        /*width: 400px;*/
        /*margin: 20px;*/
        /*border-radius: 5px;*/
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
        border:5px solid #fff;
       	margin: 10px;
    }
    .box3 {
        display: flex;
    }
    .image3 {
        max-width: 300px;
		max-height: 120px;
        object-fit: cover;
        /*border-radius: 5px 0 0 5px;*/
        padding: 10px;
    }
    .title3 {
        font-size: 16px;
        margin: 5px;
        color: #444;
    }
    .content3 {
        margin: 5px;
        color: #666;
        font-size: 14px;
    }
    
    .card3 a{
	    text-decoration: none;
	}
	
    .card3 a img:hover{
	    opacity:0.7;
	}
    .card3 a :hover{
    	color:red;
    	text-decoration: underline;
	    text-decoration-color: #333;
	}
    .card3:hover{
    	background-color: #c2c2c2;
    	border:5px solid #262626;
	    text-decoration-color: #333;
	}
    .card3 a:focus img, a:hover img{
	    opacity:0.7;
	}
/*カードスタイル//////////////////////////////////////////////////////////////////////*/

    .card5 {
        /*width: 400px;*/
        /*margin: 20px;*/
        /*border-radius: 5px;*/
        background-color: #fff;
        box-shadow: 0 3px 6px #ccc;
        border:5px solid #fff;
       	margin: 10px;
    }
    .box3 {
        display: flex;
    }
    .image3 {
        max-width: 300px;
		max-height: 120px;
        object-fit: cover;
        /*border-radius: 5px 0 0 5px;*/
        padding: 10px;
    }
    .title3 {
        font-size: 16px;
        margin: 5px;
        color: #444;
    }
    .content3 {
        margin: 5px;
        color: #666;
        font-size: 14px;
    }
    
    .card5 a{
	    text-decoration: none;
	}
	
    .card5 a img:hover{
	    opacity:0.7;
	}
    .card5 a :hover{
    	color:red;
    	text-decoration: underline;
	    text-decoration-color: #333;
	}
    .card5:hover{
    	border:5px solid #ceced4;
	    text-decoration-color: #333;
	}
    .card5 a:focus img, a:hover img{
	    opacity:0.7;
	}

/*カードスタイル//////////////////////////////////////////////////////////////////////*/



.box_1908{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    padding: 20px 5px 22px;
    line-height: 2.5;
    background-color:#fff;
}



.c-badge-rank--default {
	font-size: 20px;
    font-weight: bold;
    height: 35px;
    left: -63px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 155px;
    z-index: 1;
    background-color: #e7e7e7;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #333;
}



.app_button{
position: relative;
    display: inline-block;
    padding: 1.5em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #23AC38;
    border-bottom: solid 2px #1a822a;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    width: 85%;
    font-size: large;
    margin: 5px 0px;
}


.app_button:active {
  border-bottom: solid 2px #23AC38;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


.web_button{
position: relative;
    display: inline-block;
    padding: 1.0em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;
    border-bottom: solid 2px #d27d00;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    width: 85%;
    font-size: medium;
    margin: 5px 0px;
}

.web_button:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.p-short-tags .p-short-tag_chiisana,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_chiisana a {
    background-color: #009DB3;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_chiisana a:hover{
	opacity:0.5;
}


.button-simple-chiisana{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #009DB3;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}



.p-short-tags .p-short-tag_anshin,.p-short-title {
    display: inline-block;
    margin-right: 8px;
    padding-bottom: 5px;
}
.p-short-tags .p-short-tag_anshin a {
    background-color: #744B98;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    padding: 6px 8px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.p-short-tags .p-short-tag_anshin a:hover{
	opacity:0.5;
}


.button-simple-anshin{

	position: relative;
    font-weight: bold;
    padding: 15px 20px;
    /* margin: 0px 5px; */
    border-radius: 30px;
    font-size: 20px;
    background-color: #744B98;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.3);
    box-shadow: 0 3px 0 rgb(0,0,0,0.3);
	width: 90%;
}