@charset "utf-8";

.box_sns_footer {
    margin: 0 auto;
    width: 60%;
    color: #FFFFFF;
}
.box_sns_footer_maker {
margin-top: 10px;
}
.box_sns_footer_maker2 {
margin-top: -11px;
}
.box_sns_footer2 {
    margin: 10px auto 0;
    width: 100%;
    color: #FFFFFF;
    padding-bottom: 10px;
    font-weight: 100;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}
.box_sns_footer3 {
    margin: 0 auto;
    width: 100%;
    color: #FFFFFF;
    padding-bottom: 10px;
    font-weight: 100;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}
.box_sns_footer4 {
    margin: 0 auto;
    width: 100%;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 100;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}
.box_sns_footer a:link {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
.box_sns_footer a:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
.box_sns_footer a:hover {
    color: #cccccc;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
.box_sns_footer a:active {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
*, *::after, *::before {
    box-sizing: border-box;
}
.row > * {
    padding: 10px;
    text-align: center;
}
.row.black > * {
    background : #000;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.row > * {
    flex-grow: 0;
    flex-shrink: 0;
}
.row [class^="col1-"] {
    width: calc( 100% / 1 );
}
.row [class^="col2-"] {
    width: calc( 100% / 2 );
}
.row [class^="col3-"] {
    width: calc( 100% / 3 );
}
.row [class^="col4-"] {
    width: calc( 100% / 4 );
}
.row [class^="col5-"] {
    width: calc( 100% / 5 );
}
.row [class^="col6-"] {
    width: calc( 100% / 6 );
}
.row [class^="col7-"] {
    width: calc( 100% / 7 );
}
.row [class^="col8-"] {
    width: calc( 100% / 8 );
}
.row [class^="col9-"] {
    width: calc( 100% / 9 );
}
.row [class^="col10-"] {
    width: calc( 100% / 10 );
}
.row [class^="col11-"] {
    width: calc( 100% / 11 );
}
.row [class^="col12-"] {
    width: calc( 100% / 12 );
}

@media (min-width: 640px) {
.row [class*="-1-"] {
    width: calc( 100% / 1 );
}
.row [class*="-2-"] {
    width: calc( 100% / 2 );
}
.row [class*="-3-"] {
    width: calc( 100% / 3 );
}
.row [class*="-4-"] {
    width: calc( 100% / 4 );
}
.row [class*="-5-"] {
    width: calc( 100% / 5 );
}
.row [class*="-6-"] {
    width: calc( 100% / 6 );
}
.row [class*="-7-"] {
    width: calc( 100% / 7 );
}
.row [class*="-8-"] {
    width: calc( 100% / 8 );
}
.row [class*="-9-"] {
    width: calc( 100% / 9 );
}
.row [class*="-10-"] {
    width: calc( 100% / 10 );
}
.row [class*="-11-"] {
    width: calc( 100% / 11 );
}
.row [class*="-12-"] {
    width: calc( 100% / 12 );
}
}

@media (min-width: 1025px) {
.row [class$="-1"] {
    width: calc( 100% / 1 );
}
.row [class$="-2"] {
    width: calc( 100% / 2 );
}
.row [class$="-3"] {
    width: calc( 100% / 3 );
}
.row [class$="-4"] {
    width: calc( 100% / 4 );
}
.row [class$="-5"] {
    width: calc( 100% / 5 );
}
.row [class$="-6"] {
    width: calc( 100% / 6 );
}
.row [class$="-7"] {
    width: calc( 100% / 7 );
}
.row [class$="-8"] {
    width: calc( 100% / 8 );
}
.row [class$="-9"] {
    width: calc( 100% / 9 );
}
.row [class$="-10"] {
    width: calc( 100% / 10 );
}
.row [class$="-11"] {
    width: calc( 100% / 11 );
}
.row [class$="-12"] {
    width: calc( 100% / 12 );
}
}

@media only screen and (max-width: 640px) {
.box_sns_footer {
    margin: 7% auto 7%;
    width: 70%;
    color: #FFFFFF;
	font-size: 0.9em;
}
#footer .logo-main {
  width: 50vw;
  margin: 10% auto 0;
}
}