@charset "UTF-8";
/* ハナマルキ公式ソーシャルメディア
------------------------------ */
#contents { width: 100%; min-width: 960px; margin: 0; }

#sns { position: relative; font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 14px; }
#sns .clearFix:after { display: block; clear: both; content: ""; }
#sns:after { clear: both; display: block; content: ''; }
#sns section { display: block; position: relative; }
#sns img { vertical-align: bottom; }
#sns a { cursor: pointer; }
#sns .snsKv { position: relative; width: 100%; height: 493px; background: url(../images/kv-bgi.jpg) no-repeat center center; background-size: cover; }
#sns .snsKv h1 { display: block; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
#sns .snsPanel { background: #fafafa; z-index: 0; }
#sns .snsPanel:after { clear: both; display: block; content: ''; }
#sns .snsPanel ul { width: 960px; margin: 0 auto; padding: 60px 0 50px; }
#sns .snsPanel li { position: relative; float: left; width: 300px; height: 360px; margin: 0 0 30px 20px; padding: 60px 40px 50px; border: solid 2px #eee; border-radius: 5px; background: #fff; text-align: center; box-sizing: border-box; }
#sns .snsPanel li:nth-child(3n+1) { margin-left: 0; }
#sns .snsPanel li:after { display: block; position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; border-radius: 5px; background: url(../images/panel-shadow.png) no-repeat center center; background-size: cover; z-index: -1; content: ""; }
#sns .snsPanel li h2 { padding: 30px 0; font-size: 20px; line-height: 1; }
#sns .snsPanel li h2 small { display: block; padding-bottom: .5em; font-size: 16px; }
#sns .snsPanel li > a { display: block; position: absolute; bottom: 50px; }