@charset"UTF-8"; 

html{height:100%; width:100%; font-size:62.5%}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-style:normal; font-weight:normal}
table{border-collapse:collapse; border-spacing:0}
ol, ul{list-style:none}
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary{display:block}
h1, h2, h3, h4, h5, h6{font-size:100%}
img{vertical-align:bottom; outline:none}
a:focus, *:focus{outline:none}

body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; background-color:#fff; color:#000; font-size:16px; font-size:1.6rem; line-height:1.5; width:100%; min-width:1000px}

a{color:#f75f6f; text-decoration:none}

a:hover{color:#ff8b97; text-decoration:underline}

a:visited, a:active{color:#f75f6f; text-decoration:none}

input, textarea{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:1.4rem}

.clearfix:after{ content:"";  display:block;  clear:both}

.loading{width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:999}
.load_img{position:absolute; top:50%; left:50%; margin-top:-88px; margin-left:-175px; text-align:center}

#container{position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden}

.inner{position:relative; width:980px; margin:0 auto}

.center{text-align:center}

.tra a, #foot ul li a, #banner ul li a{transition-duration:0.5s}

.tra a:hover, #foot ul li a:hover, #banner ul li a:hover{opacity:.7}

#nav_wrap{    width:100%;     border-bottom:solid 1px #b5b5b5;     background:url(../event_img/nav_wp.png);  position:fixed;  top:0;  left:0;  z-index:100}

#nav_wrap ul{ width:961px;  height:50px;  margin:5px auto;  overflow:hidden}

#nav_wrap ul li{ float:left;  text-align:center;  border-left:solid 1px #d2d2d2}

#nav_wrap ul li:last-child{ border-right:solid 1px #d2d2d2}

#nav_wrap ul li a{ transition-duration:0.5s;  padding:5px;  width:180px;  height:40px;  display:block}

#nav_wrap ul li a:hover{ background-color:#f3e9d2}

#nav_wrap .later{ padding:5px;  width:180px;  height:40px}

#nav_wrap .later img{ opacity:.5}

#top{ width:100%;  height:100vh;  height:900px9;      position:relative}

#top .mv{    width:100%;     height:auto;     height:100vh;     background:url("../event_img/sec1_wp.jpg") top center no-repeat;     background-attachment:fixed;     background-size:cover;     position:absolute;     z-index:-1;     background-clip:content-box}

.move{animation:mv_move 4s linear 0.5s; -webkit-animation:mv_move 4s linear 0.5s; -moz-animation:mv_move 4s linear 0.5s; animation-fill-mode:both; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both}

@keyframes mv_move{  0%{    -webkit-transform:scale(1.5);     -moz-transform:scale(1.5);     -ms-transform:scale(1.5);     transform:scale(1.5)}
  100%{    -webkit-transform:scale(1);     -moz-transform:scale(1);     -ms-transform:scale(1);     transform:scale(1)}
}

#top .box{    width:572px;     height:120px;     text-align:center;     position:absolute; top:0; right:0; bottom:0; left:0; margin:auto}

#top .box h1{    position:absolute;     z-index:7;     width:403px;     height:33px;     top:80px;     left:84px}

#top .box h2{position:absolute; z-index:8; width:572px; height:35px; top:0; left:0; background-image:url(../event_img/head_catch.png); background-repeat:no-repeat; text-indent:100%; white-space:nowrap; display:block; overflow:hidden}

.catch{animation:slide_ca 3s linear 0.2s 1 normal both; -webkit-animation:slide_ca 3s linear 0.2s 1 normal both; -moz-animation:slide_ca 3s linear 0.2s 1 normal both; -o-animation:slide_ca 3s linear 0.2s 1 normal both}

@-webkit-keyframes slide_ca{0%{width:0}
100%{width:572px}
}

@-moz-keyframes slide_ca{0%{width:0}
100%{width:572px}
}

@-o-keyframes slide_ca{0%{width:0}
100%{width:572px}
}

@keyframes slide_ca{0%{width:0}
100%{width:572px}
}

#top .pv_bana{ position:absolute;  z-index:10;  width:277px;  height:127px;  bottom:50px;  left:50px}

#banner{ width:100%;  background-color:#cac8c2}

#banner .inner{ padding:20px 0}

#banner ul{ width:984px;  margin:0 auto}

#banner ul li{ float:left;  width:472px;  height:89px;  margin:0 10px}

#concept{    width:100%;     background-image:url("../event_img/sec2_wp.jpg")}

#concept .inner, .sec3_1 .inner, #info .inner, #caution .inner{ padding:90px 0}

#concept h2{ margin-bottom:15px}

#concept h3{ text-align:center;  margin:30px auto}

#concept p, .sec3_1 p{ font-family:"Sawarabi Mincho"}

#concept ul{ width:920px;  margin:0 auto}

#concept ul li{ float:left;  width:400px;  height:243px;  margin:0 30px}

.sec3_1{    width:100%;     height:490px;     background:url("../event_img/sec3_wp.jpg") top center no-repeat;  background-color:#b0a99f;  color:#fff}

.sec3_1 .inner{ position:relative}

.sec3_1 h2{ margin-bottom:50px}

.sec3_1 h3{ margin-bottom:20px}

.sec3_1 p{margin-bottom:15px}

.sec3_1_img{ position:absolute;  z-index:20;  right:0;  bottom:-50px;  width:385px;  height:306px}

.sec3_2{ width:954px;  margin:0 auto;  padding:50px 0}

.sec3_2 h2{ text-align:center;  margin-bottom:2rem}

.sec3_2 ul{ width:954px;  height:368px;  margin:0 auto}

.sec3_2 ul li{ float:left;  width:318px;  height:368px;  margin:0}

#info{    width:100%;     min-height:550px;     background:url("../event_img/sec4_wp.jpg") top right no-repeat;     background-color:#f3f5fb}

#info table{    border-collapse:separate;     border-spacing:10px 20px;     margin-bottom:20px}

#info th{    padding:5px 20px;     border:solid 1px #000}

#info ul{    padding-left:15px}

#info p{    margin-bottom:1.5rem}

#info p:last-child{    margin-bottom:0}

.point{    font-weight:bold;     font-size:1.8rem}

.frame{    width:650px;     padding:20px;     background-image:url("../event_img/nav_wp.png");  border:solid 2px #000;  margin:20px 0}

.frame h3{ font-weight:bold;  font-size:1.6rem;  margin-bottom:1.5rem;  padding-bottom:0.5rem;  border-bottom:solid 1px #000}

#caution{ width:100%}

#caution h2{ margin-bottom:20px}

#caution p{ margin-bottom:1.8rem}

#caution ul, .frame ul{ width:800px;  margin:0 auto}

#caution li, #info li, .frame li{ list-style-type:disc;  margin-bottom:10px}

#sns{ width:100%;  background-color:#898989}

#sns .inner, #foot .inner{ padding:10px 0}

#sns li{ float:left;  height:18px;  margin-right:10px}

#foot{ width:100%;  background-color:#d2d2d2;  text-align:center}

#foot ul{ width:334px;  margin:0 auto 10px auto}

#foot ul li{ float:left;  height:51px;  margin:0 20px}