@charset "UTF-8";

/*=========================
       main layout
===========================*/

/*------toppage--------------*/

#toppage-text{
	margin-bottom: 20px;
}
#toppage-text .large{
	font-size: 1.2rem;
	font-weight: bold;
	color: #137810;
}
/*#toppage-text .toppage-comment{
	font-size: 16px;
}*/
#toppage iframe{
	width: 100%;
	max-width: 500px;
	margin: 0 auto 20px;	
}
p.toppage-comment{
    /*color: #000000;*/
    text-align: left;
    font-size: 1.2rem;
    padding: 0 20px;
}
p.comment{
	padding: 0 10px;
	font-size: 1.1rem;
}
p.comment-large-red{
	color: #ff0000;
	font-size: 1.2rem;
	padding: 0 10px;
	font-weight: bold;
}
p.comment-figure{
	width: 100%;
	text-align: left;
	margin: 0 auto;
	font-size: 1.1rem;
}
@media screen and (min-width:480px){
p.comment-figure{
	width: 80%;
}
}
@media screen and (min-width:740px){
p.comment-figure{
	width: 60%;
}
}
#corona{
	color: #000;
	padding: 0 10px;
}

.corona_text{
	font-size: 0.9em;
	background-color: #ffcccc;	
	padding: 0 10px;
}
.corona_text span{
	color: #ff0000;
}
.corona_img{
	text-align: center;
}
@media screen and (min-width:480px){
.corona_text{
	float: left;
	width: 72%;
}
.corona_img{
	float: right;
	width: 28%;
}
.corona_text span{
	font-size: 1.2em;
}
}
.page-title{
	text-align: center;
}
.item-title{
	text-align: center;
}
.grade dl dt{
	padding-left: 20px;
	font-size: 1.2em;
	color: #9AC001;
}
.grade ul{
	padding-left: 40px;
	font-size: 110%;
}
.grade ul li{
	padding-bottom: 15px;
}
.list{
	padding: 20px 40px;
	font-size: 1.1rem;
}
table.list tr:nth-child(2n+0){
	background-color: #ccffff;
}
/*section.list ol li img{
	float: right;
	padding-bottom: 40px;
}
section.list ol li{
}*/
.list ul li{
	list-style-image: url(../gif_jpg/27.gif);
	padding-bottom: 15px;		
}
.list ol li{
	list-style-type: decimal;
	padding-bottom: 15px;	
}
/*@media screen and (max-width: 640px){
table.list{

}
}*/
/*------ open fitting -
-------- fm system ----
-------- wireless -----
-----------------------*/

.open-text{
	padding: 15px;
	text-align: center;
}
.open-list li{
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
}
@media screen and (min-width: 640px){
	.open{
		margin-bottom:40px;
	}
	.open-list{
		overflow: hidden;
	}
	.open-list li{
		float: left;
		width: 31.9148%;
		margin-right: 2.12765%;
	}
	.open-list li:nth-child(3n){
		margin-right: 0;
	}
}

.child :nth-child(odd){
	background-color: #fffacd;
}

.blog{
	text-align: center;		
}
.blog iframe{
		width: 100%;
	/*max-width: 500px;*/
	margin: 0 auto 20px;	
}
.top_blog{
	/*height: 0;
	overflow: hidden;*/
	/*border: red 2px solid;*/
	text-align: center;	
	padding-bottom: 75%;
	position: relative;
}
.top_blog iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.hajimete_youtube{
  position: relative;
  padding-top: 56.25%; 
}
.hajimete_youtube iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 640px){
.blog iframe{
	max-width: 600px;
}
}

/* accordion-new */

.cp_actab{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #000066;
}
.cp_actab input{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label{
	font-size: 16px;
	line-height: 2.5;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	margin: 0 0 1px 0;
	cursor: pointer;
	background: #eee;
}
.cp_actab label:hover{
	background: #ffff00;
}
.cp_actab .cp_actab-content{
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
	color: #990000;
}
.cp_actab .cp_actab-content p{
	margin: 1em;
}
/* :checked ：説明文の長さを制限*/
.cp_actab input:checked ~ .cp_actab-content{
	max-height: 60em;
}

/*------- table ---------------*/

table{
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 100%;
    border-collapse: collapse; 
    border-spacing: 0;
    margin: 0 auto;
    font-size: 1.1rem;
}
th{
    border: 1px solid #4f4d47;
    background-color: #61c5bb; color: #fff;
}
td{
   border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    	/*text-align: center;*/
	padding: 5px;
}
.table3c table th:first-child{
	width: 150px;
}
.table3c table th:nth-of-type(2){
	width: 300px;
}
.table3d table th:first-child{
	width: 240px
}
.table3d table th:last-child{
	width: 150px;
}
.table3d table td:first-child{
	text-align: center;	
}
.table4a table th:first-child ,.table4b table th:first-child{
	width: 140px;
}
.table4a table th:nth-of-type(2) ,.table4b table th:nth-of-type(2){
	width: 110px;	
}
.table4a table th:nth-of-type(3) ,.table4b table th:nth-of-type(3){
	width: 130px;
}
/*.table4b th:last-child{
	background: #ff80ff;
}
.table4b td:last-child{
	color: #cc00cc;
}*/
.table6a table th:first-child{ 
	width: 100px;
}
.table6a table th:nth-of-type(3){
	width: 100px;
}
.table6a table th:nth-of-type(2){
	width: 90px;
}
.table6a table th:nth-of-type(6){
	width: 145px;
}
/*.table-earmould{
	visibility: visible;
}*/
/*-------------------------
   table max-width 480px
-------------------------*/
/*@media screen and (max-width: 640px){
.table-earmould{
	visibility: collapse;
}
}*/

/*===========================
       table max-width 640px
=============================*/
@media screen and (max-width: 640px){
table.list{
	font-size: 1rem;
}

/*--- table 2a column */

.table2a table{
	width: 100%; border:none;
	padding: 10px;
}
.table2a thead{
	display: none;
}
.table2a tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table2a td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table2a td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table2a td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table2a td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table2a td:nth-of-type(2)::before{
	content:"料　金";
}
/*.table2a td:nth-of-type(3)::before{
	content:"説　明";
}*/

/*--- table 3a column */

.table3a table{
	width: 100%; border:none; padding: 10px;
}
.table3a thead{
	display: none;
}
.table3a tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table3a td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table3a td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table3a td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table3a td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table3a td:nth-of-type(2)::before{
	content:"参考写真";
}
.table3a td:nth-of-type(3)::before{
	content:"説　明";
}

/*--- table 3b column */

.table3b table{
	width: 100%; border:none; padding: 10px;
}
.table3b thead{
	display: none;
}
.table3b tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table3b td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table3b td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table3b td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table3b td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table3b td:nth-of-type(2)::before{
	content:"料金（補聴器の当店購入）";
}
.table3b td:nth-of-type(3)::before{
	color: #ff0000;
	content:"料金（補聴器の他店購入）";
}

/*--- table 3c column */

.table3c table{
	width: 100%; border:none; padding: 10px;
}
.table3c thead{
	display: none;
}
.table3c tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table3c td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

.table3c td img:first-child{
	margin: 0 5px;
}

/* tdのデザイン */
.table3c td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table3c td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table3c td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table3c td:nth-of-type(2)::before{
	content:"機種写真";
}
.table3c td:nth-of-type(3)::before{
	content:"機種名";
}
/*--- table 3d column -----*/

.table3d table{
	width: 100%; border:none; padding: 10px;
}
.table3d thead{
	display: none;
}
.table3d tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table3d td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

.table3d td img:first-child{
	margin: 0 5px;
}

/* tdのデザイン */
.table3d td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table3d td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table3d td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table3d td:nth-of-type(2)::before{
	content:"商品名・商品説明";
}
.table3d td:nth-of-type(3)::before{
	content:"参考価格";
}

/*--- table 4a column -----*/

.table4a table{
	width: 100%; border:none; padding: 10px;
}
.table4a thead{
	display: none;
}
.table4a tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table4a td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table4a td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table4a td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table4a td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table4a td:nth-of-type(2)::before{
	content: "訪　問　料（初回）";
}
.table4a td:nth-of-type(3)::before{
	content: "訪問料（２回目以降）";
}
.table4a td:nth-of-type(4)::before{
	content: "調整・点検料（２回目以降）";
	/*text-align: center;*/
}
/*.table4a td:nth-of-type(4){
	text-align: left;
	padding: 0 10px;
}*/

/*--- table 4b column -----*/

.table4b table{
	width: 100%; border:none; padding: 10px;
}
.table4b thead{
	display: none;
}
.table4b tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table4b td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table4b td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table4b td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table4b td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table4b td:nth-of-type(2)::before{
	content: "訪　問　料（初回）";
}
.table4b td:nth-of-type(3)::before{
	content: "調整・点検料（初回）";
}
.table4b td:nth-of-type(4)::before{
	content: "調整・点検料（初回から３ヶ月以内）";
	/*text-align: center;*/
}
/*.table4b table td:nth-of-type(4){
	color: #cc00cc;
}*/
/*--- table 4c column -----*/

.table4c table{
	width: 100%; border:none; padding: 10px;
}
.table4c thead{
	display: none;
}
.table4c tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table4c td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table4c td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table4c td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table4c td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table4c td:nth-of-type(2)::before{
	content: "商品写真";
}
.table4c td:nth-of-type(3)::before{
	content: "商品説明";
}
.table4c td:nth-of-type(4)::before{
	content: "参考価格";
	/*text-align: center;*/
}
/*--- table 5a column ---*/

.table5a table{
	width: 100%; border:none; padding: 10px;
}
.table5a thead{
	display: none;
}
.table5a tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table5a td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table5a td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table5a td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table5a td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table5a td:nth-of-type(2)::before{
	content: "一般形状";
}
.table5a td:nth-of-type(3)::before{
	content: "一般適応聴力";
}
.table5a td:nth-of-type(4)::before{
	content: "デジタル補聴器（片耳のみ）";
}
.table5a td:nth-of-type(5)::before{
	content: "デジタル補聴器（両耳）";
}


/*-------- table6a column--------*/

.table6a table{
	width: 100%; border:none; padding: 10px;
	text-align: center;
}
.table6a thead{
	display: none;
}
.table6a tr{
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
.table6a td{
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
.table6a td:nth-of-type(1){
	background-color: #61c5bb; color: #fff;
}
.table6a td:last-child{
	border-bottom: 1px solid #4f4d47;
}
     
/*td:beforeのデザイン*/
.table6a td::before{
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */
.table6a td:nth-of-type(2)::before{
	content: "型別";
}
.table6a td:nth-of-type(3)::before{
	content: "一般形状";
}
.table6a td:nth-of-type(4)::before{
	content: "一般適応聴力";
}
.table6a td:nth-of-type(5)::before{
	content: "特徴";
}
.table6a td:nth-of-type(6)::before{
	content: "価格（片側のみの場合）";
}
}

/*------ calender------*/

.cr{
	color: #ff0000;/*red*/	
}
.cb{
	color: #0000cc;/*blue*/
}
.table-list{
	width: 80%;
	margin: 0 auto;
}

.table-list table{
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
}

@media screen and (min-width: 480px){
.table-list table{
	font-size: 25px;
}
}

@media screen and (min-width: 740px){
.table-list table{
	font-size: 30px;
}
}
/*----- sitemap -----*/

#sitemap{
	padding-left: 30px;
	
}
#sitemap h5{
	padding-bottom: 10px;
}
#sitemap ul{
	padding-left: 30px;
	list-style: none;
	text-align: left;
}
#sitemap ul li{
	padding-bottom: 15px;
}