@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(../js/modalwindow/component.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { /*background-color:#ff9;*/ color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/*#########################################################

mixin

#########################################################*/
/* ========================================================
メディアクエリ
=========================================================*/
/*
iPhone4: 320 × 480
iPhone5: 320 × 568
iPhone6: 375 × 627
iPhone6s: 414 × 736
Nexus6: 414 × 659
*/
/*#########################################################

基本設定

#########################################################*/
input[type=submit] { display: inline-block; border-radius: 2px; padding: 8px 10px; white-space: nowrap; border: 1px solid #959595; text-align: center; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; }

input[type=submit]:hover { border: 1px solid #252f39; color: #fff; background: #252f39; }

.box-alexander .s02, .box-alexander .s03 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

/*#########################################################

要素関連

#########################################################*/
*, *:before, *:after { box-sizing: border-box; }

html { font-size: 1.0625rem; background-color: #fff; height: 100%; }

body { background-color: #fff; height: 100%; }

p { margin: 0 auto 1rem auto; line-height: 1.8; }

a { color: #000; }

a:visited { color: #000; }

a:focus { color: #959595; }

a:hover { color: #959595; }

a:active { color: #00a0e9; }

/* 固定幅フォント */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 0.8rem; }

/* subscript&superscript */
sub, sup { font-size: 0.8rem; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

strong { font-weight: bold; }

strong.red { color: #e00909; font-weight: normal; }

i { font-weight: normal; font-style: italic; }

input[type=text], input[type=email], input[type=url] { padding: 0.5rem; }

textarea { padding: 0.5rem; }

/* ========================================================
モーダル
=========================================================*/
.md-close { cursor: pointer; transition: all 1s liner; }

.btn-close { display: inline-block; position: relative; padding: 0; width: 1px; height: 50px; background: #959595; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-indent: -100000px; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.btn-close:before { display: block; content: ""; position: absolute; top: 50%; left: -24px; width: 50px; height: 1px; margin-top: 0; background: #959595; }

.md-close:hover { opacity: .4; }

.md-content .h-box { mragin: 20px 0 0 0; padding-top: 40px; padding-bottom: 0; }

.md-content .dtime { color: #969696; font-style: italic; }

.md-content h3 { text-align: left; padding: 0; }

/*#########################################################

トップ

#########################################################*/
@-webkit-keyframes background { 0% { background: black; }
  100% { background: rgba(0, 0, 0, 0.65); } }

@-moz-keyframes background { 0% { background: black; }
  100% { background: rgba(0, 0, 0, 0.65); } }

@keyframes background { 0% { background: black; }
  100% { background: rgba(0, 0, 0, 0.65); } }

@-webkit-keyframes word-move-left { 0% { -webkit-transform: translate(200px, 0px); transform: translate(200px, 0px);
    opacity: 0; }
  40% { opacity: 1; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-moz-keyframes word-move-left { 0% { transform: translate(200px, 0px);
    opacity: 0; }
  40% { opacity: 1; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes word-move-left { 0% { -webkit-transform: translate(200px, 0px); transform: translate(200px, 0px);
    opacity: 0; }
  40% { opacity: 1; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes word-move-right { 0% { -webkit-transform: translate(-200px, 0px); transform: translate(-200px, 0px);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-moz-keyframes word-move-right { 0% { transform: translate(-200px, 0px);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes word-move-right { 0% { -webkit-transform: translate(-200px, 0px); transform: translate(-200px, 0px);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes word2 { 0% { -webkit-transform: scale(4, 4); transform: scale(4, 4);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-moz-keyframes word2 { 0% { transform: scale(4, 4);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes word2 { 0% { -webkit-transform: scale(4, 4); transform: scale(4, 4);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes box-show { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes box-show { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes box-show { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes box-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes box-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes box-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes movie-show { 0% { width: 0px; }
  100% { width: 1060px; } }

@-moz-keyframes movie-show { 0% { width: 0px; }
  100% { width: 1060px; } }

@keyframes movie-show { 0% { width: 0px; }
  100% { width: 1060px; } }

@-webkit-keyframes movie-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes movie-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes movie-hidden { 0% { opacity: 1; }
  100% { opacity: 0; } }

.box-alexander { font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; background: url(../images/top/bg02.png) no-repeat; background-size: cover; width: 100%; height: 800px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; }

.box-alexander .inner { width: 100%; height: 800px; background: black; position: relative; -webkit-animation: background 1.5s ease-out 10s 1 forwards; -moz-animation: background 1.5s ease-out 10s 1 forwards; animation: background 1.5s ease-out 10s 1 forwards; }

.box-alexander .s01 { z-index: 10; }

.box-alexander .s01 .c-shiononanami { padding-top: 220px; -webkit-animation: box-hidden 2s ease-out 7s 1 forwards; -moz-animation: box-hidden 2s ease-out 7s 1 forwards; animation: box-hidden 2s ease-out 7s 1 forwards; }

.box-alexander .s01 .c-shiononanami img { width: 106px; opacity: 0; }

.box-alexander .s01 .c-shiononanami .c-shio { -webkit-animation: word-move-left 2s ease-out 2s 1 forwards; -moz-animation: word-move-left 2s ease-out 2s 1 forwards; animation: word-move-left 2s ease-out 2s 1 forwards; }

.box-alexander .s01 .c-shiononanami .c-no { -webkit-animation: word-move-left 2s ease-out 2.05s 1 forwards; -moz-animation: word-move-left 2s ease-out 2.05s 1 forwards; animation: word-move-left 2s ease-out 2.05s 1 forwards; }

.box-alexander .s01 .c-shiononanami .c-nana { -webkit-animation: word-move-left 2s ease-out 2.1s 1 forwards; -moz-animation: word-move-left 2s ease-out 2.1s 1 forwards; animation: word-move-left 2s ease-out 2.1s 1 forwards; }

.box-alexander .s01 .c-shiononanami .c-mi { -webkit-animation: word-move-left 2s ease-out 2.15s 1 forwards; -moz-animation: word-move-left 2s ease-out 2.15s 1 forwards; animation: word-move-left 2s ease-out 2.15s 1 forwards; }

.box-alexander .s01 .c-saigo { padding-top: 30px; -webkit-animation: box-hidden 2s ease-out 7.05s 1 forwards; -moz-animation: box-hidden 2s ease-out 7.05s 1 forwards; animation: box-hidden 2s ease-out 7.05s 1 forwards; }

.box-alexander .s01 .c-saigo img { opacity: 0; }

.box-alexander .s01 .c-saigo .c-sai { width: 104px; -webkit-animation: word-move-right 2s ease-out 2.2s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.2s 1 forwards; animation: word-move-right 2s ease-out 2.2s 1 forwards; }

.box-alexander .s01 .c-saigo .c-go { width: 110px; -webkit-animation: word-move-right 2s ease-out 2.25s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.25s 1 forwards; animation: word-move-right 2s ease-out 2.25s 1 forwards; }

.box-alexander .s01 .c-saigo .c-no2 { width: 98px; -webkit-animation: word-move-right 2s ease-out 2.3s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.3s 1 forwards; animation: word-move-right 2s ease-out 2.3s 1 forwards; }

.box-alexander .s01 .c-saigo .c-reki { width: 105px; -webkit-animation: word-move-right 2s ease-out 2.35s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.35s 1 forwards; animation: word-move-right 2s ease-out 2.35s 1 forwards; }

.box-alexander .s01 .c-saigo .c-shi { width: 106px; -webkit-animation: word-move-right 2s ease-out 2.4s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.4s 1 forwards; animation: word-move-right 2s ease-out 2.4s 1 forwards; }

.box-alexander .s01 .c-saigo .c-cho { width: 103px; -webkit-animation: word-move-right 2s ease-out 2.45s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.45s 1 forwards; animation: word-move-right 2s ease-out 2.45s 1 forwards; }

.box-alexander .s01 .c-saigo .c-hen { width: 105px; -webkit-animation: word-move-right 2s ease-out 2.5s 1 forwards; -moz-animation: word-move-right 2s ease-out 2.5s 1 forwards; animation: word-move-right 2s ease-out 2.5s 1 forwards; }

.box-alexander .s02 { opacity: 0; -webkit-animation: box-show 1s ease-out 10s 1 forwards; -moz-animation: box-show 1s ease-out 10s 1 forwards; animation: box-show 1s ease-out 10s 1 forwards; z-index: 20; margin-top: 4rem; width: 1060px; }

.box-alexander .s02 #movie-player { margin: auto; width: 1060px; height: 600px; }

.box-alexander .s02 .tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; height: 4rem; padding: 0 0.5rem; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #efefef; background: #000; }

.box-alexander .s02 .tabs .btn { color: #000; width: 15rem; text-align: center; cursor: pointer; font-weight: bold; color: #efefef; padding: 0.5rem 0; border: 1px solid #fff; }

.box-alexander .s02 .tabs .active { cursor: auto; background: #fff; color: #000; }

.box-alexander .s02 .box-btn-skip { width: 4rem; margin: auto; }

.box-alexander .s02 .box-btn-skip .btn-skip { margin-top: 1rem; width: 100%; height: 2.5rem; z-index: 100; display: block; font-size: 1.5rem; color: #fff; text-align: center; }

.box-alexander .s02 .box-btn-skip .btn-skip::before { content: ""; position: absolute; margin-left: -25px; margin-top: 6px; vertical-align: middle; width: 15px; height: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.box-alexander .s03 { opacity: 0; z-index: 0; }

.box-alexander .s03 .c-shiononanami { opacity: 0; padding-top: 60px; }

.box-alexander .s03 .c-saigo { opacity: 0; padding-top: 15px; }

.box-alexander .s03 .c-saigo img { width: 65px !important; }

.box-alexander .s03 .c-saigo .c-go { width: 67px; }

.box-alexander .s03 .c-saigo .c-no2 { width: 60px; }

.box-alexander .s03 .c-saigo .c-cho { width: 64px; }

.box-alexander .s03 a.btn-play { opacity: 0; display: block; width: 98px; height: 60px; background: url(../images/top/btn_play.png); margin: 20px auto 0 auto; }

.box-alexander .s03 a.btn-play:hover { -webkit-filter: opacity(60%); filter: opacity(60%); }

.box-alexander .s03 .c-alexander { padding-top: 150px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.box-alexander .s03 .c-alexander img { opacity: 0; margin: 0 2px; }

.box-alexander .s03 .c-alexander .c-a { width: 23px; }

.box-alexander .s03 .c-alexander .c-re { width: 21px; }

.box-alexander .s03 .c-alexander .c-ku { width: 23px; }

.box-alexander .s03 .c-alexander .c-sa { width: 25px; }

.box-alexander .s03 .c-alexander .c-n { width: 22px; }

.box-alexander .s03 .c-alexander .c-do { width: 17px; }

.box-alexander .s03 .c-alexander .c-ro { width: 21px; }

.box-alexander .s03 .c-alexander .c-su { width: 24px; }

.box-alexander .s03 .c-alexander .c-dai { width: 26px; }

.box-alexander .s03 .c-alexander .c-ou { width: 25px; }

.box-alexander .s03 .c-alexander .c-den { width: 27px; }

.box-alexander .s03 .c-atara { padding-top: 10px; }

.box-alexander .s03 .c-atara img { opacity: 0; }

.box-alexander .s03 .c-atara .c-kakko1 { width: 23px; margin-bottom: 45px; }

.box-alexander .s03 .c-atara .c-atara { width: 97px; }

.box-alexander .s03 .c-atara .c-shi2 { width: 71px; }

.box-alexander .s03 .c-atara .c-ki2 { width: 76px; }

.box-alexander .s03 .c-atara .c-chikara { width: 89px; }

.box-alexander .s03 .c-atara .c-kakko2 { width: 23px; }

.box-alexander .s03 .c-greece { position: relative; padding-top: 10px; width: 340px; margin: auto; }

.box-alexander .s03 .c-greece img { opacity: 0; }

.box-alexander .s03 .c-greece .c-gi { width: 24px; }

.box-alexander .s03 .c-greece .c-ri { width: 17px; }

.box-alexander .s03 .c-greece .c-shi3 { width: 23px; }

.box-alexander .s03 .c-greece .c-a { width: 23px; }

.box-alexander .s03 .c-greece .c-jin { width: 26px; }

.box-alexander .s03 .c-greece .c-no3 { width: 25px; }

.box-alexander .s03 .c-greece .c-mono { width: 24px; }

.box-alexander .s03 .c-greece .c-gatari { width: 25px; }

.box-alexander .s03 .c-greece .c-san { width: 23px; margin-bottom: 2px; }

.box-alexander .s03 .c-greece:before, .box-alexander .s03 .c-greece:after { opacity: 0; content: ""; position: absolute; top: 27px; display: block; height: 2px; background: #fff; width: 45px; }

.box-alexander .s03 .c-greece:after { right: 0; }

.box-alexander .s03 .c-kankou { padding-top: 50px; }

.box-alexander .s03 .c-kankou img { opacity: 0; }

.box-alexander .s03 .c-kankou .c-juni { width: 60px; }

.box-alexander .s03 .c-kankou .c-gatsu { width: 40px; }

.box-alexander .s03 .c-kankou .c-jugo { width: 60px; }

.box-alexander .s03 .c-kankou .c-nichi { width: 35px; }

.box-alexander .s03 .c-kankou .c-kan { width: 57px; }

.box-alexander .s03 .c-kankou .c-kou { width: 55px; }

.box-alexander .s03 .c-kankou .c-ketsu { width: 55px; }

.box-alexander .s03 .c-kankou .c-tei { width: 57px; }

.box-alexander .s03 .box-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 665px; margin: auto; opacity: 0; transition: all 1s ease-out; }

.box-alexander .s03 .box-btn .btn-greece { display: block; background: no-repeat; text-indent: -10000px; height: 27px; background-size: contain; }

.box-alexander .s03 .box-btn .btn1 { width: 187px; background-image: url(../images/top/btn_greece1.png); }

.box-alexander .s03 .box-btn .btn2 { width: 224px; background-image: url(../images/top/btn_greece2.png); }

.box-alexander .s03 .box-btn .btn3 { margin: 0 auto; width: 111px; background-image: url(../images/top/btn_greece3.png); }

.movie-start { /* #movie { @include animation(movie-show $speed-movie+s ease-out $s02-delay+0s 1 forwards); } .c-shiononanami{ opacity: 0; img{ opacity: 0; } } // 最後の歴史長編 .c-saigo{ opacity: 0; img{ opacity: 0; } } */ }

.movie-start .s02 { -webkit-animation: box-show 2s ease-out 0s 1 forwards; -moz-animation: box-show 2s ease-out 0s 1 forwards; animation: box-show 2s ease-out 0s 1 forwards; }

.movie-finish .s02 { -webkit-animation: box-hidden 1s ease-out 0s 1 forwards; -moz-animation: box-hidden 1s ease-out 0s 1 forwards; animation: box-hidden 1s ease-out 0s 1 forwards; }

.movie-finish .s03 { z-index: 30; opacity: 1; }

.movie-finish .s03 .c-shiononanami { opacity: 0; padding-top: 40px; -webkit-animation: box-show 1s ease-out 2.5s 1 forwards; -moz-animation: box-show 1s ease-out 2.5s 1 forwards; animation: box-show 1s ease-out 2.5s 1 forwards; }

.movie-finish .s03 .c-shiononanami img { width: 65px; }

.movie-finish .s03 .c-saigo { opacity: 0; padding-top: 15px; -webkit-animation: box-show 1s ease-out 2.5s 1 forwards; -moz-animation: box-show 1s ease-out 2.5s 1 forwards; animation: box-show 1s ease-out 2.5s 1 forwards; }

.movie-finish .s03 .c-saigo img { width: 50px !important; }

.movie-finish .s03 .c-saigo .c-go { width: 52px; }

.movie-finish .s03 .c-saigo .c-no2 { width: 47px; }

.movie-finish .s03 .c-alexander { padding-top: 25px; }

.movie-finish .s03 .c-alexander img { -webkit-animation: word2 0.8s ease-in 1.5s 1 forwards; -moz-animation: word2 0.8s ease-in 1.5s 1 forwards; animation: word2 0.8s ease-in 1.5s 1 forwards; }

.movie-finish .s03 .c-atara img { -webkit-animation: word2 0.8s ease-in 1.5s 1 forwards; -moz-animation: word2 0.8s ease-in 1.5s 1 forwards; animation: word2 0.8s ease-in 1.5s 1 forwards; }

.movie-finish .s03 .c-greece img { -webkit-animation: word2 0.8s ease-in 1.5s 1 forwards; -moz-animation: word2 0.8s ease-in 1.5s 1 forwards; animation: word2 0.8s ease-in 1.5s 1 forwards; }

.movie-finish .s03 .c-greece:before, .movie-finish .s03 .c-greece:after { -webkit-animation: word2 0.5s ease-out 1.5s 1 forwards; -moz-animation: word2 0.5s ease-out 1.5s 1 forwards; animation: word2 0.5s ease-out 1.5s 1 forwards; }

.movie-finish .s03 .c-kankou { padding-top: 40px; }

.movie-finish .s03 .c-kankou img { -webkit-animation: word2 0.8s ease-in 1.5s 1 forwards; -moz-animation: word2 0.8s ease-in 1.5s 1 forwards; animation: word2 0.8s ease-in 1.5s 1 forwards; }

.movie-finish .s03 .box-btn { -webkit-animation: box-show 1s ease-out 2.5s 1 forwards; -moz-animation: box-show 1s ease-out 2.5s 1 forwards; animation: box-show 1s ease-out 2.5s 1 forwards; }

.movie-finish .s03 a.btn-play { /* @include animation(box-show 1s ease-out 2.5s 1 forwards);*/ opacity: 1; transition: opacity 1s ease-out 2.5s; }

/* ========================================================
新着情報
=========================================================*/
.box-news { font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.box-news .box-news-dl { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 2rem auto; width: 1060px; }

.box-news .box-news-dl > dt { width: 130px; border-right: 1px solid #000; font-weight: bold; font-size: 1.3rem; }

.box-news .box-news-dl > dd { width: 100%; }

.box-news .box-news-dl .item-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 1rem 2rem; font-size: 0.9rem; }

.box-news .box-news-dl .item-list dt { color: #969696; font-style: italic; width: 140px; }

/* ========================================================
SNS
=========================================================*/
.box-sns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 1.5rem auto; width: 300px; }

.box-sns a { display: block; margin: 0 1rem; }

/*# sourceMappingURL=style.css.map */