@charset "UTF-8";
.pc_only {
	display: block !important;
}
.sp_only {
	display: none !important;
}
@media screen and (max-width: 750px) {
	.pc_only {
		display: none !important;
	}
	.sp_only {
		display: block !important;
	}
	.search-bar_sp h2 {
		color: #333;
	}
}
.top_network_column.t18-middle-split {
    max-width: 1300px;
	gap: 6rem;
}
.top_network_column {
	justify-content: space-between;
	gap: 10rem;
}
.top_network_main {
    width: 900px;
	order: 1;
}
.top_network_side {
	margin: 0;
    width: 300px;
	order: 2;
}
.top_network_main h2 {
	border-top: 5px solid #333;
    border-bottom: 0;
    padding-top: 2rem;
    font-size: 2rem;
    font-weight: 600;
	margin: 0 auto 1.5rem;
}
.t18-1stTitle.t18-products {
    background: url(/network/img/top_mv.jpg) center center / cover !important;
    padding: 0 30px;
}
li button {
	display:block;
}
.top_search_area_prefecture {
	position: relative;
}
.top_search_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
    gap: 2rem;
	position: absolute;
	top:0;
	left: 0;
	width: 80%;
	align-items: stretch;
	padding-left: 0;
}

.top_search_area li {
	width: 160px;
    height: 60px;
    border: 1px solid #707070;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    align-items: center;
	position: relative;
}
.top_search_area li a {
	transition: 0.3s;
	padding: 2rem 1.5rem 2rem 0;
    display: block;
	color: #333;
}
@media (hover: hover) {
	.top_search_area li a:hover {
		color: #cc0000;
	}
}
/* 検索窓 ここまで　*/

/* タイトル各種 */
.top_network_side h3, .top_network_column h3 {
    border-bottom: none;
    padding-top: 2rem;
    padding-bottom: 3rem;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	margin: 0;
	color: #333;
}
.top_network_column h3 span {
	font-size: 24px;
    font-weight: 600;
    color: #cc0000;
	padding-right: 8px;
}
.top_network_column h3 p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	margin: 3rem 0 0;
}
.heading {
	align-items: center; /* 横線を上下中央 */
	display: flex; /* 文字と横線を横並び */
}
.heading::after {
	background-color: #999; /* 横線の色 */
	content: "";
	flex-grow: 1; /* 横幅いっぱい */
	height: 2px; /* 横線の高さ */
	margin-left: 15px;
}
.top_h3_katakana {
	letter-spacing: -2px;    
    padding-right: 0 !important;
}
/* タイトル各種 ここまで　*/

/* 日本地図 */
.top_map_area.t18-middle-1st-map {
    margin-right: -10px;
}
.top_map_area.t18-middle-1st-map > ul > li.hokkaido, 
.top_map_area.t18-middle-1st-map > ul > li.aomori,
.top_map_area.t18-middle-1st-map > ul > li.akita,
.top_map_area.t18-middle-1st-map > ul > li.iwate,
.top_map_area.t18-middle-1st-map > ul > li.yamagata,
.top_map_area.t18-middle-1st-map > ul > li.miyagi,
.top_map_area.t18-middle-1st-map > ul > li.fukushima {
    background: #ffe464;
    border-color: #ffe464;
}
.top_map_area.t18-middle-1st-map > ul > li.tokyo,
.top_map_area.t18-middle-1st-map > ul > li.kanagawa,
.top_map_area.t18-middle-1st-map > ul > li.saitama,
.top_map_area.t18-middle-1st-map > ul > li.chiba,
.top_map_area.t18-middle-1st-map > ul > li.tochigi,
.top_map_area.t18-middle-1st-map > ul > li.ibaraki,
.top_map_area.t18-middle-1st-map > ul > li.gunma {
    background: #ffa664;
    border-color: #ffa664;
}
.top_map_area.t18-middle-1st-map > ul > li.shizuoka,
.top_map_area.t18-middle-1st-map > ul > li.yamanashi,
.top_map_area.t18-middle-1st-map > ul > li.niigata,
.top_map_area.t18-middle-1st-map > ul > li.nagano,
.top_map_area.t18-middle-1st-map > ul > li.gifu,
.top_map_area.t18-middle-1st-map > ul > li.toyama,
.top_map_area.t18-middle-1st-map > ul > li.aichi,
.top_map_area.t18-middle-1st-map > ul > li.ishikawa,
.top_map_area.t18-middle-1st-map > ul > li.fukui {
	background: #fb8280;
    border-color: #fb8280;
}
.top_map_area.t18-middle-1st-map > ul > li.shiga,
.top_map_area.t18-middle-1st-map > ul > li.mie,
.top_map_area.t18-middle-1st-map > ul > li.kyoto,
.top_map_area.t18-middle-1st-map > ul > li.nara,
.top_map_area.t18-middle-1st-map > ul > li.wakayama,
.top_map_area.t18-middle-1st-map > ul > li.hyogo,
.top_map_area.t18-middle-1st-map > ul > li.osaka {
    background: #dd95f4;
    border-color: #dd95f4;
}
.top_map_area.t18-middle-1st-map > ul > li.okayama,
.top_map_area.t18-middle-1st-map > ul > li.hiroshima,
.top_map_area.t18-middle-1st-map > ul > li.tottori,
.top_map_area.t18-middle-1st-map > ul > li.shimane,
.top_map_area.t18-middle-1st-map > ul > li.yamaguchi {
	background: #a7a9f2;
    border-color: #a7a9f2;
}
.top_map_area.t18-middle-1st-map > ul > li.kagawa,
.top_map_area.t18-middle-1st-map > ul > li.tokushima,
.top_map_area.t18-middle-1st-map > ul > li.ehime,
.top_map_area.t18-middle-1st-map > ul > li.kochi {
    background: #9fdbca;
    border-color: #9fdbca;
}
.top_map_area.t18-middle-1st-map > ul > li.fukuoka,
.top_map_area.t18-middle-1st-map > ul > li.saga,
.top_map_area.t18-middle-1st-map > ul > li.nagasaki,
.top_map_area.t18-middle-1st-map > ul > li.kumamoto,
.top_map_area.t18-middle-1st-map > ul > li.oita,
.top_map_area.t18-middle-1st-map > ul > li.miyazaki,
.top_map_area.t18-middle-1st-map > ul > li.kagoshima {
    background: #afe4ad;
    border-color: #afe4ad;	
}
.top_map_area.t18-middle-1st-map > ul > li.okinawa {
    border-color: #b7b7b7;
	background: #b7b7b7;
}
.top_map_area.t18-middle-1st-map > ul > li.okinawa span {
	color: #333;
}

@media (hover: hover) {
    .top_map_area.t18-middle-1st-map > ul > li:hover > a {
		color: #cc0000 !important;
		background: #fff !important;
		border-radius: 3px;
    }
}
.top_map_area.t18-middle-1st-map > ul > li a {
	color: #333;
	transition: 0.3s;
}
.top_search_area li a:after {
    position: absolute;
    top: 40%;
    right: 10%;
    width: 6px;
    height: 6px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
    border: 0;
    border-top: solid 2px #a70000;
    border-right: solid 2px #a70000;
}
/* 日本地図 ここまで　*/

/* サイドボタン各種 */
.top_network_side ul {
    margin-bottom: 0;
}
.top_network_side .link_box li,
.top_network_side .link_box_modal li {
	margin: 0 auto 2rem;
}
.top_network_side .link_box_modal li {
	height: 50px;
	font-size: 16px !important;
}
.top_network_side .link_box_modal li .side_akspo {
    padding: 1.5rem 2rem 1.5rem 3rem;
}
.network_side .link_box_modal li button {
	font-size: 16px !important;
	padding: 1.4rem 2rem 1.4rem 3rem;
}
.top_network_side .search_place .link_box li a:after {
    right: 10%;
}
.search_place .link_box li:first-child:before, 
.search_place .link_box li:nth-child(2):before, 
.search_place .link_box li:last-child:before {
	top: 30%;
	left: 3rem;
	width: 25px;
    height: 25px;
}
/* サイドボタン各種 ここまで　*/

/* Googleマップ・拠点　から探す */
.top_network_side .top_map-place {
    margin: 0 0 10rem;
    background: none;
    padding: 0;
}
.top_network_main .top_map-place ul {
	display: flex;
	gap: 2rem;
	margin-bottom: 1rem;
}

/* Googleマップから探す */
.top_network_side .t18-search-form-input {
	width: 245px;
    height: 50px;
    background: #f6f6f6;
    padding-left: 2rem;
}
.top_network_side .t18-search-form-submit {
	border-radius: 0;
}
.top_network_side .search_map .t18-common-btn-area {
	border: 1px solid #707070;
    text-align: center;
    margin: 2rem auto 0;
	position: relative;
}
.top_network_side .search_map .t18-common-btn-area a {
	padding: .5rem 0 1rem 6rem;
    min-height: 50px;
    display: block;
}

.top_network_side .search_map .t18-common-btn-area a span {
    border: none;
	margin: 0;
	background: none;
	font-size: 18px;
}
.top_network_side .top_map-place_grid .t18-common-btn-area.t18-lft-shops span::before {
    margin: 0 8px 0 0;
    width: 25px;
    height: 25px;
    background-size: 25px;
	position: absolute;
    left: -1rem;
}
/* 拠点一覧から探す */
.top_network_side  .search_map .link_box span:after {
    right: 26%;
}
.top_network_side .search_place .link_box li {
	font-size: 16px;
	height: 60px;
}
.top_network_side .search_place .link_box li:after {
    right: 7%;
}
.top_network_side .search_place .link_box li a {
	padding: 1.8rem 2rem 0 7rem;
	min-height: 60px;
}
/* Googleマップ・拠点　から探す ここまで　*/

/* 店舗名の頭文字から探す */
.top_1st-word .t18-middle-1st-section-title {
	margin: 0 auto;
}
.top_1st-word .t18-middle-split-blocks-outer {
    padding: 0;

}
.top_1st-word .top_search_1st_word {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    gap: 4rem;
	margin-bottom: 5rem;
}
.top_1st-word .t18-middle-split-shopName-blocks > ul {
    float: none;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    width: 50%;
    height: auto;
	gap: 1rem 0;
}
.top_1st-word .t18-middle-split-shopName-blocks > ul li {
    display: table;
    float: none;
    margin: 0px 2px 2px 0;
    border: 1px solid #707070;
    font-size: 2.2rem;
    font-weight: 500;
}
/*.top_1st-word .t18-middle-split-shopName-blocks > ul li a {
	color: #333;
}*/
.top_1st-word .top_search_1st_word > ul li {
    width: 18%;
    height: 7.6rem;
}
.top_1st-word .t18-middle-split-shopName-blocks > ul li.t18-middle-shops-trans {
    background: #fff;
	border: none;
}
.top_1st-word .t18-middle-split-shopName-blocks > ul li.t18-middle-shops-trans span {
    background: #fff;
}
.top_1st-word .t18-middle-split-shopName-blocks > ul li.t18-middle-shops-null span {
    background: #cccccc;
}
/* 店舗名の頭文字から探す ここまで　*/

/* モーダルボタングループ */
.top_link-modal_frame {
	background: #f4f4f4;
    padding: 2rem 2rem .1rem;
	margin-top: 3rem;
	height: 100%;
}
@media (hover: hover) {
	.top_bunner_list ul li:hover {
		opacity: 0.7;
	}	 
} 

/* TOPモーダル中身 */
ul.card li p.address {
	margin: 1em 0;
}
ul.card li p.tag_akspo {
	margin-bottom: 1rem;
}
ul.card li p.clip {
	bottom: .2rem;
}
.modal_close_btn {
	padding-left: 0 !important;
}
/* モーダルボタングループ ここまで　*/


/* 最近見た店舗 */
.top_recently {
	margin: 0 auto;
}	
.top_recently h3 span {
	color:#333;
}
.top_recently .t18-middle-1st-section-title {
	margin-bottom: 0;
}
.network_recently_area .splide__track {
  overflow: hidden !important;/* トラックのはみ出し禁止 */
}
.network_recently_area .splide__slide {
	background-color: #fff;
}
.network_recently_area {
	width: 93%;
	margin: 0 auto 3rem;
}
.network_recently_area ul {
	position: relative;
	z-index: 1;
	width: 100%;/* まん中に！ */
}
.network_recently_area .card {
	position: relative;
    z-index: 1;
}
.network_recently_area .card li a {
	padding: 1.5rem 1.5rem 1rem;
}
.network_recently_area .card li .name {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 600;
	margin-bottom: 2rem;
}
.network_recently_area .card li .name .rubi{
    margin-bottom: -.5rem;
    line-height: 1.2;
}
.network_recently_area .card li .tel{
    font-size: 2rem;
    margin-bottom: 0;
}
.network_recently_area .card li .address{
	margin: 0 0 1.4rem;
}
.network_recently_area .card .tag_icon {
	bottom: 0.2rem;
}
.network_recently_area .card .clip {
	bottom: 0.2rem;
}
.network_recently_area ul li {
	margin-right: 0;
}
.network_recently_area .prev::before {
	border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid rgba(0, 0, 0, .5);
	margin: auto;
    content: '';
    display: block;
}
.network_recently_area .next::before {
	border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid rgba(0, 0, 0, .5);
    border-right: 0;
    margin: auto;
    content: '';
    display: block;
}
.network_recently_area .splide__arrow {
  	background: none;
}
.network_recently_area .splide__arrow::before {
 	 opacity: .3s !important;
}
.network_recently_area .splide__arrow--prev {
  	left: -5rem;
}
.network_recently_area .splide__arrow--next {
  	right: -5rem;
}
.network_recently_area .splide__arrow {
  	top: 46%;
}
/* 最近見た店舗 ここまで　*/

/* 最下部バナー */
.top_bunner_list {
	margin: 8rem auto 0;
    width: 940px;
}
.top_bunner_list ul {
	display: flex;
    gap: 2rem;
    /* justify-content: space-between; */
    justify-content: center;
}
.top_bunner_list ul li {
	transform: 0.3s;
	width: 33.33333%;
	height: auto;
}
.top_bunner_list ul li a {
	display: block;
}
.top_bunner_list ul li img {
	margin-bottom: 0;
}
@media (hover: hover) {
	.top_bunner_list ul li:hover {
		opacity: 0.7;
	}	 
} 
/* 最下部バナー ここまで　*/


/* カードCSS */
.clip {
	margin: 0;
}
@media (min-width: 1281px) and (max-width: 1439px) {
	.top_network_top,
	.top_network_bottom,
	.top_recently {
		padding: 0 6rem;
	}
}
@media (min-width: 751px) and (max-width: 1280px) {
    .top_network_column {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
	.top_network_main {
		margin-left: 0;
		width: 100%;
	}
	.top_network_side {
		margin: 0 auto;
		width: 100%;
	}
	.search_place .link_box li:first-child:before, 
	.search_place .link_box li:nth-child(2):before, 
	.search_place .link_box li:last-child:before {
		top: 26%;
		left: 8%;
		width: 10%;
		height: 50px;
	}
	/* Googleマップから探す - 拠点一覧から探す */
	.top_map_area.t18-middle-1st-map {
		margin: 0 13rem;
	}
	.top_search_area {
		width: 70%;
	}
	.search-bar .search-area .top-product-search-input-area .top-product-search-input-submit {
		bottom: 0 !important;
		right: 6px;
	}
	.top_map-place .top_map-place_grid {
		display: flex;
		justify-content: space-between;
	}
	.top_map-place .top_map-place_grid .search_map .for_1280_box {
		align-items: start;
		flex-flow: column;
	}
	.top_map-place .top_map-place_grid .search_map .for_1280_box .for_1280_box_inner {
		margin-top: 0;
		width: 100%;
		margin-bottom: 2rem;
	}
	.search_map .for_1280_box_inner :last-child span {
		text-align: center;
        display: inline-block;
        width: 90%;
		top: 25%;
		padding: 0;
	}
	.top_network_side .top_map-place_grid .t18-common-btn-area.t18-lft-shops span::before {
		position: static;
        margin: 0 1rem .4rem 0;
        width: 30px;
        height: 30px;
        background-size: 30px;
	}
	.top_network_side .top_map-place_grid .t18-common-btn-area.t18-lft-shops span::after {
		right: auto;
		left: auto;
		margin-left: 2rem;
	}
	.top_network_side .t18-search-form-input {
    	width: 80%;
	}
	.top_network_side .t18-search-form-submit {
        width: 20%;
    }
	.top_search_map .for_1280_box_inner:last-child {
        width: 40%;
    }
	.top_network_side .search_place {
    	width: 30%;
	}
	.top_network_side .search_map {
		width: 65%;
	}
	.top_network_side .top_map-place {
    	margin: 0 0 4rem;
	}
	.top_network_side .search_map .t18-common-btn-area a {
		padding: 1.2rem 2rem 1rem ;
		text-align: left;
	}
	.top_network_side .top_map-place ul {
        width: 100%;
        margin: 0 auto 1rem;
    }
	.top_network_side .search_place .link_box li:first-child a {
		padding: 6% 2rem 5% 20%;
	}

	/* Googleマップから探す - 拠点一覧から探す ここまで */



	/* モーダルエリア */
	.top_network_side .link_box_modal li {
		min-height: 50px;
		height: auto;
	}
	.network_side .link_box_modal li:first-child {
        margin: 0 auto 2rem;
    }
	.network_side .link_box_modal li button {
    	padding: 1.6rem 2rem;
	}

	.top_network_side.top_link-modal_frame {
		margin-top: 1rem;
		margin: 0 auto 8rem;
	}
	.top_network_side.top_link-modal_frame ul {
		margin-top: 1rem !important;
	}
	.top_1st-word .t18-middle-split-shopName-blocks > ul {
		justify-content: left;
		gap: 1rem;
	}
	.top_network_side.top_link-modal_frame .link_box_modal {
		display: flex;
		gap: 3rem;
		width: 100%;
        justify-content: center;
	}
	/* モーダルエリア ここまで */


	/* 「店舗名の頭文字から探す」 */
	.top_1st-word .t18-middle-split-blocks-outer {
    margin-bottom: 0;
	}
	.top_1st-word .top_search_1st_word > ul li {
		width: 17%;
	}

}
@media (min-width: 751px) and (max-width: 1000px) {
	.search-bar h2 {
		width: 360px;
		font-size: 25px !important;
	}
    .top_map_area.t18-middle-1st-map {
        margin: 0;
    }
	.top_bunner_list {
		width: 90%;
	}
	section.contact-area .inner .txt-area h2 {
        font-size: 22px !important;
    }
	.top_network_side .search_place .link_box li a {
		padding: 9% 2rem 5% 20%;
	}
	.top_network_side .search_place .link_box li:first-child a {
        padding: 5% 2rem 5% 20%;
    }
}

@media screen and (max-width: 750px) {
	.t18-1stTitle.t18-products {
		background: url(/network/img/top_mv_sp.jpg) center center / cover !important;
	}
	.t18-middle {
		display: flex;
		flex-flow: column;
		overflow-x: hidden;
	}
	#top_network_sp {
		padding: 0 4%;
	}	
	.top_network_column {
		margin: 0 auto;
	}
	.top_network_main {
		width: 100%;
		margin: 0 auto;
	}
	.top_network_side {
		width: 100%;
		padding: 0;
	}
	.top_network_main h2 {
		display: block;
		width: 100%;
		background: none;
		color: #333;
		font-size: 4.8rem!important;
		line-height: normal;
		font-weight: 600;
		margin-bottom: 2rem;
	}
	.search-bar_sp .search-bar .search-area .top-product-search-input-area .top-product-search-input-search {
        -webkit-text-size-adjust: 115%; /* 検索窓内の文字例 */	
		border: 2px solid #707070;
		padding-left: 2rem
    }
	.top_network_side h3, .top_network_column h3 {
		font-size: 30px;
		margin-top: 8rem;
		margin-bottom: 0;
		padding-top: 3rem;
		padding-bottom: 6rem;
	}
	.top_network_column h3 span {
		font-size: 48px;
	}
	.search_freeword, .search_area, .search_map, .search_place {
        margin-bottom: 0;
    }
	.top_network_column .top_prefectures h3 {
		margin-top: 7rem;
	}
	.top_network_column .top_1st-word h3 {
		margin-top: 5rem;
	}
	.top_network_side .link_box li,
	.top_network_side .link_box_modal li {
		margin: 0 auto 2rem;
		height: 100px;
	}
	.top_network_side .link_box li {
		height: 60px;
	}
	.top_network_column.t18-middle-split {
		gap: 0;
	}	
	/* エリア・都道府県から探す */
	.top_network_column #prefectures {
		margin: 0 auto;
	}
	/* エリア・都道府県から探す ここまで */


	/* 「拠点一覧から探す」 */
	.top_network_column h3 p {
		font-size: 28px;
		margin: 5.5rem 0 0;
	}
	.top_network_side .t18-search-form-area {
		margin-bottom: 1rem;
	}
	.top_network_side .search_place .link_box li {
		position: relative;
		height: 100px;
	}
	.search_place .link_box li:first-child:before, 
	.search_place .link_box li:nth-child(2):before, 
	.search_place .link_box li:last-child:before {
		top: 20%;
		left: 6rem;
	}
	.search_place .link_box li:first-child:before, 
	.search_place .link_box li:nth-child(2):before, 
	.search_place .link_box li:last-child:before {
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	.top_network_side  .search_place .link_box li a {
		padding: 2.4rem 3rem 0 15rem;
		display: inline-block;
		font-size: 36px;
		min-height: 96px;
	}

	.top_search_area_sp {
		position: relative;
    	width: 100%;
	}
	/* 「拠点一覧から探す」ここまで */

	
	/* 「Googleマップから探す」 */
	.top_network_side .t18-search-form-input {
		width: 82%;
		height: 10rem;
		padding: 0 0 0 2rem;
		-webkit-text-size-adjust: 100%; /* 検索窓内の文字例 */		
	}
	.top_network_side .t18-search-form-submit {
        width: 110px;
        height: 10rem;
    }
	.top_network_side .search_map .t18-common-btn-area {
		border: 2px solid #707070;
		margin-bottom: 10rem;
	}
	.top_network_side .search_map .t18-common-btn-area a {
		height: 10rem;
		padding: 0;
	}
	.top_network_side .search_map .t18-common-btn-area a span {
    	text-align: center;
        font-size: 36px;
        display: inline-block;
        height: 100px;
		padding-top: 2.5rem;
		color: #333;
	}
	.top_network_side .top_map-place_grid .t18-common-btn-area.t18-lft-shops span::before {
		width: 60px;
		height: 60px;
		background-size: 60px;
		left: 19%;
        top: 2rem;
	}
	.top_network_side .search_map .link_box span:after {
        top: 40%;
        right: 21%;
    }
	/* Googleマップから探す　ここまで */


	/* 「エリア・都道府県から探す」　ここまで */
	.show_more {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		padding-top: 60px;
		text-align: center;
		line-height: 70px;
		background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
		cursor: pointer;
		transition: bottom 0.2s;
		color: #333;
		font-weight: 600;
		text-decoration: underline solid #333 !important;
        text-underline-offset: 5px;
	}	
	.active {
		background: none;
		bottom: -30px;
	}
	
	.no_acco-details_sp	{
		position: relative;
		}
	.no_acco-details_sp a,
	.top_search_area_sp summary {
		font-size: 36px;
		font-weight: 600;
		height: 100px;
		border: 2px solid #707070;
		padding: 2.5rem 5rem;
		display: block;
		position: relative;
		margin-bottom: 2rem;
		/* デフォルトの矢印を消す場合に追加 */	
		list-style: none; /* for Firefox */	
		color: #333;
		}
		/* for Chrome, Safari */	
	.top_search_area_sp summary::-webkit-details-marker {
		display: none;	
		}
	.no_acco-details_sp:after {
            position: absolute;
        top: 37%;
        right: 8%;
        width: 14px;
        height: 14px;
        content: '';
        transform: rotate(45deg);
        pointer-events: none;
        border: 0;
        border-top: solid 4px #a70000;
        border-right: solid 4px #a70000;
		transition: transform 0.3s
	}
	.top_search_area_sp summary:after {
            position: absolute;
        top: 37%;
        right: 8%;
        width: 14px;
        height: 14px;
        content: '';
        transform: rotate(135deg);
        pointer-events: none;
        border: 0;
        border-top: solid 4px #a70000;
        border-right: solid 4px #a70000;
		transition: transform 0.3s
	}
	/* 開いた状態の矢印 (▲) */
	.top_search_area_sp details[open].acco-details_sp {
    	border: 2px solid #707070;
		margin-bottom: 2rem;
	}
	.top_search_area_sp details[open] summary {
    	background-color: #f6f6f6; 
		border: none;
		border-bottom: 2px solid #707070;
	}
	.top_search_area_sp details[open] summary:after {
    	transform: rotate(-45deg); /* 上向き */
	}
	.top_search_area_sp .acco-details_sp p {
		font-size: 32px;
		color: #333;
		font-weight: normal;
		margin: 3rem 0 2rem 5rem;
		position: relative;
	}
	.top_search_area_sp .acco-details_sp p:after {
		position: absolute;
		top: 30%;
		width: 12px;
		height: 12px;
		content: '';
		transform: rotate(45deg);
		pointer-events: none;
		border: 0;
		border-top: solid 4px #a70000;
		border-right: solid 4px #a70000;
		margin-left: 1em;
	}
	.top_search_area_sp .acco-details_sp ul {
		display: flex;
    	flex-wrap: wrap;
		margin: .5rem 0 2rem 3rem;
	}
	.top_search_area_sp .acco-details_sp ul li {
		position: relative;
		border: none;
		border-right: 1px solid #333;
		margin: 1.5rem 0 1.5rem 2rem;
		color: #333;
		font-size: 3.2rem;
		font-weight: normal;
		padding-right: 2rem;
	}
	/* 「エリア・都道府県から探す」　ここまで */


	/* 「店舗名の頭文字から探す」 */
	.top_1st-word {
		margin-bottom: 0;
	}
	.top_1st-word .top_search_1st_word {
		flex-wrap: wrap;
	}
	.top_1st-word .top_search_1st_word > ul {
        margin: 0 auto;
        width: 100%;
		gap: 1.5rem .9rem;
    	justify-content: space-between;
    }
	.top_1st-word .top_search_1st_word > ul li {
		height: 120px;
		width: 17%;
		font-size: 4rem;
	}
	.top_search_1st_word_wrapper {
		width: 100%;
		margin: 0 auto;
		font-size: 3.6rem;
	}
	.text_top_search_1st_word_wrapper {
		position: relative;
		margin-bottom: 100px;
	}
	.text_1st_word {
		height: 370px;
		overflow: hidden;
	}
	.top_1st-word .t18-middle-split-shopName-blocks > ul li {
		border: 2px solid #707070;
	}
	/* 「店舗名の頭文字から探す」 ここまで */


	/* モーダルエリア */
	.top_link-modal_frame {
		padding: 6rem 8rem 4rem;	
	}
	.top_link-modal_frame ul li:not(:first-child){
		display: none;
	}
	.network_side .link_box_modal li .side_akspo {
		padding: 2.5rem 5rem;
        font-size: 36px;
	}
	/* モーダルエリア ここまで */


	/* バナーリストエリア　 */
	.top_bunner_list {
		width: 93%;
        margin: 0 auto;
    }
	.top_bunner_list ul {
		flex-flow: column;
	}
	.top_bunner_list ul li {
		width: 100%;
    	margin: 0;
	}
	/* バナーリストエリア　ここまで　 */


	/* 「最近見た店舗」エリア　 */
	.network_recently_area {
    	margin-bottom: 12rem;
	}
	.network_recently_area .splide__slide {
		/* width: 27.8% !important; */
		margin-right: 0;
	}
	.network_recently_area .card li {
        display: flex;
		flex-direction: column;
		justify-content: flex-start;
		/* flex: 1 1 auto; */
    }
	.network_recently_area .splide__list {
		display: flex;
		align-items: stretch; /* 高さを揃える */
	}
	.network_recently_area .splide__slide {
		display: flex;
	}
	.network_recently_area .card li a {
		padding: 2rem;
	}
	.network_recently_area .card li .name {
		font-size: 3.2rem;
	}
	.network_recently_area .card li .tel {
		font-size: 3rem;
        margin: 2rem 0;
	}
	.network_recently_area .card li .type_tag_gl, .network_recently_area .card li .type_tag_pk,
	.network_recently_area .card li .type_tag_or, .network_recently_area .card li .type_tag_bl {
		width: auto;
		display: inline-flex;		
		flex-grow: 0;/* flexコンテナ内でのアイテムの伸びを無効化 */   
		align-self: flex-start;/* 要素が占めるスペースをコンテンツの幅に合わせる */
		font-size: 2.0rem;
		padding: .6rem 2rem 0.7rem;
	}
  	.network_recently_area .card li .address {
		padding-bottom: 2rem;
		word-break: break-word;
		margin: 0 0 1.4rem;
	}
	.network_recently_area .card li .clip {
		position: absolute;
		bottom: 0.4rem;
		right: 0.3rem;
		width: 98% !important;
		height: 63px !important;
		background: url(../img/network_recently_area_clip_sp_off.png) no-repeat;
		background-size: 100% 100%;
	}
	.network_recently_area .card li .on_clip {
		background: url(../img/network_recently_area_clip_sp_on.png) no-repeat;
		background-size: 100% 100%;
	}
	.network_recently_area .card .tag_icon {
		height: 5rem;
		margin-top: -5rem;
	}
	.network_recently_area .card .tag_icon:last-child {
		height: 9rem;
	}
	.network_recently_area .splide__arrow--prev {
  		left: -3rem;
	}
	.network_recently_area .splide__arrow--next {
		right: -3rem;
	}
	/* 「最近見た店舗」エリア　ここまで　 */
}

/* 住所が clip ボタンに潰されて隠れる問題の修正 */
@media screen and (max-width: 750px) {

  /* clip ボタンの高さ分の余白を住所の下に確保する */
  #network_recently_area .card li .address {
    margin-bottom: 6rem !important;
  }

  /* li を高さ自動にする（念のため） */
  #network_recently_area .splide__slide {
    height: auto !important;
  }
}
@media screen and (max-width: 750px) {

  /* tag_icon が存在する li だけ address の余白を 1rem にする */
  #network_recently_area li:has(.tag_icon) .address {
    margin-bottom: 1rem !important;
  }

}
/* 住所が clip ボタンに潰されて隠れる問題の修正 ここまで */