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

main .inner-container{ background: url(../image/bg_sns.png) center 0 repeat #E8F3F8; background-size: 580px 563px; }
#social-body .caution { width: 100%; max-width: 840px; padding: 30px; margin: auto; border: solid 2px #CC0000; background: #FFF; border-radius: 20px; box-sizing: border-box;}
#social-body .caution h2 { font-size: 22px; line-height: 1.3; text-align: center; color: #CC0000; padding-top: 58px; background-image: url(../image/caution.png); background-position: center top; background-repeat: no-repeat; background-size: 48px 43px; }
#social-body .caution p { font-size: 16px; line-height: 1.6; text-align: center; margin-top: 20px; }

#social-body .store-wrap { width: 100%; max-width: 1050px; margin: auto; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
#social-body .store { width: 100%; max-width: 1050px; margin: 60px 0 0 0;}
#social-body .store h3 { font-size: 24px; line-height: 1.2; color: #FFF; padding: 20px; background-color: #004DA0; text-align: center;}
#social-body .store .sns-list { padding: 0px 30px 45px 30px; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; background: #FFF; }
#social-body .store .sns-list .item { display:block; width: 32%; height: 75px; position: relative; margin-top: 45px;}
#social-body .store .sns-list .item:hover .name { color: #004DA0;}
#social-body .store .sns-list .note::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_note.png); background-size: cover; }
#social-body .store .sns-list .instagram::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_instagram.png); background-size: cover; }
#social-body .store .sns-list .facebook::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_facebook.png); background-size: cover; }
#social-body .store .sns-list .twitter::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_twitter.png?20231023); background-size: cover; }
#social-body .store .sns-list .youtube::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_youtube.png); background-size: cover; }
#social-body .store .sns-list .tiktok::before { content: ""; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background-image: url(../image/icon_tiktok.png); background-size: cover; }
#social-body .store .sns-list .inner {position: absolute; top: 50%; left: 85px; transform: translateY(-50%) translateX(0); -webkit-transform: translateY(-50%) translateX(0);}
#social-body .store .sns-list .inner .name { font-size: 16px; line-height: 1.5; color: #111; font-weight: bold;}
#social-body .store .sns-list .inner .sns-account { font-size: 12px; line-height: 1.5; color: #999; word-break: break-all; }
#social-body .store.store-2line { width: 48%;}
#social-body .store.store-2line .sns-list { padding: 0px 30px 45px 30px; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; background: #FFF; }
#social-body .store.store-2line .sns-list .item { display:block; width: 100%; height: 75px; position: relative; margin-top: 45px;}
#social-body .store.store-1-3line { width: 32%;}
#social-body .store.store-1-3line .sns-list .item { display:block; width: 100%; height: 75px; position: relative; margin-top: 45px;}
#social-body .store.store-2-3line { width: 66%;}
#social-body .store.store-2-3line .sns-list .item { display:block; width: 48%; height: 75px; position: relative; margin-top: 45px;}

#social-body .policy_link { width: 100%; margin: 65px auto 0; text-align: center; }
#social-body .policy_link a { font-size: 20px; font-weight: bold; color: #222;text-decoration: underline; }
#social-body .policy_link a:hover { color: #004DA0; opacity: 1 !important; text-decoration: underline; }

.sp-show {display: none;}
.sp-none {display: inline-block;}

@media screen and (max-width: 920px){ /*920px以下のcss*/
	#social-body .store .sns-list .item { width: 48%; }
	#social-body .store.store-1-3line { width: 100%;}
	#social-body .store.store-2-3line { width: 100%;}
}
@media screen and (max-width: 600px){ /*600px以下のcss*/
	#social-body .store .sns-list .item { width: 100%; }
	#social-body .store.store-2-3line .sns-list .item { width: 100%; }
	#social-body .store.store-2line { width: 100%;}
	.sp-none {display: none !important;}
}

@media screen and (max-width: 480px){ /*480px以下のcss*/
	#social-body .caution { width: 90%; padding: 20px; }
	#social-body .caution h2 { font-size: 18px;  }
	#social-body .caution p { text-align: left; }

	#social-body .store-wrap { width: 90%; margin: auto; }
	#social-body .store { margin: 50px auto 0;}
	#social-body .store h3 { font-size: 20px; padding: 15px;}
	#social-body .store .sns-list { padding: 0px 20px 25px 20px; }
	#social-body .store .sns-list .item { display:block; width: 100%; height: 75px; position: relative; margin-top: 25px;}
	#social-body .store.store-2line .sns-list { padding: 0px 20px 25px 20px;}
	#social-body .store.store-2line .sns-list .item { display:block; width: 100%; height: 75px; position: relative; margin-top: 25px;}
	#social-body .store.store-1-3line { width: 100%;}
	#social-body .store.store-1-3line .sns-list .item { width: 100%; margin-top: 25px;}
	#social-body .store.store-2-3line { width: 100%;}
	#social-body .store.store-2-3line .sns-list .item { width: 100%; margin-top: 25px;}


	#social-body .policy_link a { font-size: 16px; font-weight: bold; color: #222;text-decoration: underline; }

	.sp-show {display: inline-block;}

}