@charset "utf-8";
/* CSS Document */

#tel_pc {    display: inline-block;    }
#tel_sp {    display: none;}
@media (max-width: 660px) {
#tel_pc {    display: none;    }
#tel_sp {    display: inline-block;}
}







/* -----   ３画像メニュー ------ */
.menu_box3_bk {
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px solid #00499C;
    padding-top: 30px;
    padding-bottom: 60px;
}
.menu_box3_bk H2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin-top: 30px;
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    height: 100%;
    text-align: center;
    font-weight: 500;
    color: #00499C;
}
.menu_box3 .mb3 DIV{
    background-color: #FFFFFF;
    overflow: hidden; /* 不要部分を消す */
}

.menu_box3 .mb3 DIV {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px solid #00499C;
}
.menu_box3 .mb3  DIV SPAN{
    display: block;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 7px;
    background-color: #00499C;
}
.menu_box3 .mb3 a:hover SPAN{
    color: #f0f00b;
}

.menu_box3 .mb3 DIV:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 160px;
    height: auto;
    background: #f0f00b;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 35px;
    padding-left: 0px;
    padding-bottom: 5px;
    left: -30px;
    top: 3px;
    transform: rotate(-35deg);
    box-shadow: 0 1px 1px rgba(100, 100, 1000, 0.1);
}
.menu_box3 .mb3 .mb3_1x:after {
    content: "知る";	/* 表示するテキスト */
}
.menu_box3 .mb3 .mb3_2x:after {
    content: "選び方";	/* 表示するテキスト */
}
.menu_box3 .mb3.mb3_3x:after {
    content: "購入";	/* 表示するテキスト */
}

/*--- トップページ ^^^*/

#toppic {
}
#toppic_bk {
	padding-bottom: 10px;
	padding-top: 10px;
}
#toppic_bk .row{
    position: relative;
}
#toppic_bk img {}
#toppic_bk #t1{
    font-family: "游明朝","Hiragino Mincho ProN","游ゴシック",  "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: absolute;
    top: 7%;
    left: 7%;
    font-size: 24px;
    color: #5d498b;
    font-weight: bold;
}
#toppic_bk #t1 span{
    font-size: 32px;
}
#toppic_bk #t2{
    font-family: "游明朝","Hiragino Mincho ProN","游ゴシック",  "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: absolute;
    top: 83%;
    left: 6%;
    font-size: 15px;
    color: #333;
}
#pc_pic {display: block;}
#sp_pic {display: none;}
@media (min-width: 480px) and (max-width:767px) {
#toppic_bk img {
    margin-top: 120px;
}
#toppic_bk #t1{
    top: 7%;
    left: 3%;
}    
#toppic_bk #t2{
    top: 19%;
    left: 3%;
    padding-right: 15px;
}
#toppic_bk BR {    display: none;}    
    /*
#pc_pic {display: none;}
#sp_pic {display: block;}
    */
}

@media (max-width: 479px) {
#toppic_bk img {
    margin-top: 80px;
}
#toppic_bk #t1{
    top: 0%;
    left: 3%;
}    
#toppic_bk #t2{
    top: 9%;
    left: 6%;
    padding-right: 23px;
}
#toppic_bk BR {    display: none;}    
#pc_pic {display: none;}
#sp_pic {display: block;}
}    


/*--- トップページ 店舗  -------*/
.block2  {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.block2  P.title {
	font-size: 15pt;
	color: #00489D;
	margin-bottom: 10px;
}
.block2  IMG.pic1 {
    /*
	display: block;
	width: 190px;
	font-size: 14px;
	height: 100%;
	margin-right: 10px;
    */
	margin-bottom: 20px;
}
.block2  TABLE {
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 0px;
    margin-bottom: 33px;
}
.block2  TABLE TD {
	border-bottom: 1px solid #f1f1f1;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 7px;
	padding-left: 7px;
}
.block2  TABLE TH {
    padding-right: 5px;
    padding-left: 1px;
    font-size: 13px;
    background-color: #f1f1f1;
    padding-top: 4px;
    border-right: 5px solid #FFFFFF;
    padding-bottom: 6px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: 500;
    text-align: left;
    min-width: 7em;
}
.block2  TABLE TH I {
    margin-right: 2px;
    padding-left: 1px;
    margin-left: 1px;
    padding-right: 1px;
}

.block2  TABLE.koiwa th {
    background-color: #e7edf2;
}
.block2  TABLE.koiwa td {
	border-bottom: 1px solid #e7edf2;
}
.block2  TABLE.mizue th {
	background-color: #e0eeec;
}
.block2  TABLE.mizue td {
	border-bottom: 1px solid #e0eeec;
}
.block2  TABLE.kitasenju th {
	background-color: #E7E7F1;
}
.block2  TABLE.kitasenju td {
	border-bottom: 1px solid #E7E7F1;
}

@media (max-width: 640px) {
.block2  TABLE TH SPAN {
    display: block;
    margin-left: 22px;
}
}

/* ----------------  地図 -----------------*/
#Gmap1 {
	height: 380px;
	width: 100%;
	border: 4px solid #D3DEF1;
}
#Gmap2 {
	height: 380px;
	width: 100%;
	border: 4px solid #D5EAD8;
	clear: both;
}
#Gmap3 {
	height: 380px;
	width: 100%;
	border: 4px solid #E7E7F1;
	clear: both;
}


/* ------------       店舗      ----------- */
#koiwa_ten {
    border: 4px solid #e7edf2;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
}
#Gmap1a,
#Gmap2a ,
#Gmap3a {
	height: 600px;
	width: 100%;
	clear: both;
}
#mizue_ten {
	border: 4px solid #e0eeec;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
    margin-bottom: 30px;
}
#kitasenjyu_ten {
	border: 4px solid #E7E7F1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
    margin-bottom: 30px;
}

.table_koiwa {
    table-layout : fixed;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.table_koiwa th {
	text-align: left;
	color: #222222;
	font-size: 15px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	padding-left: 4px;
	background-color: #e7edf2;
	font-weight: normal;
}
.table_koiwa td {
	color: #111111;
	vertical-align: top;
	border-collapse: collapse;
	border-bottom: 1px solid #e7edf2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.table_mizue {
	table-layout : fixed;
	border-collapse: collapse;
    margin-bottom: 10px;
}
.table_mizue th {
	text-align: left;
	color: #222222;
	font-size: 15px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	padding-left: 4px;
	background-color: #e0eeec;
	font-weight: normal;
}
.table_mizue td {
	color: #111111;
	vertical-align: top;
	border-collapse: collapse;
	border-bottom: 1px solid #e0eeec;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.table_kitasenju {
	table-layout : fixed;
	border-collapse: collapse;
    margin-bottom: 10px;
}
.table_kitasenju th {
	text-align: left;
	color: #222222;
	font-size: 15px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	padding-left: 4px;
	background-color: #E7E7F1;
	font-weight: normal;
}
.table_kitasenju td {
	color: #111111;
	vertical-align: top;
	border-collapse: collapse;
	border-bottom: 1px solid #E7E7F1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


/* ------------       補聴器の種類と特徴     ----------- */
DIV.type_r {
    border: 2px solid #c55765;
    margin-bottom: 20px;
}
DIV.type_b {
    border: 2px solid #004590;
    margin-bottom: 20px;
}
DIV.type_r  P,
DIV.type_b  P
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	text-align: justify;
	color: #000000;
}
DIV.type_r  P.head,
DIV.type_b  P.head{
	padding-left: 0px;
	padding-right: 0px;
	background-color: #F1F2EB;
	text-align: center;
	color: #00499C;
	font-size: 17px;
	padding-top: 8px;
	padding-bottom: 6px;
	font-weight: bold;
}
/* ------------       購入の流れ     ----------- */

.flow  {
    border: 2px solid #00499C;
    overflow: hidden;
    font-size: 14px;
}
.flow IMG {
    margin-top: 10px;
    margin-bottom: 10px;
}
.flow H3 {
    color: #00499C;
    margin-top: 10px;
    background-image: none;
    padding-top: 4px;
    padding-left: 2px;
}
.flow P {
    margin-bottom: 10px;
    text-align: justify;
}
.flow_i {
    font-size: 32px;
    color: #00499C;
}

/* ------------       メーカー     ----------- */

.h2_maker {
    background-image: url(../images/maker.jpg)!important;
    margin-bottom: -15px;
}
.h2_deafness {
    background-image: url(../images/deafness.jpg)!important;
    margin-bottom: -15px;
}
.h2_hearingaids {
    background-image: url(../images/hearingaids.jpg)!important;
    margin-bottom: -15px;
}
.h2_sougoushien {
    background-image: url(../images/sougoushien.jpg)!important;
    margin-bottom: -15px;
}
.h2_about {
    background-image: url(../images/about.jpg)!important;
    margin-bottom: -15px;
}
.h2_contact {
    margin-bottom: -15px;
}

.maker {
    border-bottom: 1px dotted #00499C;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify;
}
.maker H4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
}
.maker H4 IMG {
    margin-top: -5px;
}
@media (max-width: 767px) {
.maker H4 {
    text-align: center;
}
}



/* ------------    難聴について      ----------- */

.table_deafness {
	table-layout : fixed;
	border-collapse: collapse;
	margin-top: 10px;
}

.table_deafness th {
	font-size: 16px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 7px;
	text-align: left;
	background-color: #eff5e3;
	border: 1px solid #cee2ac;
}
.table_deafness td {
    font-size: 14px;
    vertical-align: top;
    border-collapse: collapse;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 4px;
    border: 1px solid #cee2ac;
    text-align: justify;
}
.table_deafness .right_off {
	border-right: 0px solid #cccccc;
}
.table_deafness .bottom_off {
	border-bottom: 0px solid #cccccc;
}



/* ------------    難聴の程度とヘ調機の必要度    ----------- */
.table_noline {
	table-layout : fixed;
	border-collapse: collapse;
}

.table_noline th {
    text-align: left;
    color: #00489d;
    font-size: 18px;
    vertical-align: top;
}
.table_noline td {
	vertical-align: top;
	border-collapse: collapse;
}


.table_line {
	table-layout : fixed;
	border-collapse: collapse;
}

.table_line th {
    text-align: center;
    color: #00489d;
    font-size: 18px;
    border-bottom: 3px solid #00489D;
    padding-bottom: 5px;
    padding-left: 1em;
}
.table_line td {
    color: #111111;
    vertical-align: top;
    border-collapse: collapse;
    border-bottom: 1px solid #00489D;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1em;
    text-align: center;
}
.table_line2 {
    margin-bottom: 5px;
}
.table_line2 TH{
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
}
.table_line2 TD{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    text-align: justify;
}
TABLE .c1 {
	background-color: #eff5e3;
}
TABLE .c2 {
	background-color: #dfebc8;
}
TABLE .c3 {
	background-color: #cee2ac;
}
TABLE .c4 {
	background-color: #bed891;
}
TABLE .c5 {
	background-color: #aece75;
}
TABLE .c11 {
	background-color: #f1f1f1;
}


.table_sougoushien {
    margin-bottom: 5px;
}
.table_sougoushien TH{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
}
.table_sougoushien TD{
 max-height: 999999px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table_sougoushien TD.ts1{
}


.table_typehearing {
    margin-bottom: 5px;
}
.table_typehearing TH{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
}
.table_typehearing TD{
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table_typehearing #table_type1{    width: 20%;}
.table_typehearing #table_type2{    width: 50%;}
.table_typehearing #table_type3{    width: 20%;}

@media (min-width: 400px) and (max-width:599px) {
.table_typehearing #table_type1{    width: 26%;}
.table_typehearing #table_type2{    width: 40%;}
.table_typehearing #table_type3{    width: 23%;}
.table_typehearing TD{
    }
.table_typehearing TD.table_type4{
    padding-left: 1px;
    padding-right: 1px;
    font-size: 13px;
 
}
}

    
@media (min-width: 1px) and (max-width:399px) {
.table_typehearing #table_type1{    width: 26%;}
.table_typehearing #table_type2{    width: 40%;}
.table_typehearing #table_type3{    width: 23%;}
.table_typehearing TD.table_type4{
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
 
}
.table_sougoushien TH,
.table_sougoushien TD{
    padding-left: 5px;
    padding-right: 5px;
    }
    .table_sougoushien TH.ts1{
    font-size: 15px;        
    }    
}

/* ------------     総合支援    ----------- */
.sougoushien_ya {
    text-align: center;
    font-size: 32px;
    color: #00499C;
}
.sougoushien_ya+p {
    margin-top: -10px;
}

/* ------------     問合せ    ----------- */

.ul_sitemap{
    list-style-type: none;
}


/* ------------     問合せ    ----------- */
.line_friend_bk{
	background-color: #F1F2EB;
	padding-top: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
}
@media (max-width: 550px) {
.line_friend_bk{
	background-color: #F1F2EB;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom:30px;
	padding-left: 30px;
}
}
.line_friend_bk_inn{
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.line_friend{
	max-height: 300px;
}

.contact_tel_bk {
    background-color: #F1F2EB;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.contact_tel {
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	margin-top: 0px;
	border-left: 0px solid #00499C;
	border-right: 0px solid #00499C;
	border-bottom: 5px solid #F1F2EB;
	border-top: 0 solid #FFFFFF;
	text-align: center;
	margin-bottom: 15px;
}
.contact_tel a {
    font-size: 24px;
    color: #00499C;
}
.contact_tel H4{
}
.contact_tel H4 a{
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #00499C;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
}
.contact_tel H4 a:hover{
    color: #f0f00b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    background-color: #7887A7;
}
.contact_tel H4 i{
    padding-right: 4px;
    font-size: 80%;
    font-weight: normal;
}
.contact_tel_time {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 15px;
}
.contact_tel_time P{
    font-size: 15px;
    padding-top: 0px;
    margin-top: 2px;
    margin-bottom: 3px;
    text-align: center;
}
@media (max-width: 480px) {
.contact_tel_bk {
    background-color: #F1F2EB;
    padding-right: 10px;
    padding-left: 10px;
}
.contact_tel_time {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 15px;
} 
.contact_tel_time P{
    font-size: 13px;
    }
}

.contact_info_bk {
    background-color: #F1F2EB;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.contact_info {
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    margin-top: 0px;
    border-left: 0px solid #00499C;
    border-right: 0px solid #00499C;
    border-bottom: 5px solid #F1F2EB;
    border-top: 0 solid #FFFFFF;
    text-align: center;
}
.contact_info a {
    font-size: 24px;
    color: #00499C;
}
.contact_info H4 a{
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #00499C;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
}
.contact_info H4 a:hover{
    color: #f0f00b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    background-color: #7887A7;
}
.contact_info H4 i{
    padding-right: 4px;
    font-size: 80%;
    font-weight: normal;
}

@media (max-width: 480px) {
.contact_info_bk {
    background-color: #F1F2EB;
    padding-right: 10px;
    padding-left: 10px;
}
}