/*店舗一覧*/
.shoplist {}


.shoplist .sl-box {
	display: table;
	width: 100%;
	border-bottom: 1px solid #666666;
	overflow: hidden;
	position: relative;
}

.shoplist .sl-box a.sl-boxlink {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.shoplist .sl-box a.sl-boxlink:hover {
	background: rgba(255, 255, 255, .5);
}

.shoplist .sl-box .sl-box-left {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
	padding: 10px;
}

.shoplist .sl-box .sl-box-left dl {}

.shoplist .sl-box .sl-box-left dl dt {
	font-family: 'Noto sans japanese', sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
}

.shoplist .sl-box .sl-box-left dl dd {}

.shoplist .sl-box .sl-box-left dl dd span {
	font-weight: bold;
}

.shoplist .sl-box .sl-box-right {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
	padding: 10px 0;
}

.shoplist .sl-box .sl-box-right ul {
	display: block;
	width: 100%;
}

.shoplist .sl-box .sl-box-right ul li {
	float: left;
	width: 50%;
	padding: 0 2px;
}

.shoplist .sl-box .sl-box-right ul li img {
	width: 100%;
}

/*店舗詳細ページ*/
.shop-detail {
	font-size: 14px;
	background: #f5f5f5;
}

.shop-detail .sub-right {
	float: right;
	width: 900px;
	background: #fff;
	padding: 1rem;
}


.shop-detail .sd-infobox {
	display: block;
	width: 100%;
	overflow: hidden;
}

/**/
.shop-detail .sd-infobox .sd-ib-left {
	float: left;
	/*width:450px;*/
	width: 50%;
}

.shop-detail .sd-infobox .sd-ib-left .about-list {
	margin-bottom: 0;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul,
.shop-detail .sd-infobox .sd-ib-left .about-list tbody {
	width: 100%;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul li,
.shop-detail .sd-infobox .sd-ib-left .about-list tr {
	padding: 10px;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul li .alist-title,
.shop-detail .sd-infobox .sd-ib-left .about-list tr .alist-title {
	font-size: 16px;
	width: 40%;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul li .alist-desc,
.shop-detail .sd-infobox .sd-ib-left .about-list tr .alist-desc {
	width: 60%;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul li .alist-desc a.banner-link,
.shop-detail .sd-infobox .sd-ib-left .about-list tr .alist-desc a.banner-link {
	display: inline-block;
	width: 49%;
}

.shop-detail .sd-infobox .sd-ib-left .about-list ul li .alist-desc a.banner-link img,
.shop-detail .sd-infobox .sd-ib-left .about-list tr .alist-desc a.banner-link img {
	width: 100%;
}

.shop-detail .sd-infobox .sd-ib-right {
	float: right;
	/*width:440px;*/
	width: 49%;
}

.shop-detail .sd-infobox .sd-ib-right img {
	width: 100%;
}

/**/
.shop-detail .sd-mapbox {
	margin: 50px 0;
	display: block;
	overflow: hidden;
}

.shop-detail .sd-mapbox iframe {
	width: 100%;
	height: 250px;
}

/**/
.shop-detail .sd-fromstore {
	margin-top: 50px;
	padding: 50px 0;
}

.shop-detail .sd-fromstore .sd-fs-whitebox {
	display: table;
	/*width:880px;*/
	width: 850px;
	background: #FFFFFF;
	margin: 0 10px;
	padding: 10px;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left {
	display: table-cell;
	width: 60%;
	vertical-align: top;
	padding-right: 10px;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left p {
	line-height: 180%;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl {
	display: block;
	border: 1px solid #357FD4;
	padding: 10px;
	margin-top: 10px;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dt {
	color: #357FD4;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #357FD4;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dt img {
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dd {}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dd ul {}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dd ul li {
	margin-bottom: 5px;
	line-height: 150%;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-left dl dd ul li span {
	display: block;
	font-weight: bold;
}

.shop-detail .sd-fromstore .sd-fs-whitebox .sd-fs-right {
	display: table-cell;
	width: 40%;
	vertical-align: top;
}

/**/
.shop-detail .sd-pricelist {
	margin: 50px 0;
}

.shop-detail .sd-pricelist .sd-plbox {
	display: block;
}

.shop-detail .sd-pricelist .sd-plbox table,
.shop-detail .sd-pricelist .sd-plbox ul {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 5px solid #da291c;
	width: 100%;
}

.shop-detail .sd-pricelist .sd-plbox table tr {}


.shop-detail .sd-pricelist .sd-plbox li.t-header,
.shop-detail .sd-pricelist .sd-plbox li.t-body {
	display: flex;
	align-items: center;
	font-size: 18px;
	border-bottom: 1px solid #EEEEEE;
}

.shop-detail .sd-pricelist .sd-plbox table tr:nth-child(2n+1),
.shop-detail .sd-pricelist .sd-plbox li:nth-child(2n+1) {
	background-color: #FBFBFB;
}

.shop-detail .sd-pricelist .sd-plbox table tr th,
.shop-detail .sd-pricelist .sd-plbox li .t-inner,
.shop-detail .sd-pricelist .sd-plbox li .t-cell {
	border-right: 1px solid #EEEEEE;
	width: 100%;
	padding: 20px;
	text-align: center;
}

.shop-detail .sd-pricelist .sd-plbox ul li .t-inner {
	border-bottom: none;
}

.shop-detail .sd-pricelist .sd-plbox li .t-inner,
.shop-detail .sd-pricelist .sd-plbox table tr th span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Noto sans japanese', sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.shop-detail .sd-pricelist .sd-plbox li .t-inner span {
	display: block;
	font-size: 1rem;
	font-weight: normal;
}

.shop-detail .sd-pricelist .sd-plbox table tr td:first-of-type,
.shop-detail .sd-pricelist .sd-plbox li .t-cell:first-of-type {
	text-align: left !important;
	padding: 20px;
}

.shop-detail .sd-pricelist .sd-plbox table tr td {
	border-right: 1px solid #EEEEEE;
	width: 25%;
	margin: auto;
	height: 62px;
	text-align: right;
	font-family: 'Noto sans japanese', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

span.price {
	display: block;
	min-width: 92px;
	width: max-content;
	margin: auto;
}

img.taxinc {
	display: inline-block;
	height: 100%;
	width: fit-content;
	object-fit: contain;
}

.shop-detail .sd-pricelist .sd-plbox table tr td:first-child {
	text-align: left;
}

/**/
.shop-detail .sd-roadaccess {
	padding: 50px 0;
	margin-bottom: 50px;
	position: relative;
}


.shop-detail .sd-roadaccess .way-select {
	margin: 10px 0;
	padding-right: 10px;
}

.shop-detail .sd-roadaccess .way-select select {
	width: 100%;
	padding: 5px;
	border-color: #C32519;
	background: #C32519;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
}


.shop-detail .sd-roadaccess .sd-rabox {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.shop-detail .sd-roadaccess .sd-rabox ul {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-left: -1%;
}

.shop-detail .sd-roadaccess .sd-rabox ul li {
	float: left;
	width: 49%;
	margin: 0 0 10px 1%;
}

.shop-detail .sd-roadaccess .sd-rabox ul li dl {}

.shop-detail .sd-roadaccess .sd-rabox ul li dl dt {
	margin-bottom: 1px;
	max-height: 298px;
	overflow: hidden;
}

.shop-detail .sd-roadaccess .sd-rabox ul li dl dt img {
	width: 100%;
}

.shop-detail .sd-roadaccess .sd-rabox ul li dl dd {
	background: #FFFFFF;
	line-height: 150%;
	padding: 10px;
	height: 80px;
}

/*20180613追加*/
.shop-detail .shop-history {
	margin: 50px 0;
}

.shop-detail .shop-history .sh-listbox {
	display: block;
	overflow: hidden;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner {
	float: left;
	width: 440px;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner:nth-of-type(2n) {
	float: right;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .sh-listbox-img {
	width: 100%;
	padding-top: 300px;
	overflow: hidden;
	position: relative;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .sh-listbox-img img {
	position: absolute;
	left: 50%;
	top: 50%;

	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: auto;
	height: auto;
	max-width: 100%;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .about-list ul {
	width: 100%;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .about-list ul li {
	padding: 10px;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .about-list ul li .alist-title {
	font-size: 16px;
	width: 40%;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .about-list ul li .alist-desc {
	width: 60%;
}

.shop-detail .shop-history .sh-listbox .sh-listbox-inner .about-list ul li.sh-text {
	height: 80px;
}

/**/
.shop-detail #reserve-box .content {
	/*width:900px;*/
	width: 880px;
	padding: 0 0 0 20px;
}

/*事例編集*/
.shop-history {
	margin: 20px 0;
}

.shop-history ul {
	width: 100%;
	overflow: hidden;
	padding: 8px;
	border: 1px solid #999999;
	box-sizing: border-box;
	margin: 8px 0;
}

.shop-history ul li {
	vertical-align: top;
}

.shop-history ul li.sh-img a {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.shop-history ul li.sh-img {
	display: inline-block;
	float: left;
	width: 100px;
	height: 208px;
	overflow: hidden;
	position: relative;
}

.shop-history ul li.sh-img img {
	margin-bottom: 4px;

}

.shop-history ul li:last-of-type {
	font-size: 14px;
	position: relative;
	padding-left: 16px;
	float: left;
	width: 88%;
	position: relative;
}

.shop-history ul li:last-of-type dl {
	margin: 10px 0;
	display: table;
	width: 100%;
	overflow: hidden;
}

.shop-history ul li:last-of-type dl dt {
	display: table-cell;
	width: 400px;
	vertical-align: top;
	font-weight: bold;
}

.shop-history ul li:last-of-type dl dt:before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../img/common/icon-right.png) no-repeat center;
	background-size: contain;
}

.shop-history ul li:last-of-type dl dd {
	display: table-cell;
	width: auto;
	line-height: 150%;
	vertical-align: top;
	text-align: right;
}

.shop-history ul li:last-of-type .shop-h-text {
	margin-top: 10px;
	display: block;
	line-height: 150%;
	/*	height: 280px;*/
}

.shop-history .btn-box .rl-btn {
	background: #FFFFFF;
	width: 600px;
}


.shop-history .grad-btn {
	/*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ*/
	position: absolute;
	top: 90%;
	right: 50%;
	z-index: 9;
	width: 200px;
	font-size: 14px;
	padding: 5px 10px;
	padding-right: 35px;
	background: #da291c;
	color: #FFFFFF;
	font-weight: 600;
}

.grad-btn::before {
	content: "続きを読む"
}

.shop-history .grad-btn:after {
	content: " ";
	position: absolute;
	right: 10px;
	transform: rotate(90deg);
	background: url(../img/common/btn-attow-w.png) no-repeat center;
	background-size: cover;
	width: 20px;
	height: 20px;
}

.shop-history .grad-item {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 120px;
	/*隠した状態の高さ*/
}

.shop-history .grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 800px;
	height: 40px;
	/*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
	content: "";
}

.shop-history .grad-trigger {
	display: none;
	/*チェックボックスは常に非表示*/
}

.shop-history .grad-trigger:checked~.grad-btn::before {
	content: "閉じる"
		/*チェックされていたら、文言を変更する*/
}

.shop-history .grad-trigger:checked~.grad-btn::after {
	transform: rotate(-90deg);

}

.shop-history .grad-trigger:checked~.grad-item {
	height: auto;
	padding-bottom: 100px;
}

.shop-history .grad-trigger:checked~.grad-item::before {
	display: none;
	/*チェックされていたら、grad-itemのbeforeを非表示にする*/
}



/*ブログ一覧*/
.blog-list {
	margin: 50px 0;
	display: block;
	overflow: hidden;
}

.blog-list .blog-listbox {
	display: block;
	width: 100%;
	overflow: hidden;
}


.blog-list .blog-listbox ul {
	display: block;
	width: 100%;
	overflow: hidden;
}

.blog-list .blog-listbox ul li {
	float: left;
	width: calc(33.33% - 10px);
	margin-right: 15px;
}

.blog-list .blog-listbox ul li:nth-of-type(3n) {
	margin-right: 0;
}

.blog-list .blog-listbox ul li dl dt {}

.blog-list .blog-listbox ul li dl dt a {
	display: block;
	width: 100%;
	padding-top: 50%;
	overflow: hidden;
	position: relative;
}

.blog-list .blog-listbox ul li dl dt img {
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: 99%;
}

.blog-list .blog-listbox ul li dl dd {
	line-height: 150%;
	margin-top: 10px;
	font-size: 14px;
}

.blog-list .blog-listbox ul li dl dd p {
	font-family: 'Noto sans japanese', sans-serif;
	font-size: 18px;
	font-weight: 600;
	height: 81px;
}

.blog-list .blog-listbox ul li dl dd a {
	color: #da291c;
}

.blog-list .blog-listbox ul li dl dd .btn-box {
	margin: 10px 0 0;
}

.blog-list .blog-listbox ul li dl dd .wl-btn {
	width: 100%;
	font-size: 14px;
	padding: 5px 10px;
	padding-right: 35px;
	background: #da291c;
	color: #FFFFFF;
}

.blog-list .btn-box .rl-btn {
	background: #FFFFFF;
	width: 600px;
}


/*対応機種・値段紹介*/
#shop-intro {
	padding: 60px 0;
}

#shop-intro .repair-list-right {
	width: 100%;
}

#shop-intro .intro-right ul {
	display: block;
	width: 100%;
	overflow: hidden;
}

#shop-intro .intro-right ul li {
	float: left;
	margin: 10px 0 0 20px;
	width: 400px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
	transition: all .3s ease-in-out;
}

#shop-intro .intro-right ul li dl {}

#shop-intro .intro-right ul li dl dt {
	margin-bottom: 1px;
	background: #FFFFFF;
}

#shop-intro .intro-right ul li dl dt img {
	width: 100%;
}

#shop-intro .intro-right ul li dl dt img.border-b {
	border-bottom: 1px solid #eee;
}

#shop-intro .intro-right ul li dl dd {
	padding: 10px;
	text-align: center;
	font-family: 'Noto sans japanese', sans-serif;
	font-size: 24px;
	background: #FFFFFF;
}

#shop-intro .intro-right ul li dl dd span {
	color: #C32519;
	display: block;
}

/*20201030｜料金表サンプルレイアウト*/

.sample-img {}

.sample-img img {}

/*20210104｜グーグルビジネス・道順追加*/

.google-btn {
	width: 100%;
	float: right;
}

.googl-b {}

.googl-b span {}

.googl-b span a,
.googl-b {
	display: block;
	background: #888888;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	height: 44px;
	width: 254px;
	line-height: 44px;
	position: relative;
	float: right;
}

.about-list tr .googl-b span a {
	display: block;
	margin: auto;
}

.googl-b span a::before,
.googl-b::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: inline-block;
	padding: 2px;
	width: 48px;
	background: url(../img/common/arrow-right-w.png) no-repeat center;
	background-size: 14px;
	background-color: #666666;
	vertical-align: middle;
	border-radius: 5px 0 0 5px;
}

.g-map-btn {
	margin: 30px 0;
	text-align: center;
}

.g-map-btn a {
	display: inline-block;
	padding: 15px 50px;
	padding-right: 70px;
	width: 900px;
	position: relative;
	background: #28b447;
	color: #FFFFFF;
	font-family: 'Noto sans japanese', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 150%;
	text-align: left;
}

.g-map-btn a::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(../img/common/right-circle-w.png) no-repeat center;
	background-size: contain;
}

.g-map-btn a::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: url(../img/shop/gmap-icon.png) no-repeat center;
	background-size: 90%;
	background-color: #FFFFFF;
}

.g-map-btn span {}

/*お客様の声枠追加｜20210419*/

.voice {}

.voice .btn-box input[type=submit] {
	border: 0;
}

.voice .customer-search dl dd ul li select {
	width: 80%;
}

.voice .customer-search dl dd ul li:last-of-type {
	width: 25%;
}

.voice .customer-search dl dd ul li:last-of-type button {
	width: 100%;
}

.voice-box {
	display: block;
	overflow: hidden;
}

.voice-box .voice-desc {
	float: left;
	width: calc(50% - 5px);
	margin-bottom: 20px;
}

.voice-box .voice-desc:nth-of-type(2n) {
	float: right;
}

.voice-box .voice-desc .vd-imgbox {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 75%;
}

.voice-box .voice-desc .vd-imgbox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: auto;
	height: auto;
	max-width: 100%;
}

.voice-box .voice-desc dl {
	margin-top: 10px;
}

.voice-box .voice-desc dl.vd-customer {
	border: 1px solid #da291c;
}

.voice-box .voice-desc dl.vd-customer dt {
	padding: 10px;
	height: 70px;
	border-bottom: 1px solid #da291c;
}

.voice-box .voice-desc dl.vd-customer dd {
	padding: 10px;
	min-height: 52px;
	text-align: right;
}

.voice-box .voice-desc div.vd-subnext {
	width: 100%;
	text-align: right;
	margin: 8px 0 16px 0;
}

.voice-box .voice-desc div.vd-subnext button {
	width: 100%;
	font-size: 14px;
	padding: 5px 10px;
	padding-right: 35px;
	background: #da291c;
	color: #FFFFFF;
	border: none;
	position: relative;
}


.android-list {
	margin: 20px 0;
}

.android-list .gridbox {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
	justify-content: space-around;
	align-items: center;
}

.android-list li {
	width: 100%;
}

.android-list li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.android-list li img {
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: contain;
	border: 1px solid #000;
	padding: 12px;
}

.android-list li a.act img {
	border: 2px #C32519 solid;
}

.android-list p {
	font-size: 1.2rem;
	font-weight: bold;
}

/*.switch-banner {
    max-width: 1000px;
    margin: auto;
    display: flex;
    font-family: 'Noto sans japanese',sans-serif;
}
.switch-banner a {
	width: 50%;
}
.switch-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: calc(50% - 13px);
}
.switch-banner div {
    width: 50%;
    background: #fa8639;
    padding: 12px;
}
.switch-banner dl {}
.switch-banner dl dt {
	font-weight: 600;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 1px;
    border-bottom: 1px solid;
    margin-bottom: 7px;
}
.switch-banner dl dd {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-bottom: 4px;
}*/
.repailist {
	font-size: 1.2rem;
	border: 2px solid;
	padding: 4px;
}

.repailist li {
	line-height: 1.7rem;
}

.shop-news-box {}

.shop-news-inner {
	display: block;
	border: 1px solid #357FD4;
	padding: 10px;
	margin-top: 10px;
}

.shop-news-tittle {
	color: #357FD4;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #357FD4;
}

.shop-news-img {
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.shop-news-detail {}

.news-detail-inner {}

.news-detail-list {
	padding-bottom: 1em;
	margin-bottom: 1em;
	line-height: 150%;
	border-bottom: 1px solid #357FD4;
}

.news-detail-list:last-child {
	border: none;
	margin-bottom: unset;
}

.news-detail-ttl {
	color: #357FD4;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
}

.news-detail-date {
	font-weight: bold;
}