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

img {vertical-align:bottom;}

h3#shop-pricelist span {font-size: 10px;}
h3#shop-pricelist {line-height: 1em;}
h4.type {text-align: center;margin: 15px auto 10px;padding-top: 2px;padding-bottom: 2px;border-top: 1px solid #1b95d4;border-bottom: 1px solid #1b95d4;color: #1b95d4;line-height: 1.6em;width: 30%;}

.caution{
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.caution-headline{
	font-size: 0.9em;
	text-align: center;
	border-bottom: dashed 1px #000000;
	padding: 5px 0;
}
.pad01{
	padding-left: 1em;
	text-indent: -1em;
}
/* タブメニュー */
#tab-menu {list-style: none;margin: 0 0 10px;padding: 0;font-size: 0;}
ul#tab-menu {
	width:97%;
	margin:0 auto 10px;
	padding:0%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	box-sizing: border-box;
}
#tab-menu li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24%;
	margin:0.3% 0.5%;
	padding: 4px 0;
	background: #ffffff;
	border: 1px solid #1b95d4;
	color: #1b95d4;
	border-radius: 3px;
	font-size: 11px !important;
	line-height: 1.0em;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
/*
#tab-menu li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32%;
	margin:0.3% 0.5%;
	padding: 4px 0;
	background: #ffffff;
	border: 1px solid #1b95d4;
	color: #1b95d4;
	border-radius: 3px;
	font-size: 11px !important;
	line-height: 1.0em;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}*/
#tab-menu li:nth-child(5){
	margin-right: 72%;
}
#tab-menu li:nth-child(24),
#tab-menu li:nth-child(27),
#tab-menu li:nth-child(42){
	margin-right: 24%;
}
#tab-menu li:nth-child(33),
#tab-menu li:nth-child(35){
	margin-right: 48%;
}

#tab-menu li.none {
	background: #dddddd;
	color: #fff;
	border: 1px solid #dddddd;
	pointer-events: none;
}
@media screen and (max-width: 374px) {
#tab-menu li {
	font-size: 13px;
	padding: 5px 0;
}
}
#tab-menu li.active {
	background: #1b95d4;
	color: #ffffff;
	font-weight: bold;
}

/* タブの中身 */
#tab-box {
	width: 95%;
	margin: 10px auto 20px;
	padding: 0;
	box-sizing: border-box;
}
#tab-box div {
	display: none;
}
#tab-box div.active {
	display: block;
}
#tab-box p {
	/*font-size: 4vw;*/
	line-height: 1.3em;
	margin-bottom: 4px;
}
#tab-box h4 {
	font-size:13px;
	padding: 1.5vh 0 1.5vh 7.8vh;
}
#tab-box div:nth-child(1) h4{background: url("../../img02/price_iph16e.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(2) h4{background: url("../../img02/price_iph16pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(3) h4{background: url("../../img02/price_iph16pr.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(4) h4{background: url("../../img02/price_iph16pl.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(5) h4{background: url("../../img02/price_iph16.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(6) h4{background: url("../../img02/price_iph15pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(7) h4{background: url("../../img02/price_iph15pr.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(8) h4{background: url("../../img02/price_iph15pl.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(9) h4{background: url("../../img02/price_iph15.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(10) h4{background: url("../../img02/price_iph14pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(11) h4{background: url("../../img02/price_iph14pr.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(12) h4{background: url("../../img02/price_iph14pl.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(13) h4{background: url("../../img02/price_iph14.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(14) h4{background: url("../../img02/price_iph13pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(15) h4{background: url("../../img02/price_iph13p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(16) h4{background: url("../../img02/price_iph13m.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(17) h4{background: url("../../img02/price_iph13.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(18) h4{background: url("../../img02/price_iph12pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(19) h4{background: url("../../img02/price_iph12p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(20) h4{background: url("../../img02/price_iph12m.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(21) h4{background: url("../../img02/price_iph12.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(22) h4{background: url("../../img02/price_iph11pm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(23) h4{background: url("../../img02/price_iph11p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(24) h4{background: url("../../img02/price_iph11.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(25) h4{background: url("../../img02/price_iphse3.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(26) h4{background: url("../../img02/price_iphse2.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(27) h4{background: url("../../img02/price_iphse.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(28) h4{background: url("../../img02/price_iphxr.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(29) h4{background: url("../../img02/price_iphxsm.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(30) h4{background: url("../../img02/price_iphxs.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(31) h4{background: url("../../img02/price_iphx.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(32) h4{background: url("../../img02/price_iph8p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(33) h4{background: url("../../img02/price_iph8.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(34) h4{background: url("../../img02/price_iph7p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(35) h4{background: url("../../img02/price_iph7.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(36) h4{background: url("../../img02/price_iph6sp.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(37) h4{background: url("../../img02/price_iph6s.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(38) h4{background: url("../../img02/price_iph6p.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(39) h4{background: url("../../img02/price_iph6.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(40) h4{background: url("../../img02/price_iph5c.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(41) h4{background: url("../../img02/price_iph5s.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(42) h4{background: url("../../img02/price_iph5.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(43) h4{background: url("../../img02/price_iph4s.png") top left no-repeat; background-size: contain;}
#tab-box div:nth-child(44) h4{background: url("../../img02/price_iph4.png") top left no-repeat; background-size: contain;}

.pad01{
	padding-left: 1em;
	text-indent: -1em;
}
/* タブ内の料金表 */
table.price_table{
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	word-break: break-all;
}
/*table.price_table tr:nth-child(odd){
	background: #fafafa;
}*/
table.price_table td,
table.price_table th{
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	padding: 5px;
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
}
table.price_table th:nth-child(3n-1){
	width: 34%;
}
table.price_table th:nth-child(3n){
	width: 14%;
}
table.price_table th{
	text-align: center;
	background: #000000;
	color: #FFF;
}
.price_cell{
	font-family:din-2014,sans-serif;
	font-size: 22px!important;
	font-weight: bold;
}
.redprice {
	color: #ff0000;
	font-size: 4.6vw !important;
	font-weight: bold;
}
.certain{
	display: block;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 1.2em;
	text-align: justify;
	padding-left: 1em;
	text-indent: -1em;
}
.simprice {
	color: #ff0000;
	font-weight: bold;
	line-height: 1.2em!important;
	font-size: 18px!important;
	text-align: right!important;
	padding-right: 7%!important;
	background: url(../img/sim-arrow.png) no-repeat left bottom .4em #fff;
}

.blackprice {
	font-size: 18px!important;
	font-weight: bold;
	text-align: right!important;
	padding-right: 7%!important;
}

.blackprice span, .simprice span {
	font-size: 12px;
	margin-left: 2px;
}
/* 以前画像だった箇所の料金表 */
.glass_pricelist {
	width: 95%;
	margin: 10px auto 20px;
	padding: 0;
	/*border-left: 3px solid #ffe479;*/
	/*border-right: 3px solid #ffe479;*/
	/*border-top: 3px solid #ffe479;*/
}

.glass_table {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.glass_table ul {
	list-style: none;
}

.glass_table ul li {
	float: left;
	width: 50%;
	padding: 5px 7px;
	line-height: 1em;
	border-right: 1px solid #ffe479;
	border-bottom: 1px solid #ffe479;
	color: #ff0000;
	font-size: 1.8em;
	font-weight: 900;
	box-sizing: border-box;
}

.glass_table ul li:nth-child(2n) {
	border-right: 0;
}

.glass_table ul li span {
	font-size: 1em;
	margin-right: 3px;
}

@media screen and (max-width: 374px) {
.glass_table ul li {
	font-size: 1.7em;
	padding: 5px;
}
.glass_table ul li div.kinjitsu {
	font-size: 17px!important;
}
}

.glass_table ul li img {
	width: 30px;
	height: 30px;
}

.glass_table ul li div {
	display:table-cell;
	vertical-align:middle;
}

.glass_table ul li div.kinjitsu {
	font-size: 19px;
	width: 100%;
	text-align: right;
}

.glassprice {
	width: 100%;
	text-align: right;
}

.glasspricenon {
	width: 100%;
	text-align: center;
}

.price-sp {
	border: 3px solid #ffe479;
	overflow: hidden;
}

.pluslcd {
	border-left: 3px solid #ffe479;
	border-right: 3px solid #ffe479;
	border-bottom: 3px solid #ffe479;
	padding: .5em;
}

.pluslcd p {
	font-size: 12px;
	margin-top: 5px;
}

.pluslcd h4 {
	padding-bottom: 3px;
	font-size: .92em;
	line-height: 1.4em;
	border-bottom: 1px solid #000;
}

.pluslcd h4 span {
	color: #ff0000;
}

.bold {
	font-weight: bold;
}

/* リペアSIMの料金表 */
.price-sim {
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-top: 3px solid #000;
	overflow: hidden;
}
.glass_table2 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.glass_table2 ul {
	list-style: none;
}
.glass_table2 ul li:nth-child(2n) {
	border-right: 0;
}
.glass_table ul li:nth-last-child(-n+2) {
	border-bottom: 0;
}
.glass_table2 ul li span {
	font-size: 14px;
}
p.sim {
	color: #ff0000;
}
.glass_table2 ul li img {
	width: 30px;
	height: 30px;
}
.glass_table2 ul li div {
	display:table-cell;
	vertical-align:middle;
}
.glass_table2 ul li {
	float: left;
	width: 50%;
	padding: 0;
	line-height: 1em;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	color: #ff0000;
	font-size: 1.8em;
	font-weight: 900;
	box-sizing: border-box;
	display: table;
}
.glasssimprice {
	text-align: right;
	height: 73px;
	padding: 3px 0;
	color: #6e6e6e;
	background: url(../img/sim-arrow.png) no-repeat left bottom .4em #fff;
}
.glasssimprice p {
	margin-right: 7px;
}
.glasssimprice hr {
	margin: 3px 0;
	padding: 0;
	height: 1px;
	background: #000;
	border: none;
}
.glass_kisyu {
	border-right: 1px solid #000;
	padding: 0;
	width: 30%;
	table-layout: fixed;
	text-align: center;
	box-sizing: border-box;
}
.glass_table2 ul li div.glassprice p {
	margin-right: .2em;
}
@media screen and (max-width: 374px) {
.glass_table2 ul li {
	font-size: 1.5em;
}
}
.title_glasskisyu {
	width: 30%;
	table-layout: fixed;
	text-align: center;
	font-size: 11px;
	background: #6e6e6e;
	color: #fff;
	box-sizing: border-box;
	border-right: 1px solid #000;
}
.title_glassprice {
	font-size: 12px;
	line-height: 1.3em;
	background: #6e6e6e;
	color: #fff;
	text-align: center;
}
.title_glassprice p {
	margin: 3px 0;
}
.title_glassprice hr {
	border: none;
	background: #000;
	height: 1px;
	margin: 0;
}
.repairsim {
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	padding: .5em .5em 1em;
}
.repairsim h4 {
	border-bottom: 1px solid #000;
}
.repairsim p {
	font-size: 12px;
	margin: 0 0 10px;
}
.repairsim p span {
	font-weight: bold;
	font-size: 14px;
}
.repairsim p:last-child {
  margin: 0;
}
.notice {
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 10px;
	font-size: 12px;
	line-height: 1.4em;
}
.glass_notice {
	text-align: left!important;
}
.about_repairsim {
	display: inline-block;
	padding: .7em 1em .5em;
	font-size: 1.2em;
	text-decoration: none;
	background: #222222;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 4px #111111;
	border-radius: 3px;
}
.title_pricesim {
	border-left: 3px solid #000;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
}

.title_pricesim p {
	margin: 0;
	padding: 0;
	line-height: 0;
	border-bottom: 3px solid #000;
}

.title_pricesim p:last-child {
	border-bottom: none;
}
/*.glass_table2 ul li div.glassprice p.sim:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url(img/icon_sim.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}*/
.txtbox h3{
	margin:20px 0 5px 0;
}
.txtbox h4{
	font-size:1.1em;
	margin:15px 0 5px 0;
	padding:6px;
	background:#eee;
}
.txtbox h3.main_symptoms{
	font-size:1.1em!important;
	border:none!important;
	margin:0 0 5px 0!important;
}
.condition_list{
	list-style:none;
	margin-bottom:10px;
}
.condition_list li{
	line-height:1.5em;
}