@charset "utf-8";
*{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
}
img{
	display: block;
	width: 100%;
	height: auto;
}
body{
	margin: 0 auto;
	max-width: 800px;
}
h1,h2,h3{
	margin: 0;
	padding: 0;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
@media screen and (max-width: 767px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}
/* -----------------ヘッダー ------------------*/
.center{
	text-align: center;
	margin-bottom: 0;
}
.red{
	color: red;
	font-weight: 700;
}
.marker{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
table{
	border-collapse: collapse;
}
header{
	background-color: #e03b37;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 2%;
	height: 40px;
	display: flex;
	align-items: center;
}
header img{
	width: 5%;
	margin-left: 1%;
}
.mv_txt{
font-weight: 700;
font-size: 25px;
margin-top: 1%;
color: #333;

}
.editor{
	align-items: center;
	background-color: #f0f0f0;
	padding: 3%;
	border-radius: 10px;
	margin: 4% 0;
}
.editor_flex{
	display: flex;
	align-items: center;
	margin-bottom: 1%;
}
.editor img{
	width: 12%;
	margin-right: 2%;
}
.editor p{
	margin: 0;
}
.lighter{
	font-weight: 700;
	font-size: 20px;
}
.block{
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.all_wrap{
	padding: 0 2%;
}
@media screen and (max-width: 767px){
	.block{
		box-shadow: none;
	}
	.mv_txt{
		font-size: 19px;
		}
		.editor img{
			width: 15%;
		}
	.lighter{
		font-size: 15px;
	}
	.editor p{
		font-size: 12px;
	}
}
/* -----------------目次 ------------------*/
.mokuji {
    border-radius: 3px;
    background-color: #ffffff;
	margin:  0 auto;
    margin-top: 6%;
    margin-bottom: 6%;
    width: 80%;
	border: solid 1px #e03832;

}
.mokuji div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #e03832;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.mokuji div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.mokuji label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[開く]";
    cursor: pointer;
}

.mokuji:has(:checked) label::after {
    content: "[閉じる]";
}

.mokuji input {
    display: none;
}

.mokuji ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.mokuji > ol {
    height: 0;
}

.mokuji:has(:checked) > ol {
    height: auto;
    padding: 1em 1em 1em 3em;
}

.mokuji ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.mokuji li {
    padding: 5px 0;
    font-weight: 600;
}

.mokuji ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.mokuji a {
    color: #333;
}
@media screen and (max-width: 767px){
	.mokuji {
		margin-top: 7%;
		width: 100%;
		line-height: 1.3;
	}
	.mokuji:has(:checked) > ol {
		padding: 1em 1em 1em 2em;
	}
}
/* -----------------見出し ------------------*/
.midashi{
    margin: 8% 0 3% 0;
}
  .midashi_sub{
	position: relative;
	padding: 0.25em 0;
    margin: 8% 0 4% 0;
	font-size: 23px;
  }
  .midashi_sub:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #e03832, transparent);
	background: linear-gradient(to right, #e03832, transparent);
  }
  .midashi_sub02{
	position: relative;
	padding: 0.25em 0;
    margin: 2% 0 2% 0;
	font-size: 23px;
  }
  .midashi_sub02:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #e03832, transparent);
	background: linear-gradient(to right, #e03832, transparent);
  }
  .husen{
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #e03832;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
	font-weight: 700;
	font-size: 20px;
	margin: 8% 0 4% 0;
  }

  @media screen and (max-width: 767px){
	  .midashi_sub{
		font-size: 17px;
	  }
	  .husen{
		font-size: 17px;
	  }
	  .midashi_sub02{
		font-size: 17px;
	  }
}
  /* -----------------ミニ比較表 ------------------*/
 .minitable_ttl{
	background-color:#e03832;
	padding: 2%;
	color: #fff;
	font-weight: 700;
	text-align: center;
 } 
  table.item_info,table.item_info02 {
    width: 100%;
    border: 3px solid #eb908d;
}

.sticky{
	position: sticky;
	background-color: white;
	top: 0;
	left: 0;
}
.sticky + .sticky {
    left: 90px; /* 最初の sticky 列の幅に応じて調整 */
}
table.item_info.mb10 tr:first-child th,table.item_info02.mb10 tr:first-child th {
    background: #eb908d;
    color: white;
    font-weight: bold;
}
table.item_info th ,table.item_info02 th {
    padding: 1.5%;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
    border-right: 1px solid #fff;
    background: #f9cbc9;
    text-align: center;
    width: 18%;
    vertical-align: middle;
}
table.item_info td,table.item_info02 td {
    border-right: 1px dotted #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1%;
    font-size: 15px;
    width: calc(100% / 5);
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 767px){
	.sticky + .sticky {
		left: 80px; /* 最初の sticky 列の幅に応じて調整 */
	}
	.wrap_item_info{
		overflow-x: scroll;
		width: 100%;
	 } 
	 table.item_info02{
		overflow-x: scroll;
    	width: 500px;
	 }
	 table.item_info th {
		font-size: 15px;
	}
}
  /* -----------------検証項目 ------------------*/
.VerificationItems{
	border: solid 2px #e03832;
	width: 60%;
	margin: 0 auto;
	margin-top: 5%;
}
.Ver_ttl{
	background-color: #e03832;
	color: #fff;
	font-weight: 700;
	text-align: center;
	font-size: 23px;
	padding: 2% 0;
}
.Ver_txt{
    width: 35%;
    margin: 3% auto;
}
.VerificationItems a{
	font-size: 18px;
	color: #000;
	line-height: 1.7;
	font-weight: 700;
}
@media screen and (max-width: 767px){
	.VerificationItems{
		width: 99%;
	}
	.Ver_ttl{
		font-size: 17px;
	}
	.Ver_txt{
		width: 40%;
	}
	.VerificationItems a{
		font-size: 16px;
	}
}
    /* -----------------アコーディオンコンテンツ ------------------*/
	.acc_contents_ttl{
		position: relative;
		padding: 2%;
		margin: 8% 0 2% 0;
		background: -webkit-linear-gradient(to right, #e03832, #ffc994);
		background: linear-gradient(to right, #e03832, #ffc994);
		color: white;
		font-weight: lighter;
		font-weight: 700;
	}
	.acc_box *, .acc_box *:before, .acc_box *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.acc_box {
		position: relative;
	}
	.acc_box label {
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
		height: 140px; /* グラデーションの高さ */
		cursor: pointer;
		text-align: center;
		/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
		background: linear-gradient(to bottom, #fafcfc00 0%, rgba(250, 252, 252, 0.95) 90%);
	}
	.acc_box input:checked + label {
		background: inherit; /* 開いた時にグラデーションを消す */
		height: 0px;
	}
	.acc_box label:after {
		line-height: 2.5rem;
		position: absolute;
		z-index: 2;
		bottom: 20px;
		left: 50%;
		width: 16rem;
		font-family: FontAwesome;
		content: '続きをよむ';
		transform: translate(-50%, 0);
		letter-spacing: 0.05em;
		color: #ffffff;
		border-radius: 20px;
		background-color: #e03832;
	}
	.acc_box input {
		display: none;
	}
	.acc_box .cp_container {
		overflow: hidden;
		height: 250px; /* 開く前に見えている部分の高さ */
		transition: all 0.5s;
	}
	.acc_box input:checked + label {
		/* display: none ; 閉じるボタンを消す場合解放 */
	}
	.acc_box input:checked + label:after {
		font-family: FontAwesome;
		content: '閉じる';
	}
	.acc_box input:checked ~ .cp_container {
		height: auto;
		padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
		transition: all 0.5s;
	}
	.acc_box input:checked + label.mb0 {
		margin-bottom: 60px;
	}
	.acc_box input:checked + label.mb1 {
		margin-bottom: 50px;
	}
	.acc_box input:checked + label.mb2 {
		margin-bottom: 75px;
	}
	.acc_box input:checked + label.mb3 {
		margin-bottom: 50px;
	}
	@media screen and (max-width: 767px){
		.acc_contents_ttl{
			font-size: 20px;
			margin: 7% 0 2% 0;
		}
		.midashi_sub02{
			margin: 8% 0 4% 0;
		}

		.acc_box input:checked+label.mb0,
		.acc_box input:checked+label.mb1,
		.acc_box input:checked+label.mb2,
		.acc_box input:checked+label.mb3 {
			margin-bottom: 20px;
	    }
	}
	 /* -----------------商品紹介表 ------------------*/
	 .performance_wrap {
		margin: 1% 0 0 0;
		border: 1px solid #eb908d;
		width: 70%;
		margin: 0 auto;
		margin-bottom: 5%;
	} 
	table.hyou {
		width: 100%;
	}
	table.hyou td:first-child {
		width: 35%;
		padding: 2%;
		color: #ffffff;
		font-weight: bold;
		border-top: 1px solid #ffffff;
		background: #eb908d;
		vertical-align: middle;
	}
	table.hyou td:last-child {
		width: 50%;
		padding: 2%;
		border-bottom: 1px solid #eb908d;
	}
	/*  */
	.performance_wrap02 {
		margin: 1% 0 0 0;
		border: 1px solid #e03832;
		width: 70%;
		margin: 0 auto;
		margin-top: 4%;
		margin-bottom: 4%;
	} 
	table.hyou02 {
		width: 100%;
	}
	table.hyou02 td:first-child {
		width: 35%;
		padding: 2%;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		border-top: 1px solid #ffffff;
		background: #e03832;
		vertical-align: middle;
	}
	table.hyou02 td:last-child {
		width: 50%;
		border-bottom: 1px solid #e03832;
		padding-left: 3%;
	}
	@media screen and (max-width: 767px){
		.performance_wrap {
			width: 100%;
		} 
		.performance_wrap02 {
			width: 100%;
		} 	
		table.hyou02 td:first-child {
			width: 28%;
		}
	}
	 /* -----------------肌水分比較表 ------------------*/
	 .gray{
		background-color: #898989;
		color: #fff;
		font-weight: 700;
	 }
	 .pink{
		background-color: #ef6d6d;
		color: #fff;
		font-weight: 700;
	 }
	 .light_blue{
		background-color: #52bae2;
		color: #fff;
		font-weight: 700;
	 }
	 .orange{
		background-color: #f4a010;
		color: #fff;
		font-weight: 700;
	 }

	 .yellow{
		background-color:#fffbce ;
	 }
	 .white{
		background-color: #fff;
	 }
	 .scroll-hint.is-right-scrollable {
		background:none!important;
	}
	.Penetration{
		background-color: #bba46e;
		color: #fff;
		font-weight: 700;
		padding: 2%;
		font-size: 19px;
		margin-bottom: 2%;
	}
	.bg_gold{
		background-color: #f5f0e2;
		padding: 2%;
		margin-bottom: 2%;
	}
	.anno{
		text-align: right;
		font-size: 12px;
	}
	@media screen and (max-width: 767px){

	}
/* -----------------編集部の感想 ------------------*/
.left-side,
.right-side {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
	display: flex;
}
.icon {
    width: 100px;
    text-align: center;
}
.icon img {
    width: 95px;
    height: 95px;
    border: solid 1px #ccc;
    border-radius: 50%;
}
.icon p {
    margin: 0px;
    word-wrap: break-word;
	font-weight: 700;
}
.bubble {
    max-width: 70%;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
    background: #ffffff;
    position: relative;
}
.bubble::before{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
}
/* 左側表示の吹き出しのスタイリング */
.left-side .icon {
    float: left;
    margin-left: 10px;
}
.left-side .bubble{
    margin: 10px 0 0 20px;
}
.left-side .bubble::before{
    top: 15px;
    left: -20px;
    border-right-color: #ffffff;
}

@media screen and (max-width: 767px){
	.icon img{
		width: 60px;
		height: 60px;
	}
	.icon p {
		font-size: 15px;
	}
	.bubble{
		font-size:15px;
	}
}
/* -----------------編集部お墨付き ------------------*/
	.osumituki_wrap{
		margin-top: 16%;
		margin-bottom: 2%;
	}
	.osumituki_ttl {
		position: relative;
		border-top: solid 2px #bba46e;
		border-bottom: solid 2px #bba46e;
		background: #f4f4f4;
		line-height: 1.4;
		padding: 0.4em 0.5em;
	  }
	  .osumituki_ttl:after {
		/*タブ*/
		position: absolute;
		font-weight: 900;
		content: '＼編集部お墨付き／';
		background: #bba46e;
		color: #fff;
		left: 0px;
		bottom: 100%;
		border-radius: 5px 5px 0 0;
		padding: 2%;
		font-size: 0.7em;
		line-height: 1;
		letter-spacing: 0.05em;
	  }
	  .ba_ttl{
		background: linear-gradient(transparent 70%, #eb908d 70%);
		font-weight: 700;
		text-align: center;
		font-size: 23px;
		margin: 5% 0 2% 0;
	}
	.matome{
		margin-top: 4%;
    background: #f7f7f7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	}
	.matome .box-title {
		font-size: 1.2em;
		background: #eb908d;
		padding: 4px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	.matome p {
		padding: 15px 20px;
		margin: 0;
		font-weight: 700;
	}
	@media screen and (max-width: 767px){
		.osumituki_ttl {
			font-size: 18px;
		  }
		  .ba_ttl{
			font-size: 17px;
		}
	}
	/* -----------------肌質が変わったと感じた美顔器 ------------------*/
	.hadasitsu{
		padding: 0.5em 1em;
		margin: 2em 0;
		border: double 5px #e03832;
		font-weight: 700;
		background-color: #fff;
	}
	.hadasitsu a{
		color: #000;
	}
	
	/* -----------------CTA ------------------*/
	.yureru {
		-webkit-animation-timing-function: ease-in;
		-moz-animation-timing-function: ease-in;
		-o-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-moz-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		width: 70%;
		margin: 8% auto;
	}
	.yureru {
		animation-duration: 1.4s !important;
		-webkit-animation-duration: 1.4s;
		-ms-animation-duration: 1.4s;
		-moz-animation-duration: 1.4s !important;
	}
	.yureru {
		-webkit-animation-name: yureru;
		-moz-animation-name: yureru;
		-o-animation-name: yureru;
		animation-name: yureru;
	}
	
	@keyframes yureru{
		0% {
			transform: skewX(
				9deg
			);
		}
		10% {
			transform: skewX(
				-8deg
			);
		}
		20% {
			transform: skewX(
				7deg
			);
		}
		30% {
			transform: skewX(
				-6deg
			);
		}
		40% {
			transform: skewX(
				5deg
			);
		}
		50% {
			transform: skewX(
				-4deg
			);
		}
		60% {
			transform: skewX(
				3deg
			);
		}
		70% {
			transform: skewX(
				-2deg
			);
		}
		80% {
			transform: skewX(
				1deg
			);
		}
		90% {
			transform: skewX(
				0deg
			);
		}
		100% {
			transform: skewX(
				0deg
			);
		}
	}
	.cta_flex{
		display: flex;
	}
	.cta_rara{
	color: #fff;
	background-color: #0d9b3e;
	border-bottom: 5px solid #0a752f;
	  padding: 3%;
	  font-weight: 700;
	  text-decoration: none;
	  font-size: 20px;
	  margin: 0 auto;
	  display: block;
	  width: 40%;
	  text-align: center;
	  border-radius: 5px;
	  margin-bottom: 5%;
	}
	.red_big{
		font-weight: 700;
		text-align: center;
		color: red;
		font-size: 20px;
		
	}
	@media screen and (max-width: 767px){
		.yureru{
			width: 100%;
		}
		.cta_rara{
			  width: 60%;
			}
	}
	/* -----------------9選比較表 ------------------*/
	.ex{
		color: red;
		font-size: 30px;
	}
	.mini_ex{
		color: red;
		font-size: 24px;
	}

	.table_star{
		color: #f8ae1a;
	}
	.tac{
		text-align: center;
	}
	.rankTable table {
		width: 900px;
		text-align: center;
		line-height: 1.2;
	}
	
	.rankTable {
		border: 3px solid #e03832;
		margin-bottom: 0px;
		margin-top: 30px;
		font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
	
	.rankTable th {
		width: 40px;
		padding: 9px 0px 9px;
		background-color: #e03832;
		color: #fff;
		left: 0;
		border-bottom: 1px dotted #fff;
		font-size: 9px;
	}
	
	.rankTable td {
		width: auto;
		border-bottom: 1px dotted #eee;
		border-top: none;
		padding: 9px 5px 9px;
		font-size: 12px;
		vertical-align: middle;
		border-right: 1px dotted #ddd;
		background: none;
	}
	
	.rankTable td:last-child {
		border-right: none;
	}
	
	.rankTable tr th+td {
		background-color: #fdffe4;
	}
	
	.rankTable table th {
		width: 19.0%;
		font-size: 13px;
	}
	
	.rankTable td {
		border-right: 1px dotted #ddd;
		background-color: #fff;
	}
	
	.rankTable tr {
		border-bottom: 1px dotted #ddd;
	}
	
	.rankTable tr:last-child td {
		border-bottom: none;
	}
	.rankTable tr td:first-child a{
		color: #000;
		font-weight: 700;
	}
	@media screen and (max-width:768px) {
		.rankTable table {
			width: 800px;
		}
		.rankTable {
			overflow-x: scroll;
		}
		.fs_s{
			font-size: 14px;
		}
	}
	
	.rankTable table th {
		vertical-align: middle;
		width: 9.0%;
		font-size: 15.5px;
		z-index: 88;
	}
	
	img.table_icon {
		width: 99%;
		margin-top: 5px;
	}
	
	
	.good {
		font-size: 34px;
		color: #ffbb00;
		font-weight: normal;
	}
	
	.bad {
		font-size: 37px;
		font-weight: 300;
		color: #747474;
	}
	
	.soso {
		font-size: 34px;
		font-weight: bold;
		color: #0d9b3e;
	}
	
	.mini_good {
		font-size: 24px;
		color: #ffbb00;
		font-weight: normal;
	}
	
	.mini_bad {
		font-size: 24px;
		font-weight: 300;
		color: #747474;
	}
	
	.smini_oso {
		font-size: 24px;
		font-weight: bold;
		color: #0d9b3e;
	}
	
	
	.t_btn {
		display: block;
		width: 88%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 20px;
		background: #0d9b3e;
		padding: 7px 5px;
		border-radius: 5px;
		margin-bottom: 10px;
		box-shadow: 0px 7px 0px 0 #0a752f;
	}
	.t_btn02 {
		display: block;
		width: 95%;
		background: #ff6600;
		padding: 7px 5px;
		border-radius: 5px;
		margin-bottom: 10px;
		box-shadow: 0px 7px 0px 0 #a72100;
	}
	.t_btn02,.t_btn{
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	.arrow{
		font-weight: 700;
		font-size: 30px;
	}
	/* -----------------商品紹介------------------*/
	.mt5{
		margin-top: 8%;
	}
	.star{
		background-color: #ffe29f;
		padding: 2%;
		font-weight: 700;
		font-size: 20px;
		margin: 2% 0;
	}
.pink_txt{
	font-weight: 700;
	font-size: 23px;
	color: #e03832;
}
.result_ttl_lightblue{
	background-color: #82c3e1;
	padding: 2%;
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin-bottom: 0;
}
.result_ttl_pink{
	background-color: #e03832;
	padding: 2%;
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin-bottom: 0;
}
.result_ttl_gold{
	background-color: #bba46e;
	padding: 2%;
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin-bottom: 0;
}
.bg_lightblue{
	background-color: #f8fdff;
	padding: 2%;
}
.bg_pink{
	background-color: #ffedec;
	padding: 2%;
}
@media screen and (max-width:768px) {
	.pink_txt,.result_ttl_lightblue,.result_ttl_pink,.result_ttl_gold{
		font-size: 18px;
	}
	.arrow{
		font-weight: 700;
		font-size: 23px;
	}
}
	/* -----------------フッター------------------*/
	footer{
		background-color: #747474;
		padding: 4%;
		text-align: center;
		margin-top: 5;
	}
	footer a{
		color: #fff;
		text-decoration: none;
	}
		/* -----------------追従------------------*/
		.fixed_btn { 
			position: fixed;
			bottom: 10px;
			right: 10px;
			padding: 6px 40px;
			max-width: 300px;
			z-index: 100;
			}
			@media screen and (max-width:768px){
				.fixed_btn{
					position: fixed;
					bottom: 6px;
					right: 0;
					padding: 6px 10px;
					width: 50%;
				}
			}

	/* -----------------検索実装------------------*/
.btn_s {
    display: block;
    margin: 5% auto 2%;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 55%;
}
.btn_s p {
    background-color: #d8d8d8;
    text-align: center;
    color: #fff;
    padding: 2px;
    font-size: 0.8em;
}
.searchtable {
    padding: 5px 10px 5px 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 90%;
    background: #fff;
    font-size: 1em;
    margin: 0 auto 2%;
}
.searchtabletitle {
    border-collapse: collapse;
    background-color: #f6f6f6;
    border: 1px solid #afafaf;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 80%;
    padding: 10px;
    line-height: 1.4;
    width: 120px;
    border-right: 1px solid #ccc;
}
.searchtable td{
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-size: 80%;
    width: 70%;
    padding: 0px 0px 0px 30px;
    border: 1px solid #afafaf;
}
.searchcenter {
    text-align: center;
 }
 .searchtable .searchbutton {
    background-color: #ffa05c;
    border: none;
    color: white;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 15px;
    margin-top: 10px;
 }
 .choose dd{
    margin: 0;
 }
 
   .voice_ttl{
      background-color: #fff1f0;
      border-left: 6px solid #E03832;
      border-bottom: 2px dotted #E03832;
      padding: 10px 20px;
      font-size: 20px;
  }
  .voice_ttl:after{
      display: none;
  }
  .voice_contents{
      background-color: #fff9ec;
      padding: 15px;
  }
    @media screen and (max-width:699px){
          .voice_ttl{
            font-size: 18px;
          }
        .voice_contents p{
        font-size: 17px;
    }
}