@charset "utf-8";


/* .sns
=====================================*/
.sns-syousai {
  padding: 2%;
  width:100%;
  margin:0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 810px) {
.sns-syousai{
  padding: 3% 0;
}
}

@media screen and (max-width: 568px) {
.line-syousai{
  padding: 5% 2%;
}
}
.sns_box {
	width: 100%;
	max-width:950px;
	margin:0 auto;
	height:auto;
	box-sizing: border-box;
	padding:5px;
	background	: url("../images/bg_topics.webp");
	letter-spacing:0em;
	color:#FFF;
	border:2px solid #3B3B3B;
}

.offical-info {
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;
	text-align: center;
	padding:5% 3%;
	letter-spacing:0em;
	border:4px solid #3B3B3B;
}

.ofc-ttl{
	font-size:2.5em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:600;
	line-height:1.5;
	color:#3B3B3B;
}

.offical-info h3{
	font-size:3.2em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:600;
	line-height:1.4;
	color:#3B3B3B;
}

@media screen and (max-width: 810px) {
.ofc-ttl{
	font-size:1.5em;
}
.offical-info h3{
	font-size:1.85em;
}
}

@media screen and (max-width: 568px) {
.ofc-ttl{
	font-size:1.3em;
}
.offical-info h3{
	font-size:1.8em;
}
}

.offical-info ul{
  width:100%;
  box-sizing: border-box;
  padding:4% 2%;
}

.offical-info li{
  width:50%;
  box-sizing: border-box;
  padding:1% 5%;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 810px) {
.offical-info ul{
  padding:4% 0%;
}
.offical-info li{
  padding:1% 3%;
}
}

.bg-smp{
  width: 100%;
  padding:0;
  margin:0 auto;
  position: relative;
}

.bg-smp .smp-ph img{
  width: 100%;
  height:auto;
}

.bg-smp .sns-logo{
  position: absolute;
  top: 12%;
  left: 15%;
  width: 70%;
  height:38%;
  z-index:1;
}

.bg-smp .sns-logo img{
  width: auto;
  height:100%;
}

.bg-smp .sns-qr{
  position: absolute;
  bottom: 12%;
  left: 20%;
  width: 60%;
  height:32%;
  z-index:1;
}

.bg-smp .sns-qr img{
  width: auto;
  height:100%;
}

@media screen and (max-width: 568px) {
.bg-smp .sns-qr img{
  display:none;
}

}

.sns-tokuten{
  width: :100%;
  max-width:600px;
  margin:0 auto;
}

.sns-tokuten-tbm{
  width: :100%;
  margin:0 auto;
}
.sns-tokuten-tbm img{
  width: 100%;
  height:auto;
}

.sns-tokuten-sy{
	width: 100%;
	box-sizing: border-box;
	padding:1px 10%;
	color:#000;
  background-size:100% auto;
  background-repeat: repeat-y;
  background-image:url("../images/bg-ssntk.png");
  text-align: left;
}

.sns-tokuten-sy p{
	width: 100%;
	letter-spacing:0em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
	line-height:1.6;
	padding:5px 0;
	font-size:1.4em;
}

.span2 {
   color:#C4131B;
}

.span1 {
    position: relative;
	margin-left:7px;
	margin-right:7px;
}
.span1::after {
    content: '';
    transform: rotate(7deg);
    width: 100%;
    border-top: 3px solid #C4131B;
    position: absolute;
    top: 50%;
    left: 0;
}
.sns-tokuten-sy strong {
   color:#C4131B;
   font-size:1.2em;
   margin-left:7px;
}

@media screen and (max-width: 810px) {
.sns-tokuten-sy{
  padding:1px 30px 0;
}
.sns-tokuten-sy p{
font-size:1.2em;
}
.sns-tokuten-sy strong {
   margin-left:5px;
}
.span1 {
	margin-left:5px;
	margin-right:5px;
}
}

@media screen and (max-width: 568px) {
.sns-tokuten-sy{
  padding:1px 20px 0;
}
.sns-tokuten-sy p{
	font-size:1em;
	padding:3px 0;
}
.sns-tokuten-sy strong {
   font-size:1em;
   margin-left:3px;
}
.span1 {
	margin-left:3px;
	margin-right:3px;
}

}
.insta_bt{font-size:13px!important;padding:0;list-style:none;text-align:center;margin-top:25px;}
.insta_bt a{color:#333;display:block;padding:8px 5px 6px;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-decoration:none!important;}
.insta_bt a:hover{text-decoration:none;background-color:#EAEAEA;color:#333;}

@media screen and (max-width: 810px) {
.insta_bt{margin-top:10px;}
}

.insta_bt .fa{
  margin-right:3px;
}