html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

#magazine table {
    border-collapse: separate;
    border-spacing: 3px;
}

#magazine caption,
tr {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    background-color: #fff;
    margin-left: 13px;
}

#magazine caption,
tr th {
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    background-color: #d9dade;
    border: 1px solid;
}

.magazine_01 {
    width: 100%;
    border-collapse: separate;
}

.magazine_01 th {
    width: 25%;
    padding: 6px;
    text-align: center;
    vertical-align: top;
    color: #333;
    background-color: #eee;
    border: 1px solid #c9c9c9;
}

.magazine_01 td {
    padding: 6px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
}

q,
blockquote {
    quotes: none;
}

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

a img {
    border: none;
}

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

.newsTitle{
    font-size:18px!important;
    font-weight: bold;
}
.newsContent{
    font-size: 15px;
}
/*

COMMON

 */

html,
body {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    /*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
    color: #333;
    /*background: #c3c3c3;*/
    /*background: url(../images/skybg.jpg);*/
    /*margin: 0px 3px;*/
}

.background {
    /*background: url(../images/bg.gif) repeat;*/
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    z-index: -1
}

body {}

.layerTransparent {
    /*background-color:rgba(255,255,255,0.8);*/
    background-color: rgba(255, 255, 255, 0.95);
}

div,
li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: none;
}

p {
    margin: 0 0 2em 0;
    line-height: 1.6em;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

a {
    color: #4d92ff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover {
    color: #99e6ff;
    text-decoration: none;
}

a:active,
a:focus {
    color: #09c;
}

a:hover img {
    /*    
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
    */
}

.radius {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #f00;
    width: 200px;
    height: 200px;
    position: relative;
    behavior: url(css/PIE.htc);
}

.inner {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.opa {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
}

.forpc {
    display: block;
}

.artBlock {
    margin: 20px 0;
}


/*

HEADER

*/

header {
    width: 100%;
    text-align: left;
    padding: 20px 0;
    margin: 0 0 10px 0;
    /*background: #c3c3c3;*/
    border-bottom: 0px solid #333;
}

img.headlogo {
    width: 104px;
    height: auto;
}

a img.blackLine {
    border: 1px;
    !important;
}

a img.linkMar {
    margin: 13px 0px;
}


/*

SNS-SHARE-NAVIGATION

*/

.share {
    margin: 0;
    padding: 0;
    width: 500px;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 10%;
}

.share ul {
    list-style: outside none;
    margin: 0;
    padding: 0;
}

.share ul li {
    padding: 0 4px 0 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    background: none;
    margin: 0;
    font-size: 10px;
}


/* title img */

.imageArea {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 10px 0;
}

.recImg {
    margin: 0 10px;
    width: 46%;
    border: 1px solid #000;
    padding: 5px;
    float: left;
    background-color: #fff;
}

.recImgOne {
    margin: 0 auto;
    width: 300px;
    border: 1px solid #000;
    padding: 5px;
    float: none;
    background-color: #fff;
}

.recImg img {}

.recCaption {
    font-size: 15px;
    text-align: left;
    line-height: 127%;
}

img.titleImg {
    width: 1000px;
    height: auto;
}

img.award {
    height: auto;
    margin-bottom: 30px;
}

img.award_king{
width: 200px;
    float: left;
    margin: 0 15px 6px 0;
}

img.prizeNo1Img {
    width: 800px;
    height: auto;
    margin-bottom: 20px;
}

img.prizeImg {
    width: 500px;
    height: auto;
    margin-bottom: 20px;
}

img.prize4Img {
    width: 200px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

img.judge {
    height: auto;
    width: 350px;
    float: left;
    margin: 10px 30px 170px 10px;
}

img.judgeFuyu {
    height: auto;
    width: 350px;
    float: left;
    margin: 10px 30px 40px 10px;
}

img.judgeAmano {
    height: auto;
    width: 350px;
    float: left;
    margin: 10px 30px 80px 10px;
}

img.judgeTwitter {
    height: auto;
    width: 50px;
    float: left;
    margin: -15px 10px 5px 5px;
}

img.magazineImg {
    height: auto;
    border: 1px solid #000;
    !important;
    float: left;
}

img.magazineLink {
    height: auto;
    border: none;
    !important;
    float: left;
    margin: 5px 0px;
}

.samSpace {
    width: 160px;
    float: left;
}

.sideMagazine {
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

img.prizeSam {
    height: 160px;
    width: 160px;
    border: none;
    !important;
    margin: 5px 0px;
}

span.prizeName {
    font-size: 80%;
    width: 80%;
    !important;
}

.respanceClear {
    clear: none;
}

#magazineData {
    margin: 25px 0px;
    width: 240px;
}

#magazineDataPlus {
    margin: 10px 20px;
    float: left;
    vertical-align: bottom;
}

.clearAndMar {
    clear: both;
    margin: 10px 0px;
    height: 10px;
}


/* NAVIGATION */

#Navigation {
    width: 1050px;
    background-color: #d95c5c;
    border-bottom: 5px solid #8e1515;
    overflow: hidden;
}

#Navigation .navi-inner {
    width: 100%;
    margin: 0 auto;
}

#Navigation .navi-inner ul {
    list-style: none;
}

#Navigation .navi-inner ul li {
    float: left;
    border-right: 1px solid #711a1a;
    letter-spacing: 1.5px;
    width: 250px;
}


/*#Navigation .navi-inner ul li.last {
	border-right: none;
}*/

#Navigation .navi-inner ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 145%;
    text-align: center;
    text-shadow: 0 -1px #333;
}

#Navigation .navi-inner ul li a {
    padding: 10px 15px 6px 15px;
    display: block;
}

#Navigation .navi-inner ul li a.now {
    background-color: #8e1515;
}

#Navigation .navi-inner ul li a:hover {
    background-color: #8e1515;
    text-decoration: none;
}

#Navigation .navi-inner ul li.now a {
    background-color: #8e1515;
}


/*

CONTENTS

*/


/* HEADING */

.titileWrapper {
    overflow: hidden;
}

.mainTitle1 {
    display: block;
    margin: 13px auto 55px;
}

.mainTitle1 h1 {
    font-size: 60px;
    font-weight: 900;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.mainTitle2 {
    display: none;
    margin: 65px auto;
}

.mainTitle2 h1 {
    font-size: 60px;
    font-weight: 900;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

h1.title {
    margin: 0 auto;
    padding: 0;
}

h1.text {
    font-size: 30px;
    font-weight: bold;
    margin: 13px 0;
}

.lines-on-sides {
    display: table;
    text-align: center;
    white-space: nowrap;
}

.lines-on-sides:after {
    content: '';
    display: table-cell;
    width: 50%;
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
    background-clip: padding;
}

.lines-on-sides:before {
    content: '';
    display: table-cell;
    width: 50%;
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
    background-clip: padding;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
}

.lead {
    font-weight: bold;
    font-size: 16px;
}

.subTitle {
    background: #1c1c1c;
    color: #ccc;
    text-align: center;
    line-height: 1.6em;
    padding: 10px;
    font-size: 18px;
}

.wrapper {
    /*background: #c3c3c3;*/
}

.wrapperInner {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}

article {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

section {
    overflow: hidden;
}

section.mainArea {
    width: 70%;
    float: left;
}

section.sideArea {
    width: 28%;
    float: right;
}

section h2 {
    color: #333;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
    padding: 7px 10px 8px;
    margin: 30px 0px 35px 0;
    border-left: solid 7px #000;
    border-bottom: solid 1px #000;
}

h2 .h2subtitle {
    font-size: 15px;
    color: #5d5d5d;
    display: inline-block;
}

section.sideArea h3 {
    font-size: 15px;
    text-align: left;
    padding: 10px 0 0px;
    line-height: 22px;
    border-bottom: solid 1px #333;
}

h4 {
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: left;
    padding: 7px 10px 1px;
    margin: 0px 20px 10px 10px;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    display: inline;
    float: left;
}

h4.judgeh4 {
    margin: 0px 20px -10px 110px;
    font-size: 90%;
}

.underlineBigFont {
    font-size: 23px!important;
    border-bottom: 2px #5d5d5d solid;
}

.nameArea {
    width: 300px;
}

h4.numazawah4 {
    margin: 0px auto 10px 80px;
}

h4.fuyuh4 {
    margin: 0px auto 10px 97px;
}

h4.amanoh4 {
    margin: 0px auto 10px 40px;
}

.bandShow {
    font-size: 80%;
    margin-bottom: -20px;
    margin-left: 110px;
    margin-right: auto;
    float: left;
}

.bandShowNumazawa {
    font-size: 80%;
    margin: 0px auto 0px 0px;
}

.recGear {
    background-color: #f8f8e5;
    padding: 8px;
    margin: 15px auto;
    border: 1px solid #000;
    /*width: 97%;*/
}

section h5 {
    color: #333;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
    /*padding: 7px 10px 8px 7px;*/
    margin: 0 0 20px 0;
    border-bottom: dashed 1px #333;
    clear: both;
}

section h6 {
    color: #333;
    font-size: 75%;
    text-align: left;
    padding: 7px 10px 8px;
    margin: 0px 0px 0px 0px;
    border-bottom: dashed 1px #333;
}

.updateLog {
    margin-bottom: 35px;
}

section h7 {
    font-size: 120%;
    text-align: left;
    font-weight: bold;
}

.bnrArea {
    background: #000;
    padding: 50px 60px;
}

.bnrArea ul {
    display: block;
    overflow: hidden;
}

.bnrArea ul li {
    display: block;
    width: 33%;
    float: left;
    margin: 0 auto;
}

.sponsor {
    clear: both;
    max-width: 1000px;
    margin: 20px 0 0;
    padding: 0;
    overflow: hidden;
}

.sponsor h5 {
    font-weight: bold;
    text-align: center;
    font-size: 100%;
    color: #fff;
    background-color: #000;
    padding: 5px;
    margin: 10px;
}

.mainArea h3 {}


/*

FOOTER

*/

footer {
    width: 100%;
    padding: 100px 0;
    text-align: center;
    /*  background: url(../images/bg-footer.png) repeat;*/
    border-top: 1px solid #a3a3a3;
}

footer p.footlink {
    font-size: 12px;
}

footer p.footlink a {
    color: #000;
    text-decoration: none;
}

footer p.footlink a:hover {
    color: #62dde1;
    text-decoration: underline;
}

footer p.copy {
    font-size: 12px;
    color: #444;
}


/* ANCHOR */

.topTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
    text-align: left;
    line-height: 1em;
}

.topTop a img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: pointer;
}

.topTop a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}


/*

OverWriteStyles

*/

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

hr.dot {
    width: 100%;
    border: dotted #444;
    border-width: 1px 0 0 0;
    height: 1px;
    /* for IE6 */
    clear: both;
    /* for IE6 */
    margin: 30px 0;
}


/* ALIGNMENT */

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.txtleft {
    text-align: left;
}

.txtright {
    text-align: right;
}

.txtcenter {
    text-align: center;
}


/* Vertical Center */

.verticalcenter p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Width */

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w50 {
    width: 55%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w100 {
    width: 100%;
}


/* Responsive */

.foronlymaxwidth {
    display: inline-block;
}

.forpc {
    display: inline-block;
}

.for7in {
    display: none;
}

.forsp {
    display: none;
}


/* Display Table*/

.display-table {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

.display-tablecell {
    display: inline-table;
    vertical-align: middle;
    margin: 0 10px;
}

#menu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

#menu li {
    display: block;
    float: left;
    width: 20%;
    margin: 0;
    padding: 0px;
}

#menu li a {
    display: block;
    padding: 26.5px 0px;
    background-color: #000;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid #f4dfe0;
}

#menu li a.now {
    background-color: #6c6c6c;
}

#menu li a.negative {
    background-color: #c9c8c8;
}

span.negative {
    display: block;
    padding: 20px 0 20px;
    background-color: #d70c19;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid #f4dfe0;
}

#smallFont {
    font-size: 80%;
}

#menu li:last-child a {
    border: none;
}

#menu li a:hover {
    background: #6c6c6c;
}

#toggle {
    display: none;
}

.side-column-tw {
    height: 100%;
    border: 1px solid #adaaaa;
}

.pickupContents {
    font-weight: bold;
    font-size: 25px;
    margin: 25px 0;
    text-align: center;
}

.txtExplane {
    text-align: left;
    font-size: 100%;
    margin-bottom: 20px;
    line-height: 180%;
}

.entryExp{
    font-size: 14px;
}

.txtExplaneName {
    text-align: left;
    font-size: 90%;
    margin-bottom: 20px;
    line-height: 180%;
    white-space: nowrap;
}

.downloadNote{
    text-align: left;
    font-size: 80%;
    margin: 15px 0 13px 0px;
    line-height: 180%;
}

.txtExplane span {}

.txtExplaneJudge {
    text-align: left;
    font-size: 98%;
    margin-top: -20px;
    margin-bottom: 20px;
    line-height: 180%;
}

.txtExplaneProf {
    text-align: left;
    font-size: 88%;
    margin-bottom: 20px;
    line-height: 140%;
    color: #9a9595;
}

.trackTitle {
    font-size: 30px;
    font-weight: bold;
}

.downloadTrackArea {
    width: 210px;
    float: left;
    margin: 12px auto;
    text-align: center;
}

.judgeBlock {
    float: left;
    text-align: center;
    height: 100px;
    width: 220px;
    margin: 30px 30px 30px 30px;
}

.judgeBlockBand {
    float: left;
    text-align: center;
    height: 100px;
    width: 300px;
}

.txtContest {
    text-align: left;
    font-size: 90%;
    margin-bottom: 20px;
    line-height: 190%;
}

.txtContest h3 {
    text-align: left;
    margin-bottom: 20px;
}

.txtPrizeTitle {
    font-weight: bold;
    text-align: left;
    font-size: 120%;
    margin-bottom: 5px;
    line-height: 180%;
}

.txtPrizeTitle span {
    font-size: 130%;
    font-style: bold;
    color: #d70c19;
}

.txtPrizeCoution {
    text-align: left;
    font-size: 85%;
    line-height: 180%;
}

.txtPrize {
    text-align: left;
    font-size: 90%;
    margin-bottom: 10px;
    line-height: 160%;
}

.txtCoution {
    text-align: left;
    font-size: 80%;
    margin-bottom: 10px;
    line-height: 160%;
}

ul.listStyle {
    list-style-type: disc;
}

#audio-container {
    max-width: 360px;
    height: 30px;
    padding: 0px 8px 50px 0px;
    margin: 0 0 0 0;
    background: url(lib/light.png) 0 8px;
}

#video-container {
    max-width: 640px;
    margin: 0 auto 160px;
    padding: 0 40px 8px;
    background: url(lib/shadow.png) 0 352px no-repeat;
}

.mejs-container {
    box-shadow: 0 0 18px rgba(0, 0, 0, .2);
}

#credits {
    text-align: center;
}

#musicL {
    max-width: 60px;
    height: 30px;
    padding: 0px 88px 50px 0px;
    margin: 0 0 40 0;
}


/* ボタン */

.button {
    display: inline-block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
    line-height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button:hover {
    background-color: #fff;
    border-color: #d70c19;
    color: #d70c19;
}

ul.resultNames li {
    float: left;
}


/*ダウンロードボタン*/

.dataDownloadButton {
    display: inline-block;
    width: 200px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 8px;
}

.dataDownloadButton::before,
.dataDownloadButton::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.dataDownloadButton,
.dataDownloadButton::before,
.dataDownloadButton::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.dataDownloadButton {
    background-color: #333;
    color: #fff;
}

.dataDownloadButton:hover {
    letter-spacing: 1px;
}

.dataDownlaodArea {
    margin: 15px;
}


/*
#modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba(255, 255, 255, 1.00) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}


*/

#modal-content {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0px;
    background: #fff;
    position: fixed;
    display: none;
    z-index: 2;
}

#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(255, 255, 255, 1.00);
}

.button-link {
    color: #00f;
    text-decoration: underline;
}

.button-link:hover {
    cursor: pointer;
    color: #f00;
}




.bgImg{
    width: 300px;
}

.openImg {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/bg.gif) repeat;
    background-size: cover;
}

.snip1445 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    /*    
  margin: 10px 1%;

  min-width: 230px;
  max-width: 315px;
    */
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    display: block;
}

.snip1445 *,
.snip1445 *:before,
.snip1445 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

.snip1445 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
}

.snip1445 figcaption {
    position: absolute;
    bottom: 125px;
    right: 125px;
    padding: 5px 10px 10px;
}

.snip1445 figcaption:before,
.snip1445 figcaption:after {
    height: 2px;
    width: 2500px;
    position: absolute;
    content: '';
    background-color: #fff;
}

.snip1445 figcaption:before {
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.snip1445 figcaption:after {
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.snip1445 figcaption div:before,
.snip1445 figcaption div:after {
    width: 2px;
    height: 1300px;
    position: absolute;
    content: '';
    background-color: #fff;
}

.snip1445 figcaption div:before {
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.snip1445 figcaption div:after {
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.snip1445 h2,
.snip1445 h4 {
    margin: 0;
/*    text-transform: uppercase;*/
}

.snip1445 h2 {
    font-weight: 900;
    color: #fff;
    font-size: 40px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

.snip1445 h4 {
    font-size: 40px;    
    display: block;
    font-weight: 700;
    background-color: #fff;
    padding: 5px 10px;
    color: #000;
    width: 100%;
    text-align: center;
    border: 0;
}

.snip1445 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.snip1445:hover img,
.snip1445.hover img {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    opacity: 0.5;
}

.openImg:hover img,
.openImg.hover img {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    opacity: 0.5;
}

.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after,
.snip1445:hover figcaption div:before,
.snip1445.hover figcaption div:before,
.snip1445:hover figcaption div:after,
.snip1445.hover figcaption div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}


/*
.snip1445 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
}
.snip1445 *,
.snip1445 *:before,
.snip1445 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.snip1445 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.snip1445 figcaption {
  position: absolute;
  bottom: 25px;
  right: 25px;
  padding: 5px 10px 10px;
}
.snip1445 figcaption:before,
.snip1445 figcaption:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.snip1445 figcaption:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.snip1445 figcaption:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.snip1445 figcaption div:before,
.snip1445 figcaption div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.snip1445 figcaption div:before {
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.snip1445 figcaption div:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.snip1445 h2,
.snip1445 h4 {
  margin: 0;
  text-transform: uppercase;
}
.snip1445 h2 {
  font-weight: 400;
}
.snip1445 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
}
.snip1445 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1445:hover img,
.snip1445.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after,
.snip1445:hover figcaption div:before,
.snip1445.hover figcaption div:before,
.snip1445:hover figcaption div:after,
.snip1445.hover figcaption div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
*/