@charset "UTF-8";

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

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
td,
th {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

a img {
    border: none
}

a{
    color: #dc3c36;
}

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

html {
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset
}

@media (-o-min-device-pixel-ratio:2/1),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx),
only screen and (-webkit-min-device-pixel-ratio:2) {
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

body {
    font-family: Helvetica, Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック', sans-serif;
    color: #443311;
    padding: 0 2.4rem
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media (hover:hover) {
    a:hover {
        opacity: .7
    }
}

iframe,
img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

#container {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 1.42857
}

#container .top_logo {
    display: block;
    width: 154px;
    padding: 32px 0;
    margin: 0 auto
}

#container h1.mainvisual img {
    width: 100%
}

#container article {}

#container article section {
    padding-bottom: 48px
}

#container article section h2 {
    line-height: 1;
    background: #F6F5F4;
    font-size: 18px;
    font-weight: bold;
    padding: 24px 16px;
    margin-bottom: 40px
}

#container article section h2 + .listBlock {
    margin-top: 0
}

#container article section .listBlock {
    margin-top: 40px;
    padding: 0 16px
}

#container article section .listBlock h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 24px
}

#container article section .listBlock ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article section .listBlock ul li.item {
    width: 48.55372%;
    border-bottom: #EAE7E2 solid 1px
}

#container article section .listBlock ul li.item:first-child,
#container article section .listBlock ul li.item:nth-child(2) {
    border-top: #EAE7E2 solid 1px
}

#container article section .listBlock ul li.item a.link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 8px 0
}

#container article section .listBlock ul li.item a.link .img {
    display: block;
    width: 60px
}

#container article section .listBlock ul li.item a.link .img img {
    width: 100%
}

#container article section .listBlock ul li.item a.link .desc {
    display: block;
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#container article section .listBlock ul li.item a.link .desc .title {
    display: block
}

#container article section .listBlock ul li.item a.link .desc .corp {
    display: block;
    font-size: 12px;
    color: rgba(68, 51, 17, 0.6);
    margin-top: 8px
}

#container article section .listBlock ul li.item a.link .desc .corp.pr:before {
    content: 'PR';
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    border: #CFCABF solid 1px;
    border-radius: 2px;
    padding: 0 1px;
    margin-right: 8px;
    vertical-align: middle
}

@media (hover:hover) {
    #container article section .listBlock ul li.item a.link:hover {
        background: #F6F5F4;
        opacity: 1
    }
}

#container article #overview {
    padding: 40px 0
}

#container article #overview .lead {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.8
}

#container article #topics a.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 340px;
    border: #DC3C36 solid 1px;
    border-radius: 8px;
    margin: 40px auto 0;
    color: #DC3C36;
    padding: 18px 9px;
    line-height: 1
}

@media (hover:hover) {
    #container article #topics a.btn:hover {
        background: #DC3C36;
        opacity: 1;
        color: #fff
    }
}

#container article #event .event_list {
    padding: 0 16px
}

#container article #event .event_img{
  padding-bottom: 6px
}

#container article #event .event_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article #event .event_list ul li.item {
    width: 48.45361%;
    margin-top: 30px
}

#container article #event .event_list ul li.item:first-child,
#container article #event .event_list ul li.item:nth-child(2) {
    margin-top: 0
}

#container article #event .event_list ul li.item a.link {
    display: block
}

#container article #sponsor .sponsors {
    padding: 0 16px
}

#container article #sponsor .sponsors ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article #sponsor .sponsors ul li.item {
    width: 23.76033%;
    margin-top: 16px;
    padding: 24px
}

#container article #sponsor .sponsors ul li.item:first-child,
#container article #sponsor .sponsors ul li.item:nth-child(2),
#container article #sponsor .sponsors ul li.item:nth-child(3),
#container article #sponsor .sponsors ul li.item:nth-child(4) {
    margin-top: 0
}

@media (max-width:768px) {
    #container article #sponsor .sponsors ul li.item {
        width: 30.99174%;
        margin-top: 16px
    }

    #container article #sponsor .sponsors ul li.item:nth-child(4) {
        margin-top: 16px
    }
}

#container article #sponsor .sponsors ul li.item .logo {
    display: block
}

#container article #sponsor .sponsors ul li.item .logo img {
    width: 100%
}

#footer {
    padding: 0 2.4rem 80px;
    font-size: 14px
}

#footer .copyright {
    text-align: center
}

a.credit{
    color: #dc3c36;
}

a.credit:hover{
    color: #dc3c36;
}


@media screen and (max-width: 680px) {
@charset "UTF-8";

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

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
td,
th {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

a img {
    border: none
}

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

html {
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset
}

@media (-o-min-device-pixel-ratio:2/1),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx),
only screen and (-webkit-min-device-pixel-ratio:2) {
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

body {
    font-family: Helvetica, Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック', sans-serif;
    color: #443311
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media (hover:hover) {
    a:hover {
        opacity: .7
    }
}

iframe,
img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

#container {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 1.42857
}

#container .top_logo {
    display: block;
    width: 88px;
    padding: 16px 0;
    margin: 0 auto
}

#container h1.mainvisual img {
    width: 100%
}

#container article {}

#container article section {
    padding-bottom: 24px
}

#container article section h2 {
    line-height: 1;
    background: #F6F5F4;
    font-size: 18px;
    font-weight: bold;
    padding: 24px 1.6rem;
    margin-bottom: 16px
}

#container article section h2 + .listBlock {
    margin-top: 0
}

#container article section .listBlock {
    margin-top: 32px;
    padding: 0 1.6rem
}

#container article section .listBlock h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 16px
}

#container article section .listBlock ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article section .listBlock ul li.item {
    width: 100%;
    border-bottom: #EAE7E2 solid 1px
}

#container article section .listBlock ul li.item:first-child {
    border-top: #EAE7E2 solid 1px;
    border-bottom: none
}

@media (min-width:768px) {
    #container article section .listBlock ul li.item {
        width: 48.55372%;
        border-bottom: #EAE7E2 solid 1px
    }

    #container article section .listBlock ul li.item:first-child,
    #container article section .listBlock ul li.item:nth-child(2) {
        border-top: #EAE7E2 solid 1px
    }
}

#container article section .listBlock ul li.item a.link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0
}

#container article section .listBlock ul li.item a.link .img {
    display: block;
    width: 60px
}

#container article section .listBlock ul li.item a.link .img img {
    width: 100%
}

#container article section .listBlock ul li.item a.link .desc {
    display: block;
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#container article section .listBlock ul li.item a.link .desc .title {
    display: block
}

#container article section .listBlock ul li.item a.link .desc .corp {
    display: block;
    font-size: 12px;
    color: rgba(68, 51, 17, 0.6);
    margin-top: 8px
}

#container article section .listBlock ul li.item a.link .desc .corp.pr:before {
    content: 'PR';
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    border: #CFCABF solid 1px;
    border-radius: 2px;
    padding: 0 1px;
    margin-right: 8px;
    vertical-align: middle
}

@media (hover:hover) {
    #container article section .listBlock ul li.item a.link:hover {
        background: #F6F5F4;
        opacity: 1
    }
}

#container article #overview {
    padding: 16px 1.6rem 24px
}

#container article #overview .lead {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.8
}

#container article #topics a.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    border: #DC3C36 solid 1px;
    border-radius: 8px;
    margin: 24px 1.6rem 0;
    color: #DC3C36;
    padding: 18px 9px;
    line-height: 1
}

@media (hover:hover) {
    #container article #topics a.btn:hover {
        background: #DC3C36;
        opacity: 1;
        color: #fff
    }
}

#container article #event .event_list {
    padding: 0 1.6rem
}

#container article #event .event_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article #event .event_list ul li.item {
    width: 100%;
    margin-top: 16px
}

#container article #event .event_list ul li.item:first-child {
    margin-top: 0
}

#container article #event .event_list ul li.item a.link {
    display: block
}

@media (min-width:768px) {
    #container article #event .event_list ul li.item {
        width: 48.45361%;
        margin-top: 16px
    }

    #container article #event .event_list ul li.item:first-child,
    #container article #event .event_list ul li.item:nth-child(2) {
        margin-top: 0
    }
}


#container article #sponsor .sponsors {
    padding: 0 1.6rem
}

#container article #sponsor .sponsors ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container article #sponsor .sponsors ul li.item {
    width: 47.52187%;
    margin-top: 16px;
    padding: 18px
}

#container article #sponsor .sponsors ul li.item:first-child,
#container article #sponsor .sponsors ul li.item:nth-child(2) {
    margin-top: 0
}

@media (min-width:768px) {
    #container article #sponsor .sponsors ul li.item {
        width: 30.99174%;
        margin-top: 16px
    }

    #container article #sponsor .sponsors ul li.item:nth-child(4) {
        margin-top: 16px
    }
}

@media (min-width:1024px) {
    #container article #sponsor .sponsors ul li.item {
        width: 23.76033%;
        margin-top: 16px
    }

    #container article #sponsor .sponsors ul li.item:first-child,
    #container article #sponsor .sponsors ul li.item:nth-child(2),
    #container article #sponsor .sponsors ul li.item:nth-child(3),
    #container article #sponsor .sponsors ul li.item:nth-child(4) {
        margin-top: 0
    }
}

#container article #sponsor .sponsors ul li.item .logo {
    display: block
}

#container article #sponsor .sponsors ul li.item .logo img {
    width: 100%
}

#footer {
    padding: 16px 1.6rem 80px;
    font-size: 14px
}

#footer .copyright {
    text-align: center
}


a.credit{
    color: #dc3c36;
}

a.credit:hover{
    color: #dc3c36;
}

#event #mt16{    margin-top: 16px;
}

    #container article #sponsor .sponsors ul li.item:nth-child(4){margin-top: 0;}


}