﻿a{	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
	
a:hover{ filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
#socialWrap{ letter-spacing: -0.6px; }

#aboutTxt{ text-align: center; }

#aboutsns{ background:#fff3de; border:1px solid #ccbb9e;  color: #ed7000;
    display:flex; justify-content: center; align-items: center;}
#aboutsns p{ position: relative; padding-left: 18px; font-weight: 500; }
.notice::before{ content:"※" ; position: absolute; left:0; }

#snswrap{ display:flex; flex-wrap: wrap;}
#snswrap img{  display: block; width: 100%;}

#snswrap dl{ padding-top: 10px; }

#snswrap dt{ font-weight: 600; line-height: 1.2em;  letter-spacing: 0;}
#snswrap dt:after { content: attr(data-text)"";  font-family: 'Noto Sans Japanese';
  display: block;  }


#snswrap #instagram dt:after,
#snswrap #youtube dt:after { padding-top: 3px; }

.snstxt{ margin-bottom: 9px; font-weight: 500; line-height: 1.8em;}

.linkIcon{ position: relative; padding-left: 14px; font-weight: 500; font-size: 1.14em; }
.linkIcon::before{ content:""; position: absolute;left:0;
  top: 9px;
  right: -20px;
  border-top: 4px solid transparent;
  border-left: 7px solid #c75d08; /*leftで右向き rightで左向き*/
  border-bottom: 4px solid transparent;
   content: "";
  position: absolute;
  display: block;
}

a .linkIcon { color: #036bb6; }

@media screen and (min-width: 1081px) {
#aboutTxt, #snswrap dt{font-size: 1.43em;}
#aboutTxt{ margin-bottom: 30px;}
#aboutsns{  padding:13px 10px; margin-bottom: 60px;}
#aboutsns,
.snstxt{ font-size:1.145em; }

#snswrap dt{  margin-bottom: 15px;}
#snswrap dt:after {font-size: 0.75em; padding-top: 11px;}
#snswrap dt span{ font-size: 0.85em; line-height: 1.7em; }

}
@media screen and (min-width: 751px) and (max-width: 1080px) {
  #aboutTxt{ margin-bottom: 4%;}
  #aboutsns,.snstxt{ font-size:1.14em; }
  }


@media screen and (min-width: 751px) {
  #snswrap{ margin-bottom: 170px; }
  #snswrap li{ width: 31%; margin-bottom: 30px;}
  #snswrap li:not(:nth-child(3n)){ margin-right: 3.5%; }
}

@media screen and (max-width: 1080px) {
  #aboutTxt, #snswrap dt{font-size: 1.3em;}
  #aboutsns{  padding:15px;  margin-bottom: 40px}
  #snswrap dt{ font-size: 1.3em;  margin-bottom: 10px;}
  #snswrap dt:after {font-size: 0.7em; padding-top: 2%;}
  #snswrap dt span{ font-size: 0.82em; line-height: 1.4em;  margin-bottom: 4px; margin-top: 5px; display: inline-block;  }

}

@media screen and (max-width: 750px) {
  
  #snswrap{ margin-bottom: 10%; }
  #snswrap li{ width: 100%; margin-bottom: 50px;}
  #aboutsns,.snstxt{ font-size:1.12em; }

  #aboutTxt{ margin-bottom: 8%;   line-height: 1.5em; }
  #aboutTxt br{ display: none; }
  #aboutsns{  line-height: 1.4em;}

}

