.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */

.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}


/* PC */
@media screen and (min-width: 769px) {
	

.pcwrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

#snspage {}
#snspage .snspage_ttl { text-align: center; padding: 50px 0;}
#snspage .snspage_ttl h2 { margin-bottom: 25px; border-bottom: solid 5px #000000; display: inline-block; padding-bottom: 10px;}
#snspage .snspage_ttl h2 img { width: 400px; height: auto;}
#snspage .snspage_ttl .snspage_txt { line-height: 2em; font-size: 16px;}
#snspage .snspage_list { background: #d7d5e7; padding: 50px 0;}
	.snspage_list_inner { width: 90%; max-width: 1400px; margin: 0 auto;}
#snspage .snspage_list .snspage_listbox { width: 31%; margin: 10px auto; background: #fff; max-width: 700px;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head {}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listbox_logo { width: 14%; padding-top: 20px;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt { width: 86%; padding-top: 15px;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt h3 { margin-bottom: 5px;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt h3 img { width: 240px; height: auto;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt .txt { color: #797979; font-size: 13px;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_body { line-height: 1.8em; font-size: 14px; box-sizing: border-box; padding: 0 45px 10px 20px;}
#snspage .snspage_list .snspage_listbox .sns_product { position: absolute; right: 50px; bottom: 20px; width: 60px;}
#snspage .snspage_list .snspage_listbox.box01::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #eb392c; z-index: 2;}
#snspage .snspage_list .snspage_listbox.box02::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #3f348a; z-index: 2;}
#snspage .snspage_list .snspage_listbox.box03::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #b3323e; z-index: 2;}
	#snspage .snspage_list .snspage_listbox.box03 .snspage_listbox_body { padding-right: 150px;}
#snspage .snspage_list .snspage_listbox::before { content: '＞'; color: #fff; font-size: 15px; right: 5px; top: 50%; position: absolute; z-index: 4; font-weight: bold;}
#snspage .bana { padding: 50px 0;}
#snspage .bana ul { width: 96%; max-width: 700px; margin: 0 auto;}
#snspage .bana ul li { margin: 10px 0;}
#snspage .bana ul li img { width: 100%; height: auto; display: block;}
#snspage .bana ul li img:hover { opacity: 0.8;}}

/* PC */
@media screen and (max-width: 768px) {
#snspage {}
#snspage .snspage_ttl { text-align: center; padding: 30px 0;}
#snspage .snspage_ttl h2 { margin-bottom: 25px; border-bottom: solid 5px #000000; display: inline-block; padding-bottom: 10px; width: 80%;}
#snspage .snspage_ttl h2 img { width: 100%; height: auto;}
#snspage .snspage_ttl .snspage_txt { line-height: 2em; font-size: 13px;}
#snspage .snspage_list { background: #d7d5e7; padding: 30px 0;}
#snspage .snspage_list .snspage_listbox { width: 90%; margin: 10px auto; background: #fff;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head {}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listbox_logo { width: 20%;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt { width: 80%; padding-top: 3vw;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt h3 { margin-bottom: 1vw;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt h3 img { width: 40vw; height: auto;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_head .snspage_listboxtxt .txt { color: #797979; font-size: 3.2vw;}
#snspage .snspage_list .snspage_listbox .snspage_listbox_body { line-height: 1.8em; font-size: 3.4vw; box-sizing: border-box; padding: 0 35px 10px 15px;}
#snspage .snspage_list .snspage_listbox .sns_product { position: absolute; right: 40px; top: 7px; width: 8vw; z-index: 5;}
#snspage .snspage_list .snspage_listbox.box01::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #eb392c; z-index: 2;}
#snspage .snspage_list .snspage_listbox.box02::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #3f348a; z-index: 2;}
#snspage .snspage_list .snspage_listbox.box03::after { position: absolute; right: 0; top: 0; width: 25px; height: 100%; content: ''; background: #b3323e; z-index: 2;}
#snspage .snspage_list .snspage_listbox::before { content: '＞'; color: #fff; font-size: 15px; right: 5px; top: 50%; position: absolute; z-index: 4; font-weight: bold;}
#snspage .bana { padding: 30px 0;}
#snspage .bana ul { width: 90%; margin: 0 auto;}
#snspage .bana ul li { margin: 10px 0;}
#snspage .bana ul li img { width: 100%; height: auto; display: block;}
#snspage .bana ul li img:hover { opacity: 0.8;}}