﻿@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {margin:0;padding: 0;}
html {overflow:auto;}
body {color: #0b0b0b;text-align:center;word-break:break-all;font: 0.9em/1.8em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;margin: 0;padding: 0;overflow: hidden;min-width:100%;}
@media screen and (max-width:768px) {
body {font-size:0.9em;line-height:1.4em;}
}
ul {list-style-position:outside;list-style-type: none;}

li a {border:none;}
ol li {margin-bottom: 5px;}
table {border-collapse: collapse;  font-size: 100%;}
img,a {border:none;}
address,em,cite {font-style: normal;}
a {overflow:hidden;outline:none;text-decoration:underline;color:#000;}
a:visited {text-decoration:underline;color:#333;}
a:hover {text-decoration:none;}
.img-waku {margin:2px;}
.nobr {white-space:nowrap;}

article p {margin-bottom:1em;}


/* ALL GROUND PARTS */

.clearboth {clear:both;width:0;height:0;margin:0;padding:0;}

/*MARGIN*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m30 {marginp:30px;}

/*PADDING*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.img10 {width:10%;display:inline-block}
.img20 {width:20%;display:inline-block}
.img30 {width:30%;display:inline-block}
.img40 {width:40%;display:inline-block}
.img50 {width:50%;display:inline-block}
.img60 {width:60%;display:inline-block}
.img70 {width:70%;display:inline-block}
.img80 {width:80%;display:inline-block}
.img90 {width:90%;display:inline-block}
.img100 {width:100%;display:inline-block}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}

.txt-l {font-size:1.4em;line-height:1.4em}

figure img {width:100%;height:auto;vertical-align:bottom}

ul.txt-attention {margin-left:1em;}
ul.txt-attention li {text-indent:-1em;}
p.txt-attention {margin-left:1em;text-indent:-1em;margin-bottom:0.5em;font-size:0.8em;line-height:1.4em}


.txt-left {text-align:left;}
.txt-center {text-align:center;}
.txt-right {text-align:right;}
.txt-s {font-size:0.8em;line-height:1.3em}
.txt-non {display:none;}
.float-right {float:right;}
.float-left {float:left;}
.absmiddle {vertical-align:middle;}
.pagetop-txt {display:none;}
.txt-pink {color:#c50035;}
.txt-red {color:#cc0000;}
.txt-orange {color:#eb610f}
.img-over {-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.img-over:hover {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.clearfix {clear:both;height:auto;}
.clearfix:after {content: "";display: block;clear: both;}
.bg-gray {background:#333;color:#fff}
.bg-littlegray {background:#f6f6f6;}

.txt-long {display: inline-block;-moz-transform:scale( 3, 1 ); -webkit-transform:scale( 3, 1 ); -o-transform:scale( 3, 1 );-ms-transform:scale( 3, 1 );transform:scale( 3, 1 );-moz-transform-origin:left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}
.txt-long2 {display: inline-block;-moz-transform:    scale( 2, 1 );-webkit-transform: scale( 2, 1 );-o-transform:scale( 2, 1 );-ms-transform:scale( 2, 1 );transform:scale( 2, 1 );-moz-transform-origin:left top; -webkit-transform-origin: left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;
}

#loading{position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:-25px;z-index:1000;width:50px;}
span.loading07 {position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;-webkit-animation:animation07 2s linear infinite;animation: animation07 2s linear infinite;}
span.loading07 {position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;-webkit-animation: animation07 2s linear infinite;animation: animation07 2s linear infinite;}
span.loading07 span {position:absolute;display:inline-block;left:0;top:0;width:100%;height:100%;}
span.loading07:before, span.loading07:after, span.loading07 span:before, span.loading07 span:after {position: absolute;display: inline-block;content: " ";width:23px;
  height: 23px;}
span.loading07:before {left:0;top:0;background-image: -webkit-gradient(radial, 25 25, 0, 25 25, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#000), color-stop(0.98, #000), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px 25px, 25px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent);}
span.loading07:after {right:0;bottom:0;background-image:-webkit-gradient(radial, -2 -2, 0, -2 -2, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#000), color-stop(0.98, #000), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px -2px, 25px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px -2px, transparent, transparent 81%, #000 82%, #000 98%, transparent);}
span.loading07 span:before {left:0;bottom:0;background-image: -webkit-gradient(radial, 25 -2, 0, 25 -2, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#000), color-stop(0.98, #000), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px -2px, 25px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px -2px, transparent, transparent 81%, #000 82%, #000 98%, transparent);}
span.loading07 span:after {right:0;top:0;background-image:-webkit-gradient(radial, -2 25, 0, -2 25, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#000), color-stop(0.98, #000), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px 25px, 25px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px 25px, transparent, transparent 81%, #000 82%, #000 98%, transparent);}

@-webkit-keyframes animation07 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes animation07 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#appears-block{position:relative;width:100%;height:auto;margin:auto;opacity:0;}



/*BOSHU*/
#boshu {background-color:#000;width:100%;padding:60px 0;background-image: url(../img/bg_head.jpg);background-size: 100%;background-position:0% 50%;background-repeat: no-repeat;position:relative}
#boshu h1 {font-size:2.4em;margin-bottom:40px;font-family: "Sawarabi Mincho";color:#eb610f;font-weight:400;line-height:1.4em;}
#boshu .boshu-in {padding:30px 0 15px;background:#fff;width:700px;margin:0 auto 0;}
#boshu .boshu-in h2 {font-size:1.8em;margin-bottom:15px;color:#000;font-family: "Sawarabi Mincho";font-weight:normal}
#boshu .boshu-in .btn-boshu a {background:#eb610f;color:#fff;text-decoration:none;margin:10px auto 5px;display:inline-block;width:auto;padding:5px 20px;font-size:1.2em;}

#boshu .pre-in {padding:30px 0 15px;background:#fff;width:700px;margin:30px auto 0;}
#boshu .pre-in h2 {font-size:1.8em;margin-bottom:15px;color:#000;font-family: "Sawarabi Mincho";font-weight:normal}
#boshu .pre-in .btn-boshu a {background:#e61874;color:#fff;text-decoration:none;margin:10px auto 5px;display:inline-block;width:auto;padding:5px 20px;font-size:1.2em;}
#boshu .pre-in .pre-day {font-size:1.2em;color:#ed7100}

#boshu .boshu-in-cf {padding:30px 0 15px;background:#fff;width:700px;margin:0 auto 60px;}
#boshu .boshu-in-cf h2 {font-size:2em;margin-bottom:15px;color:#8282ff;font-family: "Sawarabi Mincho";font-weight:normal}
#boshu .boshu-in-cf .boshu-cf-in {padding:0 25px}
#boshu .boshu-in-cf .btn-boshu a {background:#ed7100;color:#fff;text-decoration:none;margin:10px auto 5px;display:inline-block;width:auto;padding:5px 20px;font-size:1.2em;}

.bg-gray-box {background:#dcdddd;padding:25px 25px 10px 25px;color:#000}
.oubo-form a {background:#fff100;}
#boshu .txt-credit {position:absolute;bottom:3px;right:5px;font-size:.5em;color:#fff}
@media screen and (max-width:699px) {
#boshu {background-position:top;background-size:cover;background-image: url(../img/bg_head_s.jpg);}
#boshu h1 {font-size:1.8em;line-height:1.4em;margin-bottom:30px;}
#boshu .boshu-in {width:auto;margin:0 15px;padding:20px;}
#boshu .boshu-in h2 {font-size:1.4em;line-height:1.4em;}
#boshu .boshu-in .btn-boshu a {font-size:1em;}
#boshu .boshu-in-cf {width:auto;margin:0 15px 30px;padding:20px;}
#boshu .boshu-in-cf h2 {font-size:1.4em;line-height:1.4em;}
#boshu .boshu-in-cf .btn-boshu a {font-size:1em;}
}

/*KARI*/
#kari {background:#61b1af;width:100%;padding:80px 0;}
#kari h1 {font-size:2.4em;margin-bottom:60px;font-family: "Sawarabi Mincho";color:#fff;font-weight:normal}
#kari h2{margin-bottom:10px;font-weight:bold;font-size:1.1em;line-height:1.8em;}
#kari .kari-in-cf {padding:30px 0 15px 20ppx;background:#fff;width:800px;margin:0 auto 0;font-size:1.1em;line-height:2em}
#kari .kari-in-cf .kari-cf-in {padding:25px 25px}
#kari .kari-in-cf .kari-cf-in .btn-kari a {background:#f36a9d;color:#fff;text-decoration:none;margin:10px auto 0;display:inline-block;width:auto;padding:5px 20px;font-size:1em;}
.waku {border:3px solid #f0f0f0;padding:25px;margin:30px 0}
@media screen and (max-width:799px) {
#kari h1 {font-size:1.8em;line-height:1.4em;margin-bottom:30px;}
#kari .kari-in {width:auto;margin:0 15px;padding:20px;}
#kari .kari-in h2 {font-size:1.1em;line-height:1.6em;}
#kari .kari-in .btn-kari a {font-size:1em;}
#kari .kari-in-cf {width:auto;margin:0 15px 30px;padding:20px;}
#kari .kari-in-cf h2 {font-size:1.1em;line-height:1.6em;}
#kari .kari-in-cf .btn-kari a {font-size:1em;}
}

/*PREMAIN*/
#pre-main{background:#e61874;padding:30px 0}
#pre-main #pre-main-in{width:960px;color:#fff;margin:auto;text-align:center}
#pre-main #pre-main-in h2{font-size:1.8em;font-family: "Sawarabi Mincho";line-height:1.5em;font-weight:normal;text-align:center}
#pre-main #pre-main-in .catch-pre-main-s{font-size:1.2em;line-height:1.2em;font-family: "Sawarabi Mincho";text-align:center}
#pre-main #pre-main-in .pre-main-day{font-size:1.4em;margin-top:10px;color:#fff100;text-align:center;font-family: "Sawarabi Mincho";}
#pre-main #pre-main-in .pre-main-about {letter-spacing:-.4em;margin-top:30px;width:800px;margin:30px auto 30px}
#pre-main #pre-main-in .pre-main-about .pre-main-left {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:27%;padding:0;margin:0 3% 0 0; letter-spacing: normal;}
#pre-main #pre-main-in .pre-main-about .pre-main-right {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:70%;padding:0;margin:0 0 0 0; letter-spacing: normal;text-align:left}
#pre-main #pre-main-in .pre-main-about .pre-main-right p {margin-bottom:10px}
#pre-main #pre-main-in a {color:#fff}
#pre-main #pre-main-in .btn-pre-main a {display:inline-block;background:#fff100;text-decoration:none;font-size:1.2em;padding:5px 20px;color:#e61874;border-radius:30px;}
#pre-main #pre-main-in h3 {font-size:1em;}
@media screen and (max-width:960px) {
#pre-main #pre-main-in{width:auto;margin:0 15px;}
}
@media screen and (max-width:800px) {
#pre-main #pre-main-in .pre-main-about {width:auto;}
}
@media screen and (max-width:767px) {
#pre-main #pre-main-in{text-align:left}
#pre-main #pre-main-in .pre-main-about .pre-main-left {display:block;width:60%;margin:0 auto 10px;}
#pre-main #pre-main-in .pre-main-about .pre-main-right {display:block;width:100%;}
}

/*SHOUSAI*/
#shousai {padding:60px 0}
.box {margin:0 auto 80px;text-align:left;width:800px;}
.box h2 {font-size:1.1em;margin-bottom:35px;text-align:center;}
.box ul {margin-left:1em;margin-bottom:20px;}
.box ul li {text-indent:-1em;margin-bottom:10px;}
.box ul li ul {margin-top:10px;}
.box ul li ul li {margin-bottom:3px;}
.box dl {margin-bottom:20px;letter-spacing:-.9em;}
.box dl dt {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:14%;padding:0;margin:0 1% 10px 0; letter-spacing: normal;white-space: nowrap}
.box dl dd {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:84%;padding:0;margin:0 0 10px 0; letter-spacing: normal;}
.box h3 {margin-bottom:10px;}
@media screen and (max-width:799px) {
.box {margin:0 15px 60px;width:auto;}
}
@media screen and (max-width:689px) {
.box dl dt {display:block;width:auto;}
.box dl dd {display:block;width:auto;margin:0 0 25px 0;}
}

.box2 {margin:0 auto 60px;width:800px;padding:15px 0;border:3px solid #f0f0f0;}
.box2 h2 {font-size:1.1em;margin-bottom:20px;text-align:center;}
@media screen and (max-width:799px) {
.box2 {margin:0 15px 60px;width:auto;}
}

#shousai ul.list-guest {letter-spacing:-.4em;margin-left:110px;}
#shousai ul.list-guest li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:25%;padding:0;margin:0 1% 10px 0; letter-spacing: normal;white-space: nowrap}
#shousai ul.list-guest li:nth-child(4n) {margin-right:0;width:21%}
@media screen and (max-width:799px) {
#shousai ul.list-guest {margin-left:50px;}
#shousai ul.list-guest li {width:32%;}
#shousai ul.list-guest li:nth-child(4n) {margin-right:0;width:32%;}
#shousai ul.list-guest li:nth-child(3n) {margin-right:1%;}
}
@media screen and (max-width:599px) {
#shousai ul.list-guest  {margin:0 20px 0 50px;}

#shousai ul.list-guest li:nth-child(3n) {margin-right:0;}
#shousai ul.list-guest li:nth-child(2n) {margin-right:1%;}
#shousai ul.list-guest li:nth-child(odd) {width:59%;}
#shousai ul.list-guest li:nth-child(even) {width:38%;}
#shousai ul.list-guest li:nth-child(4n) {width:38%}
}

/*PAST*/
#past {padding:60px 0;background:#f0f0f0}
#past h2 {font-size:1.4em;margin-bottom:30px;text-align:center;}
#past .box h3 {font-size:1.2em;margin-bottom:5px;text-align:center;}


/*TIMELINE*/
#timeline-block{clear:both;width:100%;}
#timeline-block-in{width:1200px;height:auto;margin:auto;padding:30px 0;}
#timeline-block-in ul{letter-spacing: -.4em;}
#timeline-block-in ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:43%;padding:0;margin:2%; letter-spacing: normal;height:500px;overflow-y:auto;border:2px solid #f4f4f4;padding:1%;}
@media screen and (max-width:1199px) {
#timeline-block-in{width:auto;margin:0 10px;}
}
@media screen and (max-width:679px) {
#timeline-block-in ul li {width:80%;margin:0 auto 30px;display:block;}
}

/*SUBFOOTER*/
#subfooter {padding:30px 0}
#subfooter ul li {margin-bottom:15px}
#subfooter ul li:first-child  {margin-bottom:30px}

/*BTNSNS*/
.btn-sns {letter-spacing:-.4em;width:auto;display:block;}
.btn-sns li {height:auto;margin-right:5px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:auto;letter-spacing:normal;}
.btn-sns li a {font-size:1.2em;display:block;color:#000;text-align:center;text-decoration:none;width:40px;height:40px;border-radius:50%;line-height:40px;   transition:0.5s;background:#000}
.btn-sns li a i {color:#fff;}
.btn-sns li a:hover {opacity: 50%}
@media screen and (max-width:679px) {
.btn-sns {letter-spacing:normal;display:block;width:auto;margin:0 auto 5px;}
.btn-sns li:last-child{margin-right:0;}
}

/*SNS*/
.list-sns{height:auto;margin:2px auto 5px;z-index:8;letter-spacing:-.4em;text-align: center;margin-right:1.1%;width:auto;}
@media screen and (max-width:1300px) {
.list-sns {display:block;}
}
.list-sns li{display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-right:4px;text-align:center}
.list-sns li.twitter-share,.list-sns li.line-share,.list-sns li.eiga-share,.list-sns li.eiga-share{padding-top:9px}
.list-sns li.fb-share{padding-top:3px}
@media screen and (max-width:999px) {
.list-sns li.twitter-share,.list-sns li.line-share,.list-sns li.eiga-share,.list-sns li.eiga-share{padding-top:7px}
}
@media screen and (max-width:879px) {
.list-sns{text-align:center;}
.list-sns li.fb-share{padding-top:5px}
}


/*FOOTER*/
footer {padding:30px 0 60px;background:#000;color:#ccc}
footer small {font-size:0.7em}
footer ul.list-sponsor {font-size:0.8em;margin-bottom:25px;}
@media screen and (max-width:767px) {
footer {padding:60px 15px 100px}
}

footer .list-sns {position:absolute;left:0;width:100%;padding:5px 0;letter-spasing:-.4em;bottom:5px;font-size:1.2em}
footer .list-sns li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-left:5px;}

/*SECOND*/
#second-main-area{width:100%;position:relative;height:auto;margin:0 auto 0px;}
#second-main-area-brown {background:#a5814a;width:100%;}
#second-main-area-in{width:1300px;position:relative;height:auto;margin:auto;}
@media screen and (max-width:1299px) {
#second-main-area-in{width:auto;}
}
@media screen and (max-width:767px) {
#second-main-area-in{padding-top:50px;}
}


/*block01*/
.block-01 {width:960px;margin:auto;margin-bottom:40px;}
@media screen and (max-width:959px) {
.block-01{width:auto;margin:0 10px 40px;}
}

.block-in {padding:60px 0}
@media screen and (max-width:679px) {
.block-in{padding:60px 15px}
}

.block02 {border-bottom:2px solid #fff;padding-bottom:5px;margin-bottom:15px}

.block-1400 {width:1400px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:1399px) {
.block-1400 {margin-left:10px;margin-right:10px;width:auto;}
}

.block-960 {width:960px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:959px) {
.block-960 {margin-left:10px;margin-right:10px;width:auto;}
}
.block-860 {width:860px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:859px) {
.block-860 {margin-left:10px;margin-right:10px;width:auto;}
}
.block-680 {width:680px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:679px) {
.block-680 {mmargin-left:10px;margin-right:10px;width:auto;}
}
.block-600 {width:600px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:599px) {
.block-600 {margin-left:10px;margin-right:10px;width:auto;}
}
.block-480 {width:480px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:479px) {
.block-480 {margin-left:10px;margin-right:10px;width:auto;}
}
article section.block-02:last-child {margin-bottom:0} 

/*TIT*/
.tit-01 {font-size:1.6em;margin-bottom:50px;position: relative;display: inline-block;line-height:1.6em;}
.tit-01:before {content: '';position: absolute;left: 50%;bottom: -15px;display: inline-block;width: 20px;height: 5px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #000;border-radius:0;}
.bg-gray .tit-01:before {background-color:#fff;}
.tit-02 {font-size:1.2em;margin-bottom:25px;}
.tit-03 {font-size:1.2em;line-height:1.6em;margin-bottom:20px;}
.tit-04 {font-size:1em;line-height:1.2em;margin-bottom:5px;}
.tit-05 {font-size:1.6em;line-height:1.4em;margin-bottom:5px;}
.tit-06 {font-size:1.2em;margin-bottom:25px;color:#9e6f28;text-align:center;line-height:1.4em;}




 


/*PAGETOP*/
#backtotop {bottom: 25px;height: 45px;position: fixed !important;position: absolute;right:25px;width: 45px;text-indent:-9999px;z-index:1000;}
#backtotop a {background: url(../img/btn_backtotop.png) no-repeat scroll 0 0 transparent;display: block;height: 45px;width:45px;}
#backtotop a:hover {background: url(../img/btn_backtotop.png) no-repeat scroll 0 -45px transparent;}



@media screen and (min-width: 768px) {
.sp-only {display:none;}
.pc-only {display:inline-block;}
}

/*SP*/
@media screen and (max-width: 767px) {
.pc-only {display:none!important;}
.sp-only {display:inline-block;} 
}

