@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&family=Zen+Maru+Gothic:wght@400;500;700;900&family=M+PLUS+1+Code:wght@300;400;500;600;700&display=swap");
/* loading
===================================== */
.itmar_loading {
  font-size: clamp(4.5px, 0.52vw, 15px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  z-index: 100;
}
.itmar_loading.body {
  position: fixed;
}
.itmar_loading .loadingMsg {
  position: absolute;
  color: #eee;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.itmar_loading .loading_icon {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: -80%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 -30px 0 #eee, 21px -21px 0 #ddd, 30px 0 0 #ccc, 21px 21px 0 #bbb, 0 30px 0 #aaa, -21px 21px 0 #999, -30px 0 0 #666, -21px -21px 0 #000;
  /* 左上 */
  -webkit-animation: load_rotate 1s steps(8) 0s infinite;
          animation: load_rotate 1s steps(8) 0s infinite;
}

/* result msg
===================================== */
#result_msg {
  font-size: clamp(12px, 1.2vw, 25px);
  position: fixed;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 15em;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1em 2em;
  color: #fff;
  z-index: 70;
}
@media (max-width: 767px) {
  #result_msg {
    font-size: 2.5641025641vw;
    padding: 1em;
  }
}

/* sp-only
===================================== */
.sp-only {
  display: none;
}

@media (max-width: 767px) {
  .sp-only {
    display: inline;
  }
}
/* modalバックグラウンド
===================================== */
.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5c5c5c;
  opacity: 0.8;
  z-index: 40;
  display: none;
}
.modal_bg.white {
  opacity: 0.9;
  background-color: #fff;
}

/* keyframes
===================================== */
@-webkit-keyframes load_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sns-relate-login,
.sns-relate-list,
.sns-relate-editor,
.sns-relate-import {
  font-size: clamp(4.5px, 0.52vw, 15px);
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  /* リセットCSS
  ===================================== */
  /* 基本設定
  ===================================== */
  /* 共通パーツ
  ===================================== */
}
@media (max-width: 767px) {
  .sns-relate-login,
.sns-relate-list,
.sns-relate-editor,
.sns-relate-import {
    font-size: 2.5641025641vw;
    box-sizing: border-box;
  }
}
.sns-relate-login html,
.sns-relate-login body,
.sns-relate-login div,
.sns-relate-login span,
.sns-relate-login applet,
.sns-relate-login object,
.sns-relate-login iframe,
.sns-relate-login h1,
.sns-relate-login h2,
.sns-relate-login h3,
.sns-relate-login h4,
.sns-relate-login h5,
.sns-relate-login h6,
.sns-relate-login p,
.sns-relate-login blockquote,
.sns-relate-login pre,
.sns-relate-login a,
.sns-relate-login button,
.sns-relate-login abbr,
.sns-relate-login acronym,
.sns-relate-login address,
.sns-relate-login big,
.sns-relate-login cite,
.sns-relate-login code,
.sns-relate-login del,
.sns-relate-login dfn,
.sns-relate-login em,
.sns-relate-login img,
.sns-relate-login ins,
.sns-relate-login kbd,
.sns-relate-login q,
.sns-relate-login s,
.sns-relate-login samp,
.sns-relate-login small,
.sns-relate-login strike,
.sns-relate-login strong,
.sns-relate-login sub,
.sns-relate-login sup,
.sns-relate-login tt,
.sns-relate-login var,
.sns-relate-login b,
.sns-relate-login u,
.sns-relate-login i,
.sns-relate-login center,
.sns-relate-login dl,
.sns-relate-login dt,
.sns-relate-login dd,
.sns-relate-login ol,
.sns-relate-login ul,
.sns-relate-login li,
.sns-relate-login fieldset,
.sns-relate-login form,
.sns-relate-login label,
.sns-relate-login legend,
.sns-relate-login table,
.sns-relate-login caption,
.sns-relate-login tbody,
.sns-relate-login tfoot,
.sns-relate-login thead,
.sns-relate-login tr,
.sns-relate-login th,
.sns-relate-login td,
.sns-relate-login article,
.sns-relate-login aside,
.sns-relate-login canvas,
.sns-relate-login details,
.sns-relate-login embed,
.sns-relate-login figure,
.sns-relate-login figcaption,
.sns-relate-login footer,
.sns-relate-login header,
.sns-relate-login hgroup,
.sns-relate-login menu,
.sns-relate-login nav,
.sns-relate-login output,
.sns-relate-login ruby,
.sns-relate-login section,
.sns-relate-login summary,
.sns-relate-login time,
.sns-relate-login mark,
.sns-relate-login audio,
.sns-relate-login video,
.sns-relate-list html,
.sns-relate-list body,
.sns-relate-list div,
.sns-relate-list span,
.sns-relate-list applet,
.sns-relate-list object,
.sns-relate-list iframe,
.sns-relate-list h1,
.sns-relate-list h2,
.sns-relate-list h3,
.sns-relate-list h4,
.sns-relate-list h5,
.sns-relate-list h6,
.sns-relate-list p,
.sns-relate-list blockquote,
.sns-relate-list pre,
.sns-relate-list a,
.sns-relate-list button,
.sns-relate-list abbr,
.sns-relate-list acronym,
.sns-relate-list address,
.sns-relate-list big,
.sns-relate-list cite,
.sns-relate-list code,
.sns-relate-list del,
.sns-relate-list dfn,
.sns-relate-list em,
.sns-relate-list img,
.sns-relate-list ins,
.sns-relate-list kbd,
.sns-relate-list q,
.sns-relate-list s,
.sns-relate-list samp,
.sns-relate-list small,
.sns-relate-list strike,
.sns-relate-list strong,
.sns-relate-list sub,
.sns-relate-list sup,
.sns-relate-list tt,
.sns-relate-list var,
.sns-relate-list b,
.sns-relate-list u,
.sns-relate-list i,
.sns-relate-list center,
.sns-relate-list dl,
.sns-relate-list dt,
.sns-relate-list dd,
.sns-relate-list ol,
.sns-relate-list ul,
.sns-relate-list li,
.sns-relate-list fieldset,
.sns-relate-list form,
.sns-relate-list label,
.sns-relate-list legend,
.sns-relate-list table,
.sns-relate-list caption,
.sns-relate-list tbody,
.sns-relate-list tfoot,
.sns-relate-list thead,
.sns-relate-list tr,
.sns-relate-list th,
.sns-relate-list td,
.sns-relate-list article,
.sns-relate-list aside,
.sns-relate-list canvas,
.sns-relate-list details,
.sns-relate-list embed,
.sns-relate-list figure,
.sns-relate-list figcaption,
.sns-relate-list footer,
.sns-relate-list header,
.sns-relate-list hgroup,
.sns-relate-list menu,
.sns-relate-list nav,
.sns-relate-list output,
.sns-relate-list ruby,
.sns-relate-list section,
.sns-relate-list summary,
.sns-relate-list time,
.sns-relate-list mark,
.sns-relate-list audio,
.sns-relate-list video,
.sns-relate-editor html,
.sns-relate-editor body,
.sns-relate-editor div,
.sns-relate-editor span,
.sns-relate-editor applet,
.sns-relate-editor object,
.sns-relate-editor iframe,
.sns-relate-editor h1,
.sns-relate-editor h2,
.sns-relate-editor h3,
.sns-relate-editor h4,
.sns-relate-editor h5,
.sns-relate-editor h6,
.sns-relate-editor p,
.sns-relate-editor blockquote,
.sns-relate-editor pre,
.sns-relate-editor a,
.sns-relate-editor button,
.sns-relate-editor abbr,
.sns-relate-editor acronym,
.sns-relate-editor address,
.sns-relate-editor big,
.sns-relate-editor cite,
.sns-relate-editor code,
.sns-relate-editor del,
.sns-relate-editor dfn,
.sns-relate-editor em,
.sns-relate-editor img,
.sns-relate-editor ins,
.sns-relate-editor kbd,
.sns-relate-editor q,
.sns-relate-editor s,
.sns-relate-editor samp,
.sns-relate-editor small,
.sns-relate-editor strike,
.sns-relate-editor strong,
.sns-relate-editor sub,
.sns-relate-editor sup,
.sns-relate-editor tt,
.sns-relate-editor var,
.sns-relate-editor b,
.sns-relate-editor u,
.sns-relate-editor i,
.sns-relate-editor center,
.sns-relate-editor dl,
.sns-relate-editor dt,
.sns-relate-editor dd,
.sns-relate-editor ol,
.sns-relate-editor ul,
.sns-relate-editor li,
.sns-relate-editor fieldset,
.sns-relate-editor form,
.sns-relate-editor label,
.sns-relate-editor legend,
.sns-relate-editor table,
.sns-relate-editor caption,
.sns-relate-editor tbody,
.sns-relate-editor tfoot,
.sns-relate-editor thead,
.sns-relate-editor tr,
.sns-relate-editor th,
.sns-relate-editor td,
.sns-relate-editor article,
.sns-relate-editor aside,
.sns-relate-editor canvas,
.sns-relate-editor details,
.sns-relate-editor embed,
.sns-relate-editor figure,
.sns-relate-editor figcaption,
.sns-relate-editor footer,
.sns-relate-editor header,
.sns-relate-editor hgroup,
.sns-relate-editor menu,
.sns-relate-editor nav,
.sns-relate-editor output,
.sns-relate-editor ruby,
.sns-relate-editor section,
.sns-relate-editor summary,
.sns-relate-editor time,
.sns-relate-editor mark,
.sns-relate-editor audio,
.sns-relate-editor video,
.sns-relate-import html,
.sns-relate-import body,
.sns-relate-import div,
.sns-relate-import span,
.sns-relate-import applet,
.sns-relate-import object,
.sns-relate-import iframe,
.sns-relate-import h1,
.sns-relate-import h2,
.sns-relate-import h3,
.sns-relate-import h4,
.sns-relate-import h5,
.sns-relate-import h6,
.sns-relate-import p,
.sns-relate-import blockquote,
.sns-relate-import pre,
.sns-relate-import a,
.sns-relate-import button,
.sns-relate-import abbr,
.sns-relate-import acronym,
.sns-relate-import address,
.sns-relate-import big,
.sns-relate-import cite,
.sns-relate-import code,
.sns-relate-import del,
.sns-relate-import dfn,
.sns-relate-import em,
.sns-relate-import img,
.sns-relate-import ins,
.sns-relate-import kbd,
.sns-relate-import q,
.sns-relate-import s,
.sns-relate-import samp,
.sns-relate-import small,
.sns-relate-import strike,
.sns-relate-import strong,
.sns-relate-import sub,
.sns-relate-import sup,
.sns-relate-import tt,
.sns-relate-import var,
.sns-relate-import b,
.sns-relate-import u,
.sns-relate-import i,
.sns-relate-import center,
.sns-relate-import dl,
.sns-relate-import dt,
.sns-relate-import dd,
.sns-relate-import ol,
.sns-relate-import ul,
.sns-relate-import li,
.sns-relate-import fieldset,
.sns-relate-import form,
.sns-relate-import label,
.sns-relate-import legend,
.sns-relate-import table,
.sns-relate-import caption,
.sns-relate-import tbody,
.sns-relate-import tfoot,
.sns-relate-import thead,
.sns-relate-import tr,
.sns-relate-import th,
.sns-relate-import td,
.sns-relate-import article,
.sns-relate-import aside,
.sns-relate-import canvas,
.sns-relate-import details,
.sns-relate-import embed,
.sns-relate-import figure,
.sns-relate-import figcaption,
.sns-relate-import footer,
.sns-relate-import header,
.sns-relate-import hgroup,
.sns-relate-import menu,
.sns-relate-import nav,
.sns-relate-import output,
.sns-relate-import ruby,
.sns-relate-import section,
.sns-relate-import summary,
.sns-relate-import time,
.sns-relate-import mark,
.sns-relate-import audio,
.sns-relate-import video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.sns-relate-login ol,
.sns-relate-login ul,
.sns-relate-list ol,
.sns-relate-list ul,
.sns-relate-editor ol,
.sns-relate-editor ul,
.sns-relate-import ol,
.sns-relate-import ul {
  list-style: none;
}
.sns-relate-login li,
.sns-relate-login dd,
.sns-relate-list li,
.sns-relate-list dd,
.sns-relate-editor li,
.sns-relate-editor dd,
.sns-relate-import li,
.sns-relate-import dd {
  list-style-type: none;
}
.sns-relate-login table,
.sns-relate-list table,
.sns-relate-editor table,
.sns-relate-import table {
  border-collapse: collapse;
  border-spacing: 0;
}
.sns-relate-login caption,
.sns-relate-login th,
.sns-relate-login td,
.sns-relate-list caption,
.sns-relate-list th,
.sns-relate-list td,
.sns-relate-editor caption,
.sns-relate-editor th,
.sns-relate-editor td,
.sns-relate-import caption,
.sns-relate-import th,
.sns-relate-import td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
.sns-relate-login q,
.sns-relate-login blockquote,
.sns-relate-list q,
.sns-relate-list blockquote,
.sns-relate-editor q,
.sns-relate-editor blockquote,
.sns-relate-import q,
.sns-relate-import blockquote {
  quotes: none;
}
.sns-relate-login q:before, .sns-relate-login q:after,
.sns-relate-list q:before,
.sns-relate-list q:after,
.sns-relate-editor q:before,
.sns-relate-editor q:after,
.sns-relate-import q:before,
.sns-relate-import q:after {
  content: "";
  content: none;
}
.sns-relate-login blockquote:before, .sns-relate-login blockquote:after,
.sns-relate-list blockquote:before,
.sns-relate-list blockquote:after,
.sns-relate-editor blockquote:before,
.sns-relate-editor blockquote:after,
.sns-relate-import blockquote:before,
.sns-relate-import blockquote:after {
  content: "";
  content: none;
}
.sns-relate-login article,
.sns-relate-login aside,
.sns-relate-login details,
.sns-relate-login figcaption,
.sns-relate-login figure,
.sns-relate-login footer,
.sns-relate-login header,
.sns-relate-login hgroup,
.sns-relate-login main,
.sns-relate-login menu,
.sns-relate-login nav,
.sns-relate-login section,
.sns-relate-login summary,
.sns-relate-list article,
.sns-relate-list aside,
.sns-relate-list details,
.sns-relate-list figcaption,
.sns-relate-list figure,
.sns-relate-list footer,
.sns-relate-list header,
.sns-relate-list hgroup,
.sns-relate-list main,
.sns-relate-list menu,
.sns-relate-list nav,
.sns-relate-list section,
.sns-relate-list summary,
.sns-relate-editor article,
.sns-relate-editor aside,
.sns-relate-editor details,
.sns-relate-editor figcaption,
.sns-relate-editor figure,
.sns-relate-editor footer,
.sns-relate-editor header,
.sns-relate-editor hgroup,
.sns-relate-editor main,
.sns-relate-editor menu,
.sns-relate-editor nav,
.sns-relate-editor section,
.sns-relate-editor summary,
.sns-relate-import article,
.sns-relate-import aside,
.sns-relate-import details,
.sns-relate-import figcaption,
.sns-relate-import figure,
.sns-relate-import footer,
.sns-relate-import header,
.sns-relate-import hgroup,
.sns-relate-import main,
.sns-relate-import menu,
.sns-relate-import nav,
.sns-relate-import section,
.sns-relate-import summary {
  display: block;
}
.sns-relate-login *,
.sns-relate-login *::before,
.sns-relate-login *::after,
.sns-relate-list *,
.sns-relate-list *::before,
.sns-relate-list *::after,
.sns-relate-editor *,
.sns-relate-editor *::before,
.sns-relate-editor *::after,
.sns-relate-import *,
.sns-relate-import *::before,
.sns-relate-import *::after {
  box-sizing: border-box;
}
.sns-relate-login a,
.sns-relate-list a,
.sns-relate-editor a,
.sns-relate-import a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
.sns-relate-login [type=text],
.sns-relate-list [type=text],
.sns-relate-editor [type=text],
.sns-relate-import [type=text] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0.4em 0.8em;
  width: 100%;
  height: 100%;
}
.sns-relate-login [type=text]:focus,
.sns-relate-list [type=text]:focus,
.sns-relate-editor [type=text]:focus,
.sns-relate-import [type=text]:focus {
  box-shadow: none;
  outline: none;
}
.sns-relate-login [type=email],
.sns-relate-list [type=email],
.sns-relate-editor [type=email],
.sns-relate-import [type=email] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0.4em 0.8em;
  width: 100%;
  height: 100%;
}
.sns-relate-login [type=email]:focus,
.sns-relate-list [type=email]:focus,
.sns-relate-editor [type=email]:focus,
.sns-relate-import [type=email]:focus {
  box-shadow: none;
  outline: none;
}
.sns-relate-login textarea,
.sns-relate-list textarea,
.sns-relate-editor textarea,
.sns-relate-import textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0.4em 0.8em;
  width: 100%;
  height: 100%;
}
.sns-relate-login textarea:focus,
.sns-relate-list textarea:focus,
.sns-relate-editor textarea:focus,
.sns-relate-import textarea:focus {
  box-shadow: none;
  outline: none;
}
.sns-relate-login [type=submit],
.sns-relate-list [type=submit],
.sns-relate-editor [type=submit],
.sns-relate-import [type=submit] {
  -webkit-appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  height: inherit;
  text-decoration: none;
}
.sns-relate-login [type=submit]:focus,
.sns-relate-list [type=submit]:focus,
.sns-relate-editor [type=submit]:focus,
.sns-relate-import [type=submit]:focus {
  box-shadow: none;
  outline: none;
}
.sns-relate-login .img_frame,
.sns-relate-list .img_frame,
.sns-relate-editor .img_frame,
.sns-relate-import .img_frame {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  padding-top: 47.8%;
}
.sns-relate-login .img_frame img,
.sns-relate-login .img_frame video,
.sns-relate-list .img_frame img,
.sns-relate-list .img_frame video,
.sns-relate-editor .img_frame img,
.sns-relate-editor .img_frame video,
.sns-relate-import .img_frame img,
.sns-relate-import .img_frame video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sns-relate-login .page_title,
.sns-relate-list .page_title,
.sns-relate-editor .page_title,
.sns-relate-import .page_title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.86em auto 0;
  padding: 0.43em 2.46em;
  font-family: "M PLUS 1 Code", sans-serif;
  font-weight: 500;
  font-size: 3.5em;
  letter-spacing: 2px;
  text-align: center;
  border-radius: 5.7em;
  background-color: rgb(225, 233, 248);
  box-shadow: 10px 10px 0px 0px #cad3f5;
}
@media (max-width: 767px) {
  .sns-relate-login .page_title,
.sns-relate-list .page_title,
.sns-relate-editor .page_title,
.sns-relate-import .page_title {
    margin-top: 2.5em;
    font-size: 2.5em;
    line-height: 1.2;
  }
}
.sns-relate-login .page_title .title_postType,
.sns-relate-list .page_title .title_postType,
.sns-relate-editor .page_title .title_postType,
.sns-relate-import .page_title .title_postType {
  white-space: nowrap;
  font-weight: 300;
  font-size: 0.57em;
  letter-spacing: 1px;
  padding-top: 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .page_title .title_postType,
.sns-relate-list .page_title .title_postType,
.sns-relate-editor .page_title .title_postType,
.sns-relate-import .page_title .title_postType {
    font-size: 0.6em;
  }
}
.sns-relate-login .page_title .title_postType .wp-menu-image,
.sns-relate-list .page_title .title_postType .wp-menu-image,
.sns-relate-editor .page_title .title_postType .wp-menu-image,
.sns-relate-import .page_title .title_postType .wp-menu-image {
  margin-right: 0.5em;
}
.sns-relate-login .page_title .title_postType .wp-menu-image::before,
.sns-relate-list .page_title .title_postType .wp-menu-image::before,
.sns-relate-editor .page_title .title_postType .wp-menu-image::before,
.sns-relate-import .page_title .title_postType .wp-menu-image::before {
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-login .page_title .title_postType .wp-menu-image::before,
.sns-relate-list .page_title .title_postType .wp-menu-image::before,
.sns-relate-editor .page_title .title_postType .wp-menu-image::before,
.sns-relate-import .page_title .title_postType .wp-menu-image::before {
    width: 0.8em;
    height: 0.8em;
  }
}
.sns-relate-login .page_title::after,
.sns-relate-list .page_title::after,
.sns-relate-editor .page_title::after,
.sns-relate-import .page_title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.7em;
  width: 0.57em;
  height: 100%;
  background: transparent url("../img/title_side.png") no-repeat center center/cover;
}
.sns-relate-login .work_content_title,
.sns-relate-list .work_content_title,
.sns-relate-editor .work_content_title,
.sns-relate-import .work_content_title {
  font-size: 3em;
  width: 10.7em;
  font-family: "M PLUS 1 Code", sans-serif;
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px #fff;
  padding: 0.2em 0.5em;
  color: #454545;
  text-align: center;
  margin: 0 auto;
}
.sns-relate-login .work_content_title::after,
.sns-relate-list .work_content_title::after,
.sns-relate-editor .work_content_title::after,
.sns-relate-import .work_content_title::after {
  position: absolute;
  content: "";
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #f0f0f1 #f0f0f1 #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .sns-relate-login .work_content_title,
.sns-relate-list .work_content_title,
.sns-relate-editor .work_content_title,
.sns-relate-import .work_content_title {
    font-size: 2em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
}
.sns-relate-login .cmd_btn,
.sns-relate-login .post_exec,
.sns-relate-login .follow_btn,
.sns-relate-login .fb_btn,
.sns-relate-login .tw_btn,
.sns-relate-login .sns_delete,
.sns-relate-login #sns_entry,
.sns-relate-login #btn_end,
.sns-relate-login #btn_delete,
.sns-relate-login .sns_exec,
.sns-relate-login .set_btn,
.sns-relate-login .clear_btn,
.sns-relate-login .snslist_btn,
.sns-relate-list .cmd_btn,
.sns-relate-list .post_exec,
.sns-relate-list .follow_btn,
.sns-relate-list .fb_btn,
.sns-relate-list .tw_btn,
.sns-relate-list .sns_delete,
.sns-relate-list #sns_entry,
.sns-relate-list #btn_end,
.sns-relate-list #btn_delete,
.sns-relate-list .sns_exec,
.sns-relate-list .set_btn,
.sns-relate-list .clear_btn,
.sns-relate-list .snslist_btn,
.sns-relate-editor .cmd_btn,
.sns-relate-editor .post_exec,
.sns-relate-editor .follow_btn,
.sns-relate-editor .fb_btn,
.sns-relate-editor .tw_btn,
.sns-relate-editor .sns_delete,
.sns-relate-editor #sns_entry,
.sns-relate-editor #btn_end,
.sns-relate-editor #btn_delete,
.sns-relate-editor .sns_exec,
.sns-relate-editor .set_btn,
.sns-relate-editor .clear_btn,
.sns-relate-editor .snslist_btn,
.sns-relate-import .cmd_btn,
.sns-relate-import .post_exec,
.sns-relate-import .follow_btn,
.sns-relate-import .fb_btn,
.sns-relate-import .tw_btn,
.sns-relate-import .sns_delete,
.sns-relate-import #sns_entry,
.sns-relate-import #btn_end,
.sns-relate-import #btn_delete,
.sns-relate-import .sns_exec,
.sns-relate-import .set_btn,
.sns-relate-import .clear_btn,
.sns-relate-import .snslist_btn {
  background: #dddfe4;
  box-shadow: -3px -3px 12px rgba(255, 255, 255, 0.7), 3px 3px 12px rgba(17, 17, 17, 0.3), inset 3px 3px 12px transparent, inset -3px -3px 12px transparent;
  transition: box-shadow ease-in-out 0.5s;
  border-radius: 0.5em;
  font-size: 2em;
  padding: 0.5em 1em;
  text-align: center;
  color: #000;
}
@media (max-width: 767px) {
  .sns-relate-login .cmd_btn,
.sns-relate-login .post_exec,
.sns-relate-login .follow_btn,
.sns-relate-login .fb_btn,
.sns-relate-login .tw_btn,
.sns-relate-login .sns_delete,
.sns-relate-login #sns_entry,
.sns-relate-login #btn_end,
.sns-relate-login #btn_delete,
.sns-relate-login .sns_exec,
.sns-relate-login .set_btn,
.sns-relate-login .clear_btn,
.sns-relate-login .snslist_btn,
.sns-relate-list .cmd_btn,
.sns-relate-list .post_exec,
.sns-relate-list .follow_btn,
.sns-relate-list .fb_btn,
.sns-relate-list .tw_btn,
.sns-relate-list .sns_delete,
.sns-relate-list #sns_entry,
.sns-relate-list #btn_end,
.sns-relate-list #btn_delete,
.sns-relate-list .sns_exec,
.sns-relate-list .set_btn,
.sns-relate-list .clear_btn,
.sns-relate-list .snslist_btn,
.sns-relate-editor .cmd_btn,
.sns-relate-editor .post_exec,
.sns-relate-editor .follow_btn,
.sns-relate-editor .fb_btn,
.sns-relate-editor .tw_btn,
.sns-relate-editor .sns_delete,
.sns-relate-editor #sns_entry,
.sns-relate-editor #btn_end,
.sns-relate-editor #btn_delete,
.sns-relate-editor .sns_exec,
.sns-relate-editor .set_btn,
.sns-relate-editor .clear_btn,
.sns-relate-editor .snslist_btn,
.sns-relate-import .cmd_btn,
.sns-relate-import .post_exec,
.sns-relate-import .follow_btn,
.sns-relate-import .fb_btn,
.sns-relate-import .tw_btn,
.sns-relate-import .sns_delete,
.sns-relate-import #sns_entry,
.sns-relate-import #btn_end,
.sns-relate-import #btn_delete,
.sns-relate-import .sns_exec,
.sns-relate-import .set_btn,
.sns-relate-import .clear_btn,
.sns-relate-import .snslist_btn {
    font-size: 1.4em;
    padding: 0.7em;
  }
}
.sns-relate-login .cmd_btn:hover,
.sns-relate-login .post_exec:hover,
.sns-relate-login .follow_btn:hover,
.sns-relate-login .fb_btn:hover,
.sns-relate-login .tw_btn:hover,
.sns-relate-login .sns_delete:hover,
.sns-relate-login #sns_entry:hover,
.sns-relate-login #btn_end:hover,
.sns-relate-login #btn_delete:hover,
.sns-relate-login .sns_exec:hover,
.sns-relate-login .set_btn:hover,
.sns-relate-login .clear_btn:hover,
.sns-relate-login .snslist_btn:hover,
.sns-relate-list .cmd_btn:hover,
.sns-relate-list .post_exec:hover,
.sns-relate-list .follow_btn:hover,
.sns-relate-list .fb_btn:hover,
.sns-relate-list .tw_btn:hover,
.sns-relate-list .sns_delete:hover,
.sns-relate-list #sns_entry:hover,
.sns-relate-list #btn_end:hover,
.sns-relate-list #btn_delete:hover,
.sns-relate-list .sns_exec:hover,
.sns-relate-list .set_btn:hover,
.sns-relate-list .clear_btn:hover,
.sns-relate-list .snslist_btn:hover,
.sns-relate-editor .cmd_btn:hover,
.sns-relate-editor .post_exec:hover,
.sns-relate-editor .follow_btn:hover,
.sns-relate-editor .fb_btn:hover,
.sns-relate-editor .tw_btn:hover,
.sns-relate-editor .sns_delete:hover,
.sns-relate-editor #sns_entry:hover,
.sns-relate-editor #btn_end:hover,
.sns-relate-editor #btn_delete:hover,
.sns-relate-editor .sns_exec:hover,
.sns-relate-editor .set_btn:hover,
.sns-relate-editor .clear_btn:hover,
.sns-relate-editor .snslist_btn:hover,
.sns-relate-import .cmd_btn:hover,
.sns-relate-import .post_exec:hover,
.sns-relate-import .follow_btn:hover,
.sns-relate-import .fb_btn:hover,
.sns-relate-import .tw_btn:hover,
.sns-relate-import .sns_delete:hover,
.sns-relate-import #sns_entry:hover,
.sns-relate-import #btn_end:hover,
.sns-relate-import #btn_delete:hover,
.sns-relate-import .sns_exec:hover,
.sns-relate-import .set_btn:hover,
.sns-relate-import .clear_btn:hover,
.sns-relate-import .snslist_btn:hover {
  cursor: pointer;
  background: #dddfe4;
  box-shadow: -3px -3px 12px transparent, 3px 3px 12px transparent, inset 3px 3px 12px rgba(17, 17, 17, 0.3), inset -3px -3px 12px rgba(255, 255, 255, 0.7);
}
.sns-relate-login .cmd_btn.disable,
.sns-relate-login .post_exec.disable,
.sns-relate-login .follow_btn.disable,
.sns-relate-login .fb_btn.disable,
.sns-relate-login .tw_btn.disable,
.sns-relate-login .sns_delete.disable,
.sns-relate-login #sns_entry.disable,
.sns-relate-login #btn_end.disable,
.sns-relate-login #btn_delete.disable,
.sns-relate-login .sns_exec.disable,
.sns-relate-login .set_btn.disable,
.sns-relate-login .clear_btn.disable,
.sns-relate-login .snslist_btn.disable,
.sns-relate-list .cmd_btn.disable,
.sns-relate-list .post_exec.disable,
.sns-relate-list .follow_btn.disable,
.sns-relate-list .fb_btn.disable,
.sns-relate-list .tw_btn.disable,
.sns-relate-list .sns_delete.disable,
.sns-relate-list #sns_entry.disable,
.sns-relate-list #btn_end.disable,
.sns-relate-list #btn_delete.disable,
.sns-relate-list .sns_exec.disable,
.sns-relate-list .set_btn.disable,
.sns-relate-list .clear_btn.disable,
.sns-relate-list .snslist_btn.disable,
.sns-relate-editor .cmd_btn.disable,
.sns-relate-editor .post_exec.disable,
.sns-relate-editor .follow_btn.disable,
.sns-relate-editor .fb_btn.disable,
.sns-relate-editor .tw_btn.disable,
.sns-relate-editor .sns_delete.disable,
.sns-relate-editor #sns_entry.disable,
.sns-relate-editor #btn_end.disable,
.sns-relate-editor #btn_delete.disable,
.sns-relate-editor .sns_exec.disable,
.sns-relate-editor .set_btn.disable,
.sns-relate-editor .clear_btn.disable,
.sns-relate-editor .snslist_btn.disable,
.sns-relate-import .cmd_btn.disable,
.sns-relate-import .post_exec.disable,
.sns-relate-import .follow_btn.disable,
.sns-relate-import .fb_btn.disable,
.sns-relate-import .tw_btn.disable,
.sns-relate-import .sns_delete.disable,
.sns-relate-import #sns_entry.disable,
.sns-relate-import #btn_end.disable,
.sns-relate-import #btn_delete.disable,
.sns-relate-import .sns_exec.disable,
.sns-relate-import .set_btn.disable,
.sns-relate-import .clear_btn.disable,
.sns-relate-import .snslist_btn.disable {
  opacity: 0.5;
}
.sns-relate-login .cmd_btn.disable:hover,
.sns-relate-login .post_exec.disable:hover,
.sns-relate-login .follow_btn.disable:hover,
.sns-relate-login .fb_btn.disable:hover,
.sns-relate-login .tw_btn.disable:hover,
.sns-relate-login .sns_delete.disable:hover,
.sns-relate-login #sns_entry.disable:hover,
.sns-relate-login #btn_end.disable:hover,
.sns-relate-login #btn_delete.disable:hover,
.sns-relate-login .sns_exec.disable:hover,
.sns-relate-login .set_btn.disable:hover,
.sns-relate-login .clear_btn.disable:hover,
.sns-relate-login .snslist_btn.disable:hover,
.sns-relate-list .cmd_btn.disable:hover,
.sns-relate-list .post_exec.disable:hover,
.sns-relate-list .follow_btn.disable:hover,
.sns-relate-list .fb_btn.disable:hover,
.sns-relate-list .tw_btn.disable:hover,
.sns-relate-list .sns_delete.disable:hover,
.sns-relate-list #sns_entry.disable:hover,
.sns-relate-list #btn_end.disable:hover,
.sns-relate-list #btn_delete.disable:hover,
.sns-relate-list .sns_exec.disable:hover,
.sns-relate-list .set_btn.disable:hover,
.sns-relate-list .clear_btn.disable:hover,
.sns-relate-list .snslist_btn.disable:hover,
.sns-relate-editor .cmd_btn.disable:hover,
.sns-relate-editor .post_exec.disable:hover,
.sns-relate-editor .follow_btn.disable:hover,
.sns-relate-editor .fb_btn.disable:hover,
.sns-relate-editor .tw_btn.disable:hover,
.sns-relate-editor .sns_delete.disable:hover,
.sns-relate-editor #sns_entry.disable:hover,
.sns-relate-editor #btn_end.disable:hover,
.sns-relate-editor #btn_delete.disable:hover,
.sns-relate-editor .sns_exec.disable:hover,
.sns-relate-editor .set_btn.disable:hover,
.sns-relate-editor .clear_btn.disable:hover,
.sns-relate-editor .snslist_btn.disable:hover,
.sns-relate-import .cmd_btn.disable:hover,
.sns-relate-import .post_exec.disable:hover,
.sns-relate-import .follow_btn.disable:hover,
.sns-relate-import .fb_btn.disable:hover,
.sns-relate-import .tw_btn.disable:hover,
.sns-relate-import .sns_delete.disable:hover,
.sns-relate-import #sns_entry.disable:hover,
.sns-relate-import #btn_end.disable:hover,
.sns-relate-import #btn_delete.disable:hover,
.sns-relate-import .sns_exec.disable:hover,
.sns-relate-import .set_btn.disable:hover,
.sns-relate-import .clear_btn.disable:hover,
.sns-relate-import .snslist_btn.disable:hover {
  box-shadow: -3px -3px 12px rgba(255, 255, 255, 0.7), 3px 3px 12px rgba(17, 17, 17, 0.3), inset 3px 3px 12px transparent, inset -3px -3px 12px transparent;
  cursor: auto;
}
.sns-relate-login .cmd_btn,
.sns-relate-list .cmd_btn,
.sns-relate-editor .cmd_btn,
.sns-relate-import .cmd_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .cmd_btn,
.sns-relate-list .cmd_btn,
.sns-relate-editor .cmd_btn,
.sns-relate-import .cmd_btn {
    margin: 1.4em auto 0;
    width: 48%;
  }
  .sns-relate-login .cmd_btn.get_in,
.sns-relate-list .cmd_btn.get_in,
.sns-relate-editor .cmd_btn.get_in,
.sns-relate-import .cmd_btn.get_in {
    padding: 0 0.7em;
    height: 2.1em;
    line-height: 2.1em;
  }
}
.sns-relate-login .tw_btn,
.sns-relate-list .tw_btn,
.sns-relate-editor .tw_btn,
.sns-relate-import .tw_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0.5em;
  padding: 0.5em 0.5em;
}
.sns-relate-login .tw_btn a,
.sns-relate-list .tw_btn a,
.sns-relate-editor .tw_btn a,
.sns-relate-import .tw_btn a {
  color: #000;
}
.sns-relate-login .fb_btn,
.sns-relate-list .fb_btn,
.sns-relate-editor .fb_btn,
.sns-relate-import .fb_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5em auto;
  padding: 0.5em 1em;
}
.sns-relate-login .fb_btn.logout,
.sns-relate-list .fb_btn.logout,
.sns-relate-editor .fb_btn.logout,
.sns-relate-import .fb_btn.logout {
  margin-top: 1em;
}
.sns-relate-login .fb_btn p,
.sns-relate-list .fb_btn p,
.sns-relate-editor .fb_btn p,
.sns-relate-import .fb_btn p {
  font-size: 1.2em;
}
.sns-relate-login #btn_delete,
.sns-relate-list #btn_delete,
.sns-relate-editor #btn_delete,
.sns-relate-import #btn_delete {
  margin: 1em auto 0;
  width: 80%;
  position: relative;
}
.sns-relate-login #btn_delete.ignore,
.sns-relate-list #btn_delete.ignore,
.sns-relate-editor #btn_delete.ignore,
.sns-relate-import #btn_delete.ignore {
  opacity: 0.3;
}
.sns-relate-login #btn_delete.ignore:hover,
.sns-relate-list #btn_delete.ignore:hover,
.sns-relate-editor #btn_delete.ignore:hover,
.sns-relate-import #btn_delete.ignore:hover {
  opacity: 0.3;
  cursor: auto;
}
.sns-relate-login #btn_delete.return::before,
.sns-relate-list #btn_delete.return::before,
.sns-relate-editor #btn_delete.return::before,
.sns-relate-import #btn_delete.return::before {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 8px);
  top: -8px;
  left: -8px;
  border-radius: 10px;
  border: 1px solid rgba(132, 132, 164, 0.35);
  -webkit-animation: 1.5s linear 0s normal none infinite focuse;
          animation: 1.5s linear 0s normal none infinite focuse;
}
.sns-relate-login .snslist_btn,
.sns-relate-list .snslist_btn,
.sns-relate-editor .snslist_btn,
.sns-relate-import .snslist_btn {
  display: block;
  padding: 0.3em 0.5em;
  font-size: 1.3em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.sns-relate-login .snslist_btn.new,
.sns-relate-list .snslist_btn.new,
.sns-relate-editor .snslist_btn.new,
.sns-relate-import .snslist_btn.new {
  width: 6.5em;
  height: 2.5em;
  line-height: 2.5em;
  font-size: 2.5em;
  padding: 0;
}
@media (max-width: 767px) {
  .sns-relate-login .snslist_btn.new,
.sns-relate-list .snslist_btn.new,
.sns-relate-editor .snslist_btn.new,
.sns-relate-import .snslist_btn.new {
    margin-bottom: 0;
    font-size: 2em;
  }
}
.sns-relate-login .snslist_btn:last-child,
.sns-relate-list .snslist_btn:last-child,
.sns-relate-editor .snslist_btn:last-child,
.sns-relate-import .snslist_btn:last-child {
  margin-top: 0.5em;
}
.sns-relate-login .btn_return,
.sns-relate-login .btn_prev,
.sns-relate-login .btn_next,
.sns-relate-list .btn_return,
.sns-relate-list .btn_prev,
.sns-relate-list .btn_next,
.sns-relate-editor .btn_return,
.sns-relate-editor .btn_prev,
.sns-relate-editor .btn_next,
.sns-relate-import .btn_return,
.sns-relate-import .btn_prev,
.sns-relate-import .btn_next {
  margin-left: auto;
  width: 9em;
  font-size: 2em;
  position: relative;
  color: #000;
}
.sns-relate-login .btn_return a,
.sns-relate-login .btn_prev a,
.sns-relate-login .btn_next a,
.sns-relate-list .btn_return a,
.sns-relate-list .btn_prev a,
.sns-relate-list .btn_next a,
.sns-relate-editor .btn_return a,
.sns-relate-editor .btn_prev a,
.sns-relate-editor .btn_next a,
.sns-relate-import .btn_return a,
.sns-relate-import .btn_prev a,
.sns-relate-import .btn_next a {
  color: #000;
}
@media (max-width: 767px) {
  .sns-relate-login .btn_return,
.sns-relate-login .btn_prev,
.sns-relate-login .btn_next,
.sns-relate-list .btn_return,
.sns-relate-list .btn_prev,
.sns-relate-list .btn_next,
.sns-relate-editor .btn_return,
.sns-relate-editor .btn_prev,
.sns-relate-editor .btn_next,
.sns-relate-import .btn_return,
.sns-relate-import .btn_prev,
.sns-relate-import .btn_next {
    margin-top: 0;
    font-size: 1.4em;
    width: 10em;
  }
}
.sns-relate-login .btn_return:hover,
.sns-relate-login .btn_prev:hover,
.sns-relate-login .btn_next:hover,
.sns-relate-list .btn_return:hover,
.sns-relate-list .btn_prev:hover,
.sns-relate-list .btn_next:hover,
.sns-relate-editor .btn_return:hover,
.sns-relate-editor .btn_prev:hover,
.sns-relate-editor .btn_next:hover,
.sns-relate-import .btn_return:hover,
.sns-relate-import .btn_prev:hover,
.sns-relate-import .btn_next:hover {
  cursor: pointer;
}
.sns-relate-login .btn_return:hover::after,
.sns-relate-login .btn_prev:hover::after,
.sns-relate-login .btn_next:hover::after,
.sns-relate-list .btn_return:hover::after,
.sns-relate-list .btn_prev:hover::after,
.sns-relate-list .btn_next:hover::after,
.sns-relate-editor .btn_return:hover::after,
.sns-relate-editor .btn_prev:hover::after,
.sns-relate-editor .btn_next:hover::after,
.sns-relate-import .btn_return:hover::after,
.sns-relate-import .btn_prev:hover::after,
.sns-relate-import .btn_next:hover::after {
  transform: scaleX(1.2) skewX(228deg) translateY(-70%);
}
.sns-relate-login .btn_return::after,
.sns-relate-login .btn_prev::after,
.sns-relate-login .btn_next::after,
.sns-relate-list .btn_return::after,
.sns-relate-list .btn_prev::after,
.sns-relate-list .btn_next::after,
.sns-relate-editor .btn_return::after,
.sns-relate-editor .btn_prev::after,
.sns-relate-editor .btn_next::after,
.sns-relate-import .btn_return::after,
.sns-relate-import .btn_prev::after,
.sns-relate-import .btn_next::after {
  content: "";
  position: absolute;
  width: 10em;
  height: 0.7em;
  right: -1em;
  bottom: -1em;
  background-color: transparent;
  transform-origin: center left;
  transform: skewX(228deg) translateY(-70%);
  border-right: #000 solid 2px;
  border-bottom: #000 solid 1px;
  transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
  .sns-relate-login .btn_return::after,
.sns-relate-login .btn_prev::after,
.sns-relate-login .btn_next::after,
.sns-relate-list .btn_return::after,
.sns-relate-list .btn_prev::after,
.sns-relate-list .btn_next::after,
.sns-relate-editor .btn_return::after,
.sns-relate-editor .btn_prev::after,
.sns-relate-editor .btn_next::after,
.sns-relate-import .btn_return::after,
.sns-relate-import .btn_prev::after,
.sns-relate-import .btn_next::after {
    width: 10em;
    height: 0.7em;
    right: 0;
    bottom: -0.7em;
  }
}
.sns-relate-login .btn_prev,
.sns-relate-login .btn_next,
.sns-relate-list .btn_prev,
.sns-relate-list .btn_next,
.sns-relate-editor .btn_prev,
.sns-relate-editor .btn_next,
.sns-relate-import .btn_prev,
.sns-relate-import .btn_next {
  display: none;
}
.sns-relate-login .btn_prev.appear,
.sns-relate-login .btn_next.appear,
.sns-relate-list .btn_prev.appear,
.sns-relate-list .btn_next.appear,
.sns-relate-editor .btn_prev.appear,
.sns-relate-editor .btn_next.appear,
.sns-relate-import .btn_prev.appear,
.sns-relate-import .btn_next.appear {
  display: block;
}
@media (max-width: 767px) {
  .sns-relate-login .btn_next,
.sns-relate-list .btn_next,
.sns-relate-editor .btn_next,
.sns-relate-import .btn_next {
    width: 5em;
  }
}
.sns-relate-login .btn_next::after,
.sns-relate-list .btn_next::after,
.sns-relate-editor .btn_next::after,
.sns-relate-import .btn_next::after {
  width: 9em;
  right: 1.5em;
  bottom: -1em;
}
@media (max-width: 767px) {
  .sns-relate-login .btn_next::after,
.sns-relate-list .btn_next::after,
.sns-relate-editor .btn_next::after,
.sns-relate-import .btn_next::after {
    width: 7.1em;
    height: 0.7em;
    right: -1.5em;
    bottom: -0.7em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .btn_prev,
.sns-relate-list .btn_prev,
.sns-relate-editor .btn_prev,
.sns-relate-import .btn_prev {
    width: 5em;
    margin-left: 1.5em;
  }
}
.sns-relate-login .btn_prev::after,
.sns-relate-list .btn_prev::after,
.sns-relate-editor .btn_prev::after,
.sns-relate-import .btn_prev::after {
  width: 9em;
  left: -2.5em;
  bottom: -1em;
  background-color: transparent;
  transform-origin: center right;
  transform: skewX(121deg) translateY(-70%);
  border-left: #000 solid 2px;
  border-right: none;
}
@media (max-width: 767px) {
  .sns-relate-login .btn_prev::after,
.sns-relate-list .btn_prev::after,
.sns-relate-editor .btn_prev::after,
.sns-relate-import .btn_prev::after {
    left: -1.8em;
    width: 7.1em;
    height: 0.7em;
    bottom: -0.7em;
  }
}
.sns-relate-login .btn_prev:hover,
.sns-relate-list .btn_prev:hover,
.sns-relate-editor .btn_prev:hover,
.sns-relate-import .btn_prev:hover {
  opacity: 1;
}
.sns-relate-login .btn_prev:hover::after,
.sns-relate-list .btn_prev:hover::after,
.sns-relate-editor .btn_prev:hover::after,
.sns-relate-import .btn_prev:hover::after {
  transform: scaleX(1.2) skewX(121deg) translateY(-70%);
}
.sns-relate-login .modal_close,
.sns-relate-login .img_close,
.sns-relate-list .modal_close,
.sns-relate-list .img_close,
.sns-relate-editor .modal_close,
.sns-relate-editor .img_close,
.sns-relate-import .modal_close,
.sns-relate-import .img_close {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background-color: rgb(223, 221, 221);
  transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
  .sns-relate-login .modal_close,
.sns-relate-login .img_close,
.sns-relate-list .modal_close,
.sns-relate-list .img_close,
.sns-relate-editor .modal_close,
.sns-relate-editor .img_close,
.sns-relate-import .modal_close,
.sns-relate-import .img_close {
    width: 2em;
    height: 2em;
  }
}
.sns-relate-login .modal_close:hover,
.sns-relate-login .img_close:hover,
.sns-relate-list .modal_close:hover,
.sns-relate-list .img_close:hover,
.sns-relate-editor .modal_close:hover,
.sns-relate-editor .img_close:hover,
.sns-relate-import .modal_close:hover,
.sns-relate-import .img_close:hover {
  cursor: pointer;
  opacity: 0.7;
}
.sns-relate-login .modal_close .drawer_icon_bars,
.sns-relate-login .img_close .drawer_icon_bars,
.sns-relate-list .modal_close .drawer_icon_bars,
.sns-relate-list .img_close .drawer_icon_bars,
.sns-relate-editor .modal_close .drawer_icon_bars,
.sns-relate-editor .img_close .drawer_icon_bars,
.sns-relate-import .modal_close .drawer_icon_bars,
.sns-relate-import .img_close .drawer_icon_bars {
  position: relative;
  height: 100%;
}
.sns-relate-login .modal_close .drawer_icon_bar1,
.sns-relate-login .modal_close .drawer_icon_bar2,
.sns-relate-login .img_close .drawer_icon_bar1,
.sns-relate-login .img_close .drawer_icon_bar2,
.sns-relate-list .modal_close .drawer_icon_bar1,
.sns-relate-list .modal_close .drawer_icon_bar2,
.sns-relate-list .img_close .drawer_icon_bar1,
.sns-relate-list .img_close .drawer_icon_bar2,
.sns-relate-editor .modal_close .drawer_icon_bar1,
.sns-relate-editor .modal_close .drawer_icon_bar2,
.sns-relate-editor .img_close .drawer_icon_bar1,
.sns-relate-editor .img_close .drawer_icon_bar2,
.sns-relate-import .modal_close .drawer_icon_bar1,
.sns-relate-import .modal_close .drawer_icon_bar2,
.sns-relate-import .img_close .drawer_icon_bar1,
.sns-relate-import .img_close .drawer_icon_bar2 {
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #000;
  transition: all 0.5s ease 0s;
}
.sns-relate-login .modal_close .drawer_icon_bar1,
.sns-relate-login .img_close .drawer_icon_bar1,
.sns-relate-list .modal_close .drawer_icon_bar1,
.sns-relate-list .img_close .drawer_icon_bar1,
.sns-relate-editor .modal_close .drawer_icon_bar1,
.sns-relate-editor .img_close .drawer_icon_bar1,
.sns-relate-import .modal_close .drawer_icon_bar1,
.sns-relate-import .img_close .drawer_icon_bar1 {
  width: 65%;
  top: 45%;
  left: 18%;
  transform: rotate(40deg);
}
.sns-relate-login .modal_close .drawer_icon_bar2,
.sns-relate-login .img_close .drawer_icon_bar2,
.sns-relate-list .modal_close .drawer_icon_bar2,
.sns-relate-list .img_close .drawer_icon_bar2,
.sns-relate-editor .modal_close .drawer_icon_bar2,
.sns-relate-editor .img_close .drawer_icon_bar2,
.sns-relate-import .modal_close .drawer_icon_bar2,
.sns-relate-import .img_close .drawer_icon_bar2 {
  width: 65%;
  top: 45%;
  left: 18%;
  transform: rotate(-40deg);
}
.sns-relate-login .modal_close.ignore,
.sns-relate-login .img_close.ignore,
.sns-relate-list .modal_close.ignore,
.sns-relate-list .img_close.ignore,
.sns-relate-editor .modal_close.ignore,
.sns-relate-editor .img_close.ignore,
.sns-relate-import .modal_close.ignore,
.sns-relate-import .img_close.ignore {
  opacity: 0.3;
}
.sns-relate-login .modal_close.ignore:hover,
.sns-relate-login .img_close.ignore:hover,
.sns-relate-list .modal_close.ignore:hover,
.sns-relate-list .img_close.ignore:hover,
.sns-relate-editor .modal_close.ignore:hover,
.sns-relate-editor .img_close.ignore:hover,
.sns-relate-import .modal_close.ignore:hover,
.sns-relate-import .img_close.ignore:hover {
  cursor: auto;
}
.sns-relate-login #page_list,
.sns-relate-login .draft_radio,
.sns-relate-list #page_list,
.sns-relate-list .draft_radio,
.sns-relate-editor #page_list,
.sns-relate-editor .draft_radio,
.sns-relate-import #page_list,
.sns-relate-import .draft_radio {
  padding-top: 0.5em;
  border-top: 1px #000 solid;
  font-size: 2em;
}
@media (max-width: 767px) {
  .sns-relate-login #page_list,
.sns-relate-login .draft_radio,
.sns-relate-list #page_list,
.sns-relate-list .draft_radio,
.sns-relate-editor #page_list,
.sns-relate-editor .draft_radio,
.sns-relate-import #page_list,
.sns-relate-import .draft_radio {
    font-size: 1.6em;
  }
}
.sns-relate-login #page_list label,
.sns-relate-login .draft_radio label,
.sns-relate-list #page_list label,
.sns-relate-list .draft_radio label,
.sns-relate-editor #page_list label,
.sns-relate-editor .draft_radio label,
.sns-relate-import #page_list label,
.sns-relate-import .draft_radio label {
  display: flex;
  padding-left: 1em;
  padding-bottom: 0.4em;
}
.sns-relate-login #page_list label:first-of-type,
.sns-relate-login .draft_radio label:first-of-type,
.sns-relate-list #page_list label:first-of-type,
.sns-relate-list .draft_radio label:first-of-type,
.sns-relate-editor #page_list label:first-of-type,
.sns-relate-editor .draft_radio label:first-of-type,
.sns-relate-import #page_list label:first-of-type,
.sns-relate-import .draft_radio label:first-of-type {
  padding-top: 0.5em;
}
.sns-relate-login #page_list label input,
.sns-relate-login .draft_radio label input,
.sns-relate-list #page_list label input,
.sns-relate-list .draft_radio label input,
.sns-relate-editor #page_list label input,
.sns-relate-editor .draft_radio label input,
.sns-relate-import #page_list label input,
.sns-relate-import .draft_radio label input {
  -webkit-appearance: none;
  /* remove default */
  display: block;
  margin: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: hsla(0deg, 0%, 100%, 0.15) 0 1px 1px, inset hsla(0deg, 0%, 0%, 0.5) 0 0 0 1px;
  background-color: hsla(0deg, 0%, 0%, 0.2);
  background-image: -webkit-radial-gradient(hsl(200deg, 100%, 90%) 0%, rgb(40, 127, 170) 30%, hsla(200deg, 100%, 60%, 0.3) 38%, hsla(200deg, 100%, 30%, 0) 70%);
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.15s cubic-bezier(0.8, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.8, 0, 1, 1);
  outline: none;
}
.sns-relate-login #page_list label input:checked,
.sns-relate-login .draft_radio label input:checked,
.sns-relate-list #page_list label input:checked,
.sns-relate-list .draft_radio label input:checked,
.sns-relate-editor #page_list label input:checked,
.sns-relate-editor .draft_radio label input:checked,
.sns-relate-import #page_list label input:checked,
.sns-relate-import .draft_radio label input:checked {
  -webkit-transition: background-position 0.2s 0.15s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.sns-relate-login #page_list label input:active,
.sns-relate-login .draft_radio label input:active,
.sns-relate-list #page_list label input:active,
.sns-relate-list .draft_radio label input:active,
.sns-relate-editor #page_list label input:active,
.sns-relate-editor .draft_radio label input:active,
.sns-relate-import #page_list label input:active,
.sns-relate-import .draft_radio label input:active {
  -webkit-transform: scale(1.5);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.sns-relate-login #page_list label input,
.sns-relate-login .draft_radio label input,
.sns-relate-list #page_list label input,
.sns-relate-list .draft_radio label input,
.sns-relate-editor #page_list label input,
.sns-relate-editor .draft_radio label input,
.sns-relate-import #page_list label input,
.sns-relate-import .draft_radio label input {
  background-size: 0;
}
.sns-relate-login #page_list label input::before,
.sns-relate-login .draft_radio label input::before,
.sns-relate-list #page_list label input::before,
.sns-relate-list .draft_radio label input::before,
.sns-relate-editor #page_list label input::before,
.sns-relate-editor .draft_radio label input::before,
.sns-relate-import #page_list label input::before,
.sns-relate-import .draft_radio label input::before {
  content: none !important;
  display: none !important;
}
.sns-relate-login #page_list label.ready input,
.sns-relate-login .draft_radio label.ready input,
.sns-relate-list #page_list label.ready input,
.sns-relate-list .draft_radio label.ready input,
.sns-relate-editor #page_list label.ready input,
.sns-relate-editor .draft_radio label.ready input,
.sns-relate-import #page_list label.ready input,
.sns-relate-import .draft_radio label.ready input {
  background-size: 100%;
}
.sns-relate-login #page_list label.check_prev input,
.sns-relate-login #page_list label.check_prev input:active,
.sns-relate-login .draft_radio label.check_prev input,
.sns-relate-login .draft_radio label.check_prev input:active,
.sns-relate-list #page_list label.check_prev input,
.sns-relate-list #page_list label.check_prev input:active,
.sns-relate-list .draft_radio label.check_prev input,
.sns-relate-list .draft_radio label.check_prev input:active,
.sns-relate-editor #page_list label.check_prev input,
.sns-relate-editor #page_list label.check_prev input:active,
.sns-relate-editor .draft_radio label.check_prev input,
.sns-relate-editor .draft_radio label.check_prev input:active,
.sns-relate-import #page_list label.check_prev input,
.sns-relate-import #page_list label.check_prev input:active,
.sns-relate-import .draft_radio label.check_prev input,
.sns-relate-import .draft_radio label.check_prev input:active {
  background-position: 0 24px;
}
.sns-relate-login #page_list label.checked input:checked,
.sns-relate-login .draft_radio label.checked input:checked,
.sns-relate-list #page_list label.checked input:checked,
.sns-relate-list .draft_radio label.checked input:checked,
.sns-relate-editor #page_list label.checked input:checked,
.sns-relate-editor .draft_radio label.checked input:checked,
.sns-relate-import #page_list label.checked input:checked,
.sns-relate-import .draft_radio label.checked input:checked {
  background-position: 0 0;
}
.sns-relate-login #page_list label.check_next input,
.sns-relate-login #page_list label.check_next input:active,
.sns-relate-login .draft_radio label.check_next input,
.sns-relate-login .draft_radio label.check_next input:active,
.sns-relate-list #page_list label.check_next input,
.sns-relate-list #page_list label.check_next input:active,
.sns-relate-list .draft_radio label.check_next input,
.sns-relate-list .draft_radio label.check_next input:active,
.sns-relate-editor #page_list label.check_next input,
.sns-relate-editor #page_list label.check_next input:active,
.sns-relate-editor .draft_radio label.check_next input,
.sns-relate-editor .draft_radio label.check_next input:active,
.sns-relate-import #page_list label.check_next input,
.sns-relate-import #page_list label.check_next input:active,
.sns-relate-import .draft_radio label.check_next input,
.sns-relate-import .draft_radio label.check_next input:active {
  background-position: 0 -24px;
}
.sns-relate-login #page_list label span,
.sns-relate-login .draft_radio label span,
.sns-relate-list #page_list label span,
.sns-relate-list .draft_radio label span,
.sns-relate-editor #page_list label span,
.sns-relate-editor .draft_radio label span,
.sns-relate-import #page_list label span,
.sns-relate-import .draft_radio label span {
  display: block;
  padding-left: 1em;
  line-height: 2.5em;
}
.sns-relate-login #page_list .username,
.sns-relate-login .draft_radio .username,
.sns-relate-list #page_list .username,
.sns-relate-list .draft_radio .username,
.sns-relate-editor #page_list .username,
.sns-relate-editor .draft_radio .username,
.sns-relate-import #page_list .username,
.sns-relate-import .draft_radio .username {
  font-size: 0.9em;
  padding-bottom: 0.5em;
}
.sns-relate-login #id_category,
.sns-relate-login #id_postType,
.sns-relate-login [name^=target_sns],
.sns-relate-list #id_category,
.sns-relate-list #id_postType,
.sns-relate-list [name^=target_sns],
.sns-relate-editor #id_category,
.sns-relate-editor #id_postType,
.sns-relate-editor [name^=target_sns],
.sns-relate-import #id_category,
.sns-relate-import #id_postType,
.sns-relate-import [name^=target_sns] {
  display: none;
}
.sns-relate-login .custom_select,
.sns-relate-list .custom_select,
.sns-relate-editor .custom_select,
.sns-relate-import .custom_select {
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select,
.sns-relate-list .custom_select,
.sns-relate-editor .custom_select,
.sns-relate-import .custom_select {
    width: 80%;
  }
}
.sns-relate-login .custom_select > div,
.sns-relate-list .custom_select > div,
.sns-relate-editor .custom_select > div,
.sns-relate-import .custom_select > div {
  position: relative;
  z-index: 2;
  padding: 0.4em 0.6em;
  border-radius: 8px;
  background: #fff;
  font-size: 2em;
  min-height: 2.2em;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  transition: box-shadow 0.3s ease;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > div,
.sns-relate-list .custom_select > div,
.sns-relate-editor .custom_select > div,
.sns-relate-import .custom_select > div {
    font-size: 1.6em;
  }
}
.sns-relate-login .custom_select > div:hover,
.sns-relate-list .custom_select > div:hover,
.sns-relate-editor .custom_select > div:hover,
.sns-relate-import .custom_select > div:hover {
  box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16);
}
.sns-relate-login .custom_select > div .arrow,
.sns-relate-list .custom_select > div .arrow,
.sns-relate-editor .custom_select > div .arrow,
.sns-relate-import .custom_select > div .arrow {
  overflow: visible;
  left: auto;
  right: 2em;
  top: 50%;
  transform: translateY(-30%);
  cursor: pointer;
  width: 1.4em;
  position: absolute;
}
.sns-relate-login .custom_select > div .arrow:after,
.sns-relate-list .custom_select > div .arrow:after,
.sns-relate-editor .custom_select > div .arrow:after,
.sns-relate-import .custom_select > div .arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0.75em;
  height: 0.75em;
  border-bottom: 2px solid #99A3BA;
  border-left: 2px solid #99A3BA;
  top: 50%;
  left: 50%;
  transform: translateY(-60%) rotate(315deg);
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > div .arrow:after,
.sns-relate-list .custom_select > div .arrow:after,
.sns-relate-editor .custom_select > div .arrow:after,
.sns-relate-import .custom_select > div .arrow:after {
    width: 0.75em;
    height: 0.75em;
    top: 33%;
  }
}
.sns-relate-login .custom_select > div span,
.sns-relate-list .custom_select > div span,
.sns-relate-editor .custom_select > div span,
.sns-relate-import .custom_select > div span {
  color: #99A3BA;
  display: block;
  position: absolute;
  left: 12px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1em;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > div span,
.sns-relate-list .custom_select > div span,
.sns-relate-editor .custom_select > div span,
.sns-relate-import .custom_select > div span {
    line-height: 1.8em;
  }
}
.sns-relate-login .custom_select > div span.hide,
.sns-relate-list .custom_select > div span.hide,
.sns-relate-editor .custom_select > div span.hide,
.sns-relate-import .custom_select > div span.hide {
  opacity: 0;
  visibility: hidden;
  transform: translate(-4px, 0);
}
.sns-relate-login .custom_select > div a,
.sns-relate-list .custom_select > div a,
.sns-relate-editor .custom_select > div a,
.sns-relate-import .custom_select > div a {
  position: relative;
  padding: 0 24px 6px 8px;
  line-height: 1.4em;
  color: #1E2330;
  display: inline-block;
  vertical-align: top;
  margin: 6px 6px 0 0;
}
.sns-relate-login .custom_select > div a .wp-menu-image,
.sns-relate-list .custom_select > div a .wp-menu-image,
.sns-relate-editor .custom_select > div a .wp-menu-image,
.sns-relate-import .custom_select > div a .wp-menu-image {
  margin-right: 0.25em;
}
.sns-relate-login .custom_select > div a .wp-menu-image::before,
.sns-relate-list .custom_select > div a .wp-menu-image::before,
.sns-relate-editor .custom_select > div a .wp-menu-image::before,
.sns-relate-import .custom_select > div a .wp-menu-image::before {
  width: 1.25em;
  height: 1.25em;
  vertical-align: middle;
}
.sns-relate-login .custom_select > div a em,
.sns-relate-list .custom_select > div a em,
.sns-relate-editor .custom_select > div a em,
.sns-relate-import .custom_select > div a em {
  font-style: normal;
  display: block;
  white-space: nowrap;
  padding-left: 2em;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > div a em,
.sns-relate-list .custom_select > div a em,
.sns-relate-editor .custom_select > div a em,
.sns-relate-import .custom_select > div a em {
    padding-left: 2.5em;
    padding-right: 1.25em;
    font-size: 0.875em;
  }
}
.sns-relate-login .custom_select > div a em.catg_item::after, .sns-relate-login .custom_select > div a em.term_item::after, .sns-relate-login .custom_select > div a em.tag_item::after,
.sns-relate-list .custom_select > div a em.catg_item::after,
.sns-relate-list .custom_select > div a em.term_item::after,
.sns-relate-list .custom_select > div a em.tag_item::after,
.sns-relate-editor .custom_select > div a em.catg_item::after,
.sns-relate-editor .custom_select > div a em.term_item::after,
.sns-relate-editor .custom_select > div a em.tag_item::after,
.sns-relate-import .custom_select > div a em.catg_item::after,
.sns-relate-import .custom_select > div a em.term_item::after,
.sns-relate-import .custom_select > div a em.tag_item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1.25em;
  height: 1.25em;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > div a em.catg_item::after, .sns-relate-login .custom_select > div a em.term_item::after, .sns-relate-login .custom_select > div a em.tag_item::after,
.sns-relate-list .custom_select > div a em.catg_item::after,
.sns-relate-list .custom_select > div a em.term_item::after,
.sns-relate-list .custom_select > div a em.tag_item::after,
.sns-relate-editor .custom_select > div a em.catg_item::after,
.sns-relate-editor .custom_select > div a em.term_item::after,
.sns-relate-editor .custom_select > div a em.tag_item::after,
.sns-relate-import .custom_select > div a em.catg_item::after,
.sns-relate-import .custom_select > div a em.term_item::after,
.sns-relate-import .custom_select > div a em.tag_item::after {
    width: 1.12em;
    height: 1.12em;
  }
}
.sns-relate-login .custom_select > div a em.catg_item::after,
.sns-relate-list .custom_select > div a em.catg_item::after,
.sns-relate-editor .custom_select > div a em.catg_item::after,
.sns-relate-import .custom_select > div a em.catg_item::after {
  background: transparent url("../img/category.png") no-repeat center center/cover;
}
.sns-relate-login .custom_select > div a em.term_item::after,
.sns-relate-list .custom_select > div a em.term_item::after,
.sns-relate-editor .custom_select > div a em.term_item::after,
.sns-relate-import .custom_select > div a em.term_item::after {
  background: transparent url("../img/taxsonomy.png") no-repeat center center/cover;
}
.sns-relate-login .custom_select > div a em.tag_item::after,
.sns-relate-list .custom_select > div a em.tag_item::after,
.sns-relate-editor .custom_select > div a em.tag_item::after,
.sns-relate-import .custom_select > div a em.tag_item::after {
  background: transparent url("../img/tag.png") no-repeat center center/cover;
}
.sns-relate-login .custom_select > div a:before,
.sns-relate-list .custom_select > div a:before,
.sns-relate-editor .custom_select > div a:before,
.sns-relate-import .custom_select > div a:before {
  content: "";
  left: 0;
  top: 0;
  bottom: 6px;
  width: 100%;
  position: absolute;
  display: block;
  background: rgba(228, 236, 250, 0.7);
  z-index: -1;
  border-radius: 4px;
}
.sns-relate-login .custom_select > div a i,
.sns-relate-list .custom_select > div a i,
.sns-relate-editor .custom_select > div a i,
.sns-relate-import .custom_select > div a i {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2em;
  height: 1.4em;
  display: block;
}
.sns-relate-login .custom_select > div a i:before, .sns-relate-login .custom_select > div a i:after,
.sns-relate-list .custom_select > div a i:before,
.sns-relate-list .custom_select > div a i:after,
.sns-relate-editor .custom_select > div a i:before,
.sns-relate-editor .custom_select > div a i:after,
.sns-relate-import .custom_select > div a i:before,
.sns-relate-import .custom_select > div a i:after {
  content: "";
  display: block;
  width: 2px;
  height: 1.25em;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #4D18FF;
  border-radius: 1px;
}
.sns-relate-login .custom_select > div a i:before,
.sns-relate-list .custom_select > div a i:before,
.sns-relate-editor .custom_select > div a i:before,
.sns-relate-import .custom_select > div a i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.sns-relate-login .custom_select > div a i:after,
.sns-relate-list .custom_select > div a i:after,
.sns-relate-editor .custom_select > div a i:after,
.sns-relate-import .custom_select > div a i:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sns-relate-login .custom_select > div a.notShown,
.sns-relate-list .custom_select > div a.notShown,
.sns-relate-editor .custom_select > div a.notShown,
.sns-relate-import .custom_select > div a.notShown {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sns-relate-login .custom_select > div a.notShown:before,
.sns-relate-list .custom_select > div a.notShown:before,
.sns-relate-editor .custom_select > div a.notShown:before,
.sns-relate-import .custom_select > div a.notShown:before {
  width: 28px;
  transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s;
}
.sns-relate-login .custom_select > div a.notShown i,
.sns-relate-list .custom_select > div a.notShown i,
.sns-relate-editor .custom_select > div a.notShown i,
.sns-relate-import .custom_select > div a.notShown i {
  opacity: 0;
  transition: all 0.3s ease 0.3s;
}
.sns-relate-login .custom_select > div a.notShown em,
.sns-relate-list .custom_select > div a.notShown em,
.sns-relate-editor .custom_select > div a.notShown em,
.sns-relate-import .custom_select > div a.notShown em {
  opacity: 0;
  transform: translate(-6px, 0);
  transition: all 0.4s ease 0.3s;
}
.sns-relate-login .custom_select > div a.notShown.shown,
.sns-relate-list .custom_select > div a.notShown.shown,
.sns-relate-editor .custom_select > div a.notShown.shown,
.sns-relate-import .custom_select > div a.notShown.shown {
  opacity: 1;
  margin-top: 6px;
}
.sns-relate-login .custom_select > div a.notShown.shown:before,
.sns-relate-list .custom_select > div a.notShown.shown:before,
.sns-relate-editor .custom_select > div a.notShown.shown:before,
.sns-relate-import .custom_select > div a.notShown.shown:before {
  width: 100%;
}
.sns-relate-login .custom_select > div a.notShown.shown i,
.sns-relate-list .custom_select > div a.notShown.shown i,
.sns-relate-editor .custom_select > div a.notShown.shown i,
.sns-relate-import .custom_select > div a.notShown.shown i {
  opacity: 1;
}
.sns-relate-login .custom_select > div a.notShown.shown em,
.sns-relate-list .custom_select > div a.notShown.shown em,
.sns-relate-editor .custom_select > div a.notShown.shown em,
.sns-relate-import .custom_select > div a.notShown.shown em {
  opacity: 1;
  transform: translate(0, 0);
}
.sns-relate-login .custom_select > div a.remove:before,
.sns-relate-list .custom_select > div a.remove:before,
.sns-relate-editor .custom_select > div a.remove:before,
.sns-relate-import .custom_select > div a.remove:before {
  width: 28px;
  transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
}
.sns-relate-login .custom_select > div a.remove i,
.sns-relate-list .custom_select > div a.remove i,
.sns-relate-editor .custom_select > div a.remove i,
.sns-relate-import .custom_select > div a.remove i {
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.sns-relate-login .custom_select > div a.remove em,
.sns-relate-list .custom_select > div a.remove em,
.sns-relate-editor .custom_select > div a.remove em,
.sns-relate-import .custom_select > div a.remove em {
  opacity: 0;
  transform: translate(-12px, 0);
  transition: all 0.4s ease 0s;
}
.sns-relate-login .custom_select > div a.remove.disappear,
.sns-relate-list .custom_select > div a.remove.disappear,
.sns-relate-editor .custom_select > div a.remove.disappear,
.sns-relate-import .custom_select > div a.remove.disappear {
  opacity: 0;
  transition: opacity 0.5s ease 0s;
}
.sns-relate-login .custom_select > ul,
.sns-relate-list .custom_select > ul,
.sns-relate-editor .custom_select > ul,
.sns-relate-import .custom_select > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8em;
  max-height: 40vh;
  overflow: scroll;
  z-index: 1;
  position: relative;
  top: auto;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  border-radius: 8px;
  transform: translate(0, 20px) scale(0.8);
  transform-origin: 0 0;
  filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
  transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s;
}
.sns-relate-login .custom_select > ul li,
.sns-relate-list .custom_select > ul li,
.sns-relate-editor .custom_select > ul li,
.sns-relate-import .custom_select > ul li {
  color: #1E2330;
  background: #fff;
  padding: 0.5em 0.7em 0.5em 2.8em;
  font-size: 2.5em;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease 0.3s, opacity 0.5s ease 0.3s, border-radius 0.3s ease 0.3s;
}
.sns-relate-login .custom_select > ul li .wp-menu-image,
.sns-relate-list .custom_select > ul li .wp-menu-image,
.sns-relate-editor .custom_select > ul li .wp-menu-image,
.sns-relate-import .custom_select > ul li .wp-menu-image {
  margin-right: 0.2em;
}
.sns-relate-login .custom_select > ul li .wp-menu-image::before,
.sns-relate-list .custom_select > ul li .wp-menu-image::before,
.sns-relate-editor .custom_select > ul li .wp-menu-image::before,
.sns-relate-import .custom_select > ul li .wp-menu-image::before {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}
.sns-relate-login .custom_select > ul li.catg_item::before, .sns-relate-login .custom_select > ul li.term_item::before, .sns-relate-login .custom_select > ul li.tag_item::before,
.sns-relate-list .custom_select > ul li.catg_item::before,
.sns-relate-list .custom_select > ul li.term_item::before,
.sns-relate-list .custom_select > ul li.tag_item::before,
.sns-relate-editor .custom_select > ul li.catg_item::before,
.sns-relate-editor .custom_select > ul li.term_item::before,
.sns-relate-editor .custom_select > ul li.tag_item::before,
.sns-relate-import .custom_select > ul li.catg_item::before,
.sns-relate-import .custom_select > ul li.term_item::before,
.sns-relate-import .custom_select > ul li.tag_item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
  width: 1em;
  height: 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > ul li.catg_item::before, .sns-relate-login .custom_select > ul li.term_item::before, .sns-relate-login .custom_select > ul li.tag_item::before,
.sns-relate-list .custom_select > ul li.catg_item::before,
.sns-relate-list .custom_select > ul li.term_item::before,
.sns-relate-list .custom_select > ul li.tag_item::before,
.sns-relate-editor .custom_select > ul li.catg_item::before,
.sns-relate-editor .custom_select > ul li.term_item::before,
.sns-relate-editor .custom_select > ul li.tag_item::before,
.sns-relate-import .custom_select > ul li.catg_item::before,
.sns-relate-import .custom_select > ul li.term_item::before,
.sns-relate-import .custom_select > ul li.tag_item::before {
    width: 0.9em;
    height: 0.9em;
  }
}
.sns-relate-login .custom_select > ul li.catg_item::before,
.sns-relate-list .custom_select > ul li.catg_item::before,
.sns-relate-editor .custom_select > ul li.catg_item::before,
.sns-relate-import .custom_select > ul li.catg_item::before {
  background: transparent url("../img/category.png") no-repeat center center/cover;
}
.sns-relate-login .custom_select > ul li.term_item::before,
.sns-relate-list .custom_select > ul li.term_item::before,
.sns-relate-editor .custom_select > ul li.term_item::before,
.sns-relate-import .custom_select > ul li.term_item::before {
  background: transparent url("../img/taxsonomy.png") no-repeat center center/cover;
}
.sns-relate-login .custom_select > ul li.tag_item::before,
.sns-relate-list .custom_select > ul li.tag_item::before,
.sns-relate-editor .custom_select > ul li.tag_item::before,
.sns-relate-import .custom_select > ul li.tag_item::before {
  background: transparent url("../img/tag.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select > ul li,
.sns-relate-list .custom_select > ul li,
.sns-relate-editor .custom_select > ul li,
.sns-relate-import .custom_select > ul li {
    font-size: 1.6em;
  }
}
.sns-relate-login .custom_select > ul li:first-child,
.sns-relate-list .custom_select > ul li:first-child,
.sns-relate-editor .custom_select > ul li:first-child,
.sns-relate-import .custom_select > ul li:first-child {
  border-radius: 8px 8px 0 0;
}
.sns-relate-login .custom_select > ul li:first-child:last-child,
.sns-relate-list .custom_select > ul li:first-child:last-child,
.sns-relate-editor .custom_select > ul li:first-child:last-child,
.sns-relate-import .custom_select > ul li:first-child:last-child {
  border-radius: 8px;
}
.sns-relate-login .custom_select > ul li:last-child,
.sns-relate-list .custom_select > ul li:last-child,
.sns-relate-editor .custom_select > ul li:last-child,
.sns-relate-import .custom_select > ul li:last-child {
  border-radius: 0 0 8px 8px;
}
.sns-relate-login .custom_select > ul li:last-child:first-child,
.sns-relate-list .custom_select > ul li:last-child:first-child,
.sns-relate-editor .custom_select > ul li:last-child:first-child,
.sns-relate-import .custom_select > ul li:last-child:first-child {
  border-radius: 8px;
}
.sns-relate-login .custom_select > ul li:hover,
.sns-relate-list .custom_select > ul li:hover,
.sns-relate-editor .custom_select > ul li:hover,
.sns-relate-import .custom_select > ul li:hover {
  background: #4D18FF;
  color: #fff;
}
.sns-relate-login .custom_select > ul li:after,
.sns-relate-list .custom_select > ul li:after,
.sns-relate-editor .custom_select > ul li:after,
.sns-relate-import .custom_select > ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%, -50%);
  transform-origin: 50% 50%;
}
.sns-relate-login .custom_select > ul li.beforeRemove,
.sns-relate-list .custom_select > ul li.beforeRemove,
.sns-relate-editor .custom_select > ul li.beforeRemove,
.sns-relate-import .custom_select > ul li.beforeRemove {
  border-radius: 0 0 8px 8px;
}
.sns-relate-login .custom_select > ul li.beforeRemove:first-child,
.sns-relate-list .custom_select > ul li.beforeRemove:first-child,
.sns-relate-editor .custom_select > ul li.beforeRemove:first-child,
.sns-relate-import .custom_select > ul li.beforeRemove:first-child {
  border-radius: 8px;
}
.sns-relate-login .custom_select > ul li.afterRemove,
.sns-relate-list .custom_select > ul li.afterRemove,
.sns-relate-editor .custom_select > ul li.afterRemove,
.sns-relate-import .custom_select > ul li.afterRemove {
  border-radius: 8px 8px 0 0;
}
.sns-relate-login .custom_select > ul li.afterRemove:last-child,
.sns-relate-list .custom_select > ul li.afterRemove:last-child,
.sns-relate-editor .custom_select > ul li.afterRemove:last-child,
.sns-relate-import .custom_select > ul li.afterRemove:last-child {
  border-radius: 8px;
}
.sns-relate-login .custom_select > ul li.remove,
.sns-relate-list .custom_select > ul li.remove,
.sns-relate-editor .custom_select > ul li.remove,
.sns-relate-import .custom_select > ul li.remove {
  transform: scale(0);
  opacity: 0;
}
.sns-relate-login .custom_select > ul li.remove:after,
.sns-relate-list .custom_select > ul li.remove:after,
.sns-relate-editor .custom_select > ul li.remove:after,
.sns-relate-import .custom_select > ul li.remove:after {
  -webkit-animation: ripple 0.4s ease-out;
          animation: ripple 0.4s ease-out;
}
.sns-relate-login .custom_select > ul li.notShown,
.sns-relate-list .custom_select > ul li.notShown,
.sns-relate-editor .custom_select > ul li.notShown,
.sns-relate-import .custom_select > ul li.notShown {
  display: none;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.4s ease;
}
.sns-relate-login .custom_select > ul li.notShown.show,
.sns-relate-list .custom_select > ul li.notShown.show,
.sns-relate-editor .custom_select > ul li.notShown.show,
.sns-relate-import .custom_select > ul li.notShown.show {
  transform: scale(1);
  opacity: 1;
}
.sns-relate-login .custom_select.open > div,
.sns-relate-list .custom_select.open > div,
.sns-relate-editor .custom_select.open > div,
.sns-relate-import .custom_select.open > div {
  box-shadow: 0 4px 20px -1px rgba(22, 42, 90, 0.12);
}
.sns-relate-login .custom_select.open > div .arrow:after,
.sns-relate-list .custom_select.open > div .arrow:after,
.sns-relate-editor .custom_select.open > div .arrow:after,
.sns-relate-import .custom_select.open > div .arrow:after {
  top: 40%;
  transform: rotate(135deg);
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select.open > div .arrow:after,
.sns-relate-list .custom_select.open > div .arrow:after,
.sns-relate-editor .custom_select.open > div .arrow:after,
.sns-relate-import .custom_select.open > div .arrow:after {
    top: 43%;
  }
}
.sns-relate-login .custom_select.open > ul,
.sns-relate-list .custom_select.open > ul,
.sns-relate-editor .custom_select.open > ul,
.sns-relate-import .custom_select.open > ul {
  transform: translate(0, 12px) scale(1);
  opacity: 1;
  visibility: visible;
  max-height: 30vh;
  overflow: hidden visible;
  filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
}
.sns-relate-login .custom_select.selectMultiple,
.sns-relate-list .custom_select.selectMultiple,
.sns-relate-editor .custom_select.selectMultiple,
.sns-relate-import .custom_select.selectMultiple {
  width: 50em;
}
@media (max-width: 767px) {
  .sns-relate-login .custom_select.selectMultiple,
.sns-relate-list .custom_select.selectMultiple,
.sns-relate-editor .custom_select.selectMultiple,
.sns-relate-import .custom_select.selectMultiple {
    margin: 0 auto;
    width: 90%;
  }
}
.sns-relate-login .custom_select.selectMultiple > div,
.sns-relate-list .custom_select.selectMultiple > div,
.sns-relate-editor .custom_select.selectMultiple > div,
.sns-relate-import .custom_select.selectMultiple > div {
  padding: 0.8em 3em 0.8em 1.2em;
}
.sns-relate-login .custom_select.selectSingle,
.sns-relate-list .custom_select.selectSingle,
.sns-relate-editor .custom_select.selectSingle,
.sns-relate-import .custom_select.selectSingle {
  width: 35em;
  margin: 0 auto;
}
.sns-relate-login .custom_select.selectSingle > div a:hover,
.sns-relate-list .custom_select.selectSingle > div a:hover,
.sns-relate-editor .custom_select.selectSingle > div a:hover,
.sns-relate-import .custom_select.selectSingle > div a:hover {
  cursor: auto;
}
.sns-relate-login .custom_select.selectSingle > div a i,
.sns-relate-list .custom_select.selectSingle > div a i,
.sns-relate-editor .custom_select.selectSingle > div a i,
.sns-relate-import .custom_select.selectSingle > div a i {
  display: none;
}
.sns-relate-login .select_wapper,
.sns-relate-list .select_wapper,
.sns-relate-editor .select_wapper,
.sns-relate-import .select_wapper {
  display: flex;
  align-items: center;
  position: relative;
}
.sns-relate-login .select_wapper .option_title,
.sns-relate-list .select_wapper .option_title,
.sns-relate-editor .select_wapper .option_title,
.sns-relate-import .select_wapper .option_title {
  position: absolute;
  font-size: 2em;
  padding: 0.25em 1em;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0.5em;
  top: -1.5em;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border-radius: 5px;
  z-index: 10;
}
@media (max-width: 767px) {
  .sns-relate-login .select_wapper .option_title,
.sns-relate-list .select_wapper .option_title,
.sns-relate-editor .select_wapper .option_title,
.sns-relate-import .select_wapper .option_title {
    font-size: 1.4em;
    padding: 0.36em;
    left: 0.36em;
    top: -1.78em;
  }
}
.sns-relate-login .select_wapper .custom_select,
.sns-relate-list .select_wapper .custom_select,
.sns-relate-editor .select_wapper .custom_select,
.sns-relate-import .select_wapper .custom_select {
  width: 60%;
}
@media (max-width: 767px) {
  .sns-relate-login .select_wapper .custom_select,
.sns-relate-list .select_wapper .custom_select,
.sns-relate-editor .select_wapper .custom_select,
.sns-relate-import .select_wapper .custom_select {
    width: 100%;
  }
}
.sns-relate-login .select_wapper .custom_select > div,
.sns-relate-list .select_wapper .custom_select > div,
.sns-relate-editor .select_wapper .custom_select > div,
.sns-relate-import .select_wapper .custom_select > div {
  padding-top: 1.5em;
}
@media (max-width: 767px) {
  .sns-relate-login .select_wapper .custom_select > div,
.sns-relate-list .select_wapper .custom_select > div,
.sns-relate-editor .select_wapper .custom_select > div,
.sns-relate-import .select_wapper .custom_select > div {
    padding-top: 1em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .select_wapper .custom_select > div span,
.sns-relate-list .select_wapper .custom_select > div span,
.sns-relate-editor .select_wapper .custom_select > div span,
.sns-relate-import .select_wapper .custom_select > div span {
    font-size: 1em;
  }
}
.sns-relate-login .select_wapper .info_btn,
.sns-relate-list .select_wapper .info_btn,
.sns-relate-editor .select_wapper .info_btn,
.sns-relate-import .select_wapper .info_btn {
  position: relative;
  margin-left: 3em;
  width: 3em;
  height: 3em;
}
.sns-relate-login .select_wapper .info_btn:hover,
.sns-relate-list .select_wapper .info_btn:hover,
.sns-relate-editor .select_wapper .info_btn:hover,
.sns-relate-import .select_wapper .info_btn:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .sns-relate-login .select_wapper .info_btn,
.sns-relate-list .select_wapper .info_btn,
.sns-relate-editor .select_wapper .info_btn,
.sns-relate-import .select_wapper .info_btn {
    margin-left: 1em;
    width: 2em;
    height: 2em;
  }
}
.sns-relate-login .select_wapper .info_btn img,
.sns-relate-list .select_wapper .info_btn img,
.sns-relate-editor .select_wapper .info_btn img,
.sns-relate-import .select_wapper .info_btn img {
  width: 100%;
  height: 100%;
}
.sns-relate-login .radio_select,
.sns-relate-list .radio_select,
.sns-relate-editor .radio_select,
.sns-relate-import .radio_select {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .radio_select,
.sns-relate-list .radio_select,
.sns-relate-editor .radio_select,
.sns-relate-import .radio_select {
    right: 0.5em;
    bottom: 0.5em;
  }
}
.sns-relate-login .radio_select .radio_list,
.sns-relate-list .radio_select .radio_list,
.sns-relate-editor .radio_select .radio_list,
.sns-relate-import .radio_select .radio_list {
  display: flex;
  -moz-column-gap: 1.5em;
       column-gap: 1.5em;
  padding: 0.8em 2em;
  background-color: rgb(219, 215, 215);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .sns-relate-login .radio_select .radio_list,
.sns-relate-list .radio_select .radio_list,
.sns-relate-editor .radio_select .radio_list,
.sns-relate-import .radio_select .radio_list {
    padding: 0.5em 1.5em;
    -moz-column-gap: 4em;
         column-gap: 4em;
  }
}
.sns-relate-login .radio_select .radio_list .radio_btn,
.sns-relate-list .radio_select .radio_list .radio_btn,
.sns-relate-editor .radio_select .radio_list .radio_btn,
.sns-relate-import .radio_select .radio_list .radio_btn {
  width: 2.8em;
  height: 2.8em;
  position: relative;
  transition: all 0.3s ease 0s;
  z-index: 5;
}
@media (max-width: 767px) {
  .sns-relate-login .radio_select .radio_list .radio_btn,
.sns-relate-list .radio_select .radio_list .radio_btn,
.sns-relate-editor .radio_select .radio_list .radio_btn,
.sns-relate-import .radio_select .radio_list .radio_btn {
    width: 3em;
    height: 3em;
  }
}
.sns-relate-login .radio_select .radio_list .radio_btn:hover,
.sns-relate-list .radio_select .radio_list .radio_btn:hover,
.sns-relate-editor .radio_select .radio_list .radio_btn:hover,
.sns-relate-import .radio_select .radio_list .radio_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}
.sns-relate-login .radio_btn.select .img_wrapper::before, .sns-relate-login .radio_btn.select .img_wrapper::after,
.sns-relate-login .tw_icon.select .img_wrapper::before,
.sns-relate-login .tw_icon.select .img_wrapper::after,
.sns-relate-list .radio_btn.select .img_wrapper::before,
.sns-relate-list .radio_btn.select .img_wrapper::after,
.sns-relate-list .tw_icon.select .img_wrapper::before,
.sns-relate-list .tw_icon.select .img_wrapper::after,
.sns-relate-editor .radio_btn.select .img_wrapper::before,
.sns-relate-editor .radio_btn.select .img_wrapper::after,
.sns-relate-editor .tw_icon.select .img_wrapper::before,
.sns-relate-editor .tw_icon.select .img_wrapper::after,
.sns-relate-import .radio_btn.select .img_wrapper::before,
.sns-relate-import .radio_btn.select .img_wrapper::after,
.sns-relate-import .tw_icon.select .img_wrapper::before,
.sns-relate-import .tw_icon.select .img_wrapper::after {
  opacity: 0;
}
.sns-relate-login .radio_btn .img_wrapper::before, .sns-relate-login .radio_btn .img_wrapper::after,
.sns-relate-login .tw_icon .img_wrapper::before,
.sns-relate-login .tw_icon .img_wrapper::after,
.sns-relate-list .radio_btn .img_wrapper::before,
.sns-relate-list .radio_btn .img_wrapper::after,
.sns-relate-list .tw_icon .img_wrapper::before,
.sns-relate-list .tw_icon .img_wrapper::after,
.sns-relate-editor .radio_btn .img_wrapper::before,
.sns-relate-editor .radio_btn .img_wrapper::after,
.sns-relate-editor .tw_icon .img_wrapper::before,
.sns-relate-editor .tw_icon .img_wrapper::after,
.sns-relate-import .radio_btn .img_wrapper::before,
.sns-relate-import .radio_btn .img_wrapper::after,
.sns-relate-import .tw_icon .img_wrapper::before,
.sns-relate-import .tw_icon .img_wrapper::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  width: 110%;
  height: 2px;
  background-color: red;
  z-index: 5;
}
.sns-relate-login .radio_btn .img_wrapper::before,
.sns-relate-login .tw_icon .img_wrapper::before,
.sns-relate-list .radio_btn .img_wrapper::before,
.sns-relate-list .tw_icon .img_wrapper::before,
.sns-relate-editor .radio_btn .img_wrapper::before,
.sns-relate-editor .tw_icon .img_wrapper::before,
.sns-relate-import .radio_btn .img_wrapper::before,
.sns-relate-import .tw_icon .img_wrapper::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.sns-relate-login .radio_btn .img_wrapper::after,
.sns-relate-login .tw_icon .img_wrapper::after,
.sns-relate-list .radio_btn .img_wrapper::after,
.sns-relate-list .tw_icon .img_wrapper::after,
.sns-relate-editor .radio_btn .img_wrapper::after,
.sns-relate-editor .tw_icon .img_wrapper::after,
.sns-relate-import .radio_btn .img_wrapper::after,
.sns-relate-import .tw_icon .img_wrapper::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.sns-relate-login .radio_btn img,
.sns-relate-login .tw_icon img,
.sns-relate-list .radio_btn img,
.sns-relate-list .tw_icon img,
.sns-relate-editor .radio_btn img,
.sns-relate-editor .tw_icon img,
.sns-relate-import .radio_btn img,
.sns-relate-import .tw_icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sns-relate-login .radio_btn .bullet,
.sns-relate-login .tw_icon .bullet,
.sns-relate-list .radio_btn .bullet,
.sns-relate-list .tw_icon .bullet,
.sns-relate-editor .radio_btn .bullet,
.sns-relate-editor .tw_icon .bullet,
.sns-relate-import .radio_btn .bullet,
.sns-relate-import .tw_icon .bullet {
  position: relative;
  width: 4.2em;
  height: 4.2em;
  left: -6px;
  top: -5px;
  border: 3px solid #fff;
  opacity: 0;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 767px) {
  .sns-relate-login .radio_btn .bullet,
.sns-relate-login .tw_icon .bullet,
.sns-relate-list .radio_btn .bullet,
.sns-relate-list .tw_icon .bullet,
.sns-relate-editor .radio_btn .bullet,
.sns-relate-editor .tw_icon .bullet,
.sns-relate-import .radio_btn .bullet,
.sns-relate-import .tw_icon .bullet {
    width: 4.2em;
    height: 4.2em;
  }
}
.sns-relate-login .radio_btn .bullet .line,
.sns-relate-login .tw_icon .bullet .line,
.sns-relate-list .radio_btn .bullet .line,
.sns-relate-list .tw_icon .bullet .line,
.sns-relate-editor .radio_btn .bullet .line,
.sns-relate-editor .tw_icon .bullet .line,
.sns-relate-import .radio_btn .bullet .line,
.sns-relate-import .tw_icon .bullet .line {
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  opacity: 0;
}
.sns-relate-login .radio_btn .bullet .line.zero,
.sns-relate-login .tw_icon .bullet .line.zero,
.sns-relate-list .radio_btn .bullet .line.zero,
.sns-relate-list .tw_icon .bullet .line.zero,
.sns-relate-editor .radio_btn .bullet .line.zero,
.sns-relate-editor .tw_icon .bullet .line.zero,
.sns-relate-import .radio_btn .bullet .line.zero,
.sns-relate-import .tw_icon .bullet .line.zero {
  left: 11px;
  top: -21px;
  transform: translateY(20px);
  width: 2px;
  height: 10px;
}
.sns-relate-login .radio_btn .bullet .line.one,
.sns-relate-login .tw_icon .bullet .line.one,
.sns-relate-list .radio_btn .bullet .line.one,
.sns-relate-list .tw_icon .bullet .line.one,
.sns-relate-editor .radio_btn .bullet .line.one,
.sns-relate-editor .tw_icon .bullet .line.one,
.sns-relate-import .radio_btn .bullet .line.one,
.sns-relate-import .tw_icon .bullet .line.one {
  right: -7px;
  top: -11px;
  transform: rotate(-55deg) translate(-9px);
}
.sns-relate-login .radio_btn .bullet .line.two,
.sns-relate-login .tw_icon .bullet .line.two,
.sns-relate-list .radio_btn .bullet .line.two,
.sns-relate-list .tw_icon .bullet .line.two,
.sns-relate-editor .radio_btn .bullet .line.two,
.sns-relate-editor .tw_icon .bullet .line.two,
.sns-relate-import .radio_btn .bullet .line.two,
.sns-relate-import .tw_icon .bullet .line.two {
  right: -20px;
  top: 11px;
  transform: translate(-9px);
}
.sns-relate-login .radio_btn .bullet .line.three,
.sns-relate-login .tw_icon .bullet .line.three,
.sns-relate-list .radio_btn .bullet .line.three,
.sns-relate-list .tw_icon .bullet .line.three,
.sns-relate-editor .radio_btn .bullet .line.three,
.sns-relate-editor .tw_icon .bullet .line.three,
.sns-relate-import .radio_btn .bullet .line.three,
.sns-relate-import .tw_icon .bullet .line.three {
  right: -8px;
  top: 35px;
  transform: rotate(55deg) translate(-9px);
}
.sns-relate-login .radio_btn .bullet .line.four,
.sns-relate-login .tw_icon .bullet .line.four,
.sns-relate-list .radio_btn .bullet .line.four,
.sns-relate-list .tw_icon .bullet .line.four,
.sns-relate-editor .radio_btn .bullet .line.four,
.sns-relate-editor .tw_icon .bullet .line.four,
.sns-relate-import .radio_btn .bullet .line.four,
.sns-relate-import .tw_icon .bullet .line.four {
  left: -8px;
  top: -11px;
  transform: rotate(55deg) translate(9px);
}
.sns-relate-login .radio_btn .bullet .line.five,
.sns-relate-login .tw_icon .bullet .line.five,
.sns-relate-list .radio_btn .bullet .line.five,
.sns-relate-list .tw_icon .bullet .line.five,
.sns-relate-editor .radio_btn .bullet .line.five,
.sns-relate-editor .tw_icon .bullet .line.five,
.sns-relate-import .radio_btn .bullet .line.five,
.sns-relate-import .tw_icon .bullet .line.five {
  left: -20px;
  top: 11px;
  transform: translate(9px);
}
.sns-relate-login .radio_btn .bullet .line.six,
.sns-relate-login .tw_icon .bullet .line.six,
.sns-relate-list .radio_btn .bullet .line.six,
.sns-relate-list .tw_icon .bullet .line.six,
.sns-relate-editor .radio_btn .bullet .line.six,
.sns-relate-editor .tw_icon .bullet .line.six,
.sns-relate-import .radio_btn .bullet .line.six,
.sns-relate-import .tw_icon .bullet .line.six {
  left: -8px;
  top: 35px;
  transform: rotate(-55deg) translate(9px);
}
.sns-relate-login .radio_btn .bullet .line.seven,
.sns-relate-login .tw_icon .bullet .line.seven,
.sns-relate-list .radio_btn .bullet .line.seven,
.sns-relate-list .tw_icon .bullet .line.seven,
.sns-relate-editor .radio_btn .bullet .line.seven,
.sns-relate-editor .tw_icon .bullet .line.seven,
.sns-relate-import .radio_btn .bullet .line.seven,
.sns-relate-import .tw_icon .bullet .line.seven {
  left: 11px;
  bottom: -21px;
  transform: translateY(-20px);
  width: 2px;
  height: 10px;
}
.sns-relate-login .radio_btn.select .bullet,
.sns-relate-login .tw_icon.select .bullet,
.sns-relate-list .radio_btn.select .bullet,
.sns-relate-list .tw_icon.select .bullet,
.sns-relate-editor .radio_btn.select .bullet,
.sns-relate-editor .tw_icon.select .bullet,
.sns-relate-import .radio_btn.select .bullet,
.sns-relate-import .tw_icon.select .bullet {
  position: absolute;
  opacity: 1;
  -webkit-animation-name: explode;
          animation-name: explode;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
}
.sns-relate-login .radio_btn.select .bullet .line.zero,
.sns-relate-login .tw_icon.select .bullet .line.zero,
.sns-relate-list .radio_btn.select .bullet .line.zero,
.sns-relate-list .tw_icon.select .bullet .line.zero,
.sns-relate-editor .radio_btn.select .bullet .line.zero,
.sns-relate-editor .tw_icon.select .bullet .line.zero,
.sns-relate-import .radio_btn.select .bullet .line.zero,
.sns-relate-import .tw_icon.select .bullet .line.zero {
  -webkit-animation-name: drop-zero;
          animation-name: drop-zero;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.one,
.sns-relate-login .tw_icon.select .bullet .line.one,
.sns-relate-list .radio_btn.select .bullet .line.one,
.sns-relate-list .tw_icon.select .bullet .line.one,
.sns-relate-editor .radio_btn.select .bullet .line.one,
.sns-relate-editor .tw_icon.select .bullet .line.one,
.sns-relate-import .radio_btn.select .bullet .line.one,
.sns-relate-import .tw_icon.select .bullet .line.one {
  -webkit-animation-name: drop-one;
          animation-name: drop-one;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.two,
.sns-relate-login .tw_icon.select .bullet .line.two,
.sns-relate-list .radio_btn.select .bullet .line.two,
.sns-relate-list .tw_icon.select .bullet .line.two,
.sns-relate-editor .radio_btn.select .bullet .line.two,
.sns-relate-editor .tw_icon.select .bullet .line.two,
.sns-relate-import .radio_btn.select .bullet .line.two,
.sns-relate-import .tw_icon.select .bullet .line.two {
  -webkit-animation-name: drop-two;
          animation-name: drop-two;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.three,
.sns-relate-login .tw_icon.select .bullet .line.three,
.sns-relate-list .radio_btn.select .bullet .line.three,
.sns-relate-list .tw_icon.select .bullet .line.three,
.sns-relate-editor .radio_btn.select .bullet .line.three,
.sns-relate-editor .tw_icon.select .bullet .line.three,
.sns-relate-import .radio_btn.select .bullet .line.three,
.sns-relate-import .tw_icon.select .bullet .line.three {
  -webkit-animation-name: drop-three;
          animation-name: drop-three;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.four,
.sns-relate-login .tw_icon.select .bullet .line.four,
.sns-relate-list .radio_btn.select .bullet .line.four,
.sns-relate-list .tw_icon.select .bullet .line.four,
.sns-relate-editor .radio_btn.select .bullet .line.four,
.sns-relate-editor .tw_icon.select .bullet .line.four,
.sns-relate-import .radio_btn.select .bullet .line.four,
.sns-relate-import .tw_icon.select .bullet .line.four {
  -webkit-animation-name: drop-four;
          animation-name: drop-four;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.five,
.sns-relate-login .tw_icon.select .bullet .line.five,
.sns-relate-list .radio_btn.select .bullet .line.five,
.sns-relate-list .tw_icon.select .bullet .line.five,
.sns-relate-editor .radio_btn.select .bullet .line.five,
.sns-relate-editor .tw_icon.select .bullet .line.five,
.sns-relate-import .radio_btn.select .bullet .line.five,
.sns-relate-import .tw_icon.select .bullet .line.five {
  -webkit-animation-name: drop-five;
          animation-name: drop-five;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.six,
.sns-relate-login .tw_icon.select .bullet .line.six,
.sns-relate-list .radio_btn.select .bullet .line.six,
.sns-relate-list .tw_icon.select .bullet .line.six,
.sns-relate-editor .radio_btn.select .bullet .line.six,
.sns-relate-editor .tw_icon.select .bullet .line.six,
.sns-relate-import .radio_btn.select .bullet .line.six,
.sns-relate-import .tw_icon.select .bullet .line.six {
  -webkit-animation-name: drop-six;
          animation-name: drop-six;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .radio_btn.select .bullet .line.seven,
.sns-relate-login .tw_icon.select .bullet .line.seven,
.sns-relate-list .radio_btn.select .bullet .line.seven,
.sns-relate-list .tw_icon.select .bullet .line.seven,
.sns-relate-editor .radio_btn.select .bullet .line.seven,
.sns-relate-editor .tw_icon.select .bullet .line.seven,
.sns-relate-import .radio_btn.select .bullet .line.seven,
.sns-relate-import .tw_icon.select .bullet .line.seven {
  -webkit-animation-name: drop-seven;
          animation-name: drop-seven;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sns-relate-login .text_input_area .input_box,
.sns-relate-list .text_input_area .input_box,
.sns-relate-editor .text_input_area .input_box,
.sns-relate-import .text_input_area .input_box {
  width: 80%;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  transition: box-shadow 0.3s ease;
  border-radius: 15px;
}
.sns-relate-login .text_input_area .input_box.title,
.sns-relate-list .text_input_area .input_box.title,
.sns-relate-editor .text_input_area .input_box.title,
.sns-relate-import .text_input_area .input_box.title {
  margin-bottom: 1.5em;
}
.sns-relate-login .text_input_area .input_box.title strong,
.sns-relate-list .text_input_area .input_box.title strong,
.sns-relate-editor .text_input_area .input_box.title strong,
.sns-relate-import .text_input_area .input_box.title strong {
  color: red;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.title,
.sns-relate-list .text_input_area .input_box.title,
.sns-relate-editor .text_input_area .input_box.title,
.sns-relate-import .text_input_area .input_box.title {
    margin-bottom: 2em;
    margin-top: 8rem;
  }
}
.sns-relate-login .text_input_area .input_box.date_picker,
.sns-relate-list .text_input_area .input_box.date_picker,
.sns-relate-editor .text_input_area .input_box.date_picker,
.sns-relate-import .text_input_area .input_box.date_picker {
  position: absolute;
  width: 22em;
  right: 15em;
  top: 5.5em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.date_picker label,
.sns-relate-list .text_input_area .input_box.date_picker label,
.sns-relate-editor .text_input_area .input_box.date_picker label,
.sns-relate-import .text_input_area .input_box.date_picker label {
    font-size: 1.4em;
  }
  .sns-relate-login .text_input_area .input_box.date_picker label.active,
.sns-relate-list .text_input_area .input_box.date_picker label.active,
.sns-relate-editor .text_input_area .input_box.date_picker label.active,
.sns-relate-import .text_input_area .input_box.date_picker label.active {
    font-size: 1em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.date_picker label input,
.sns-relate-list .text_input_area .input_box.date_picker label input,
.sns-relate-editor .text_input_area .input_box.date_picker label input,
.sns-relate-import .text_input_area .input_box.date_picker label input {
    font-size: 1.2em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.date_picker,
.sns-relate-list .text_input_area .input_box.date_picker,
.sns-relate-editor .text_input_area .input_box.date_picker,
.sns-relate-import .text_input_area .input_box.date_picker {
    width: 15em;
    font-size: 1.4em;
    right: 2em;
  }
}
.sns-relate-login .text_input_area .input_box.date_picker input,
.sns-relate-list .text_input_area .input_box.date_picker input,
.sns-relate-editor .text_input_area .input_box.date_picker input,
.sns-relate-import .text_input_area .input_box.date_picker input {
  padding: 1em 0.5em 0.5em 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.date_picker input,
.sns-relate-list .text_input_area .input_box.date_picker input,
.sns-relate-editor .text_input_area .input_box.date_picker input,
.sns-relate-import .text_input_area .input_box.date_picker input {
    font-size: 1.4em;
    padding: 0.7em 0.5em 0.5em 0.8em;
  }
}
.sns-relate-login .text_input_area .input_box.url_box,
.sns-relate-list .text_input_area .input_box.url_box,
.sns-relate-editor .text_input_area .input_box.url_box,
.sns-relate-import .text_input_area .input_box.url_box {
  display: flex;
  align-items: center;
  background-color: transparent;
  margin-top: 3em;
  margin-bottom: 3em;
  padding-bottom: 7em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.url_box,
.sns-relate-list .text_input_area .input_box.url_box,
.sns-relate-editor .text_input_area .input_box.url_box,
.sns-relate-import .text_input_area .input_box.url_box {
    display: block;
  }
}
.sns-relate-login .text_input_area .input_box.url_box .home_url,
.sns-relate-list .text_input_area .input_box.url_box .home_url,
.sns-relate-editor .text_input_area .input_box.url_box .home_url,
.sns-relate-import .text_input_area .input_box.url_box .home_url {
  padding: 0.62em 0.62em 0 1.5em;
  font-size: 1.6em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.url_box .home_url,
.sns-relate-list .text_input_area .input_box.url_box .home_url,
.sns-relate-editor .text_input_area .input_box.url_box .home_url,
.sns-relate-import .text_input_area .input_box.url_box .home_url {
    padding-left: 0.62em;
    padding-bottom: 0.62em;
  }
}
.sns-relate-login .text_input_area .input_box.url_box input,
.sns-relate-list .text_input_area .input_box.url_box input,
.sns-relate-editor .text_input_area .input_box.url_box input,
.sns-relate-import .text_input_area .input_box.url_box input {
  padding: 1em 3.5em 1em 1em;
}
.sns-relate-login .text_input_area .input_box.url_box .url_check,
.sns-relate-list .text_input_area .input_box.url_box .url_check,
.sns-relate-editor .text_input_area .input_box.url_box .url_check,
.sns-relate-import .text_input_area .input_box.url_box .url_check {
  position: absolute;
  bottom: 0;
  right: 3em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.url_box .url_check,
.sns-relate-list .text_input_area .input_box.url_box .url_check,
.sns-relate-editor .text_input_area .input_box.url_box .url_check,
.sns-relate-import .text_input_area .input_box.url_box .url_check {
    right: 1em;
  }
}
.sns-relate-login .text_input_area .input_box.url_box .url_check label,
.sns-relate-list .text_input_area .input_box.url_box .url_check label,
.sns-relate-editor .text_input_area .input_box.url_box .url_check label,
.sns-relate-import .text_input_area .input_box.url_box .url_check label {
  background-color: transparent;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box.url_box .url_check label,
.sns-relate-list .text_input_area .input_box.url_box .url_check label,
.sns-relate-editor .text_input_area .input_box.url_box .url_check label,
.sns-relate-import .text_input_area .input_box.url_box .url_check label {
    font-size: 1.2em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box,
.sns-relate-list .text_input_area .input_box,
.sns-relate-editor .text_input_area .input_box,
.sns-relate-import .text_input_area .input_box {
    width: 100%;
  }
}
.sns-relate-login .text_input_area .input_box .info_btn,
.sns-relate-list .text_input_area .input_box .info_btn,
.sns-relate-editor .text_input_area .input_box .info_btn,
.sns-relate-import .text_input_area .input_box .info_btn {
  position: absolute;
  top: calc(50% - 1.2em);
  right: 1.8em;
  width: 2.5em;
  height: 2.5em;
  transition: all 0.3s ease 0s;
}
.sns-relate-login .text_input_area .input_box .info_btn.url_input,
.sns-relate-list .text_input_area .input_box .info_btn.url_input,
.sns-relate-editor .text_input_area .input_box .info_btn.url_input,
.sns-relate-import .text_input_area .input_box .info_btn.url_input {
  top: calc(50% - 4.5em);
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box .info_btn.url_input,
.sns-relate-list .text_input_area .input_box .info_btn.url_input,
.sns-relate-editor .text_input_area .input_box .info_btn.url_input,
.sns-relate-import .text_input_area .input_box .info_btn.url_input {
    top: calc(50% - 2.5em);
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .input_box .info_btn,
.sns-relate-list .text_input_area .input_box .info_btn,
.sns-relate-editor .text_input_area .input_box .info_btn,
.sns-relate-import .text_input_area .input_box .info_btn {
    width: 2em;
    height: 2em;
  }
}
.sns-relate-login .text_input_area .input_box .info_btn:hover,
.sns-relate-list .text_input_area .input_box .info_btn:hover,
.sns-relate-editor .text_input_area .input_box .info_btn:hover,
.sns-relate-import .text_input_area .input_box .info_btn:hover {
  cursor: pointer;
}
.sns-relate-login .text_input_area .input_box .info_btn img,
.sns-relate-list .text_input_area .input_box .info_btn img,
.sns-relate-editor .text_input_area .input_box .info_btn img,
.sns-relate-import .text_input_area .input_box .info_btn img {
  width: 100%;
  height: 100%;
}
.sns-relate-login .text_input_area label,
.sns-relate-list .text_input_area label,
.sns-relate-editor .text_input_area label,
.sns-relate-import .text_input_area label {
  position: absolute;
  top: 0;
  font-size: 2em;
  margin: 10px;
  padding: 7px 10px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border-radius: 5px;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area label,
.sns-relate-list .text_input_area label,
.sns-relate-editor .text_input_area label,
.sns-relate-import .text_input_area label {
    font-size: 1.8em;
  }
}
.sns-relate-login .text_input_area label.active,
.sns-relate-list .text_input_area label.active,
.sns-relate-editor .text_input_area label.active,
.sns-relate-import .text_input_area label.active {
  top: -1.5em;
  font-size: 2em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area label.active,
.sns-relate-list .text_input_area label.active,
.sns-relate-editor .text_input_area label.active,
.sns-relate-import .text_input_area label.active {
    top: -2.8em;
    font-size: 1.4em;
  }
}
.sns-relate-login .text_input_area input[type=text],
.sns-relate-login .text_input_area textarea,
.sns-relate-list .text_input_area input[type=text],
.sns-relate-list .text_input_area textarea,
.sns-relate-editor .text_input_area input[type=text],
.sns-relate-editor .text_input_area textarea,
.sns-relate-import .text_input_area input[type=text],
.sns-relate-import .text_input_area textarea {
  width: 100%;
  padding: 1.25em 2.25em 1em 1em;
  font-size: 2em;
  background-color: #fff;
  color: #000;
  position: relative;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area input[type=text],
.sns-relate-login .text_input_area textarea,
.sns-relate-list .text_input_area input[type=text],
.sns-relate-list .text_input_area textarea,
.sns-relate-editor .text_input_area input[type=text],
.sns-relate-editor .text_input_area textarea,
.sns-relate-import .text_input_area input[type=text],
.sns-relate-import .text_input_area textarea {
    font-size: 1.6em;
    padding: 1.25em 2.5em 0.94em 0.625em;
  }
}
.sns-relate-login .text_input_area textarea,
.sns-relate-list .text_input_area textarea,
.sns-relate-editor .text_input_area textarea,
.sns-relate-import .text_input_area textarea {
  resize: none;
  height: auto;
  padding-bottom: 3em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area textarea,
.sns-relate-list .text_input_area textarea,
.sns-relate-editor .text_input_area textarea,
.sns-relate-import .text_input_area textarea {
    padding-bottom: 6em;
  }
}
.sns-relate-login .text_input_area textarea::-moz-selection, .sns-relate-list .text_input_area textarea::-moz-selection, .sns-relate-editor .text_input_area textarea::-moz-selection, .sns-relate-import .text_input_area textarea::-moz-selection {
  background-color: rgba(152, 203, 236, 0.541);
  color: #000;
}
.sns-relate-login .text_input_area textarea::selection,
.sns-relate-list .text_input_area textarea::selection,
.sns-relate-editor .text_input_area textarea::selection,
.sns-relate-import .text_input_area textarea::selection {
  background-color: rgba(152, 203, 236, 0.541);
  color: #000;
}
.sns-relate-login .text_input_area input[type=text]:focus,
.sns-relate-login .text_input_area textarea:focus,
.sns-relate-list .text_input_area input[type=text]:focus,
.sns-relate-list .text_input_area textarea:focus,
.sns-relate-editor .text_input_area input[type=text]:focus,
.sns-relate-editor .text_input_area textarea:focus,
.sns-relate-import .text_input_area input[type=text]:focus,
.sns-relate-import .text_input_area textarea:focus {
  outline: none;
}
.sns-relate-login .text_input_area #focus,
.sns-relate-list .text_input_area #focus,
.sns-relate-editor .text_input_area #focus,
.sns-relate-import .text_input_area #focus {
  box-shadow: 0px 0px 15px 3px rgb(166, 193, 241);
  position: absolute;
  transition: width 0.2s ease, height 0.2s ease, left 0.2s ease, top 0.2s ease, border-radius 0.2s ease;
  pointer-events: none;
  z-index: 5;
  border-radius: 10px;
  display: none;
}
.sns-relate-login .text_input_area .tw_check,
.sns-relate-login .text_input_area .url_check,
.sns-relate-list .text_input_area .tw_check,
.sns-relate-list .text_input_area .url_check,
.sns-relate-editor .text_input_area .tw_check,
.sns-relate-editor .text_input_area .url_check,
.sns-relate-import .text_input_area .tw_check,
.sns-relate-import .text_input_area .url_check {
  padding-bottom: 1em;
}
.sns-relate-login .text_input_area .tw_check label,
.sns-relate-login .text_input_area .url_check label,
.sns-relate-list .text_input_area .tw_check label,
.sns-relate-list .text_input_area .url_check label,
.sns-relate-editor .text_input_area .tw_check label,
.sns-relate-editor .text_input_area .url_check label,
.sns-relate-import .text_input_area .tw_check label,
.sns-relate-import .text_input_area .url_check label {
  position: static;
  white-space: nowrap;
  font-size: 1.8em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .tw_check label,
.sns-relate-login .text_input_area .url_check label,
.sns-relate-list .text_input_area .tw_check label,
.sns-relate-list .text_input_area .url_check label,
.sns-relate-editor .text_input_area .tw_check label,
.sns-relate-editor .text_input_area .url_check label,
.sns-relate-import .text_input_area .tw_check label,
.sns-relate-import .text_input_area .url_check label {
    font-size: 1.4em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .tw_check,
.sns-relate-list .text_input_area .tw_check,
.sns-relate-editor .text_input_area .tw_check,
.sns-relate-import .text_input_area .tw_check {
    bottom: 0;
    right: auto;
  }
}
.sns-relate-login .text_input_area .char_count,
.sns-relate-list .text_input_area .char_count,
.sns-relate-editor .text_input_area .char_count,
.sns-relate-import .text_input_area .char_count {
  position: absolute;
  bottom: 9em;
  left: 3em;
  display: flex;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .char_count,
.sns-relate-list .text_input_area .char_count,
.sns-relate-editor .text_input_area .char_count,
.sns-relate-import .text_input_area .char_count {
    left: auto;
    right: 1em;
    display: block;
  }
}
.sns-relate-login .text_input_area .char_count label,
.sns-relate-list .text_input_area .char_count label,
.sns-relate-editor .text_input_area .char_count label,
.sns-relate-import .text_input_area .char_count label {
  position: static;
  margin: 0;
  font-size: 1.8em;
  font-weight: 400;
  background-color: rgb(245, 241, 232);
  white-space: nowrap;
}
.sns-relate-login .text_input_area .char_count label:first-child,
.sns-relate-list .text_input_area .char_count label:first-child,
.sns-relate-editor .text_input_area .char_count label:first-child,
.sns-relate-import .text_input_area .char_count label:first-child {
  margin-right: 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area .char_count label,
.sns-relate-list .text_input_area .char_count label,
.sns-relate-editor .text_input_area .char_count label,
.sns-relate-import .text_input_area .char_count label {
    font-size: 1.4em;
  }
  .sns-relate-login .text_input_area .char_count label:first-child,
.sns-relate-list .text_input_area .char_count label:first-child,
.sns-relate-editor .text_input_area .char_count label:first-child,
.sns-relate-import .text_input_area .char_count label:first-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area #id_textArea,
.sns-relate-list .text_input_area #id_textArea,
.sns-relate-editor .text_input_area #id_textArea,
.sns-relate-import .text_input_area #id_textArea {
    margin-top: 8em;
    min-height: 4em;
  }
}
@media (max-width: 767px) {
  .sns-relate-login .text_input_area #id_comment,
.sns-relate-list .text_input_area #id_comment,
.sns-relate-editor .text_input_area #id_comment,
.sns-relate-import .text_input_area #id_comment {
    min-height: 15em;
  }
}
.sns-relate-login .cansel_check,
.sns-relate-login .save_check,
.sns-relate-login .del_check,
.sns-relate-login .tw_check,
.sns-relate-login .url_check,
.sns-relate-list .cansel_check,
.sns-relate-list .save_check,
.sns-relate-list .del_check,
.sns-relate-list .tw_check,
.sns-relate-list .url_check,
.sns-relate-editor .cansel_check,
.sns-relate-editor .save_check,
.sns-relate-editor .del_check,
.sns-relate-editor .tw_check,
.sns-relate-editor .url_check,
.sns-relate-import .cansel_check,
.sns-relate-import .save_check,
.sns-relate-import .del_check,
.sns-relate-import .tw_check,
.sns-relate-import .url_check {
  margin-left: auto;
  margin-top: 3em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .sns-relate-login .cansel_check,
.sns-relate-login .save_check,
.sns-relate-login .del_check,
.sns-relate-login .tw_check,
.sns-relate-login .url_check,
.sns-relate-list .cansel_check,
.sns-relate-list .save_check,
.sns-relate-list .del_check,
.sns-relate-list .tw_check,
.sns-relate-list .url_check,
.sns-relate-editor .cansel_check,
.sns-relate-editor .save_check,
.sns-relate-editor .del_check,
.sns-relate-editor .tw_check,
.sns-relate-editor .url_check,
.sns-relate-import .cansel_check,
.sns-relate-import .save_check,
.sns-relate-import .del_check,
.sns-relate-import .tw_check,
.sns-relate-import .url_check {
    padding-top: 1em;
    margin-top: 0;
  }
}
.sns-relate-login .cansel_check input[type=checkbox],
.sns-relate-login .save_check input[type=checkbox],
.sns-relate-login .del_check input[type=checkbox],
.sns-relate-login .tw_check input[type=checkbox],
.sns-relate-login .url_check input[type=checkbox],
.sns-relate-list .cansel_check input[type=checkbox],
.sns-relate-list .save_check input[type=checkbox],
.sns-relate-list .del_check input[type=checkbox],
.sns-relate-list .tw_check input[type=checkbox],
.sns-relate-list .url_check input[type=checkbox],
.sns-relate-editor .cansel_check input[type=checkbox],
.sns-relate-editor .save_check input[type=checkbox],
.sns-relate-editor .del_check input[type=checkbox],
.sns-relate-editor .tw_check input[type=checkbox],
.sns-relate-editor .url_check input[type=checkbox],
.sns-relate-import .cansel_check input[type=checkbox],
.sns-relate-import .save_check input[type=checkbox],
.sns-relate-import .del_check input[type=checkbox],
.sns-relate-import .tw_check input[type=checkbox],
.sns-relate-import .url_check input[type=checkbox] {
  display: none;
}
.sns-relate-login .cansel_check label,
.sns-relate-login .save_check label,
.sns-relate-login .del_check label,
.sns-relate-login .tw_check label,
.sns-relate-login .url_check label,
.sns-relate-list .cansel_check label,
.sns-relate-list .save_check label,
.sns-relate-list .del_check label,
.sns-relate-list .tw_check label,
.sns-relate-list .url_check label,
.sns-relate-editor .cansel_check label,
.sns-relate-editor .save_check label,
.sns-relate-editor .del_check label,
.sns-relate-editor .tw_check label,
.sns-relate-editor .url_check label,
.sns-relate-import .cansel_check label,
.sns-relate-import .save_check label,
.sns-relate-import .del_check label,
.sns-relate-import .tw_check label,
.sns-relate-import .url_check label {
  font-size: 2em;
  position: relative;
  display: flex;
  padding: 0.5em 1em;
  align-items: center;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1), background-position 0.3s;
}
@media (max-width: 767px) {
  .sns-relate-login .cansel_check label,
.sns-relate-login .save_check label,
.sns-relate-login .del_check label,
.sns-relate-login .tw_check label,
.sns-relate-login .url_check label,
.sns-relate-list .cansel_check label,
.sns-relate-list .save_check label,
.sns-relate-list .del_check label,
.sns-relate-list .tw_check label,
.sns-relate-list .url_check label,
.sns-relate-editor .cansel_check label,
.sns-relate-editor .save_check label,
.sns-relate-editor .del_check label,
.sns-relate-editor .tw_check label,
.sns-relate-editor .url_check label,
.sns-relate-import .cansel_check label,
.sns-relate-import .save_check label,
.sns-relate-import .del_check label,
.sns-relate-import .tw_check label,
.sns-relate-import .url_check label {
    padding: 1em 1.5em;
  }
}
.sns-relate-login .cansel_check label p,
.sns-relate-login .save_check label p,
.sns-relate-login .del_check label p,
.sns-relate-login .tw_check label p,
.sns-relate-login .url_check label p,
.sns-relate-list .cansel_check label p,
.sns-relate-list .save_check label p,
.sns-relate-list .del_check label p,
.sns-relate-list .tw_check label p,
.sns-relate-list .url_check label p,
.sns-relate-editor .cansel_check label p,
.sns-relate-editor .save_check label p,
.sns-relate-editor .del_check label p,
.sns-relate-editor .tw_check label p,
.sns-relate-editor .url_check label p,
.sns-relate-import .cansel_check label p,
.sns-relate-import .save_check label p,
.sns-relate-import .del_check label p,
.sns-relate-import .tw_check label p,
.sns-relate-import .url_check label p {
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-login .cansel_check label p,
.sns-relate-login .save_check label p,
.sns-relate-login .del_check label p,
.sns-relate-login .tw_check label p,
.sns-relate-login .url_check label p,
.sns-relate-list .cansel_check label p,
.sns-relate-list .save_check label p,
.sns-relate-list .del_check label p,
.sns-relate-list .tw_check label p,
.sns-relate-list .url_check label p,
.sns-relate-editor .cansel_check label p,
.sns-relate-editor .save_check label p,
.sns-relate-editor .del_check label p,
.sns-relate-editor .tw_check label p,
.sns-relate-editor .url_check label p,
.sns-relate-import .cansel_check label p,
.sns-relate-import .save_check label p,
.sns-relate-import .del_check label p,
.sns-relate-import .tw_check label p,
.sns-relate-import .url_check label p {
    font-size: 1.4em;
  }
}
.sns-relate-login .cansel_check label p:before,
.sns-relate-login .save_check label p:before,
.sns-relate-login .del_check label p:before,
.sns-relate-login .tw_check label p:before,
.sns-relate-login .url_check label p:before,
.sns-relate-list .cansel_check label p:before,
.sns-relate-list .save_check label p:before,
.sns-relate-list .del_check label p:before,
.sns-relate-list .tw_check label p:before,
.sns-relate-list .url_check label p:before,
.sns-relate-editor .cansel_check label p:before,
.sns-relate-editor .save_check label p:before,
.sns-relate-editor .del_check label p:before,
.sns-relate-editor .tw_check label p:before,
.sns-relate-editor .url_check label p:before,
.sns-relate-import .cansel_check label p:before,
.sns-relate-import .save_check label p:before,
.sns-relate-import .del_check label p:before,
.sns-relate-import .tw_check label p:before,
.sns-relate-import .url_check label p:before {
  content: attr(rel);
  position: absolute;
  top: 0;
  left: 0;
  color: #02350f;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.23, 1);
  opacity: 0;
}
.sns-relate-login .cansel_check label span,
.sns-relate-login .save_check label span,
.sns-relate-login .del_check label span,
.sns-relate-login .tw_check label span,
.sns-relate-login .url_check label span,
.sns-relate-list .cansel_check label span,
.sns-relate-list .save_check label span,
.sns-relate-list .del_check label span,
.sns-relate-list .tw_check label span,
.sns-relate-list .url_check label span,
.sns-relate-editor .cansel_check label span,
.sns-relate-editor .save_check label span,
.sns-relate-editor .del_check label span,
.sns-relate-editor .tw_check label span,
.sns-relate-editor .url_check label span,
.sns-relate-import .cansel_check label span,
.sns-relate-import .save_check label span,
.sns-relate-import .del_check label span,
.sns-relate-import .tw_check label span,
.sns-relate-import .url_check label span {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 1.4em;
  height: 1.4em;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  position: relative;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
@media (max-width: 767px) {
  .sns-relate-login .cansel_check label span,
.sns-relate-login .save_check label span,
.sns-relate-login .del_check label span,
.sns-relate-login .tw_check label span,
.sns-relate-login .url_check label span,
.sns-relate-list .cansel_check label span,
.sns-relate-list .save_check label span,
.sns-relate-list .del_check label span,
.sns-relate-list .tw_check label span,
.sns-relate-list .url_check label span,
.sns-relate-editor .cansel_check label span,
.sns-relate-editor .save_check label span,
.sns-relate-editor .del_check label span,
.sns-relate-editor .tw_check label span,
.sns-relate-editor .url_check label span,
.sns-relate-import .cansel_check label span,
.sns-relate-import .save_check label span,
.sns-relate-import .del_check label span,
.sns-relate-import .tw_check label span,
.sns-relate-import .url_check label span {
    width: 1.3em;
    height: 1.3em;
    margin-right: 0.6em;
  }
}
.sns-relate-login .cansel_check label:hover,
.sns-relate-login .save_check label:hover,
.sns-relate-login .del_check label:hover,
.sns-relate-login .tw_check label:hover,
.sns-relate-login .url_check label:hover,
.sns-relate-list .cansel_check label:hover,
.sns-relate-list .save_check label:hover,
.sns-relate-list .del_check label:hover,
.sns-relate-list .tw_check label:hover,
.sns-relate-list .url_check label:hover,
.sns-relate-editor .cansel_check label:hover,
.sns-relate-editor .save_check label:hover,
.sns-relate-editor .del_check label:hover,
.sns-relate-editor .tw_check label:hover,
.sns-relate-editor .url_check label:hover,
.sns-relate-import .cansel_check label:hover,
.sns-relate-import .save_check label:hover,
.sns-relate-import .del_check label:hover,
.sns-relate-import .tw_check label:hover,
.sns-relate-import .url_check label:hover {
  color: #000;
  cursor: pointer;
}
.sns-relate-login .cansel_check label:hover span,
.sns-relate-login .save_check label:hover span,
.sns-relate-login .del_check label:hover span,
.sns-relate-login .tw_check label:hover span,
.sns-relate-login .url_check label:hover span,
.sns-relate-list .cansel_check label:hover span,
.sns-relate-list .save_check label:hover span,
.sns-relate-list .del_check label:hover span,
.sns-relate-list .tw_check label:hover span,
.sns-relate-list .url_check label:hover span,
.sns-relate-editor .cansel_check label:hover span,
.sns-relate-editor .save_check label:hover span,
.sns-relate-editor .del_check label:hover span,
.sns-relate-editor .tw_check label:hover span,
.sns-relate-editor .url_check label:hover span,
.sns-relate-import .cansel_check label:hover span,
.sns-relate-import .save_check label:hover span,
.sns-relate-import .del_check label:hover span,
.sns-relate-import .tw_check label:hover span,
.sns-relate-import .url_check label:hover span {
  background: rgb(255, 255, 255);
}
.sns-relate-login .cansel_check input[type=checkbox]:checked ~ p::before,
.sns-relate-login .save_check input[type=checkbox]:checked ~ p::before,
.sns-relate-login .del_check input[type=checkbox]:checked ~ p::before,
.sns-relate-login .tw_check input[type=checkbox]:checked ~ p::before,
.sns-relate-login .url_check input[type=checkbox]:checked ~ p::before,
.sns-relate-list .cansel_check input[type=checkbox]:checked ~ p::before,
.sns-relate-list .save_check input[type=checkbox]:checked ~ p::before,
.sns-relate-list .del_check input[type=checkbox]:checked ~ p::before,
.sns-relate-list .tw_check input[type=checkbox]:checked ~ p::before,
.sns-relate-list .url_check input[type=checkbox]:checked ~ p::before,
.sns-relate-editor .cansel_check input[type=checkbox]:checked ~ p::before,
.sns-relate-editor .save_check input[type=checkbox]:checked ~ p::before,
.sns-relate-editor .del_check input[type=checkbox]:checked ~ p::before,
.sns-relate-editor .tw_check input[type=checkbox]:checked ~ p::before,
.sns-relate-editor .url_check input[type=checkbox]:checked ~ p::before,
.sns-relate-import .cansel_check input[type=checkbox]:checked ~ p::before,
.sns-relate-import .save_check input[type=checkbox]:checked ~ p::before,
.sns-relate-import .del_check input[type=checkbox]:checked ~ p::before,
.sns-relate-import .tw_check input[type=checkbox]:checked ~ p::before,
.sns-relate-import .url_check input[type=checkbox]:checked ~ p::before {
  opacity: 1;
}
.sns-relate-login .cansel_check input[type=checkbox]:checked ~ span,
.sns-relate-login .save_check input[type=checkbox]:checked ~ span,
.sns-relate-login .del_check input[type=checkbox]:checked ~ span,
.sns-relate-login .tw_check input[type=checkbox]:checked ~ span,
.sns-relate-login .url_check input[type=checkbox]:checked ~ span,
.sns-relate-list .cansel_check input[type=checkbox]:checked ~ span,
.sns-relate-list .save_check input[type=checkbox]:checked ~ span,
.sns-relate-list .del_check input[type=checkbox]:checked ~ span,
.sns-relate-list .tw_check input[type=checkbox]:checked ~ span,
.sns-relate-list .url_check input[type=checkbox]:checked ~ span,
.sns-relate-editor .cansel_check input[type=checkbox]:checked ~ span,
.sns-relate-editor .save_check input[type=checkbox]:checked ~ span,
.sns-relate-editor .del_check input[type=checkbox]:checked ~ span,
.sns-relate-editor .tw_check input[type=checkbox]:checked ~ span,
.sns-relate-editor .url_check input[type=checkbox]:checked ~ span,
.sns-relate-import .cansel_check input[type=checkbox]:checked ~ span,
.sns-relate-import .save_check input[type=checkbox]:checked ~ span,
.sns-relate-import .del_check input[type=checkbox]:checked ~ span,
.sns-relate-import .tw_check input[type=checkbox]:checked ~ span,
.sns-relate-import .url_check input[type=checkbox]:checked ~ span {
  border: 0.7em solid #FFEB3B;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
          animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.sns-relate-login .cansel_check input[type=checkbox]:checked ~ span:before,
.sns-relate-login .save_check input[type=checkbox]:checked ~ span:before,
.sns-relate-login .del_check input[type=checkbox]:checked ~ span:before,
.sns-relate-login .tw_check input[type=checkbox]:checked ~ span:before,
.sns-relate-login .url_check input[type=checkbox]:checked ~ span:before,
.sns-relate-list .cansel_check input[type=checkbox]:checked ~ span:before,
.sns-relate-list .save_check input[type=checkbox]:checked ~ span:before,
.sns-relate-list .del_check input[type=checkbox]:checked ~ span:before,
.sns-relate-list .tw_check input[type=checkbox]:checked ~ span:before,
.sns-relate-list .url_check input[type=checkbox]:checked ~ span:before,
.sns-relate-editor .cansel_check input[type=checkbox]:checked ~ span:before,
.sns-relate-editor .save_check input[type=checkbox]:checked ~ span:before,
.sns-relate-editor .del_check input[type=checkbox]:checked ~ span:before,
.sns-relate-editor .tw_check input[type=checkbox]:checked ~ span:before,
.sns-relate-editor .url_check input[type=checkbox]:checked ~ span:before,
.sns-relate-import .cansel_check input[type=checkbox]:checked ~ span:before,
.sns-relate-import .save_check input[type=checkbox]:checked ~ span:before,
.sns-relate-import .del_check input[type=checkbox]:checked ~ span:before,
.sns-relate-import .tw_check input[type=checkbox]:checked ~ span:before,
.sns-relate-import .url_check input[type=checkbox]:checked ~ span:before {
  content: "";
  position: absolute;
  top: -0.2em;
  left: -0.2em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
          animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.sns-relate-login .cansel_check,
.sns-relate-list .cansel_check,
.sns-relate-editor .cansel_check,
.sns-relate-import .cansel_check {
  position: absolute;
  top: 3em;
  left: 3em;
  width: 50%;
}
@media (max-width: 767px) {
  .sns-relate-login .cansel_check,
.sns-relate-list .cansel_check,
.sns-relate-editor .cansel_check,
.sns-relate-import .cansel_check {
    width: 55%;
    top: 3.5em;
    left: 0;
    padding-left: 0;
  }
}
.sns-relate-login .ballon,
.sns-relate-list .ballon,
.sns-relate-editor .ballon,
.sns-relate-import .ballon {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  top: -11em;
  left: 3em;
  transform: scale(0);
  transform-origin: 1em 120%;
  transition: all 0.5s ease-in 0s;
  z-index: 40;
  opacity: 1;
}
.sns-relate-login .ballon:hover,
.sns-relate-list .ballon:hover,
.sns-relate-editor .ballon:hover,
.sns-relate-import .ballon:hover {
  opacity: 1;
}
.sns-relate-login .ballon.under,
.sns-relate-list .ballon.under,
.sns-relate-editor .ballon.under,
.sns-relate-import .ballon.under {
  left: auto;
  right: 3em;
  top: 5.5em;
  transform-origin: 100% -12%;
}
.sns-relate-login .ballon.under::before,
.sns-relate-list .ballon.under::before,
.sns-relate-editor .ballon.under::before,
.sns-relate-import .ballon.under::before {
  left: auto;
  bottom: auto;
  right: -1em;
  top: -3em;
}
.sns-relate-login .ballon.under::after,
.sns-relate-list .ballon.under::after,
.sns-relate-editor .ballon.under::after,
.sns-relate-import .ballon.under::after {
  left: auto;
  bottom: auto;
  right: 0;
  top: -1.5em;
}
.sns-relate-login .ballon.left,
.sns-relate-list .ballon.left,
.sns-relate-editor .ballon.left,
.sns-relate-import .ballon.left {
  left: auto;
  right: 3em;
  top: -11em;
  transform-origin: 100% 110%;
}
.sns-relate-login .ballon.left::before,
.sns-relate-list .ballon.left::before,
.sns-relate-editor .ballon.left::before,
.sns-relate-import .ballon.left::before {
  left: auto;
  bottom: -1em;
  right: -1em;
  top: auto;
}
.sns-relate-login .ballon.left::after,
.sns-relate-list .ballon.left::after,
.sns-relate-editor .ballon.left::after,
.sns-relate-import .ballon.left::after {
  left: auto;
  bottom: -0.5em;
  right: 0;
  top: auto;
}
.sns-relate-login .ballon.twArea > div,
.sns-relate-list .ballon.twArea > div,
.sns-relate-editor .ballon.twArea > div,
.sns-relate-import .ballon.twArea > div {
  background: rgba(175, 202, 243, 0.8);
}
.sns-relate-login .ballon.twArea::before,
.sns-relate-list .ballon.twArea::before,
.sns-relate-editor .ballon.twArea::before,
.sns-relate-import .ballon.twArea::before {
  background: rgba(175, 202, 243, 0.8);
}
.sns-relate-login .ballon.twArea::after,
.sns-relate-list .ballon.twArea::after,
.sns-relate-editor .ballon.twArea::after,
.sns-relate-import .ballon.twArea::after {
  background: rgba(175, 202, 243, 0.8);
}
.sns-relate-login .ballon.twArea p,
.sns-relate-list .ballon.twArea p,
.sns-relate-editor .ballon.twArea p,
.sns-relate-import .ballon.twArea p {
  font-size: 1.2em;
  padding: 0.28em;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon.twArea p,
.sns-relate-list .ballon.twArea p,
.sns-relate-editor .ballon.twArea p,
.sns-relate-import .ballon.twArea p {
    font-size: 1.4em;
  }
}
.sns-relate-login .ballon.twArea p.over,
.sns-relate-list .ballon.twArea p.over,
.sns-relate-editor .ballon.twArea p.over,
.sns-relate-import .ballon.twArea p.over {
  background-color: transparent;
  color: red;
  font-weight: bold;
  margin-bottom: 1em;
}
.sns-relate-login .ballon.twArea .tw_icon,
.sns-relate-list .ballon.twArea .tw_icon,
.sns-relate-editor .ballon.twArea .tw_icon,
.sns-relate-import .ballon.twArea .tw_icon {
  position: absolute;
  width: 2.2em;
  height: 2em;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .sns-relate-login .ballon.twArea .tw_icon,
.sns-relate-list .ballon.twArea .tw_icon,
.sns-relate-editor .ballon.twArea .tw_icon,
.sns-relate-import .ballon.twArea .tw_icon {
    width: 2.5em;
    height: 2.5em;
  }
}
.sns-relate-login .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-list .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-editor .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-import .ballon.twArea .tw_icon .img_wrapper {
  width: 4em;
  height: 4em;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-list .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-editor .ballon.twArea .tw_icon .img_wrapper,
.sns-relate-import .ballon.twArea .tw_icon .img_wrapper {
    width: 2.5em;
    height: 2.5em;
  }
}
.sns-relate-login .ballon.twArea .tw_icon .bullet,
.sns-relate-list .ballon.twArea .tw_icon .bullet,
.sns-relate-editor .ballon.twArea .tw_icon .bullet,
.sns-relate-import .ballon.twArea .tw_icon .bullet {
  width: 3em;
  height: 3em;
  left: -5px;
  top: -9px;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon.twArea .tw_icon .bullet,
.sns-relate-list .ballon.twArea .tw_icon .bullet,
.sns-relate-editor .ballon.twArea .tw_icon .bullet,
.sns-relate-import .ballon.twArea .tw_icon .bullet {
    width: 3.5em;
    height: 3.5em;
    left: -8px;
    top: -10px;
  }
}
.sns-relate-login .ballon.display,
.sns-relate-list .ballon.display,
.sns-relate-editor .ballon.display,
.sns-relate-import .ballon.display {
  transform: scale(1);
}
@media (max-width: 767px) {
  .sns-relate-login .ballon.display,
.sns-relate-list .ballon.display,
.sns-relate-editor .ballon.display,
.sns-relate-import .ballon.display {
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .sns-relate-login .ballon,
.sns-relate-list .ballon,
.sns-relate-editor .ballon,
.sns-relate-import .ballon {
    top: -5em;
    left: 1em;
  }
}
.sns-relate-login .ballon::before,
.sns-relate-list .ballon::before,
.sns-relate-editor .ballon::before,
.sns-relate-import .ballon::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1.3em;
  height: 1.2em;
  bottom: -3.2em;
  background: rgba(243, 110, 33, 0.8);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon::before,
.sns-relate-list .ballon::before,
.sns-relate-editor .ballon::before,
.sns-relate-import .ballon::before {
    left: 1em;
    width: 1em;
    height: 0.8em;
    bottom: -2em;
  }
}
.sns-relate-login .ballon::after,
.sns-relate-list .ballon::after,
.sns-relate-editor .ballon::after,
.sns-relate-import .ballon::after {
  content: "";
  position: absolute;
  left: 0.5em;
  width: 2em;
  height: 1.8em;
  bottom: -1.7em;
  background: rgba(243, 110, 33, 0.8);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon::after,
.sns-relate-list .ballon::after,
.sns-relate-editor .ballon::after,
.sns-relate-import .ballon::after {
    left: 2em;
    width: 1.5em;
    height: 1.3em;
    bottom: -1.2em;
  }
}
.sns-relate-login .ballon span,
.sns-relate-login .ballon > div,
.sns-relate-list .ballon span,
.sns-relate-list .ballon > div,
.sns-relate-editor .ballon span,
.sns-relate-editor .ballon > div,
.sns-relate-import .ballon span,
.sns-relate-import .ballon > div {
  position: relative;
  display: block;
  color: #000;
  padding: 0.94em 1.25em 0.94em 3.75em;
  font-size: 1.6em;
  text-align: left;
  background: rgba(243, 110, 33, 0.8);
  border-radius: 1.875em;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon span,
.sns-relate-login .ballon > div,
.sns-relate-list .ballon span,
.sns-relate-list .ballon > div,
.sns-relate-editor .ballon span,
.sns-relate-editor .ballon > div,
.sns-relate-import .ballon span,
.sns-relate-import .ballon > div {
    padding: 0.7em 0.6em 0.7em 4.5em;
    font-size: 1.2em;
    border-radius: 1em;
  }
}
.sns-relate-login .ballon span::after,
.sns-relate-list .ballon span::after,
.sns-relate-editor .ballon span::after,
.sns-relate-import .ballon span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.8em;
  width: 2.2em;
  height: 2.2em;
  background: transparent url("../img/info.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-login .ballon span::after,
.sns-relate-list .ballon span::after,
.sns-relate-editor .ballon span::after,
.sns-relate-import .ballon span::after {
    width: 2em;
    height: 2em;
  }
}
.sns-relate-login .ballon .tool_btn_wrapper,
.sns-relate-list .ballon .tool_btn_wrapper,
.sns-relate-editor .ballon .tool_btn_wrapper,
.sns-relate-import .ballon .tool_btn_wrapper {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1.5em;
       column-gap: 1.5em;
  margin-top: 2em;
}
.sns-relate-login .ballon .tool_btn_wrapper div,
.sns-relate-login .ballon .tool_btn_wrapper button,
.sns-relate-list .ballon .tool_btn_wrapper div,
.sns-relate-list .ballon .tool_btn_wrapper button,
.sns-relate-editor .ballon .tool_btn_wrapper div,
.sns-relate-editor .ballon .tool_btn_wrapper button,
.sns-relate-import .ballon .tool_btn_wrapper div,
.sns-relate-import .ballon .tool_btn_wrapper button {
  height: 1.56em;
  padding: 0 1.25em;
  font-size: 1.6em;
  line-height: 1.56em;
}
.sns-relate-login .twitter_header,
.sns-relate-login .facebook_header,
.sns-relate-login .fb_user_header,
.sns-relate-login .instagram_header,
.sns-relate-login .sns_check,
.sns-relate-list .twitter_header,
.sns-relate-list .facebook_header,
.sns-relate-list .fb_user_header,
.sns-relate-list .instagram_header,
.sns-relate-list .sns_check,
.sns-relate-editor .twitter_header,
.sns-relate-editor .facebook_header,
.sns-relate-editor .fb_user_header,
.sns-relate-editor .instagram_header,
.sns-relate-editor .sns_check,
.sns-relate-import .twitter_header,
.sns-relate-import .facebook_header,
.sns-relate-import .fb_user_header,
.sns-relate-import .instagram_header,
.sns-relate-import .sns_check {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 4em;
  position: relative;
}
.sns-relate-login .twitter_header.menu,
.sns-relate-login .facebook_header.menu,
.sns-relate-login .fb_user_header.menu,
.sns-relate-login .instagram_header.menu,
.sns-relate-login .sns_check.menu,
.sns-relate-list .twitter_header.menu,
.sns-relate-list .facebook_header.menu,
.sns-relate-list .fb_user_header.menu,
.sns-relate-list .instagram_header.menu,
.sns-relate-list .sns_check.menu,
.sns-relate-editor .twitter_header.menu,
.sns-relate-editor .facebook_header.menu,
.sns-relate-editor .fb_user_header.menu,
.sns-relate-editor .instagram_header.menu,
.sns-relate-editor .sns_check.menu,
.sns-relate-import .twitter_header.menu,
.sns-relate-import .facebook_header.menu,
.sns-relate-import .fb_user_header.menu,
.sns-relate-import .instagram_header.menu,
.sns-relate-import .sns_check.menu {
  padding: 2em 2em 5em;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header,
.sns-relate-login .facebook_header,
.sns-relate-login .fb_user_header,
.sns-relate-login .instagram_header,
.sns-relate-login .sns_check,
.sns-relate-list .twitter_header,
.sns-relate-list .facebook_header,
.sns-relate-list .fb_user_header,
.sns-relate-list .instagram_header,
.sns-relate-list .sns_check,
.sns-relate-editor .twitter_header,
.sns-relate-editor .facebook_header,
.sns-relate-editor .fb_user_header,
.sns-relate-editor .instagram_header,
.sns-relate-editor .sns_check,
.sns-relate-import .twitter_header,
.sns-relate-import .facebook_header,
.sns-relate-import .fb_user_header,
.sns-relate-import .instagram_header,
.sns-relate-import .sns_check {
    padding: 0 1em 6em;
  }
}
.sns-relate-login .twitter_header .header_logo,
.sns-relate-login .facebook_header .header_logo,
.sns-relate-login .fb_user_header .header_logo,
.sns-relate-login .instagram_header .header_logo,
.sns-relate-login .sns_check .header_logo,
.sns-relate-list .twitter_header .header_logo,
.sns-relate-list .facebook_header .header_logo,
.sns-relate-list .fb_user_header .header_logo,
.sns-relate-list .instagram_header .header_logo,
.sns-relate-list .sns_check .header_logo,
.sns-relate-editor .twitter_header .header_logo,
.sns-relate-editor .facebook_header .header_logo,
.sns-relate-editor .fb_user_header .header_logo,
.sns-relate-editor .instagram_header .header_logo,
.sns-relate-editor .sns_check .header_logo,
.sns-relate-import .twitter_header .header_logo,
.sns-relate-import .facebook_header .header_logo,
.sns-relate-import .fb_user_header .header_logo,
.sns-relate-import .instagram_header .header_logo,
.sns-relate-import .sns_check .header_logo {
  flex: 0 0 auto;
  width: 5em;
  height: auto;
}
.sns-relate-login .twitter_header .header_logo img,
.sns-relate-login .facebook_header .header_logo img,
.sns-relate-login .fb_user_header .header_logo img,
.sns-relate-login .instagram_header .header_logo img,
.sns-relate-login .sns_check .header_logo img,
.sns-relate-list .twitter_header .header_logo img,
.sns-relate-list .facebook_header .header_logo img,
.sns-relate-list .fb_user_header .header_logo img,
.sns-relate-list .instagram_header .header_logo img,
.sns-relate-list .sns_check .header_logo img,
.sns-relate-editor .twitter_header .header_logo img,
.sns-relate-editor .facebook_header .header_logo img,
.sns-relate-editor .fb_user_header .header_logo img,
.sns-relate-editor .instagram_header .header_logo img,
.sns-relate-editor .sns_check .header_logo img,
.sns-relate-import .twitter_header .header_logo img,
.sns-relate-import .facebook_header .header_logo img,
.sns-relate-import .fb_user_header .header_logo img,
.sns-relate-import .instagram_header .header_logo img,
.sns-relate-import .sns_check .header_logo img {
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .header_logo,
.sns-relate-login .facebook_header .header_logo,
.sns-relate-login .fb_user_header .header_logo,
.sns-relate-login .instagram_header .header_logo,
.sns-relate-login .sns_check .header_logo,
.sns-relate-list .twitter_header .header_logo,
.sns-relate-list .facebook_header .header_logo,
.sns-relate-list .fb_user_header .header_logo,
.sns-relate-list .instagram_header .header_logo,
.sns-relate-list .sns_check .header_logo,
.sns-relate-editor .twitter_header .header_logo,
.sns-relate-editor .facebook_header .header_logo,
.sns-relate-editor .fb_user_header .header_logo,
.sns-relate-editor .instagram_header .header_logo,
.sns-relate-editor .sns_check .header_logo,
.sns-relate-import .twitter_header .header_logo,
.sns-relate-import .facebook_header .header_logo,
.sns-relate-import .fb_user_header .header_logo,
.sns-relate-import .instagram_header .header_logo,
.sns-relate-import .sns_check .header_logo {
    padding: 0;
    width: 3em;
  }
}
.sns-relate-login .twitter_header .user_info,
.sns-relate-login .twitter_header .page_info,
.sns-relate-login .facebook_header .user_info,
.sns-relate-login .facebook_header .page_info,
.sns-relate-login .fb_user_header .user_info,
.sns-relate-login .fb_user_header .page_info,
.sns-relate-login .instagram_header .user_info,
.sns-relate-login .instagram_header .page_info,
.sns-relate-login .sns_check .user_info,
.sns-relate-login .sns_check .page_info,
.sns-relate-list .twitter_header .user_info,
.sns-relate-list .twitter_header .page_info,
.sns-relate-list .facebook_header .user_info,
.sns-relate-list .facebook_header .page_info,
.sns-relate-list .fb_user_header .user_info,
.sns-relate-list .fb_user_header .page_info,
.sns-relate-list .instagram_header .user_info,
.sns-relate-list .instagram_header .page_info,
.sns-relate-list .sns_check .user_info,
.sns-relate-list .sns_check .page_info,
.sns-relate-editor .twitter_header .user_info,
.sns-relate-editor .twitter_header .page_info,
.sns-relate-editor .facebook_header .user_info,
.sns-relate-editor .facebook_header .page_info,
.sns-relate-editor .fb_user_header .user_info,
.sns-relate-editor .fb_user_header .page_info,
.sns-relate-editor .instagram_header .user_info,
.sns-relate-editor .instagram_header .page_info,
.sns-relate-editor .sns_check .user_info,
.sns-relate-editor .sns_check .page_info,
.sns-relate-import .twitter_header .user_info,
.sns-relate-import .twitter_header .page_info,
.sns-relate-import .facebook_header .user_info,
.sns-relate-import .facebook_header .page_info,
.sns-relate-import .fb_user_header .user_info,
.sns-relate-import .fb_user_header .page_info,
.sns-relate-import .instagram_header .user_info,
.sns-relate-import .instagram_header .page_info,
.sns-relate-import .sns_check .user_info,
.sns-relate-import .sns_check .page_info {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  position: relative;
}
.sns-relate-login .twitter_header .user_info .image,
.sns-relate-login .twitter_header .page_info .image,
.sns-relate-login .facebook_header .user_info .image,
.sns-relate-login .facebook_header .page_info .image,
.sns-relate-login .fb_user_header .user_info .image,
.sns-relate-login .fb_user_header .page_info .image,
.sns-relate-login .instagram_header .user_info .image,
.sns-relate-login .instagram_header .page_info .image,
.sns-relate-login .sns_check .user_info .image,
.sns-relate-login .sns_check .page_info .image,
.sns-relate-list .twitter_header .user_info .image,
.sns-relate-list .twitter_header .page_info .image,
.sns-relate-list .facebook_header .user_info .image,
.sns-relate-list .facebook_header .page_info .image,
.sns-relate-list .fb_user_header .user_info .image,
.sns-relate-list .fb_user_header .page_info .image,
.sns-relate-list .instagram_header .user_info .image,
.sns-relate-list .instagram_header .page_info .image,
.sns-relate-list .sns_check .user_info .image,
.sns-relate-list .sns_check .page_info .image,
.sns-relate-editor .twitter_header .user_info .image,
.sns-relate-editor .twitter_header .page_info .image,
.sns-relate-editor .facebook_header .user_info .image,
.sns-relate-editor .facebook_header .page_info .image,
.sns-relate-editor .fb_user_header .user_info .image,
.sns-relate-editor .fb_user_header .page_info .image,
.sns-relate-editor .instagram_header .user_info .image,
.sns-relate-editor .instagram_header .page_info .image,
.sns-relate-editor .sns_check .user_info .image,
.sns-relate-editor .sns_check .page_info .image,
.sns-relate-import .twitter_header .user_info .image,
.sns-relate-import .twitter_header .page_info .image,
.sns-relate-import .facebook_header .user_info .image,
.sns-relate-import .facebook_header .page_info .image,
.sns-relate-import .fb_user_header .user_info .image,
.sns-relate-import .fb_user_header .page_info .image,
.sns-relate-import .instagram_header .user_info .image,
.sns-relate-import .instagram_header .page_info .image,
.sns-relate-import .sns_check .user_info .image,
.sns-relate-import .sns_check .page_info .image {
  flex: 0 0 auto;
  width: 5em;
  height: 5em;
  background-color: rgb(250, 252, 228);
  border-radius: 50%;
}
.sns-relate-login .twitter_header .user_info .image img,
.sns-relate-login .twitter_header .page_info .image img,
.sns-relate-login .facebook_header .user_info .image img,
.sns-relate-login .facebook_header .page_info .image img,
.sns-relate-login .fb_user_header .user_info .image img,
.sns-relate-login .fb_user_header .page_info .image img,
.sns-relate-login .instagram_header .user_info .image img,
.sns-relate-login .instagram_header .page_info .image img,
.sns-relate-login .sns_check .user_info .image img,
.sns-relate-login .sns_check .page_info .image img,
.sns-relate-list .twitter_header .user_info .image img,
.sns-relate-list .twitter_header .page_info .image img,
.sns-relate-list .facebook_header .user_info .image img,
.sns-relate-list .facebook_header .page_info .image img,
.sns-relate-list .fb_user_header .user_info .image img,
.sns-relate-list .fb_user_header .page_info .image img,
.sns-relate-list .instagram_header .user_info .image img,
.sns-relate-list .instagram_header .page_info .image img,
.sns-relate-list .sns_check .user_info .image img,
.sns-relate-list .sns_check .page_info .image img,
.sns-relate-editor .twitter_header .user_info .image img,
.sns-relate-editor .twitter_header .page_info .image img,
.sns-relate-editor .facebook_header .user_info .image img,
.sns-relate-editor .facebook_header .page_info .image img,
.sns-relate-editor .fb_user_header .user_info .image img,
.sns-relate-editor .fb_user_header .page_info .image img,
.sns-relate-editor .instagram_header .user_info .image img,
.sns-relate-editor .instagram_header .page_info .image img,
.sns-relate-editor .sns_check .user_info .image img,
.sns-relate-editor .sns_check .page_info .image img,
.sns-relate-import .twitter_header .user_info .image img,
.sns-relate-import .twitter_header .page_info .image img,
.sns-relate-import .facebook_header .user_info .image img,
.sns-relate-import .facebook_header .page_info .image img,
.sns-relate-import .fb_user_header .user_info .image img,
.sns-relate-import .fb_user_header .page_info .image img,
.sns-relate-import .instagram_header .user_info .image img,
.sns-relate-import .instagram_header .page_info .image img,
.sns-relate-import .sns_check .user_info .image img,
.sns-relate-import .sns_check .page_info .image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.sns-relate-login .twitter_header .user_info.login .text,
.sns-relate-login .twitter_header .page_info.login .text,
.sns-relate-login .facebook_header .user_info.login .text,
.sns-relate-login .facebook_header .page_info.login .text,
.sns-relate-login .fb_user_header .user_info.login .text,
.sns-relate-login .fb_user_header .page_info.login .text,
.sns-relate-login .instagram_header .user_info.login .text,
.sns-relate-login .instagram_header .page_info.login .text,
.sns-relate-login .sns_check .user_info.login .text,
.sns-relate-login .sns_check .page_info.login .text,
.sns-relate-list .twitter_header .user_info.login .text,
.sns-relate-list .twitter_header .page_info.login .text,
.sns-relate-list .facebook_header .user_info.login .text,
.sns-relate-list .facebook_header .page_info.login .text,
.sns-relate-list .fb_user_header .user_info.login .text,
.sns-relate-list .fb_user_header .page_info.login .text,
.sns-relate-list .instagram_header .user_info.login .text,
.sns-relate-list .instagram_header .page_info.login .text,
.sns-relate-list .sns_check .user_info.login .text,
.sns-relate-list .sns_check .page_info.login .text,
.sns-relate-editor .twitter_header .user_info.login .text,
.sns-relate-editor .twitter_header .page_info.login .text,
.sns-relate-editor .facebook_header .user_info.login .text,
.sns-relate-editor .facebook_header .page_info.login .text,
.sns-relate-editor .fb_user_header .user_info.login .text,
.sns-relate-editor .fb_user_header .page_info.login .text,
.sns-relate-editor .instagram_header .user_info.login .text,
.sns-relate-editor .instagram_header .page_info.login .text,
.sns-relate-editor .sns_check .user_info.login .text,
.sns-relate-editor .sns_check .page_info.login .text,
.sns-relate-import .twitter_header .user_info.login .text,
.sns-relate-import .twitter_header .page_info.login .text,
.sns-relate-import .facebook_header .user_info.login .text,
.sns-relate-import .facebook_header .page_info.login .text,
.sns-relate-import .fb_user_header .user_info.login .text,
.sns-relate-import .fb_user_header .page_info.login .text,
.sns-relate-import .instagram_header .user_info.login .text,
.sns-relate-import .instagram_header .page_info.login .text,
.sns-relate-import .sns_check .user_info.login .text,
.sns-relate-import .sns_check .page_info.login .text {
  color: #000;
}
.sns-relate-login .twitter_header .user_info.error,
.sns-relate-login .twitter_header .page_info.error,
.sns-relate-login .facebook_header .user_info.error,
.sns-relate-login .facebook_header .page_info.error,
.sns-relate-login .fb_user_header .user_info.error,
.sns-relate-login .fb_user_header .page_info.error,
.sns-relate-login .instagram_header .user_info.error,
.sns-relate-login .instagram_header .page_info.error,
.sns-relate-login .sns_check .user_info.error,
.sns-relate-login .sns_check .page_info.error,
.sns-relate-list .twitter_header .user_info.error,
.sns-relate-list .twitter_header .page_info.error,
.sns-relate-list .facebook_header .user_info.error,
.sns-relate-list .facebook_header .page_info.error,
.sns-relate-list .fb_user_header .user_info.error,
.sns-relate-list .fb_user_header .page_info.error,
.sns-relate-list .instagram_header .user_info.error,
.sns-relate-list .instagram_header .page_info.error,
.sns-relate-list .sns_check .user_info.error,
.sns-relate-list .sns_check .page_info.error,
.sns-relate-editor .twitter_header .user_info.error,
.sns-relate-editor .twitter_header .page_info.error,
.sns-relate-editor .facebook_header .user_info.error,
.sns-relate-editor .facebook_header .page_info.error,
.sns-relate-editor .fb_user_header .user_info.error,
.sns-relate-editor .fb_user_header .page_info.error,
.sns-relate-editor .instagram_header .user_info.error,
.sns-relate-editor .instagram_header .page_info.error,
.sns-relate-editor .sns_check .user_info.error,
.sns-relate-editor .sns_check .page_info.error,
.sns-relate-import .twitter_header .user_info.error,
.sns-relate-import .twitter_header .page_info.error,
.sns-relate-import .facebook_header .user_info.error,
.sns-relate-import .facebook_header .page_info.error,
.sns-relate-import .fb_user_header .user_info.error,
.sns-relate-import .fb_user_header .page_info.error,
.sns-relate-import .instagram_header .user_info.error,
.sns-relate-import .instagram_header .page_info.error,
.sns-relate-import .sns_check .user_info.error,
.sns-relate-import .sns_check .page_info.error {
  display: block;
  padding: 1.5em 0 1.5em 2.5em;
  font-size: 2em;
  width: 0%;
  margin-left: 0;
}
.sns-relate-login .twitter_header .user_info.error::after,
.sns-relate-login .twitter_header .page_info.error::after,
.sns-relate-login .facebook_header .user_info.error::after,
.sns-relate-login .facebook_header .page_info.error::after,
.sns-relate-login .fb_user_header .user_info.error::after,
.sns-relate-login .fb_user_header .page_info.error::after,
.sns-relate-login .instagram_header .user_info.error::after,
.sns-relate-login .instagram_header .page_info.error::after,
.sns-relate-login .sns_check .user_info.error::after,
.sns-relate-login .sns_check .page_info.error::after,
.sns-relate-list .twitter_header .user_info.error::after,
.sns-relate-list .twitter_header .page_info.error::after,
.sns-relate-list .facebook_header .user_info.error::after,
.sns-relate-list .facebook_header .page_info.error::after,
.sns-relate-list .fb_user_header .user_info.error::after,
.sns-relate-list .fb_user_header .page_info.error::after,
.sns-relate-list .instagram_header .user_info.error::after,
.sns-relate-list .instagram_header .page_info.error::after,
.sns-relate-list .sns_check .user_info.error::after,
.sns-relate-list .sns_check .page_info.error::after,
.sns-relate-editor .twitter_header .user_info.error::after,
.sns-relate-editor .twitter_header .page_info.error::after,
.sns-relate-editor .facebook_header .user_info.error::after,
.sns-relate-editor .facebook_header .page_info.error::after,
.sns-relate-editor .fb_user_header .user_info.error::after,
.sns-relate-editor .fb_user_header .page_info.error::after,
.sns-relate-editor .instagram_header .user_info.error::after,
.sns-relate-editor .instagram_header .page_info.error::after,
.sns-relate-editor .sns_check .user_info.error::after,
.sns-relate-editor .sns_check .page_info.error::after,
.sns-relate-import .twitter_header .user_info.error::after,
.sns-relate-import .twitter_header .page_info.error::after,
.sns-relate-import .facebook_header .user_info.error::after,
.sns-relate-import .facebook_header .page_info.error::after,
.sns-relate-import .fb_user_header .user_info.error::after,
.sns-relate-import .fb_user_header .page_info.error::after,
.sns-relate-import .instagram_header .user_info.error::after,
.sns-relate-import .instagram_header .page_info.error::after,
.sns-relate-import .sns_check .user_info.error::after,
.sns-relate-import .sns_check .page_info.error::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1.5em;
  height: 1.5em;
  background: transparent url("../img/sns_err.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .user_info.error::after,
.sns-relate-login .twitter_header .page_info.error::after,
.sns-relate-login .facebook_header .user_info.error::after,
.sns-relate-login .facebook_header .page_info.error::after,
.sns-relate-login .fb_user_header .user_info.error::after,
.sns-relate-login .fb_user_header .page_info.error::after,
.sns-relate-login .instagram_header .user_info.error::after,
.sns-relate-login .instagram_header .page_info.error::after,
.sns-relate-login .sns_check .user_info.error::after,
.sns-relate-login .sns_check .page_info.error::after,
.sns-relate-list .twitter_header .user_info.error::after,
.sns-relate-list .twitter_header .page_info.error::after,
.sns-relate-list .facebook_header .user_info.error::after,
.sns-relate-list .facebook_header .page_info.error::after,
.sns-relate-list .fb_user_header .user_info.error::after,
.sns-relate-list .fb_user_header .page_info.error::after,
.sns-relate-list .instagram_header .user_info.error::after,
.sns-relate-list .instagram_header .page_info.error::after,
.sns-relate-list .sns_check .user_info.error::after,
.sns-relate-list .sns_check .page_info.error::after,
.sns-relate-editor .twitter_header .user_info.error::after,
.sns-relate-editor .twitter_header .page_info.error::after,
.sns-relate-editor .facebook_header .user_info.error::after,
.sns-relate-editor .facebook_header .page_info.error::after,
.sns-relate-editor .fb_user_header .user_info.error::after,
.sns-relate-editor .fb_user_header .page_info.error::after,
.sns-relate-editor .instagram_header .user_info.error::after,
.sns-relate-editor .instagram_header .page_info.error::after,
.sns-relate-editor .sns_check .user_info.error::after,
.sns-relate-editor .sns_check .page_info.error::after,
.sns-relate-import .twitter_header .user_info.error::after,
.sns-relate-import .twitter_header .page_info.error::after,
.sns-relate-import .facebook_header .user_info.error::after,
.sns-relate-import .facebook_header .page_info.error::after,
.sns-relate-import .fb_user_header .user_info.error::after,
.sns-relate-import .fb_user_header .page_info.error::after,
.sns-relate-import .instagram_header .user_info.error::after,
.sns-relate-import .instagram_header .page_info.error::after,
.sns-relate-import .sns_check .user_info.error::after,
.sns-relate-import .sns_check .page_info.error::after {
    width: 1em;
    height: 1em;
  }
}
.sns-relate-login .twitter_header .user_info .text,
.sns-relate-login .twitter_header .page_info .text,
.sns-relate-login .facebook_header .user_info .text,
.sns-relate-login .facebook_header .page_info .text,
.sns-relate-login .fb_user_header .user_info .text,
.sns-relate-login .fb_user_header .page_info .text,
.sns-relate-login .instagram_header .user_info .text,
.sns-relate-login .instagram_header .page_info .text,
.sns-relate-login .sns_check .user_info .text,
.sns-relate-login .sns_check .page_info .text,
.sns-relate-list .twitter_header .user_info .text,
.sns-relate-list .twitter_header .page_info .text,
.sns-relate-list .facebook_header .user_info .text,
.sns-relate-list .facebook_header .page_info .text,
.sns-relate-list .fb_user_header .user_info .text,
.sns-relate-list .fb_user_header .page_info .text,
.sns-relate-list .instagram_header .user_info .text,
.sns-relate-list .instagram_header .page_info .text,
.sns-relate-list .sns_check .user_info .text,
.sns-relate-list .sns_check .page_info .text,
.sns-relate-editor .twitter_header .user_info .text,
.sns-relate-editor .twitter_header .page_info .text,
.sns-relate-editor .facebook_header .user_info .text,
.sns-relate-editor .facebook_header .page_info .text,
.sns-relate-editor .fb_user_header .user_info .text,
.sns-relate-editor .fb_user_header .page_info .text,
.sns-relate-editor .instagram_header .user_info .text,
.sns-relate-editor .instagram_header .page_info .text,
.sns-relate-editor .sns_check .user_info .text,
.sns-relate-editor .sns_check .page_info .text,
.sns-relate-import .twitter_header .user_info .text,
.sns-relate-import .twitter_header .page_info .text,
.sns-relate-import .facebook_header .user_info .text,
.sns-relate-import .facebook_header .page_info .text,
.sns-relate-import .fb_user_header .user_info .text,
.sns-relate-import .fb_user_header .page_info .text,
.sns-relate-import .instagram_header .user_info .text,
.sns-relate-import .instagram_header .page_info .text,
.sns-relate-import .sns_check .user_info .text,
.sns-relate-import .sns_check .page_info .text {
  flex: 1 1 auto;
  font-size: 2em;
  padding: 0 1.5em;
  color: #fff;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .user_info .text,
.sns-relate-login .twitter_header .page_info .text,
.sns-relate-login .facebook_header .user_info .text,
.sns-relate-login .facebook_header .page_info .text,
.sns-relate-login .fb_user_header .user_info .text,
.sns-relate-login .fb_user_header .page_info .text,
.sns-relate-login .instagram_header .user_info .text,
.sns-relate-login .instagram_header .page_info .text,
.sns-relate-login .sns_check .user_info .text,
.sns-relate-login .sns_check .page_info .text,
.sns-relate-list .twitter_header .user_info .text,
.sns-relate-list .twitter_header .page_info .text,
.sns-relate-list .facebook_header .user_info .text,
.sns-relate-list .facebook_header .page_info .text,
.sns-relate-list .fb_user_header .user_info .text,
.sns-relate-list .fb_user_header .page_info .text,
.sns-relate-list .instagram_header .user_info .text,
.sns-relate-list .instagram_header .page_info .text,
.sns-relate-list .sns_check .user_info .text,
.sns-relate-list .sns_check .page_info .text,
.sns-relate-editor .twitter_header .user_info .text,
.sns-relate-editor .twitter_header .page_info .text,
.sns-relate-editor .facebook_header .user_info .text,
.sns-relate-editor .facebook_header .page_info .text,
.sns-relate-editor .fb_user_header .user_info .text,
.sns-relate-editor .fb_user_header .page_info .text,
.sns-relate-editor .instagram_header .user_info .text,
.sns-relate-editor .instagram_header .page_info .text,
.sns-relate-editor .sns_check .user_info .text,
.sns-relate-editor .sns_check .page_info .text,
.sns-relate-import .twitter_header .user_info .text,
.sns-relate-import .twitter_header .page_info .text,
.sns-relate-import .facebook_header .user_info .text,
.sns-relate-import .facebook_header .page_info .text,
.sns-relate-import .fb_user_header .user_info .text,
.sns-relate-import .fb_user_header .page_info .text,
.sns-relate-import .instagram_header .user_info .text,
.sns-relate-import .instagram_header .page_info .text,
.sns-relate-import .sns_check .user_info .text,
.sns-relate-import .sns_check .page_info .text {
    padding: 0 0 0 0.8em;
    font-size: 1.8em;
  }
}
.sns-relate-login .twitter_header .user_info .text a,
.sns-relate-login .twitter_header .page_info .text a,
.sns-relate-login .facebook_header .user_info .text a,
.sns-relate-login .facebook_header .page_info .text a,
.sns-relate-login .fb_user_header .user_info .text a,
.sns-relate-login .fb_user_header .page_info .text a,
.sns-relate-login .instagram_header .user_info .text a,
.sns-relate-login .instagram_header .page_info .text a,
.sns-relate-login .sns_check .user_info .text a,
.sns-relate-login .sns_check .page_info .text a,
.sns-relate-list .twitter_header .user_info .text a,
.sns-relate-list .twitter_header .page_info .text a,
.sns-relate-list .facebook_header .user_info .text a,
.sns-relate-list .facebook_header .page_info .text a,
.sns-relate-list .fb_user_header .user_info .text a,
.sns-relate-list .fb_user_header .page_info .text a,
.sns-relate-list .instagram_header .user_info .text a,
.sns-relate-list .instagram_header .page_info .text a,
.sns-relate-list .sns_check .user_info .text a,
.sns-relate-list .sns_check .page_info .text a,
.sns-relate-editor .twitter_header .user_info .text a,
.sns-relate-editor .twitter_header .page_info .text a,
.sns-relate-editor .facebook_header .user_info .text a,
.sns-relate-editor .facebook_header .page_info .text a,
.sns-relate-editor .fb_user_header .user_info .text a,
.sns-relate-editor .fb_user_header .page_info .text a,
.sns-relate-editor .instagram_header .user_info .text a,
.sns-relate-editor .instagram_header .page_info .text a,
.sns-relate-editor .sns_check .user_info .text a,
.sns-relate-editor .sns_check .page_info .text a,
.sns-relate-import .twitter_header .user_info .text a,
.sns-relate-import .twitter_header .page_info .text a,
.sns-relate-import .facebook_header .user_info .text a,
.sns-relate-import .facebook_header .page_info .text a,
.sns-relate-import .fb_user_header .user_info .text a,
.sns-relate-import .fb_user_header .page_info .text a,
.sns-relate-import .instagram_header .user_info .text a,
.sns-relate-import .instagram_header .page_info .text a,
.sns-relate-import .sns_check .user_info .text a,
.sns-relate-import .sns_check .page_info .text a {
  color: #fff;
}
.sns-relate-login .twitter_header .user_info .text p,
.sns-relate-login .twitter_header .page_info .text p,
.sns-relate-login .facebook_header .user_info .text p,
.sns-relate-login .facebook_header .page_info .text p,
.sns-relate-login .fb_user_header .user_info .text p,
.sns-relate-login .fb_user_header .page_info .text p,
.sns-relate-login .instagram_header .user_info .text p,
.sns-relate-login .instagram_header .page_info .text p,
.sns-relate-login .sns_check .user_info .text p,
.sns-relate-login .sns_check .page_info .text p,
.sns-relate-list .twitter_header .user_info .text p,
.sns-relate-list .twitter_header .page_info .text p,
.sns-relate-list .facebook_header .user_info .text p,
.sns-relate-list .facebook_header .page_info .text p,
.sns-relate-list .fb_user_header .user_info .text p,
.sns-relate-list .fb_user_header .page_info .text p,
.sns-relate-list .instagram_header .user_info .text p,
.sns-relate-list .instagram_header .page_info .text p,
.sns-relate-list .sns_check .user_info .text p,
.sns-relate-list .sns_check .page_info .text p,
.sns-relate-editor .twitter_header .user_info .text p,
.sns-relate-editor .twitter_header .page_info .text p,
.sns-relate-editor .facebook_header .user_info .text p,
.sns-relate-editor .facebook_header .page_info .text p,
.sns-relate-editor .fb_user_header .user_info .text p,
.sns-relate-editor .fb_user_header .page_info .text p,
.sns-relate-editor .instagram_header .user_info .text p,
.sns-relate-editor .instagram_header .page_info .text p,
.sns-relate-editor .sns_check .user_info .text p,
.sns-relate-editor .sns_check .page_info .text p,
.sns-relate-import .twitter_header .user_info .text p,
.sns-relate-import .twitter_header .page_info .text p,
.sns-relate-import .facebook_header .user_info .text p,
.sns-relate-import .facebook_header .page_info .text p,
.sns-relate-import .fb_user_header .user_info .text p,
.sns-relate-import .fb_user_header .page_info .text p,
.sns-relate-import .instagram_header .user_info .text p,
.sns-relate-import .instagram_header .page_info .text p,
.sns-relate-import .sns_check .user_info .text p,
.sns-relate-import .sns_check .page_info .text p {
  font-size: 0.6em;
  font-weight: 400;
}
.sns-relate-login .twitter_header .user_info .page_name,
.sns-relate-login .twitter_header .page_info .page_name,
.sns-relate-login .facebook_header .user_info .page_name,
.sns-relate-login .facebook_header .page_info .page_name,
.sns-relate-login .fb_user_header .user_info .page_name,
.sns-relate-login .fb_user_header .page_info .page_name,
.sns-relate-login .instagram_header .user_info .page_name,
.sns-relate-login .instagram_header .page_info .page_name,
.sns-relate-login .sns_check .user_info .page_name,
.sns-relate-login .sns_check .page_info .page_name,
.sns-relate-list .twitter_header .user_info .page_name,
.sns-relate-list .twitter_header .page_info .page_name,
.sns-relate-list .facebook_header .user_info .page_name,
.sns-relate-list .facebook_header .page_info .page_name,
.sns-relate-list .fb_user_header .user_info .page_name,
.sns-relate-list .fb_user_header .page_info .page_name,
.sns-relate-list .instagram_header .user_info .page_name,
.sns-relate-list .instagram_header .page_info .page_name,
.sns-relate-list .sns_check .user_info .page_name,
.sns-relate-list .sns_check .page_info .page_name,
.sns-relate-editor .twitter_header .user_info .page_name,
.sns-relate-editor .twitter_header .page_info .page_name,
.sns-relate-editor .facebook_header .user_info .page_name,
.sns-relate-editor .facebook_header .page_info .page_name,
.sns-relate-editor .fb_user_header .user_info .page_name,
.sns-relate-editor .fb_user_header .page_info .page_name,
.sns-relate-editor .instagram_header .user_info .page_name,
.sns-relate-editor .instagram_header .page_info .page_name,
.sns-relate-editor .sns_check .user_info .page_name,
.sns-relate-editor .sns_check .page_info .page_name,
.sns-relate-import .twitter_header .user_info .page_name,
.sns-relate-import .twitter_header .page_info .page_name,
.sns-relate-import .facebook_header .user_info .page_name,
.sns-relate-import .facebook_header .page_info .page_name,
.sns-relate-import .fb_user_header .user_info .page_name,
.sns-relate-import .fb_user_header .page_info .page_name,
.sns-relate-import .instagram_header .user_info .page_name,
.sns-relate-import .instagram_header .page_info .page_name,
.sns-relate-import .sns_check .user_info .page_name,
.sns-relate-import .sns_check .page_info .page_name {
  font-size: 2.5em;
  padding-left: 0.8em;
}
.sns-relate-login .twitter_header .user_info .username,
.sns-relate-login .twitter_header .user_info .usertitle,
.sns-relate-login .twitter_header .page_info .username,
.sns-relate-login .twitter_header .page_info .usertitle,
.sns-relate-login .facebook_header .user_info .username,
.sns-relate-login .facebook_header .user_info .usertitle,
.sns-relate-login .facebook_header .page_info .username,
.sns-relate-login .facebook_header .page_info .usertitle,
.sns-relate-login .fb_user_header .user_info .username,
.sns-relate-login .fb_user_header .user_info .usertitle,
.sns-relate-login .fb_user_header .page_info .username,
.sns-relate-login .fb_user_header .page_info .usertitle,
.sns-relate-login .instagram_header .user_info .username,
.sns-relate-login .instagram_header .user_info .usertitle,
.sns-relate-login .instagram_header .page_info .username,
.sns-relate-login .instagram_header .page_info .usertitle,
.sns-relate-login .sns_check .user_info .username,
.sns-relate-login .sns_check .user_info .usertitle,
.sns-relate-login .sns_check .page_info .username,
.sns-relate-login .sns_check .page_info .usertitle,
.sns-relate-list .twitter_header .user_info .username,
.sns-relate-list .twitter_header .user_info .usertitle,
.sns-relate-list .twitter_header .page_info .username,
.sns-relate-list .twitter_header .page_info .usertitle,
.sns-relate-list .facebook_header .user_info .username,
.sns-relate-list .facebook_header .user_info .usertitle,
.sns-relate-list .facebook_header .page_info .username,
.sns-relate-list .facebook_header .page_info .usertitle,
.sns-relate-list .fb_user_header .user_info .username,
.sns-relate-list .fb_user_header .user_info .usertitle,
.sns-relate-list .fb_user_header .page_info .username,
.sns-relate-list .fb_user_header .page_info .usertitle,
.sns-relate-list .instagram_header .user_info .username,
.sns-relate-list .instagram_header .user_info .usertitle,
.sns-relate-list .instagram_header .page_info .username,
.sns-relate-list .instagram_header .page_info .usertitle,
.sns-relate-list .sns_check .user_info .username,
.sns-relate-list .sns_check .user_info .usertitle,
.sns-relate-list .sns_check .page_info .username,
.sns-relate-list .sns_check .page_info .usertitle,
.sns-relate-editor .twitter_header .user_info .username,
.sns-relate-editor .twitter_header .user_info .usertitle,
.sns-relate-editor .twitter_header .page_info .username,
.sns-relate-editor .twitter_header .page_info .usertitle,
.sns-relate-editor .facebook_header .user_info .username,
.sns-relate-editor .facebook_header .user_info .usertitle,
.sns-relate-editor .facebook_header .page_info .username,
.sns-relate-editor .facebook_header .page_info .usertitle,
.sns-relate-editor .fb_user_header .user_info .username,
.sns-relate-editor .fb_user_header .user_info .usertitle,
.sns-relate-editor .fb_user_header .page_info .username,
.sns-relate-editor .fb_user_header .page_info .usertitle,
.sns-relate-editor .instagram_header .user_info .username,
.sns-relate-editor .instagram_header .user_info .usertitle,
.sns-relate-editor .instagram_header .page_info .username,
.sns-relate-editor .instagram_header .page_info .usertitle,
.sns-relate-editor .sns_check .user_info .username,
.sns-relate-editor .sns_check .user_info .usertitle,
.sns-relate-editor .sns_check .page_info .username,
.sns-relate-editor .sns_check .page_info .usertitle,
.sns-relate-import .twitter_header .user_info .username,
.sns-relate-import .twitter_header .user_info .usertitle,
.sns-relate-import .twitter_header .page_info .username,
.sns-relate-import .twitter_header .page_info .usertitle,
.sns-relate-import .facebook_header .user_info .username,
.sns-relate-import .facebook_header .user_info .usertitle,
.sns-relate-import .facebook_header .page_info .username,
.sns-relate-import .facebook_header .page_info .usertitle,
.sns-relate-import .fb_user_header .user_info .username,
.sns-relate-import .fb_user_header .user_info .usertitle,
.sns-relate-import .fb_user_header .page_info .username,
.sns-relate-import .fb_user_header .page_info .usertitle,
.sns-relate-import .instagram_header .user_info .username,
.sns-relate-import .instagram_header .user_info .usertitle,
.sns-relate-import .instagram_header .page_info .username,
.sns-relate-import .instagram_header .page_info .usertitle,
.sns-relate-import .sns_check .user_info .username,
.sns-relate-import .sns_check .user_info .usertitle,
.sns-relate-import .sns_check .page_info .username,
.sns-relate-import .sns_check .page_info .usertitle {
  font-size: 2em;
}
.sns-relate-login .twitter_header .user_info .user_icon,
.sns-relate-login .twitter_header .page_info .user_icon,
.sns-relate-login .facebook_header .user_info .user_icon,
.sns-relate-login .facebook_header .page_info .user_icon,
.sns-relate-login .fb_user_header .user_info .user_icon,
.sns-relate-login .fb_user_header .page_info .user_icon,
.sns-relate-login .instagram_header .user_info .user_icon,
.sns-relate-login .instagram_header .page_info .user_icon,
.sns-relate-login .sns_check .user_info .user_icon,
.sns-relate-login .sns_check .page_info .user_icon,
.sns-relate-list .twitter_header .user_info .user_icon,
.sns-relate-list .twitter_header .page_info .user_icon,
.sns-relate-list .facebook_header .user_info .user_icon,
.sns-relate-list .facebook_header .page_info .user_icon,
.sns-relate-list .fb_user_header .user_info .user_icon,
.sns-relate-list .fb_user_header .page_info .user_icon,
.sns-relate-list .instagram_header .user_info .user_icon,
.sns-relate-list .instagram_header .page_info .user_icon,
.sns-relate-list .sns_check .user_info .user_icon,
.sns-relate-list .sns_check .page_info .user_icon,
.sns-relate-editor .twitter_header .user_info .user_icon,
.sns-relate-editor .twitter_header .page_info .user_icon,
.sns-relate-editor .facebook_header .user_info .user_icon,
.sns-relate-editor .facebook_header .page_info .user_icon,
.sns-relate-editor .fb_user_header .user_info .user_icon,
.sns-relate-editor .fb_user_header .page_info .user_icon,
.sns-relate-editor .instagram_header .user_info .user_icon,
.sns-relate-editor .instagram_header .page_info .user_icon,
.sns-relate-editor .sns_check .user_info .user_icon,
.sns-relate-editor .sns_check .page_info .user_icon,
.sns-relate-import .twitter_header .user_info .user_icon,
.sns-relate-import .twitter_header .page_info .user_icon,
.sns-relate-import .facebook_header .user_info .user_icon,
.sns-relate-import .facebook_header .page_info .user_icon,
.sns-relate-import .fb_user_header .user_info .user_icon,
.sns-relate-import .fb_user_header .page_info .user_icon,
.sns-relate-import .instagram_header .user_info .user_icon,
.sns-relate-import .instagram_header .page_info .user_icon,
.sns-relate-import .sns_check .user_info .user_icon,
.sns-relate-import .sns_check .page_info .user_icon {
  margin-left: 2em;
  margin-right: 1.5em;
}
.sns-relate-login .twitter_header .follow_wrapper,
.sns-relate-login .facebook_header .follow_wrapper,
.sns-relate-login .fb_user_header .follow_wrapper,
.sns-relate-login .instagram_header .follow_wrapper,
.sns-relate-login .sns_check .follow_wrapper,
.sns-relate-list .twitter_header .follow_wrapper,
.sns-relate-list .facebook_header .follow_wrapper,
.sns-relate-list .fb_user_header .follow_wrapper,
.sns-relate-list .instagram_header .follow_wrapper,
.sns-relate-list .sns_check .follow_wrapper,
.sns-relate-editor .twitter_header .follow_wrapper,
.sns-relate-editor .facebook_header .follow_wrapper,
.sns-relate-editor .fb_user_header .follow_wrapper,
.sns-relate-editor .instagram_header .follow_wrapper,
.sns-relate-editor .sns_check .follow_wrapper,
.sns-relate-import .twitter_header .follow_wrapper,
.sns-relate-import .facebook_header .follow_wrapper,
.sns-relate-import .fb_user_header .follow_wrapper,
.sns-relate-import .instagram_header .follow_wrapper,
.sns-relate-import .sns_check .follow_wrapper {
  position: absolute;
  display: flex;
  right: 6em;
  bottom: 1.5em;
  font-size: 2em;
  color: #fff;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .follow_wrapper,
.sns-relate-login .facebook_header .follow_wrapper,
.sns-relate-login .fb_user_header .follow_wrapper,
.sns-relate-login .instagram_header .follow_wrapper,
.sns-relate-login .sns_check .follow_wrapper,
.sns-relate-list .twitter_header .follow_wrapper,
.sns-relate-list .facebook_header .follow_wrapper,
.sns-relate-list .fb_user_header .follow_wrapper,
.sns-relate-list .instagram_header .follow_wrapper,
.sns-relate-list .sns_check .follow_wrapper,
.sns-relate-editor .twitter_header .follow_wrapper,
.sns-relate-editor .facebook_header .follow_wrapper,
.sns-relate-editor .fb_user_header .follow_wrapper,
.sns-relate-editor .instagram_header .follow_wrapper,
.sns-relate-editor .sns_check .follow_wrapper,
.sns-relate-import .twitter_header .follow_wrapper,
.sns-relate-import .facebook_header .follow_wrapper,
.sns-relate-import .fb_user_header .follow_wrapper,
.sns-relate-import .instagram_header .follow_wrapper,
.sns-relate-import .sns_check .follow_wrapper {
    right: 0;
    bottom: 0.5em;
    font-size: 1.5em;
  }
}
.sns-relate-login .twitter_header .follower,
.sns-relate-login .facebook_header .follower,
.sns-relate-login .fb_user_header .follower,
.sns-relate-login .instagram_header .follower,
.sns-relate-login .sns_check .follower,
.sns-relate-list .twitter_header .follower,
.sns-relate-list .facebook_header .follower,
.sns-relate-list .fb_user_header .follower,
.sns-relate-list .instagram_header .follower,
.sns-relate-list .sns_check .follower,
.sns-relate-editor .twitter_header .follower,
.sns-relate-editor .facebook_header .follower,
.sns-relate-editor .fb_user_header .follower,
.sns-relate-editor .instagram_header .follower,
.sns-relate-editor .sns_check .follower,
.sns-relate-import .twitter_header .follower,
.sns-relate-import .facebook_header .follower,
.sns-relate-import .fb_user_header .follower,
.sns-relate-import .instagram_header .follower,
.sns-relate-import .sns_check .follower {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-left: 1.7em;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .follower,
.sns-relate-login .facebook_header .follower,
.sns-relate-login .fb_user_header .follower,
.sns-relate-login .instagram_header .follower,
.sns-relate-login .sns_check .follower,
.sns-relate-list .twitter_header .follower,
.sns-relate-list .facebook_header .follower,
.sns-relate-list .fb_user_header .follower,
.sns-relate-list .instagram_header .follower,
.sns-relate-list .sns_check .follower,
.sns-relate-editor .twitter_header .follower,
.sns-relate-editor .facebook_header .follower,
.sns-relate-editor .fb_user_header .follower,
.sns-relate-editor .instagram_header .follower,
.sns-relate-editor .sns_check .follower,
.sns-relate-import .twitter_header .follower,
.sns-relate-import .facebook_header .follower,
.sns-relate-import .fb_user_header .follower,
.sns-relate-import .instagram_header .follower,
.sns-relate-import .sns_check .follower {
    font-size: 1.2em;
  }
}
.sns-relate-login .twitter_header .follower.white,
.sns-relate-login .facebook_header .follower.white,
.sns-relate-login .fb_user_header .follower.white,
.sns-relate-login .instagram_header .follower.white,
.sns-relate-login .sns_check .follower.white,
.sns-relate-list .twitter_header .follower.white,
.sns-relate-list .facebook_header .follower.white,
.sns-relate-list .fb_user_header .follower.white,
.sns-relate-list .instagram_header .follower.white,
.sns-relate-list .sns_check .follower.white,
.sns-relate-editor .twitter_header .follower.white,
.sns-relate-editor .facebook_header .follower.white,
.sns-relate-editor .fb_user_header .follower.white,
.sns-relate-editor .instagram_header .follower.white,
.sns-relate-editor .sns_check .follower.white,
.sns-relate-import .twitter_header .follower.white,
.sns-relate-import .facebook_header .follower.white,
.sns-relate-import .fb_user_header .follower.white,
.sns-relate-import .instagram_header .follower.white,
.sns-relate-import .sns_check .follower.white {
  color: #fff;
}
.sns-relate-login .twitter_header .follower span,
.sns-relate-login .facebook_header .follower span,
.sns-relate-login .fb_user_header .follower span,
.sns-relate-login .instagram_header .follower span,
.sns-relate-login .sns_check .follower span,
.sns-relate-list .twitter_header .follower span,
.sns-relate-list .facebook_header .follower span,
.sns-relate-list .fb_user_header .follower span,
.sns-relate-list .instagram_header .follower span,
.sns-relate-list .sns_check .follower span,
.sns-relate-editor .twitter_header .follower span,
.sns-relate-editor .facebook_header .follower span,
.sns-relate-editor .fb_user_header .follower span,
.sns-relate-editor .instagram_header .follower span,
.sns-relate-editor .sns_check .follower span,
.sns-relate-import .twitter_header .follower span,
.sns-relate-import .facebook_header .follower span,
.sns-relate-import .fb_user_header .follower span,
.sns-relate-import .instagram_header .follower span,
.sns-relate-import .sns_check .follower span {
  font-size: 2em;
  font-weight: bold;
  padding-right: 0.5em;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .follower span,
.sns-relate-login .facebook_header .follower span,
.sns-relate-login .fb_user_header .follower span,
.sns-relate-login .instagram_header .follower span,
.sns-relate-login .sns_check .follower span,
.sns-relate-list .twitter_header .follower span,
.sns-relate-list .facebook_header .follower span,
.sns-relate-list .fb_user_header .follower span,
.sns-relate-list .instagram_header .follower span,
.sns-relate-list .sns_check .follower span,
.sns-relate-editor .twitter_header .follower span,
.sns-relate-editor .facebook_header .follower span,
.sns-relate-editor .fb_user_header .follower span,
.sns-relate-editor .instagram_header .follower span,
.sns-relate-editor .sns_check .follower span,
.sns-relate-import .twitter_header .follower span,
.sns-relate-import .facebook_header .follower span,
.sns-relate-import .fb_user_header .follower span,
.sns-relate-import .instagram_header .follower span,
.sns-relate-import .sns_check .follower span {
    font-size: 1.6em;
  }
}
.sns-relate-login .twitter_header .count,
.sns-relate-login .facebook_header .count,
.sns-relate-login .fb_user_header .count,
.sns-relate-login .instagram_header .count,
.sns-relate-login .sns_check .count,
.sns-relate-list .twitter_header .count,
.sns-relate-list .facebook_header .count,
.sns-relate-list .fb_user_header .count,
.sns-relate-list .instagram_header .count,
.sns-relate-list .sns_check .count,
.sns-relate-editor .twitter_header .count,
.sns-relate-editor .facebook_header .count,
.sns-relate-editor .fb_user_header .count,
.sns-relate-editor .instagram_header .count,
.sns-relate-editor .sns_check .count,
.sns-relate-import .twitter_header .count,
.sns-relate-import .facebook_header .count,
.sns-relate-import .fb_user_header .count,
.sns-relate-import .instagram_header .count,
.sns-relate-import .sns_check .count {
  position: absolute;
  bottom: 3em;
  left: 3em;
  color: #fff;
}
@media (max-width: 767px) {
  .sns-relate-login .twitter_header .count,
.sns-relate-login .facebook_header .count,
.sns-relate-login .fb_user_header .count,
.sns-relate-login .instagram_header .count,
.sns-relate-login .sns_check .count,
.sns-relate-list .twitter_header .count,
.sns-relate-list .facebook_header .count,
.sns-relate-list .fb_user_header .count,
.sns-relate-list .instagram_header .count,
.sns-relate-list .sns_check .count,
.sns-relate-editor .twitter_header .count,
.sns-relate-editor .facebook_header .count,
.sns-relate-editor .fb_user_header .count,
.sns-relate-editor .instagram_header .count,
.sns-relate-editor .sns_check .count,
.sns-relate-import .twitter_header .count,
.sns-relate-import .facebook_header .count,
.sns-relate-import .fb_user_header .count,
.sns-relate-import .instagram_header .count,
.sns-relate-import .sns_check .count {
    font-size: 1.4em;
    bottom: 1.4em;
    left: 1.4em;
  }
}
.sns-relate-login .facebook_header,
.sns-relate-list .facebook_header,
.sns-relate-editor .facebook_header,
.sns-relate-import .facebook_header {
  padding-left: 0;
}
@media (max-width: 767px) {
  .sns-relate-login .facebook_header,
.sns-relate-list .facebook_header,
.sns-relate-editor .facebook_header,
.sns-relate-import .facebook_header {
    gap: 2em;
  }
}
.sns-relate-login .facebook_header .user_info,
.sns-relate-list .facebook_header .user_info,
.sns-relate-editor .facebook_header .user_info,
.sns-relate-import .facebook_header .user_info {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 1em;
  margin-left: auto;
  font-size: 0.8em;
}
.sns-relate-login .facebook_header .user_info .image,
.sns-relate-list .facebook_header .user_info .image,
.sns-relate-editor .facebook_header .user_info .image,
.sns-relate-import .facebook_header .user_info .image {
  width: 4em;
  height: 4em;
}
.sns-relate-login .fb_user_header,
.sns-relate-list .fb_user_header,
.sns-relate-editor .fb_user_header,
.sns-relate-import .fb_user_header {
  padding: 4em 2em 1em;
}
@media (max-width: 767px) {
  .sns-relate-login .fb_user_header .user_info,
.sns-relate-list .fb_user_header .user_info,
.sns-relate-editor .fb_user_header .user_info,
.sns-relate-import .fb_user_header .user_info {
    display: grid;
    grid-template-columns: 9em auto;
    grid-template-rows: auto auto;
    row-gap: 1em;
  }
  .sns-relate-login .fb_user_header .user_info .usertitle,
.sns-relate-list .fb_user_header .user_info .usertitle,
.sns-relate-editor .fb_user_header .user_info .usertitle,
.sns-relate-import .fb_user_header .user_info .usertitle {
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
.sns-relate-login .instagram_header,
.sns-relate-list .instagram_header,
.sns-relate-editor .instagram_header,
.sns-relate-import .instagram_header {
  justify-content: left;
  color: #fff;
}
@media (max-width: 767px) {
  .sns-relate-login .instagram_header .user_info .text,
.sns-relate-list .instagram_header .user_info .text,
.sns-relate-editor .instagram_header .user_info .text,
.sns-relate-import .instagram_header .user_info .text {
    width: 20em;
    padding: 0 1em;
  }
}
.sns-relate-login .modal_ctrl,
.sns-relate-list .modal_ctrl,
.sns-relate-editor .modal_ctrl,
.sns-relate-import .modal_ctrl {
  position: fixed;
  width: 80%;
  display: flex;
  background-color: #E5E5E5;
  border-radius: 15px;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  padding: 4em 2em 2em;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 35;
}
@media (max-width: 767px) {
  .sns-relate-login .modal_ctrl,
.sns-relate-list .modal_ctrl,
.sns-relate-editor .modal_ctrl,
.sns-relate-import .modal_ctrl {
    width: 90%;
    padding: 3em 1em 2em;
    display: block;
  }
}
.sns-relate-login .modal_ctrl .ctrl_wrapper,
.sns-relate-list .modal_ctrl .ctrl_wrapper,
.sns-relate-editor .modal_ctrl .ctrl_wrapper,
.sns-relate-import .modal_ctrl .ctrl_wrapper {
  padding: 1em;
  margin-left: 3em;
  display: flex;
  -moz-column-gap: 3em;
       column-gap: 3em;
}
@media (max-width: 767px) {
  .sns-relate-login .modal_ctrl .ctrl_wrapper,
.sns-relate-list .modal_ctrl .ctrl_wrapper,
.sns-relate-editor .modal_ctrl .ctrl_wrapper,
.sns-relate-import .modal_ctrl .ctrl_wrapper {
    margin-left: 0;
    display: block;
  }
}
.sns-relate-login .modal_ctrl .btn_wrapper,
.sns-relate-list .modal_ctrl .btn_wrapper,
.sns-relate-editor .modal_ctrl .btn_wrapper,
.sns-relate-import .modal_ctrl .btn_wrapper {
  position: absolute;
  right: 6em;
  top: 50px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .sns-relate-login .modal_ctrl .btn_wrapper,
.sns-relate-list .modal_ctrl .btn_wrapper,
.sns-relate-editor .modal_ctrl .btn_wrapper,
.sns-relate-import .modal_ctrl .btn_wrapper {
    right: 2em;
    top: auto;
    bottom: 1em;
  }
}
.sns-relate-login .modal_ctrl .getin_postType,
.sns-relate-list .modal_ctrl .getin_postType,
.sns-relate-editor .modal_ctrl .getin_postType,
.sns-relate-import .modal_ctrl .getin_postType {
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  background: transparent;
  margin-left: auto;
  margin-bottom: 1.1em;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #28468C;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8em;
}
@media (max-width: 767px) {
  .sns-relate-login .modal_ctrl .getin_postType,
.sns-relate-list .modal_ctrl .getin_postType,
.sns-relate-editor .modal_ctrl .getin_postType,
.sns-relate-import .modal_ctrl .getin_postType {
    font-size: 1.6em;
  }
}
.sns-relate-login .modal_ctrl .getin_postType::before,
.sns-relate-list .modal_ctrl .getin_postType::before,
.sns-relate-editor .modal_ctrl .getin_postType::before,
.sns-relate-import .modal_ctrl .getin_postType::before {
  width: 99%;
  transform: skewX(345deg) translateX(7%);
  content: "";
  /*ボックスを作る*/
  position: absolute;
  /*ポジションで中央に配置*/
  top: 0;
  bottom: 0;
  left: -20px;
  right: 0;
  background-color: rgb(245, 241, 232);
  z-index: -1;
}
.sns-relate-login .sp_br,
.sns-relate-list .sp_br,
.sns-relate-editor .sp_br,
.sns-relate-import .sp_br {
  display: none;
}
@media (max-width: 767px) {
  .sns-relate-login .sp_br,
.sns-relate-list .sp_br,
.sns-relate-editor .sp_br,
.sns-relate-import .sp_br {
    display: block;
  }
}
.sns-relate-login .pc_br,
.sns-relate-list .pc_br,
.sns-relate-editor .pc_br,
.sns-relate-import .pc_br {
  display: block;
}
@media (max-width: 767px) {
  .sns-relate-login .pc_br,
.sns-relate-list .pc_br,
.sns-relate-editor .pc_br,
.sns-relate-import .pc_br {
    display: none;
  }
}
.sns-relate-login .editor_frame,
.sns-relate-list .editor_frame,
.sns-relate-editor .editor_frame,
.sns-relate-import .editor_frame {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 3em;
       column-gap: 3em;
  margin-top: 5em;
  margin-bottom: 12em;
}
@media (max-width: 767px) {
  .sns-relate-login .editor_frame,
.sns-relate-list .editor_frame,
.sns-relate-editor .editor_frame,
.sns-relate-import .editor_frame {
    margin-top: 7.5em;
    display: block;
    padding: 0 20px;
  }
}

.sns-relate-login .condition_area {
  width: 60%;
  margin: 5em auto 5em;
}
@media (max-width: 767px) {
  .sns-relate-login .condition_area {
    margin-top: 8em;
    width: 100%;
  }
}
.sns-relate-login .condition_area .inner_title {
  margin-bottom: 0.4em;
  background-color: #28468C;
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 2.4em;
}
@media (max-width: 767px) {
  .sns-relate-login .condition_area .inner_title {
    font-size: 2em;
  }
}
.sns-relate-login .condition_area .instagram_header {
  color: #000;
}
.sns-relate-login .wp_buttons, .sns-relate-login .tw_buttons, .sns-relate-login .fb_buttons, .sns-relate-login .insta_info {
  margin-top: 5em;
  background-color: rgb(245, 241, 232);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  padding-bottom: 2em;
}
@media (max-width: 767px) {
  .sns-relate-login .wp_buttons, .sns-relate-login .tw_buttons, .sns-relate-login .fb_buttons, .sns-relate-login .insta_info {
    margin-top: 3em;
  }
}
.sns-relate-login .fb_buttons {
  margin-bottom: 5em;
}
.sns-relate-login .fb_buttons .fb_content {
  padding: 0 3em 2em;
}
@media (max-width: 767px) {
  .sns-relate-login .fb_buttons .fb_content {
    padding: 0 2em 2em;
  }
}
.sns-relate-login .fb_buttons .fb_content #status {
  font-size: 2.4em;
}
@media (max-width: 767px) {
  .sns-relate-login .fb_buttons .fb_content #status {
    font-size: 2em;
  }
}
.sns-relate-login .command_area {
  width: 40%;
  margin: 5em auto;
}
@media (max-width: 767px) {
  .sns-relate-login .command_area {
    width: 100%;
    margin: 3em auto;
  }
}
.sns-relate-login .command_list {
  margin: 5em auto 0;
  border-radius: 10px;
  background-color: rgb(245, 241, 232);
  padding: 3em;
}
@media (max-width: 767px) {
  .sns-relate-login .command_list {
    margin-top: 3em;
  }
}
.sns-relate-login .command_list li {
  width: 20em;
  margin: 0 auto;
}
.sns-relate-login .command_list li:not(:first-child) {
  margin-top: 3em;
}
.sns-relate-login .command_list li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.sns-relate-login .option_area {
  margin-top: 5em;
}
.sns-relate-login .option_area .post_select {
  width: 100%;
  margin: 3em auto 0;
  background-color: rgb(245, 241, 232);
  padding: 3em;
  border-radius: 10px;
}
.sns-relate-login .option_area .post_select .custom_select {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .sns-relate-list .scroll_wrapper {
    margin-bottom: 2em;
  }
}
.sns-relate-list table {
  width: 100%;
  margin: 3em auto;
  border-collapse: collapse;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  table-layout: fixed;
}
.sns-relate-list table tbody:nth-child(odd) td {
  background: #F5F6F8;
}
.sns-relate-list table tbody:nth-child(even) td {
  background: rgb(245, 241, 232);
}
.sns-relate-list table tr {
  height: 4em;
}
@media (max-width: 767px) {
  .sns-relate-list table tr {
    height: 12em;
  }
}
.sns-relate-list table th,
.sns-relate-list table td {
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 0.6em;
}
@media (max-width: 767px) {
  .sns-relate-list table th,
.sns-relate-list table td {
    padding: 0.3em;
  }
}
.sns-relate-list table th {
  background: #28468C;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .sns-relate-list table th {
    font-size: 1.2em;
  }
}
.sns-relate-list table thead th:nth-child(1) {
  width: 12%;
}
@media (max-width: 767px) {
  .sns-relate-list table thead th:nth-child(1) {
    width: 17%;
  }
}
.sns-relate-list table thead th:nth-child(2) {
  width: 15%;
}
@media (max-width: 767px) {
  .sns-relate-list table thead th:nth-child(2) {
    width: 27%;
  }
}
.sns-relate-list table thead th:nth-child(3) {
  width: 10%;
}
@media (max-width: 767px) {
  .sns-relate-list table thead th:nth-child(3) {
    display: none;
  }
}
.sns-relate-list table thead th:nth-child(4) {
  width: 63%;
}
@media (max-width: 767px) {
  .sns-relate-list table thead th:nth-child(4) {
    width: 55%;
  }
}
.sns-relate-list table td {
  font-size: 1.8em;
}
.sns-relate-list table td.caution {
  font-weight: bold;
  color: red;
}
@media (max-width: 767px) {
  .sns-relate-list table td {
    font-size: 1.2em;
  }
  .sns-relate-list table td.status {
    display: none;
  }
}
.sns-relate-list table .ctrl {
  position: relative;
}
.sns-relate-list table .ctrl .tr_toggle {
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  width: 3em;
  height: 3em;
  transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
  .sns-relate-list table .ctrl .tr_toggle {
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
  }
}
.sns-relate-list table .ctrl .tr_toggle img {
  width: 100%;
  height: 100%;
}
.sns-relate-list table .ctrl .tr_toggle:hover {
  cursor: pointer;
}
.sns-relate-list table .ctrl .tr_toggle.is_open {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 767px) {
  .sns-relate-list table .ctrl .tr_toggle.is_open {
    transform: translateX(-50%) rotate(180deg);
  }
}
@media (max-width: 767px) {
  .sns-relate-list table .ctrl .list_buttons {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.5em;
  }
}
.sns-relate-list table .hide_tr {
  display: none;
  height: 0;
}
.sns-relate-list table .hide_tr div {
  display: none;
  padding: 0.6em;
  word-wrap: break-word;
}
.sns-relate-list table .hide_tr th {
  padding: 0;
}
.sns-relate-list table .hide_tr td {
  padding: 0;
}
.sns-relate-list table .hide_tr .status_err {
  background-color: #f8e0e0;
}
.sns-relate-list table .hide_tr .status_reserve {
  background-color: #c5f1d4;
}
.sns-relate-list table .hide_tr .status_wait {
  background-color: #dbe089;
}
.sns-relate-list .snslist_frame {
  padding-top: 2em;
  margin-bottom: 10em;
}
.sns-relate-list .snslist_inner {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sns-relate-list .snslist_inner {
    width: 100%;
    padding: 0;
  }
}
.sns-relate-list .snslist_post {
  overflow-wrap: break-word;
}
.sns-relate-list .snslist_pagination ul {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-list .snslist_pagination ul {
    margin-bottom: 3em;
  }
}
.sns-relate-list .snslist_pagination ul li .page-numbers {
  display: block;
  width: 1.7em;
  height: 1.7em;
  font-size: 3em;
  text-align: center;
  line-height: 1.7em;
  background-color: #28468C;
  border-radius: 0.3em;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.sns-relate-list .snslist_pagination ul li .page-numbers:hover {
  opacity: 0.7;
}
.sns-relate-list .snslist_pagination ul li .page-numbers.long {
  padding: 0.12em 0.7em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.sns-relate-list .snslist_pagination ul li .page-numbers.current {
  border: #28468C 1px solid;
  background-color: #fff;
  color: #28468C;
}
@media (max-width: 767px) {
  .sns-relate-list .snslist_pagination ul li .page-numbers {
    width: 1.5em;
    height: 1.5em;
    font-size: 2em;
    line-height: 1.5em;
  }
}
.sns-relate-list .snslist_pagination ul li:not(:first-child) {
  margin-left: 1.7em;
}
@media (max-width: 767px) {
  .sns-relate-list .snslist_pagination ul li:not(:first-child) {
    margin-left: 0.5em;
  }
}

.sns-relate-editor .edit_snspost {
  width: 65%;
  margin: 5em auto 20em;
  padding: 0 4em;
  position: relative;
  /*progressbar*/
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost {
    width: 100%;
    padding: 0;
    margin-top: 4em;
  }
}
.sns-relate-editor .edit_snspost fieldset {
  width: 100%;
  margin-bottom: 3em;
}
.sns-relate-editor .edit_snspost fieldset:not(:first-of-type) {
  display: none;
}
.sns-relate-editor .edit_snspost #progressbar {
  margin-bottom: 1.5em;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
.sns-relate-editor .edit_snspost #progressbar li {
  color: #000;
  text-transform: uppercase;
  font-size: 1em;
  width: 33.33%;
  float: left;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
}
.sns-relate-editor .edit_snspost #progressbar li::before {
  content: counter(step);
  counter-increment: step;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.25em;
  text-align: center;
  display: block;
  font-size: 2em;
  color: #333;
  background: white;
  border: #000 solid 1px;
  border-radius: 50%;
  margin: 0 auto 10px auto;
}
.sns-relate-editor .edit_snspost #progressbar li::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: -50%;
  top: 1em;
  background-image: linear-gradient(to right, rgb(12, 11, 11) 50%, #ee0979 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 1s;
  z-index: -1;
  /*put it behind the numbers*/
}
.sns-relate-editor .edit_snspost #progressbar li:first-child::after {
  /*connector not needed before the first step*/
  content: none;
}
.sns-relate-editor .edit_snspost #progressbar li.active::before {
  background: #ee0979;
  color: white;
  border: none;
}
.sns-relate-editor .edit_snspost #progressbar li.active::after {
  background-position: -100% 0;
  color: #fff;
}
.sns-relate-editor .edit_snspost .input_image_erea,
.sns-relate-editor .edit_snspost .option_input_area,
.sns-relate-editor .edit_snspost .text_input_area {
  padding: 6em 2em;
  border-radius: 10px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  background-color: rgb(245, 241, 232);
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .input_image_erea,
.sns-relate-editor .edit_snspost .option_input_area,
.sns-relate-editor .edit_snspost .text_input_area {
    padding: 2em 1em;
  }
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image,
.sns-relate-editor .edit_snspost .option_input_area .input_image,
.sns-relate-editor .edit_snspost .text_input_area .input_image {
  position: relative;
  display: flex;
  background-color: rgb(236, 236, 236);
  padding: 3em 2em;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 2em;
       column-gap: 2em;
  row-gap: 3em;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image:not(:first-child),
.sns-relate-editor .edit_snspost .option_input_area .input_image:not(:first-child),
.sns-relate-editor .edit_snspost .text_input_area .input_image:not(:first-child) {
  margin-top: 4em;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .input_image_erea .input_image,
.sns-relate-editor .edit_snspost .option_input_area .input_image,
.sns-relate-editor .edit_snspost .text_input_area .input_image {
    padding: 2em 1em;
    display: block;
  }
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .group_title,
.sns-relate-editor .edit_snspost .option_input_area .input_image .group_title,
.sns-relate-editor .edit_snspost .text_input_area .input_image .group_title {
  position: absolute;
  font-size: 2em;
  padding: 0.25em 1em;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0.5em;
  top: -1em;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border-radius: 5px;
  z-index: 10;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .input_image_erea .input_image .group_title,
.sns-relate-editor .edit_snspost .option_input_area .input_image .group_title,
.sns-relate-editor .edit_snspost .text_input_area .input_image .group_title {
    font-size: 1.4em;
    padding: 0.5em;
    left: 0.5em;
    top: -1em;
  }
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item {
  width: 23%;
  background-color: #fff;
  position: relative;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item {
    width: 100%;
  }
  .sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item:not(:first-child),
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item:not(:first-child),
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item:not(:first-child) {
    margin-top: 1.5em;
  }
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item::after,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item::after,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 8px;
  box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);
  background-color: transparent;
  border-radius: 80px/4px;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .media_wrapper,
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .media_wrapper,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .media_wrapper,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper {
  position: relative;
  overflow: hidden;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .media_wrapper .img_frame,
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper .img_frame,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .media_wrapper .img_frame,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper .img_frame,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .media_wrapper .img_frame,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper .img_frame {
  padding-top: 60%;
  transition: all 0.3s ease 0s;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .media_wrapper .img_frame:hover,
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper .img_frame:hover,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .media_wrapper .img_frame:hover,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper .img_frame:hover,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .media_wrapper .img_frame:hover,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper .img_frame:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .media_wrapper.hide,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .media_wrapper.hide,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .media_wrapper.hide {
  opacity: 0;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-style: preserve-3d;
  box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 28px 28px 28px 0 rgba(34, 33, 81, 0.25);
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out box-shadow, 0.5s ease-in-out opacity;
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper.move,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper.move,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper.move {
  opacity: 0.5;
  transform: translate3d(0px, -16px, 0px);
  box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 54px 54px 28px -10px rgba(34, 33, 81, 0.15);
}
.sns-relate-editor .edit_snspost .input_image_erea .input_image .media_item .move_wrapper .radio_list,
.sns-relate-editor .edit_snspost .option_input_area .input_image .media_item .move_wrapper .radio_list,
.sns-relate-editor .edit_snspost .text_input_area .input_image .media_item .move_wrapper .radio_list {
  display: none;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .input_image_erea .content_title.text,
.sns-relate-editor .edit_snspost .option_input_area .content_title.text,
.sns-relate-editor .edit_snspost .text_input_area .content_title.text {
    margin-bottom: 2.2em;
  }
}
.sns-relate-editor .edit_snspost .input_image_erea .content_title.text::after,
.sns-relate-editor .edit_snspost .option_input_area .content_title.text::after,
.sns-relate-editor .edit_snspost .text_input_area .content_title.text::after {
  background: transparent url("../img/note.png") no-repeat center center/cover;
}
.sns-relate-editor .edit_snspost .option_input_area .content_title.option::after {
  background: transparent url("../img/option.png") no-repeat center center/cover;
}
.sns-relate-editor .edit_snspost .acf-label,
.sns-relate-editor .edit_snspost .content_title {
  font-size: 2.2em;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .acf-label,
.sns-relate-editor .edit_snspost .content_title {
    font-size: 1.8em;
  }
  .sns-relate-editor .edit_snspost .acf-label .description,
.sns-relate-editor .edit_snspost .content_title .description {
    font-size: 0.78em;
  }
}
.sns-relate-editor .edit_snspost .content_title {
  margin-bottom: 3em;
}
.sns-relate-editor .edit_snspost .acf-input {
  background-color: rgb(236, 236, 236);
}
.sns-relate-editor .edit_snspost .pict_wrapper,
.sns-relate-editor .edit_snspost .movie_wrapper {
  background-color: rgb(245, 241, 232);
}
.sns-relate-editor .edit_snspost .movie_wrapper {
  margin-top: 4em !important;
}
.sns-relate-editor .edit_snspost .pict_wrapper > .acf-label > label,
.sns-relate-editor .edit_snspost .movie_wrapper > .acf-label > label,
.sns-relate-editor .edit_snspost .content_title {
  padding-left: 3em;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .pict_wrapper > .acf-label > label,
.sns-relate-editor .edit_snspost .movie_wrapper > .acf-label > label,
.sns-relate-editor .edit_snspost .content_title {
    padding-left: 4em;
  }
}
.sns-relate-editor .edit_snspost .pict_wrapper > .acf-label > label::after,
.sns-relate-editor .edit_snspost .movie_wrapper > .acf-label > label::after,
.sns-relate-editor .edit_snspost .content_title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  width: 1.5em;
  height: 1.5em;
}
.sns-relate-editor .edit_snspost .pict_wrapper > .acf-label > label::after,
.sns-relate-editor .edit_snspost .content_title.image::after {
  background: transparent url("../img/sns_pic.png") no-repeat center center/cover;
}
.sns-relate-editor .edit_snspost .image_caution {
  font-size: 1.5em;
  color: red;
}
.sns-relate-editor .edit_snspost .movie_wrapper > .acf-label > label::after,
.sns-relate-editor .edit_snspost .content_title.video::after {
  background: transparent url("../img/sns_movie.png") no-repeat center center/cover;
}
.sns-relate-editor .edit_snspost .pict_item > .acf-input > .acf-fields,
.sns-relate-editor .edit_snspost .movie_item > .acf-input > .acf-fields {
  display: flex;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .pict_item > .acf-input > .acf-fields,
.sns-relate-editor .edit_snspost .movie_item > .acf-input > .acf-fields {
    display: block;
  }
}
.sns-relate-editor .edit_snspost .image_item,
.sns-relate-editor .edit_snspost .video_item {
  width: 60%;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .image_item,
.sns-relate-editor .edit_snspost .video_item {
    width: 100%;
  }
}
.sns-relate-editor .edit_snspost .image_item > .acf-label,
.sns-relate-editor .edit_snspost .video_item > .acf-label {
  display: none;
}
.sns-relate-editor .edit_snspost .acf-fields > .acf-field {
  border-top: none;
}
.sns-relate-editor .edit_snspost .acf-image-uploader .hide-if-value,
.sns-relate-editor .edit_snspost .acf-file-uploader .hide-if-value {
  font-size: 2.2em;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .acf-image-uploader .hide-if-value,
.sns-relate-editor .edit_snspost .acf-file-uploader .hide-if-value {
    font-size: 1.4em;
  }
}
.sns-relate-editor .edit_snspost .acf-image-uploader .hide-if-value p,
.sns-relate-editor .edit_snspost .acf-file-uploader .hide-if-value p {
  background-color: #fff;
}
.sns-relate-editor .edit_snspost .acf-image-uploader .hide-if-value p a,
.sns-relate-editor .edit_snspost .acf-file-uploader .hide-if-value p a {
  margin-top: 1em;
  display: block;
}
.sns-relate-editor .edit_snspost .acf-image-uploader .acf-button,
.sns-relate-editor .edit_snspost .acf-file-uploader .acf-button {
  width: 28em;
  height: 6em;
  text-align: center;
  background-color: rgb(110, 116, 202);
  color: #fff;
  padding: 1em 2em;
  margin-left: 3em;
  border-radius: 1em;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .acf-image-uploader .acf-button,
.sns-relate-editor .edit_snspost .acf-file-uploader .acf-button {
    width: 12.5em;
    height: 2.5em;
    margin: 0 auto;
    font-size: 1.6em;
  }
}
.sns-relate-editor .edit_snspost .acf-checkbox-list li {
  font-size: 2em;
  padding: 0.5em 0.75em;
}
@media (max-width: 767px) {
  .sns-relate-editor .edit_snspost .acf-checkbox-list li {
    font-size: 1em;
  }
}
.sns-relate-editor .edit_snspost .acf-form-submit {
  margin: 2em auto 0;
  width: 15em;
  height: 5em;
  border-radius: 5px;
  background-color: rgb(236, 236, 236);
  text-align: center;
}
.sns-relate-editor .edit_snspost .acf-form-submit [type=submit] {
  font-size: 3em;
}
.sns-relate-editor .img_close {
  width: 2.5em;
  height: 2.5em;
  top: 1em;
  right: 1em;
}
@media (max-width: 767px) {
  .sns-relate-editor .img_close {
    width: 3.5em;
    height: 3.5em;
    top: 0.5em;
    right: 0.5em;
  }
}
.sns-relate-editor .snsSel_wrapper {
  position: relative;
  margin-top: 5em;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper {
    width: 100%;
  }
}
.sns-relate-editor .snsSel_wrapper .snsSel_title {
  position: absolute;
  font-size: 2em;
  padding: 0.25em 1em;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0.5em;
  top: -1em;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border-radius: 5px;
  z-index: 10;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .snsSel_title {
    font-size: 1.4em;
    padding: 0.5em;
    left: 0.5em;
    top: -1em;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select {
  position: static;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .radio_select {
    width: 100%;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list {
  width: 100%;
  padding-top: 4em;
  padding-bottom: 2em;
  background-color: #fff;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .radio_select .radio_list {
    display: block;
    padding: 4em 2em 2em;
    margin-bottom: 2em;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn {
  width: 30%;
  height: auto;
  background-color: rgb(219, 215, 215);
  border-radius: 10px;
  padding: 2em 3em 1em;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn {
    width: 100%;
  }
  .sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn:not(:first-child) {
    margin-top: 3em;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .img_wrapper {
  position: relative;
  width: 5em;
  height: 5em;
  margin: 0 auto 3em;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .img_wrapper {
    width: 3em;
    height: 3em;
    margin-bottom: 1em;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .bullet {
  width: 8em;
  height: 8em;
  left: -1.5em;
  top: -1.5em;
}
@media (max-width: 767px) {
  .sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .bullet {
    width: 5em;
    height: 5em;
    left: -1em;
    top: -1em;
  }
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .user_info {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 2em;
       column-gap: 2em;
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .user_info .image {
  width: 4em;
  height: 4em;
  position: relative;
}
.sns-relate-editor .snsSel_wrapper .radio_select .radio_list .radio_btn .user_info .image img {
  border-radius: 50%;
}
.sns-relate-editor .sns_delete,
.sns-relate-editor .sns_exec {
  position: relative;
  padding-left: 35px;
  padding-right: 10px;
  width: 10em;
  height: 2.4em;
  font-size: 2.5em;
}
.sns-relate-editor .sns_delete::after,
.sns-relate-editor .sns_exec::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 1.2em;
  height: 1.2em;
  background: transparent url("../img/trash.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-editor .sns_delete,
.sns-relate-editor .sns_exec {
    width: 9.375em;
    height: 2.5em;
    font-size: 1.6em;
    padding-left: 20px;
  }
  .sns-relate-editor .sns_delete::after,
.sns-relate-editor .sns_exec::after {
    width: 20px;
    height: 20px;
  }
}
.sns-relate-editor .sns_exec::after {
  background: transparent url("../img/add.png") no-repeat center center/cover;
}
.sns-relate-editor .sns_exec.modify::after {
  background: transparent url("../img/mod.png") no-repeat center center/cover;
}
.sns-relate-editor #sns-post .acf-form-submit {
  display: none;
}
.sns-relate-editor .modal_media {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 50;
  display: none;
}
.sns-relate-editor .modal_media.port img,
.sns-relate-editor .modal_media.port video {
  width: auto;
  height: 80vmin;
}
.sns-relate-editor .modal_media.land img,
.sns-relate-editor .modal_media.land video {
  width: 95vmin;
  height: auto;
}
.sns-relate-editor .modal_media .media_frame {
  position: relative;
}
.sns-relate-editor .modal_media .media_frame::after, .sns-relate-editor .modal_media .media_frame::before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(355deg);
}
.sns-relate-editor .modal_media .media_frame::after {
  transform: rotate(-355deg);
  right: 10px;
  left: auto;
}
.sns-relate-editor .modal_media .modal_close {
  top: -3em;
  right: -12em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_media .modal_close {
    right: -3em;
  }
}
.sns-relate-editor .modal_frame {
  position: fixed;
  width: 95vmin;
  height: 85vmin;
  background-color: #fff;
  border: 2px solid #28468C;
  overflow-y: scroll;
  padding: 2em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 50;
  display: none;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame {
    width: 95%;
    height: 85%;
    padding: 2em 1em;
  }
}
.sns-relate-editor .modal_frame .modal_title {
  font-weight: bold;
  font-size: 3em;
  color: #000;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.7em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .modal_title {
    font-size: 2em;
  }
}
.sns-relate-editor .modal_frame .modal_message {
  padding-left: 3.125em;
  position: relative;
  font-size: 1.6em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .modal_message {
    padding-left: 2.1875em;
  }
}
.sns-relate-editor .modal_frame .modal_message::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  width: 1.875em;
  height: 1.875em;
  background: transparent url("../img/share.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .modal_message::after {
    width: 1.25em;
    height: 1.25em;
  }
}
.sns-relate-editor .modal_frame .modal_message.ignore::after {
  background: transparent url("../img/sns_err.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .sns_section {
  margin-top: 2em;
}
.sns-relate-editor .modal_frame .sns_section:not(:first-child) {
  margin-top: 4em;
}
.sns-relate-editor .modal_frame .sns_section .content {
  border-radius: 10px;
  background: linear-gradient(315deg, #c7c9cd, #eceff4);
  box-shadow: -10px -10px 20px #e3e2e2, 20px 20px 20px #feffff;
  padding: 2em;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .sns_section .content {
    padding: 1.5em 1em;
  }
}
.sns-relate-editor .modal_frame .sns_section .sns_title {
  margin-bottom: 1.5em;
}
.sns-relate-editor .modal_frame .sns_section .sns_title::after {
  content: "【投稿除外】";
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  font-weight: 700;
  font-size: 1.2em;
  letter-spacing: 0.03em;
}
.sns-relate-editor .modal_frame .sns_section.select .content {
  opacity: 1;
}
.sns-relate-editor .modal_frame .sns_section.select .sns_title::after {
  display: none;
}
.sns-relate-editor .modal_frame .sns_title {
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  background: transparent;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #28468C;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.5em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .sns_title {
    font-size: 1.8em;
  }
}
.sns-relate-editor .modal_frame .sns_title::before {
  width: 99%;
  transform: skewX(345deg) translateX(7%);
  content: "";
  /*ボックスを作る*/
  position: absolute;
  /*ポジションで中央に配置*/
  top: 0;
  bottom: 0;
  left: -8px;
  right: 0;
  background-color: rgb(245, 241, 232);
  z-index: -1;
}
.sns-relate-editor .modal_frame .top_section {
  display: flex;
  margin-top: 2em;
  flex-direction: column-reverse;
}
.sns-relate-editor .modal_frame .top_section .progress {
  width: 100%;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .progress {
    width: 100%;
  }
}
.sns-relate-editor .modal_frame .top_section .progress .target_title {
  font-size: 1.8em;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns {
  padding: 1em 3em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .progress .target_sns {
    padding: 1em;
    padding-left: 2em;
  }
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg {
  font-size: 2em;
  position: relative;
  padding-left: 1em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg {
    font-size: 1.6em;
    padding-left: 1em;
  }
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg span {
  display: inline-block;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.7em;
  width: 1.25em;
  height: 1.25em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg::before {
    width: 1.25em;
    height: 1.25em;
  }
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.Twitter::before {
  background: transparent url("../img/x-black.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.Facebook::before {
  background: transparent url("../img/facebook_b.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.Instagram::before {
  background: transparent url("../img/instagram_logo.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg:not(:last-child) {
  margin-bottom: 0.8em;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.ignore {
  opacity: 0.3;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.pre {
  opacity: 0.8;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.pre span {
  position: relative;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.pre span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5em;
  width: 1.5em;
  height: 1.5em;
  background: transparent url("../img/loading.gif") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.conp span {
  position: relative;
  font-weight: bold;
  color: #004680;
  border-left: solid 4px rgb(23, 190, 87);
  padding-left: 2.25em;
  margin-left: 1em;
  background-color: #def7f0;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.conp span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  width: 1em;
  height: 1em;
  background: transparent url("../img/check.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.error span {
  position: relative;
  font-weight: bold;
  color: #004680;
  padding-left: 2.25em;
  margin-left: 1em;
  background-color: #fadce6;
  border-left: solid 4px rgb(245, 130, 153);
}
.sns-relate-editor .modal_frame .top_section .progress .target_sns .post_prg.error span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  width: 1em;
  height: 1em;
  background: transparent url("../img/batu.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .top_section .progress .target_wrapper {
  border: 2px dotted #28468C;
}
.sns-relate-editor .modal_frame .top_section .progress .target_wrapper #btn_end {
  position: relative;
  width: 30em;
  padding: 2em 3em;
  margin: 1em auto;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .progress .target_wrapper #btn_end {
    width: 80%;
    font-size: 2em;
    white-space: nowrap;
  }
}
.sns-relate-editor .modal_frame .top_section .progress .target_wrapper #btn_end::after {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  border-radius: 10px;
  border: 1px solid rgba(132, 132, 164, 0.35);
  -webkit-animation: 1.5s linear 0s normal none infinite focuse;
          animation: 1.5s linear 0s normal none infinite focuse;
}
.sns-relate-editor .modal_frame .top_section .progress .return_box {
  padding: 2em 0;
  display: none;
}
.sns-relate-editor .modal_frame .top_section .progress .return_box.appear {
  display: block;
}
.sns-relate-editor .modal_frame .top_section .exec {
  padding-left: 3em;
  width: 100%;
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .exec {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-left: 0;
    width: 100%;
  }
}
.sns-relate-editor .modal_frame .top_section .exec #sns_entry {
  margin-left: 2em;
  width: 50%;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .exec #sns_entry {
    width: 90%;
    margin: 0 auto 1rem;
    font-size: 2em;
  }
}
.sns-relate-editor .modal_frame .top_section .exec #sns_entry.ignore {
  opacity: 0.3;
}
.sns-relate-editor .modal_frame .top_section .exec #sns_entry.ignore:hover {
  opacity: 0.3;
  cursor: auto;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .top_section .exec .cansel_check {
    width: 90%;
    margin: 0 auto 2rem;
    font-size: 0.6em;
    position: static;
    padding: 0;
  }
}
.sns-relate-editor .modal_frame .content {
  margin-left: 2em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .content {
    margin-left: 0;
  }
}
.sns-relate-editor .modal_frame .content_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  font-size: 2em;
  color: #000;
  border-bottom: double 5px #28468C;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 2em;
  padding-right: 1em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .content_title {
    font-size: 1.6em;
  }
}
.sns-relate-editor .modal_frame .content_title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1.5em;
  height: 1.5em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .content_title::after {
    width: 1.125em;
    height: 1.125em;
  }
}
.sns-relate-editor .modal_frame .content_title.text::after {
  background: transparent url("../img/sns_memo.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .content_title.image::after {
  background: transparent url("../img/sns_pic.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .content_title.video::after {
  background: transparent url("../img/sns_movie.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_frame .text_description {
  font-size: 1.8em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  margin-bottom: 2.1875em;
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .text_description {
    font-size: 1.2em;
  }
}
.sns-relate-editor .modal_frame .text_caption {
  font-size: 1.8em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  margin-bottom: 0.625em;
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .text_caption {
    font-size: 1.2em;
  }
}
.sns-relate-editor .modal_frame .empty_msg {
  font-size: 1.8em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .empty_msg {
    font-size: 1.2em;
  }
}
.sns-relate-editor .modal_frame .image_erea,
.sns-relate-editor .modal_frame .video_erea {
  margin-bottom: 3.5em;
}
.sns-relate-editor .modal_frame .sns_image,
.sns-relate-editor .modal_frame .sns_video {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2em;
       column-gap: 2em;
  row-gap: 1.5em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .sns_image,
.sns-relate-editor .modal_frame .sns_video {
    flex-wrap: wrap;
    row-gap: 1em;
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
}
.sns-relate-editor .modal_frame .sns_image .img_item,
.sns-relate-editor .modal_frame .sns_video .img_item {
  width: 17%;
  position: relative;
}
.sns-relate-editor .modal_frame .sns_image .img_item .err_list,
.sns-relate-editor .modal_frame .sns_video .img_item .err_list {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.sns-relate-editor .modal_frame .sns_image .img_item .err_list .err_range,
.sns-relate-editor .modal_frame .sns_video .img_item .err_list .err_range {
  width: 3.5em;
  height: 3.5em;
}
.sns-relate-editor .modal_frame .sns_image .img_item .err_list .err_range img,
.sns-relate-editor .modal_frame .sns_video .img_item .err_list .err_range img {
  width: 100%;
  height: 100%;
}
.sns-relate-editor .modal_frame .sns_image .img_item .img_frame,
.sns-relate-editor .modal_frame .sns_video .img_item .img_frame {
  padding-top: 85%;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .sns_image .img_item,
.sns-relate-editor .modal_frame .sns_video .img_item {
    width: 17%;
    height: 6em;
  }
}
.sns-relate-editor .modal_frame .sns_image .empty_msg,
.sns-relate-editor .modal_frame .sns_video .empty_msg {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sns-relate-editor .modal_frame .err_msg {
  padding-top: 1em;
  padding-left: 3em;
  color: red;
  position: relative;
}
.sns-relate-editor .modal_frame .err_msg::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-20%);
  left: 0.5em;
  width: 2em;
  height: 2em;
  background: transparent url("../img/sns_err.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .err_msg::after {
    width: 1.5em;
    height: 1.5em;
  }
}
.sns-relate-editor .modal_frame .wp_save_mode {
  position: relative;
  margin-left: 8em;
  border-radius: 1em;
  border: 1px solid #000;
  padding: 0.5em 2em 0.5em 1em;
  width: 48%;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .wp_save_mode {
    padding: 1em;
    width: 90%;
    margin: 0 auto 2rem;
  }
}
.sns-relate-editor .modal_frame .wp_save_mode .save_title {
  position: absolute;
  top: -1.67em;
  left: -0.56em;
  font-size: 1.8em;
  margin: 10px;
  padding: 0 10px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border-radius: 5px;
}
.sns-relate-editor .modal_frame .wp_save_mode .save_title span {
  font-size: 0.8em;
  background-color: #f1f8ad;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .wp_save_mode .save_title span {
    font-size: 1.8em;
  }
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .wp_save_mode .save_title {
    top: -1.67em;
    font-size: 1.2em;
    white-space: nowrap;
  }
}
.sns-relate-editor .modal_frame .wp_save_mode .draft_radio {
  border-top: none;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .wp_save_mode .draft_radio {
    padding: 0;
    padding-top: 0.5em;
    padding-left: 3rem;
  }
}
.sns-relate-editor .modal_frame .wp_save_mode .draft_radio label {
  align-items: center;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_frame .wp_save_mode .draft_radio label {
    padding-left: 0;
  }
}
.sns-relate-editor .modal_frame .wp_save_mode .draft_radio label input {
  margin: 0;
  width: 1.8em;
  height: 1.8em;
}
.sns-relate-editor .modal_frame .wp_save_mode .draft_radio label.ignore {
  opacity: 0.5;
}
.sns-relate-editor .modal_delete {
  position: fixed;
  width: 100em;
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #28468C;
  padding: 4em;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: none;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete {
    width: 95%;
    padding: 5em 1em 3em;
  }
}
.sns-relate-editor .modal_delete .del_msg {
  font-size: 2.5em;
  position: relative;
  padding-left: 2.6em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_msg {
    font-size: 1.6em;
  }
}
.sns-relate-editor .modal_delete .del_msg::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.875em;
  height: 1.875em;
  background: transparent url("../img/trash.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_delete .del_list {
  margin-top: 2em;
  border: #000 dotted 2px;
  padding-left: 2em;
  padding-bottom: 2em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_list {
    padding-left: 1em;
  }
}
.sns-relate-editor .modal_delete .del_coution {
  margin: 1em 0;
  font-size: 2em;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_coution {
    font-size: 1.4em;
  }
}
.sns-relate-editor .modal_delete .del_check {
  margin: 0;
  margin-top: 2em;
  display: flex;
}
.sns-relate-editor .modal_delete .del_check label {
  padding: 0;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_check label p {
    font-size: 0.8em;
  }
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_check label span {
    font-size: 0.6em;
  }
}
.sns-relate-editor .modal_delete .del_check .info {
  padding-left: 0.5em;
  font-size: 2em;
  position: relative;
}
@media (max-width: 767px) {
  .sns-relate-editor .modal_delete .del_check .info {
    font-size: 1.5em;
  }
}
.sns-relate-editor .modal_delete .del_check.ignore label {
  color: #000;
}
.sns-relate-editor .modal_delete .del_check.ignore label span {
  border: none;
  background: transparent url("../img/sns_err.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_delete .del_check.ignore label:hover,
.sns-relate-editor .modal_delete .del_check.ignore label:has(input[type=checkbox]:focus) {
  cursor: auto;
}
.sns-relate-editor .modal_delete .del_check.pre {
  opacity: 0.8;
}
.sns-relate-editor .modal_delete .del_check.pre .info {
  position: relative;
}
.sns-relate-editor .modal_delete .del_check.pre .info::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5em;
  width: 1.5em;
  height: 1.5em;
  background: transparent url("../img/loading.gif") no-repeat center center/cover;
}
.sns-relate-editor .modal_delete .del_check.conp .info {
  font-weight: bold;
  color: #004680;
  background-color: #def7f0;
  padding-left: 1.5em;
  margin-left: 1em;
  border-left: solid 4px rgb(27, 182, 13);
}
.sns-relate-editor .modal_delete .del_check.conp .info::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1em;
  height: 1em;
  background: transparent url("../img/check.png") no-repeat center center/cover;
}
.sns-relate-editor .modal_delete .del_check.error .info {
  font-weight: bold;
  color: #004680;
  padding-left: 1.5em;
  margin-left: 1em;
  background-color: #fadce6;
  border-left: solid 4px rgb(245, 130, 153);
}
.sns-relate-editor .modal_delete .del_check.error .info::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1em;
  height: 1em;
  background: transparent url("../img/batu.png") no-repeat center center/cover;
}
.sns-relate-editor .fieldset_btn_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .sns-relate-editor .fieldset_btn_wrapper {
    display: block;
    padding-bottom: 6em;
  }
}
.sns-relate-editor .fieldset_btn_wrapper .btn_move {
  margin-left: 6em;
  display: flex;
  flex-direction: column;
  row-gap: 3.5em;
}
@media (max-width: 767px) {
  .sns-relate-editor .fieldset_btn_wrapper .btn_move {
    position: absolute;
    row-gap: 1.5em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 2em;
    bottom: 2em;
    margin-left: 0;
    flex-direction: row;
    gap: 6em;
  }
}
.sns-relate-editor .fieldset_btn_wrapper .btn_exec {
  display: flex;
  -moz-column-gap: 3em;
       column-gap: 3em;
}
@media (max-width: 767px) {
  .sns-relate-editor .fieldset_btn_wrapper .btn_exec {
    justify-content: center;
  }
}

.sns-relate-import .sns_contents {
  margin: 0 auto 10em;
  width: 80%;
  padding: 0 4em 10em;
}
@media (max-width: 767px) {
  .sns-relate-import .sns_contents {
    width: 100%;
    padding: 5em 0;
  }
}
.sns-relate-import .custom_select.selectMultiple {
  width: 50em;
}
@media (max-width: 767px) {
  .sns-relate-import .custom_select.selectMultiple {
    margin: 0 auto;
    width: 90%;
  }
}
.sns-relate-import .custom_select.selectMultiple > div {
  padding: 0.8em 3em 0.8em 1.2em;
}
.sns-relate-import .modal_post {
  position: fixed;
  width: 100em;
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #28468C;
  padding: 4em 2em 6em;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: none;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post {
    width: 95%;
    padding: 5em 1em 3em;
  }
}
.sns-relate-import .modal_post .modalpost_message {
  font-size: 2em;
  margin-left: 0.5em;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post .modalpost_message {
    font-size: 1.4em;
    margin-left: 0;
  }
}
.sns-relate-import .modal_post .modalpost_message span {
  font-size: 1.25em;
  font-weight: bold;
  padding-right: 0.2em;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post .modalpost_message span {
    font-size: 1.8em;
  }
}
.sns-relate-import .modal_post .modalpost_category {
  margin: 1em 1.5em 2.5em;
  font-size: 2em;
  padding: 0.5em 1em;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
}
.sns-relate-import .modal_post .modalpost_category.empty {
  opacity: 0;
}
.sns-relate-import .modal_post .modalpost_category .cat_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25em 0.5em;
}
.sns-relate-import .modal_post .modalpost_category ul {
  padding: 0.5em 2em;
  display: flex;
  flex-wrap: wrap;
}
.sns-relate-import .modal_post .modalpost_category ul li {
  background: rgba(228, 236, 250, 0.7);
  position: relative;
  font-size: 0.9em;
  padding: 0.28em 1.1em 0.3em 2.2em;
}
.sns-relate-import .modal_post .modalpost_category ul li:not(:first-child) {
  margin-left: 2em;
}
.sns-relate-import .modal_post .modalpost_category ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.28em;
  width: 1.1em;
  height: 1.1em;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post .modalpost_category ul li::after {
    width: 13px;
    height: 13px;
  }
}
.sns-relate-import .modal_post .modalpost_category ul li.post_item::after {
  background: transparent url("../img/post.png") no-repeat center center/cover;
}
.sns-relate-import .modal_post .modalpost_category ul li.catg_item::after {
  background: transparent url("../img/category.png") no-repeat center center/cover;
}
.sns-relate-import .modal_post .modalpost_category ul li.term_item::after {
  background: transparent url("../img/taxsonomy.png") no-repeat center center/cover;
}
.sns-relate-import .modal_post .modalpost_category ul li.tag_item::after {
  background: transparent url("../img/tag.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post .modalpost_category {
    font-size: 1.4em;
    margin-left: 0;
  }
}
.sns-relate-import .modal_post .modalpost_count {
  position: relative;
  font-size: 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 1.5em;
}
.sns-relate-import .modal_post .modalpost_count.pre {
  position: relative;
}
.sns-relate-import .modal_post .modalpost_count.pre::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5em;
  width: 1.5em;
  height: 1.5em;
  background: transparent url("../img/loading.gif") no-repeat center center/cover;
}
.sns-relate-import .modal_post .modalpost_count.conp {
  font-weight: bold;
  color: #004680;
  background-color: #def7f0;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-left: solid 4px rgb(27, 182, 13);
}
.sns-relate-import .modal_post .modalpost_count.conp::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
  width: 1em;
  height: 1em;
  background: transparent url("../img/check.png") no-repeat center center/cover;
}
.sns-relate-import .modal_post #progress {
  position: absolute;
  bottom: 15em;
  left: 50%;
  width: 70%;
  transform: translateX(-50%);
  display: none;
}
.sns-relate-import .modal_post #progress.visible {
  display: block;
}
@media (max-width: 767px) {
  .sns-relate-import .modal_post #progress {
    top: 55%;
  }
}

/* datepicker土日祝日
===================================== */
.xdsoft_datepicker .day-sunday {
  background: #ffc0c0 !important;
}
.xdsoft_datepicker .day-saturday {
  background: #c0d0ff !important;
}
.xdsoft_datepicker .day-holiday {
  background: #ffc0c0 !important;
}

/* keyframes
===================================== */
@-webkit-keyframes focuse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes focuse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@-webkit-keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.8em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.8em;
    height: 1.2em;
    border-color: #212121;
    transform: translate3d(0, -0.8em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.8em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.8em;
    height: 1.2em;
    border-color: #212121;
    transform: translate3d(0, -0.8em, 0) rotate(45deg);
  }
}
@-webkit-keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  25% {
    transform: scale(30, 30);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(50, 50);
  }
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  25% {
    transform: scale(30, 30);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(50, 50);
  }
}
@-webkit-keyframes explode {
  0% {
    opacity: 0;
    transform: scale(10);
  }
  60% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes explode {
  0% {
    opacity: 0;
    transform: scale(10);
  }
  60% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes drop-zero {
  0% {
    opacity: 0;
    transform: translateY(20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(-2px);
    height: 0px;
    opacity: 0;
  }
}
@keyframes drop-zero {
  0% {
    opacity: 0;
    transform: translateY(20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(-2px);
    height: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-one {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-one {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-two {
  0% {
    opacity: 0;
    transform: translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-two {
  0% {
    opacity: 0;
    transform: translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-three {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-three {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-four {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-four {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-five {
  0% {
    opacity: 0;
    transform: translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-five {
  0% {
    opacity: 0;
    transform: translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-six {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-six {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@-webkit-keyframes drop-seven {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(2px);
    height: 0px;
    opacity: 0;
  }
}
@keyframes drop-seven {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(2px);
    height: 0px;
    opacity: 0;
  }
}
/* sns_disp（ブロック）
===================================== */
.sns_contents {
  font-size: clamp(4.5px, 0.52vw, 15px);
  margin: 0 auto 10em;
  width: 80%;
  padding: 0 4em 10em;
}
@media (max-width: 767px) {
  .sns_contents {
    font-size: 2.5641025641vw;
  }
}
.sns_contents a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
@media (max-width: 767px) {
  .sns_contents {
    width: 100%;
    padding: 0 2em;
  }
}
.sns_contents .sns_wrapper {
  max-height: 700px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ccc;
  position: relative;
}
.sns_contents .sns_wrapper .sns_output_area {
  overflow-y: auto;
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 2em;
  padding: 2em;
}
@media (max-width: 767px) {
  .sns_contents .sns_wrapper .sns_output_area {
    display: block;
  }
  .sns_contents .sns_wrapper .sns_output_area .sns_item:not(:last-child) {
    margin-bottom: 2em;
  }
}
.sns_contents h1,
.sns_contents h2 {
  font-size: 3.5em;
  font-weight: bold;
  padding-bottom: 2em;
}
.sns_contents h2 {
  font-size: 2.5em;
}
.sns_contents .description {
  padding-bottom: 4em;
}
.sns_contents .insta_item {
  position: relative;
  width: 30%;
  height: 80em;
  flex: 0 0 auto;
  padding: 0;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .sns_contents .insta_item {
    width: 100%;
    height: auto;
  }
  .sns_contents .insta_item:not(:first-child) {
    margin-top: 2em;
  }
}
.sns_contents .insta_item .wp_post_check {
  margin-top: 3em;
  padding-right: 2em;
}
.sns_contents .insta_item .post_date {
  padding-right: 2em;
}
.sns_contents .insta_item > a {
  display: block;
  height: 100%;
  margin-top: 2em;
  padding: 2em;
}
.sns_contents .insta_item .post_image img {
  width: 100%;
  height: 100%;
}
.sns_contents .insta_item .snsItem_footer {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 30;
}
.sns_contents .snsItem_footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.sns_contents .sns_inner {
  padding-top: 8em;
}
@media (max-width: 767px) {
  .sns_contents .sns_inner {
    display: block;
    padding-top: 0;
    margin-top: 4em;
  }
}
.sns_contents .twitter_area,
.sns_contents .facebook_area {
  position: relative;
  padding: 0 10px 10px;
  max-height: 2000px;
}
@media (max-width: 767px) {
  .sns_contents .twitter_area,
.sns_contents .facebook_area {
    margin-bottom: 4em;
    padding-top: 2em;
  }
}
.sns_contents .facebook_area {
  background-color: #315096;
}
.sns_contents .twitter_area {
  background-color: #55acee;
}
.sns_contents .instagram_area {
  margin-top: 5em;
  position: relative;
  grid-column: 1/3;
  padding: 0 2em 3em;
  z-index: 5;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  /*グラデーション①*/
}
@media (max-width: 767px) {
  .sns_contents .instagram_area {
    background: linear-gradient(270deg, #427eff 0%, #f13f79 70%) no-repeat;
    /*グラデーション①*/
  }
}
.sns_contents .instagram_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*全体を覆う*/
  height: 100%;
  /*全体を覆う*/
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .sns_contents .instagram_area {
    padding: 2em 1em;
  }
}
@media (max-width: 767px) {
  .sns_contents .fb_user_header .user_info {
    display: grid;
    grid-template-columns: 9em auto;
    grid-template-rows: auto auto;
    row-gap: 1em;
  }
  .sns_contents .fb_user_header .user_info .usertitle {
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
.sns_contents .instagram_header {
  justify-content: left;
  color: #fff;
}
@media (max-width: 767px) {
  .sns_contents .instagram_header .user_info .text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1em;
  }
}
.sns_contents .sns_item {
  flex: 1 1 32%;
  position: relative;
  padding: 2em;
  padding-bottom: 13em;
  border-radius: 10px;
  background-color: rgb(247, 247, 248);
  box-sizing: border-box;
}
.sns_contents .sns_item .num {
  position: absolute;
  top: 1.25em;
  left: 1.25em;
  font-size: 1.6em;
  font-weight: bold;
}
.sns_contents .sns_item .swiper {
  width: 100%;
  position: relative;
}
.sns_contents .sns_item .swiper .swiper-slide img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.sns_contents .sns_item .swiper:hover .swiper-button-prev,
.sns_contents .sns_item .swiper:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.sns_contents .sns_item .swiper .swiper-button-prev,
.sns_contents .sns_item .swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 3em;
  /* ボタンの幅 */
  height: 3em;
  /* ボタンの高さ */
  border-radius: 50%;
  background: linear-gradient(225deg, #b8c2d8, #dae6ff);
  box-shadow: -10px 10px 10px #adb7cc, 10px -10px 10px #ebf7ff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}
@media (max-width: 767px) {
  .sns_contents .sns_item .swiper .swiper-button-prev,
.sns_contents .sns_item .swiper .swiper-button-next {
    width: 2em;
    height: 2em;
  }
}
.sns_contents .sns_item .swiper .swiper-button-prev::after,
.sns_contents .sns_item .swiper .swiper-button-next::after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  width: 0.3em;
  height: 0.3em;
  left: 50%;
  top: 50%;
}
@media (max-width: 767px) {
  .sns_contents .sns_item .swiper .swiper-button-prev::after,
.sns_contents .sns_item .swiper .swiper-button-next::after {
    width: 0.2em;
    height: 0.2em;
  }
}
.sns_contents .sns_item .swiper .swiper-button-prev {
  transform: translateX(50px);
}
.sns_contents .sns_item .swiper .swiper-button-prev::after {
  transform: translate(-30%, -50%) rotate(135deg);
}
.sns_contents .sns_item .swiper .swiper-button-next {
  transform: translateX(-50px);
}
.sns_contents .sns_item .swiper .swiper-button-next::after {
  transform: translate(-70%, -50%) rotate(315deg);
}
.sns_contents .sns_item .swiper .swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}
.sns_contents .sns_item .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #f90;
  opacity: 0.5;
  transition: opacity 0.3s, transform 0.3s;
  width: 10px;
  height: 10px;
  margin: 0 4px;
}
.sns_contents .sns_item .swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.2);
}
.sns_contents .sns_item a {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
}
.sns_contents .sns_item a .post_text {
  flex: 1;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
  margin: 2em 0;
}
.sns_contents .sns_item a .post_text a {
  display: inline;
  height: auto;
  color: #3c98e4;
  text-decoration: underline;
}
.sns_contents .sns_item a .post_image {
  margin: 0 auto;
  flex-shrink: 0;
  max-width: 240px;
  max-height: 400px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.sns_contents .sns_item a .post_image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}
@media (max-width: 768px) {
  .sns_contents .sns_item a {
    flex-direction: column;
  }
  .sns_contents .sns_item a .post_image {
    max-width: 100%;
  }
}
.sns_contents .sns_item .post_date {
  text-align: right;
  font-size: 1.6em;
  padding-top: 1.875em;
}
.sns_contents .sns_item .image_area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 3em;
  justify-content: space-between;
  margin-bottom: 3em;
}
.sns_contents .sns_item .image_area .post_image {
  width: 45%;
}
.sns_contents .sns_item .image_area .post_image .img_frame {
  padding-top: 60%;
}
.sns_contents .sns_item .ogp_area {
  display: block;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  margin: 10px 0;
  text-decoration: none;
  color: inherit;
  padding-bottom: 1.5em;
  transition: box-shadow 0.3s ease;
}
.sns_contents .sns_item .ogp_area:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.sns_contents .sns_item .ogp_area a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: inherit;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .sns_contents .sns_item .ogp_area a {
    flex-direction: column;
  }
}
.sns_contents .sns_item .ogp_area .ogp_image {
  flex: 0 0 200px;
  max-width: 200px;
  position: relative;
  overflow: hidden;
  background: #f0f0f0;
}
.sns_contents .sns_item .ogp_area .ogp_image .img_frame {
  width: 100%;
  padding-top: 52%;
  position: relative;
}
.sns_contents .sns_item .ogp_area .ogp_image .img_frame img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.sns_contents .sns_item .ogp_area .ogp_title {
  font-weight: bold;
  font-size: 1rem;
  margin: 10px 10px 0;
}
.sns_contents .sns_item .ogp_area .ogp_description {
  font-size: 0.9rem;
  color: #666;
  margin: 5px 10px 10px;
}
.sns_contents .sns_item .ogp_area .ogp_title,
.sns_contents .sns_item .ogp_area .ogp_description {
  flex: 1 1 auto;
  min-width: 0;
}
.sns_contents .snsItem_footer {
  padding: 1.5em 5em;
  background-color: rgb(245, 241, 232);
  border-radius: 0 0 10px 10px;
  display: flex;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .sns_contents .snsItem_footer {
    padding-left: 2em;
  }
}
.sns_contents .snsItem_footer .item {
  display: flex;
}
.sns_contents .snsItem_footer .item:not(:first-child) {
  margin-left: 10em;
}
@media (max-width: 767px) {
  .sns_contents .snsItem_footer .item:not(:first-child) {
    margin-left: 5em;
  }
}
.sns_contents .snsItem_footer .item.favorite .mark {
  background: transparent url("../img/favorite.png") no-repeat center center/cover;
}
.sns_contents .snsItem_footer .item.favorite .mark.ready {
  background: transparent url("../img/destroy_fav.png") no-repeat center center/cover;
}
.sns_contents .snsItem_footer .item.favorite .mark::after {
  background-color: hsla(0deg, 49%, 89%, 0.7);
}
.sns_contents .snsItem_footer .item.retweet .mark {
  background: transparent url("../img/retweet.png") no-repeat center center/cover;
}
.sns_contents .snsItem_footer .item.retweet .mark.ready {
  background: transparent url("../img/destroy_ret.png") no-repeat center center/cover;
}
.sns_contents .snsItem_footer .item.retweet .mark::after {
  background-color: hsla(197deg, 53%, 84%, 0.7);
}
.sns_contents .snsItem_footer .item .mark {
  width: 3em;
  height: 3em;
  position: relative;
  transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
  .sns_contents .snsItem_footer .item .mark {
    width: 2em;
    height: 2em;
  }
}
.sns_contents .snsItem_footer .item .mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 4.5em;
  height: 4.5em;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
.sns_contents .snsItem_footer .item .mark.ignore::after {
  display: none;
}
.sns_contents .snsItem_footer .item .mark.ignore:hover {
  opacity: 1;
  cursor: auto;
}
.sns_contents .snsItem_footer .item .count {
  padding-left: 1.5em;
  font-size: 2.5em;
}
@media (max-width: 767px) {
  .sns_contents .snsItem_footer .item .count {
    font-size: 1.8em;
    line-height: 1.8em;
  }
}
.sns_contents .movie_button {
  position: absolute;
  left: 10%;
  bottom: 10%;
  font-size: 1.6em;
  font-weight: bold;
  color: red;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
  .sns_contents .movie_button {
    font-size: 1.2em;
  }
}
.sns_contents .movie_button:hover {
  opacity: 0.7;
}
.sns_contents .movie_button::after {
  content: "";
  position: absolute;
  top: -3em;
  left: 50%;
  transform: translateX(-50%);
  width: 3em;
  height: 3em;
  aspect-ratio: 1/1;
  background: transparent url("../img/play.png") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sns_contents .movie_button::after {
    top: -2em;
    width: 2em;
    height: 2em;
  }
}
.sns_contents .movie_button.pause::after {
  background: transparent url("../img/pause.png") no-repeat center center/cover;
}
.sns_contents .vol_button {
  position: absolute;
  right: 10%;
  bottom: 10%;
  width: 13%;
  aspect-ratio: 1/1;
  background: transparent url("../img/vol_off.png") no-repeat center center/cover;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.sns_contents .vol_button:hover {
  opacity: 0.7;
}
.sns_contents .vol_button.on {
  background: transparent url("../img/vol_on.png") no-repeat center center/cover;
}
.sns_contents .twitter_footer,
.sns_contents .facebook_footer,
.sns_contents .instagram_footer {
  padding: 3em 5em;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sns_contents .twitter_footer,
.sns_contents .facebook_footer,
.sns_contents .instagram_footer {
    padding: 2em 0;
    -moz-column-gap: 3em;
         column-gap: 3em;
  }
}
.sns_contents #next_tw_btn,
.sns_contents .to_sns_site,
.sns_contents #next_fb_btn,
.sns_contents #next_ig_btn,
.sns_contents .load_more_btn {
  background: #dddfe4;
  box-shadow: -3px -3px 12px rgba(255, 255, 255, 0.7), 3px 3px 12px rgba(17, 17, 17, 0.3), inset 3px 3px 12px transparent, inset -3px -3px 12px transparent;
  transition: box-shadow ease-in-out 0.5s;
  border-radius: 0.5em;
  font-size: 2em;
  padding: 0.5em 1em;
  text-align: center;
  color: #000;
}
@media (max-width: 767px) {
  .sns_contents #next_tw_btn,
.sns_contents .to_sns_site,
.sns_contents #next_fb_btn,
.sns_contents #next_ig_btn,
.sns_contents .load_more_btn {
    font-size: 1.4em;
    padding: 0.7em;
    margin: 0 auto;
  }
}
.sns_contents #next_tw_btn:hover,
.sns_contents .to_sns_site:hover,
.sns_contents #next_fb_btn:hover,
.sns_contents #next_ig_btn:hover,
.sns_contents .load_more_btn:hover {
  cursor: pointer;
  background: #dddfe4;
  box-shadow: -3px -3px 12px transparent, 3px 3px 12px transparent, inset 3px 3px 12px rgba(17, 17, 17, 0.3), inset -3px -3px 12px rgba(255, 255, 255, 0.7);
}
.sns_contents #next_tw_btn.disable,
.sns_contents .to_sns_site.disable,
.sns_contents #next_fb_btn.disable,
.sns_contents #next_ig_btn.disable,
.sns_contents .load_more_btn.disable {
  opacity: 0.5;
}
.sns_contents #next_tw_btn.disable:hover,
.sns_contents .to_sns_site.disable:hover,
.sns_contents #next_fb_btn.disable:hover,
.sns_contents #next_ig_btn.disable:hover,
.sns_contents .load_more_btn.disable:hover {
  box-shadow: -3px -3px 12px rgba(255, 255, 255, 0.7), 3px 3px 12px rgba(17, 17, 17, 0.3), inset 3px 3px 12px transparent, inset -3px -3px 12px transparent;
  cursor: auto;
}
.sns_contents .wp_post_check {
  margin-left: auto;
  margin-top: 3em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check {
    padding-top: 1em;
    margin-top: 0;
  }
}
.sns_contents .wp_post_check input[type=checkbox] {
  display: none;
}
.sns_contents .wp_post_check label {
  font-size: 1.6em;
  position: relative;
  display: flex;
  padding: 0.3em 1em;
  align-items: center;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1), background-position 0.3s;
  border-radius: 15px;
  background-image: linear-gradient(to right, rgb(247, 224, 174) 50%, rgb(243, 192, 223) 50%);
  background-position: 0 0;
  background-size: 200% auto;
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check label {
    padding: 0.3em 1em;
  }
}
.sns_contents .wp_post_check label p {
  position: relative;
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check label p {
    font-size: 1em;
  }
}
.sns_contents .wp_post_check label p:before {
  content: attr(rel);
  position: absolute;
  top: 0;
  left: 0;
  color: #02350f;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.23, 1);
  opacity: 0;
}
.sns_contents .wp_post_check label span {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 1.2em;
  height: 1.2em;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  position: relative;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check label span {
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
  }
}
.sns_contents .wp_post_check label:hover {
  color: #000;
  cursor: pointer;
}
.sns_contents .wp_post_check label:hover span {
  background: rgb(255, 255, 255);
}
.sns_contents .wp_post_check input[type=checkbox]:checked ~ p::before {
  opacity: 1;
}
.sns_contents .wp_post_check input[type=checkbox]:checked ~ span {
  border: 0.6em solid #FFEB3B;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
          animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check input[type=checkbox]:checked ~ span {
    border: 0.7em solid #FFEB3B;
  }
}
.sns_contents .wp_post_check input[type=checkbox]:checked ~ span:before {
  content: "";
  position: absolute;
  top: -0.2em;
  left: -0.2em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
          animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
@media (max-width: 767px) {
  .sns_contents .wp_post_check input[type=checkbox]:checked ~ span:before {
    top: -0.4em;
    left: -0.2em;
  }
}
.sns_contents .wp_entry_info {
  margin-top: 0.625em;
  font-size: 1.6em;
  color: red;
  text-align: right;
  position: absolute;
  top: 5em;
  right: 1.25em;
}
@media (max-width: 767px) {
  .sns_contents .wp_entry_info {
    top: 4em;
  }
}
.sns_contents .post_exec {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5em;
  line-height: 5em;
  padding: 0 2em;
  margin: 0 auto;
}
.sns_contents .post_exec.ignore {
  opacity: 0.3;
}
.sns_contents .post_exec.ignore:hover {
  cursor: auto;
}
.sns_contents .follow_btn {
  font-size: 2em;
  padding: 0.5em 1em;
}
@media (max-width: 767px) {
  .sns_contents .follow_btn {
    font-size: 1.4em;
    bottom: 0.8em;
    left: 0.8em;
  }
}
.sns_contents .masonry_list {
  margin: 0 auto;
}
.sns_contents .masonry_list .masonry_item {
  width: 200px;
  margin-bottom: 5px;
}
.sns_contents .masonry_list .masonry_item img,
.sns_contents .masonry_list .masonry_item video {
  width: 100%;
  height: auto !important;
}
@media (max-width: 767px) {
  .sns_contents .masonry_list .masonry_item {
    width: 100%;
  }
}
/*# sourceMappingURL=sns_style.css.map */