@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, body,main { height: 100%; }
body {color: #000!important;text-align:center;word-break:break-all;font-size: 0.9em/1.8em;margin: 0;padding: 0;min-width:100%;background:#ed6d00;font-family: "Noto Sans JP", sans-serif; font-weight:400;}
@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 {background:#fff}
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;}

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.4em}
.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:#ff6666;}
.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-purple {background:#333}
.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,#fff), color-stop(0.98, #fff), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px 25px, 25px 25px, transparent, transparent 81%, #fff 82%, #fff 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px 25px, transparent, transparent 81%, #fff 82%, #fff 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,#fff), color-stop(0.98, #fff), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px -2px, 25px 25px, transparent, transparent 81%, #fff 82%, #fff 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px -2px, transparent, transparent 81%, #fff 82%, #fff 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,#fff), color-stop(0.98, #fff), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px -2px, 25px 25px, transparent, transparent 81%, #fff 82%, #fff 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px -2px, transparent, transparent 81%, #fff 82%, #fff 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,#fff), color-stop(0.98, #fff), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px 25px, 25px 25px, transparent, transparent 81%, #fff 82%, #fff 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px 25px, transparent, transparent 81%, #fff 82%, #fff 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);
  }
}


/*========= ローディング画面のためのCSS ===============*/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #ed6d00;
  z-index: 9999999;
  text-align:center;
  color:#fff;
}

#splash-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#splash-logo figure {width:100px;margin:auto;}


@media screen and (max-width:500px) {
#splash-logo figure {width:35%;}
}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
 display:block;
  animation-name:PageAnime;
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
    content: "";
    position:fixed;
  z-index: 999;
    width: 50%;
    height: 100vh;
    top: 0;
  left: 0;
    transform: translateX(-300%) skewX(-45deg);
    background-color: #fff;/*伸びる背景色の設定*/
}

@keyframes PageAnime{
  0% {
    transform-origin:left;
    transform:translateX(-300%) skewX(-45deg);
  }
  100% {
    transform-origin:left;
    transform:translateX(500%) skewX(-45deg);
  }
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
  opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
  animation-name:PageAnimeAppear;
  animation-duration:1s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

#container {height:100%;}


#appears-block{position:relative;width:100%;height:auto;margin:auto;}

/*TOPMAIN*/
#top-main-area{width:100%;position:relative;height:auto;margin:0 auto 0;background:#ed6d00;}
#top-main-area-brown {background:#ed6d00;width:100%;}
#top-main-area-in{width:1300px;position:relative;height:auto;margin:auto;}
@media screen and (max-width:1299px) {
#top-main-area-in{width:auto;}
}
.img-top-main01 {position:absolute;top:0;left:0;z-index:1}
.img-top-main02 {position:absolute;top:0;left:0;z-index:2}
.img-top-main03 {position:absolute;top:0;left:0;z-index:3}
.img-top-main04 {position:absolute;top:0;left:0;z-index:4}
@media screen and (max-width:767px) {
#top-main-area{margin-top:0px;}
#top-main-area-brown {background:none;width:100%;}
.img-top-main01 {position:relative}
}

/**/
.top-main-photo {position:absolute;top:0;left:0;width:100%;z-index:5;height:auto;}
.top-main-photo-img {width:100%;margin:auto;height:auto;}
.top-main-photo-img img {width:100%;vertical-align:bottom;height:auto;margin-right:10px;}
.slick-slide img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
@media screen and (max-width:767px) {
.top-main-photo{position:relative}
}

/*BLACKBOX*/
.blackbox {width:100%;left:0;z-index:6;position:absolute}
.blackbox-in {width:300px;background:#000;margin:auto;padding:15px 5px 5px;position:relative;text-align:center;}
.blackbox-in h2 {margin:0 20px 5px}
.blackbox-in .list-blackbox li {margin:5px 20px}
.blackbox-in .list-blackbox li a {padding:5px;background:#fff;display:block;text-decoration:none;padding:5px;}
.blackbox-in .list-blackbox li:nth-child(1) a {background:#ed6d00;display:block;text-decoration:none;padding:5px;color:#000}
.blackbox-in .list-blackbox li:nth-child(2) a {background:#f2994c;color:#000}
.blackbox-in .list-blackbox li:nth-child(3) a {background:#f8c599;}
.blackbox-in .list-blackbox li:nth-child(4) a {background:#fff;}

.blackbox-in .black-list-sns {clear:both;padding:10px 0 15px;height:auto;margin:auto;letter-spacing:-.4em;}
.blackbox-in .black-list-sns li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin:5px 1px 0}
.blackbox-in .black-list-sns li.twitter,.black-list-sns li.line,.black-list-sns li.eiga {padding-top:5px}
@media screen and (max-width:767px) {
.blackbox {position:relative}
.blackbox-in .black-list-sns li.twitter,.blackbox-in .black-list-sns li.line,.blackbox-in .black-list-sns li.eiga {padding-top:0}
.blackbox {width:100%;left:0;z-index:6;position:relative}
.blackbox-in {width:auto;background:#000;margin:auto;padding:10px 0px 5px;position:relative;text-align:center;}
.blackbox-in-in {width:auto;background:#000;margin:auto;padding:10px 0 5px;position:relative;text-align:center;}
.blackbox-in .list-blackbox {letter-spacing:-.4em}
.blackbox-in .list-blackbox li {letter-spacing:normal;width:45%;letter-spacing:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin:1px 0}
.blackbox-in .list-blackbox li:nth-child(1) a {background:#ed6d00;padding:8px 0}
.blackbox-in .list-blackbox li:nth-child(2) a,.blackbox-in .list-blackbox li:nth-child(3) a,.blackbox-in .list-blackbox li:nth-child(4) a {text-decoration:none;width:auto;display:block;vertical-align:top;padding:8px 0}
.blackbox-in .list-blackbox li:nth-child(odd){margin-right:1%;width:45%;margin-top:5px;}
.blackbox-in .list-blackbox li:nth-child(even){margin-right:0;width:45%;margin-top:5px;}
}

#top-article {padding-top:320px;}
@media screen and (max-width:767px) {
#top-article {padding-top:0px;}
}
/*TOPNEWS*/
.dl-topnews {letter-spacing:.-4em;width:730px;margin:auto;text-align:left;height:200px;overflow: auto;padding-right:20px;}
.dl-topnews dt {letter-spacing:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:20%;color:#00479d;font-weight:bold;margin-bottom:10px;}
.dl-topnews dd {letter-spacing:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:78%;margin-bottom:10px}
@media screen and (max-width:729px) {
.dl-topnews {width:auto;margin:0;}
.dl-topnews dt {width:30%;}
.dl-topnews dd {width:67%;}
}

.colona-attention {margin:0 auto 40px;width:740px;border:4px solid #f4f4f4;text-align:left;}
.colona-attention-in {padding:25px 25px 15px;}

@media screen and (max-width:739px) {
.colona-attention  {width:auto;margin:0 15px 40px;}
}

/*PROGRAM*/
.list-program-head {letter-spacing:-.4em;width:600px;margin:auto;}
@media screen and (max-width:599px) {
.list-program-head {width:auto;margin:0}
}
.list-program-head li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:13%;padding:0;margin-right:0.5%; letter-spacing: normal;line-height:1em}
.list-program-head li a {display:block;text-decoration:none;width:100%;background: url(../img/top/bg_programhead_off.jpg) bottom center no-repeat #222;-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;color:#fff}
.list-program-head li a.program-holidy {color:#f75454;}

.list-program-head li a:hover {display:block;text-decoration:none;width:100%;background: url(../img/top/bg_programhead_off.jpg) bottom center no-repeat #222;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;}
.list-program-head li a.program-on {background: url(../img/top/bg_programhead_on.jpg) bottom center no-repeat #fff;color:#000}
.list-program-head li a.program-on:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-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;}
.list-program-head li a div {font-weight:bold;height:auto;width:100%;text-align:center;display: table-cell;vertical-align: middle;}
.list-program-head li a div span {font-size:0.7em;font-weight:normal}


.program-bottom {background:#fff;width:1400px;margin:auto;color:#000;padding:60px 0 30px;margin-top:20px;}
@media screen and (max-width:1399px) {
.program-bottom {width:auto;margin:20px 0 0;}
}
.program-bottom h3 {font-size:1.8em;margin-bottom:10px;line-height:1.4em;}
.program-bottom div.txt-brown {font-size:1.4em;margin-bottom:30px;font-weight:bold;color:#000}
.program-bottom ul {letter-spacing:-.4em;margin:0 15px;background:url(../img/top/line-gray.gif) top center repeat-y;border-top:1px solid #ccc;text-align:left}
@media screen and (max-width:960px) {
.program-bottom ul {background:none;}
}
.program-bottom ul li {letter-spacing:normal;width:48%;padding:20px 1%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;border-bottom:1px solid #ccc;}
@media screen and (max-width:960px) {
.program-bottom ul li {width:98%;}
}
.program-bottom ul li a dl: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;}
.program-bottom dl {letter-spacing:-.4em;text-align:left;}
.program-bottom dl dt {width:12%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;letter-spacing:normal;margin:0 1%;color:#000;font-weight:bold;font-size:0.9em;text-align:center;}
.program-bottom dl dd {width:84%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;margin:0 1%;line-height:1.4em}
.program-bottom dl dd figure {width:26%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;margin-right:2%}
.program-bottom dl dd div {width:70%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;letter-spacing:normal;}
.program-bottom dl dd div h4 {font-size:1.2em;margin:7px 0;line-height:1.4em}
.program-bottom dl dd div h4 a {text-decoration:none;}
.program-bottom dl dd div .special-tokushu {background:#ed6d00;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:1px 10px;font-size:0.8em;margin-bottom:1px;display:inline-block;color:#fff}
.program-bottom dl dd div .program-tokushu {background:#ed6d00;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:1px 10px;font-size:0.8em;margin-bottom:1px;display:inline-block}
.program-bottom dl dd div .program-shousai {font-size:0.8em;line-height:1.6em;margin-bottom:5px}
.program-bottom dl dd div .program-muryou {background:#dfdede;font-size:0.8em;color:#000;padding:1px 10px;margin-bottom:0;display:inline-block;margin-bottom:5px}
.program-bottom dl dd div .program-special {background:#dfdede;font-size:0.8em;color:#000;padding:1px 10px;margin-bottom:0;display:inline-block}

.btn-download a {background:#00479d;padding:20px 25px;color:#fff;width:auto;display:inline-block;margin:60px auto 5px;text-decoration:none;}
.btn-download i {margin-right:3px;}


@media screen and (max-width:679px) {
.program-bottom dl dt {width:100%;text-align:left;margin-bottom:10px;font-size:1em}
.program-bottom dl dd {width:100%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;margin:0 1%;line-height:1.4em}
.program-bottom dl dd figure {width:100%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;margin-right:0;margin-bottom:10px}
.program-bottom dl dd div {width:100%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;letter-spacing:normal;}
}

/*ACCESS*/
#access {}
#access ul {letter-spacing:-.4em;margin-top:30px;position:relative;}
#access ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:49%;letter-spacing:normal;text-align:left;}
#access ul li:first-child {margin-right:1%;}
#access ul li:first-child div{position: absolute;top:1px;left: 50%;margin-left: -490px;padding-bottom: 0;width: 460px;height: 790px;}
#access ul li:first-child div iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#access ul li:last-child h3 {font-size:1.6em;margin-bottom:20px;}
#access ul li:last-child h3 span {font-size:0.65em;}
#access ul li:last-child dl {letter-spacing:-.4em;font-size:0.9em;}
#access ul li:last-child dl dt {letter-spacing:normal;width:20%;padding-right:3%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;padding:10px 0;border-top:1px solid #f4f4f4}
#access ul li:last-child dl dd {letter-spacing:normal;width:76%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;padding:13px 0;border-top:1px solid #f4f4f4}
#access ul li:last-child table dl dt:last-child,#access ul li:last-child table dl dd:last-child {padding-bottom:0}
#access ul li:last-child table {border-top:4px solid #f4f4f4;border-right:4px solid #f4f4f4;}
#access ul li:last-child table h4 {font-size:1em;}
#access ul li:last-child table td {border-bottom:4px solid #f4f4f4;padding:30px;border-left:4px solid #f4f4f4;}
@media screen and (max-width:679px) {
#access ul li {width:100%}
#access ul li:first-child {margin-right:0;margin-bottom:20px;}
#access ul li:first-child div{position: relative;left:0;margin-left:0;padding-bottom: 0;width:100%;height:300px;}
}

/*TICKET*/
#ticket {margin-bottom:0}
#ticket ul {letter-spacing:-.4em;margin-top:30px;position:relative;}
#ticket ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:49%;letter-spacing:normal;text-align:left;}
#ticket ul li div.waku{border:2px solid #fff;padding:20px;margin-top:10px;}
#ticket ul li:first-child {margin-right:4%;width:45%}
#ticket ul li:last-child h3 {font-size:1.4em;margin-bottom:20px;}
#ticket ul li:last-child h3 span {font-size:0.65em;}
#ticket ul li:last-child dl {letter-spacing:-.4em;font-size:0.9em;border-bottom:1px solid #fff}
#ticket ul li:last-child dl dt {letter-spacing:normal;width:20%;padding-right:3%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;padding:10px 0;border-top:1px solid #f4f4f4}
#ticket ul li:last-child dl dd {letter-spacing:normal;width:76%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;padding:13px 0;border-top:1px solid #f4f4f4}
#ticket ul li:last-child table {border-top:4px solid #fff;border-right:4px solid #fff;font-size:0.9em;line-height:1.6em}
#ticket ul li:last-child table h4 {font-size:1.2em;}
#ticket ul li:last-child table h5 {font-size:1.1em;margin-bottom:10px;}
#ticket ul li:last-child table h6 {font-size:1em;margin-bottom:5px;}
#ticket ul li:last-child table td {border-bottom:4px solid #fff;padding:15px 30px;border-left:4px solid #fff;}
@media screen and (max-width:679px) {
#ticket ul li {width:100%}
#ticket ul li:first-child {margin-right:0;margin-bottom:20px;width:100%}
}

/*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:480px) {
#timeline-block-in ul li {width:80%;margin:0 auto 30px;}
}

/*SUBFOOTER*/
#subfooter {padding:30px 0}
#subfooter ul li {margin-bottom:15px}
#subfooter ul li:first-child  {margin-bottom:30px}

/*FOOTER*/
footer {padding:30px 0 60px;background:#000;color:#ccc}
footer small {font-size:0.7em;letter-spacing:.1em}
footer ul.list-sponsor {font-size:0.8em;margin-bottom:25px;}
footer ul.list-sponsor li {margin-bottom:1em;line-height:1.4em;}
footer .logo-box {width:260px;margin:10px auto 20px;letter-spacing:-.4em;}
footer .logo-arts {width:48%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;}
footer .logo-arts:first-child {margin-right:4%;}

@media screen and (max-width:767px) {
footer {padding:60px 15px 100px;font-size:0.8em}
footer .logo-arts {width:70%;margin:5px auto 30px}
footer .logo-arts:first-child {margin-right:0;}
}

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;}


.cf-block {margin:20px auto;font-size:.85em;line-height:1.6em;width:1400px;}
.cf-block ul {letter-spacing:-.4em}
.cf-block ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-right:10px;white-space: nowrap}
@media screen and (max-width:1299px) {
.cf-block {margin:20px 20px;width:auto;}
}

/*SECOND*/
#second-main-area{width:100%;position:relative;height:auto;margin:0 auto 0px;}
#second-main-area-brown {background:#ed6d00;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:0;}
}

/*BREAD*/
.bread-block {width:auto;text-align:left;padding:5px 0 5px 10px;font-size:0.9em;background:#333;color:#fff}
.bread-block a {color:#fff}


/*SPECIAL*/
.special-block {width:800px;margin:auto;text-align:left;}
@media screen and (max-width:799px) {
.special-block {width:auto;margin:auto;}
}

/*TALK*/

.talk-gaiyo 

.name-online{font-size:.6em;color:#bb581e;font-weight:normal;}
#talk ul.talk-photo {letter-spacing:-.4em;width:1200px;margin:0 auto 40px;}
#talk ul.talk-photo li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:14%;letter-spacing:normal;text-align:left;background:#fff;color:#000;}
@media screen and (max-width:1199px) {
#talk ul.talk-photo {width:auto;margin:0 0 30px;}
#talk ul.talk-photo li {width:24%;}
}


#talk ul.talk-gaiyo2 {letter-spacing:-.4em;text-align:left;}
#talk ul.talk-gaiyo2 li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:46%;margin-bottom:10px;letter-spacing:normal;text-align:left;background:#fff;padding:1.5%;color:#000;}
@media screen and (max-width:799px) {
#talk ul.talk-gaiyo2 li {width:95%;padding:2.5%;}
}
#talk ul.talk-gaiyo2 li:nth-child(odd) {margin-right:1%;}
#talk ul.talk-gaiyo2 li div.talk-photo {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:24%;margin-right:3%;letter-spacing:normal;text-align:left;}
#talk ul.talk-gaiyo2 li div.talk-about {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:70%;letter-spacing:normal;text-align:left;}
#talk ul.talk-gaiyo2 li h4 {font-size:1.4em;margin:7px 0;}
#talk ul.talk-gaiyo2 li .talk-tokushu {background:#e4e2d6;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:2px 10px;font-size:0.9em;font-weight:bold;margin-bottom:2px;display:inline-block}
#talk ul.talk-gaiyo2 li .talk-shousai {font-size:0.9em;line-height:1.4em;margin-bottom:5px}
#talk ul.talk-gaiyo2 li .talk-muryou {background:#ebff21;font-size:0.85em;color:#000;padding:0.5px 10px;margin-bottom:0;display:inline-block;line-height:1.6em}
#talk ul.talk-gaiyo2 li .talk-day {color:#00479d;font-size:1em;margin-bottom:0;font-weight:bold;line-height:1.6em}
#talk ul.talk-gaiyo2 li .talk-title {font-size:1.2em;margin-bottom:5px;}

#talk ul.talk-gaiyo2 li span.txt-guest {color:#000;font-weight:normal;margin-top:5px;}
@media screen and (max-width:680px) {
#talk ul.talk-gaiyo2 li h4 {font-size:1.2em;margin:7px 0;}
#talk ul.talk-gaiyo2 li .talk-day {color:#00479d;font-size:1em;margin-bottom:3px;font-size:0.8em}
#talk ul.talk-gaiyo2 li .talk-title {font-size:1em;margin-bottom:5px;}
}

#talkguest ul.talk-gaiyo {letter-spacing:-.4em;text-align:left;}
#talkguest ul.talk-gaiyo li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:46%;margin-bottom:10px;letter-spacing:normal;text-align:left;background:#fff;padding:1.5%;color:#000;}
@media screen and (max-width:799px) {
#talkguest ul.talk-gaiyo li {width:95%;padding:2.5%;}
}
#talkguest ul.talk-gaiyo li:nth-child(odd) {margin-right:1%;}
#talkguest ul.talk-gaiyo li figure {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:24%;margin-right:3%;letter-spacing:normal;text-align:left;}
#talkguest ul.talk-gaiyo li div {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:70%;letter-spacing:normal;text-align:left;}
#talkguest ul.talk-gaiyo li h4 {font-size:1.4em;margin:7px 0;color:#000}
#talkguest ul.talk-gaiyo li h5 {font-size:1.4em;margin-bottom:20px;}
#talkguest ul.talk-gaiyo li h6 {font-size:1em;}
#talkguest ul.talk-gaiyo li .talk-gaiyo-in {padding:15px;background:#f2f2f2;width:auto;margin-bottom:10px;}
#talkguest ul.talk-gaiyo li .talk-tokushu {background:#e4e2d6;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:2px 10px;font-size:0.9em;font-weight:bold;margin-bottom:2px;display:inline-block}
#talkguest ul.talk-gaiyo li .talk-shousai {font-size:0.9em;line-height:1.4em;margin-bottom:5px}
#talkguest ul.talk-gaiyo li .talk-muryou {background:#ed6d00;font-size:0.85em;color:#fff;padding:1px 10px;margin-bottom:0;display:inline-block}
#talkguest ul.talk-gaiyo li .talk-day {color:#ed6d00;font-size:1em;margin-bottom:0;font-weight:bold}
#talkguest ul.talk-gaiyo li .talk-title {font-size:1.2em;margin-bottom:5px;}
@media screen and (max-width:680px) {
#talkguest ul.talk-gaiyo li h4 {font-size:1.2em;margin:7px 0;}
#talkguest ul.talk-gaiyo li .talk-day {font-size:1em;margin-bottom:3px;font-size:0.8em}
#talkguest ul.talk-gaiyo li .talk-title {font-size:1em;margin-bottom:5px;}
}


/*COMPE*/
.compe-block {width:800px;margin:auto;text-align:left;}
@media screen and (max-width:799px) {
.compe-block {width:auto;margin:auto;}
}
.compe-block dl {width:500px;margin:auto;letter-spacing:-.4em;}
@media screen and (max-width:499px) {
.compe-block dl {width:auto;margin:auto;}
}
.compe-block dl dt {width:30%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin-right:1%;letter-spacing:normal;margin-bottom:10px;}
.compe-block dl dd {width:67%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin-right:1%;letter-spacing:normal;margin-bottom:10px;}

#competition .compe-block dl.compe-last {width:auto;margin:auto;letter-spacing:normal;}
@media screen and (max-width:899px) {
#competition .compe-block dl.compe-last {width:auto;margin:auto;}
}
#competition .compe-block dl.compe-last dt {width:100%;display:block;margin-right:0;letter-spacing:normal;margin-bottom:10px;text-align:center;}
#competition .compe-block dl.compe-last dd {width:100%;display:block;margin-right:0;letter-spacing:normal;margin-bottom:30px;text-align:center;}
#competition .compe-block dl.compe-last dt span.txt-time {color:#fff;background:#333;display:inline-block;width:auto;margin:10px auto 10px;padding:3px 10px;}
#competition .compe-block dl.compe-last dt span.txt-hosoku {color:#f75454;}
#competition .compe-block dl.compe-last dd p.txt-kyukei {line-height:2.5em;/*color:#ed6d00;*/}
#competition .compe-block dl.compe-last dd span.txt-compe-sakuhin-title {font-size:1.4em;font-weight:bold;line-height:1.8em}
#competition  .bg-gray .block-in ul{width:960px;margin:auto;}
@media screen and (max-width:899px) {
#competition  .bg-gray .block-in ul{width:auto;margin:0 15px;}
}
#competition  .bg-gray .block-in ul li{background:#fff;padding:30px;margin-bottom:25px;color:#000;text-align:left;}
#competition  .bg-gray .block-in ul li dl{letter-spading:-.4em;margin-bottom:10px;}
#competition  .bg-gray .block-in ul li dl dt{letter-spading:normal;width:40%;margin-right:2%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
#competition  .bg-gray .block-in ul li dl dd{width:57%;letter-spading:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
#competition  .bg-gray .block-in ul li dl dd span.txt-compe-sakuhin-title {font-size:1.4em;font-weight:bold;letter-spading:normal;}
#competition  .bg-gray .block-in ul li div.arasuji{margin-bottom:10px;}
#competition  .bg-gray .block-in ul li div.director{padding:20px;background:#f6f6f6;}
#competition  .bg-gray .block-in ul li div.director p.txt-director{margin-bottom:5px;font-size:1.1em;font-weight:bold}
#competition  .bg-gray .block-in ul li div.director p.txt-director span{font-size:.6em;font-weight:normal}
@media screen and (max-width:679px) {
#competition  .bg-gray .block-in ul li dl dt{width:100%;margin-bottom:10px;}
#competition  .bg-gray .block-in ul li dl dd{width:100%;}
}

#competition  .bg-purple .block-in ul{width:960px;margin:auto;}
@media screen and (max-width:899px) {
#competition  .bg-purple .block-in ul{width:auto;margin:0 15px;}
}
#competition  .bg-purple .block-in ul li{background:#fff;padding:30px;margin-bottom:25px;color:#000;text-align:left;}
#competition  .bg-purple .block-in ul li dl{letter-spading:-.4em;margin-bottom:10px;}
#competition  .bg-purple .block-in ul li dl dt{letter-spading:normal;width:40%;margin-right:2%;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
#competition  .bg-purple .block-in ul li dl dd{width:57%;letter-spading:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
#competition  .bg-purple .block-in ul li dl dd span.txt-compe-sakuhin-title {font-size:1.4em;font-weight:bold;letter-spading:normal;}
#competition  .bg-purple .block-in ul li div.arasuji{margin-bottom:10px;}
#competition  .bg-purple .block-in ul li div.director{padding:20px;background:#f6f6f6;}
#competition  .bg-purple.block-in ul li div.director p.txt-director{margin-bottom:5px;font-size:1.1em;font-weight:bold}
#competition  .bg-purple .block-in ul li div.director p.txt-director span{font-size:.6em;font-weight:normal}
@media screen and (max-width:679px) {
#competition  .bg-purple .block-in ul li dl dt{width:100%;margin-bottom:10px;}
#competition  .bg-purple .block-in ul li dl dd{width:100%;}
}


#shinsa ul {letter-spacing:-.4em;}
#shinsa ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:46%;margin-bottom:10px;letter-spacing:normal;text-align:left;background:#fff;padding:1.5%;color:#000;}
@media screen and (max-width:799px) {
#shinsa ul li {width:96%;}
}
#shinsa ul li:nth-child(odd) {margin-right:1%;}
#shinsa ul li span {font-size:0.8em;}

/*SINGLE*/
#single ul {width:1200px;margin:0 auto 10px;letter-spacing:-.4em;}
#single ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;letter-spacing:normal;margin-bottom:30px;}
#single ul li:first-child {width:50%;margin-right:2%}
#single ul li:last-child {width:47%;text-align:left;}
@media screen and (max-width:1199px) {
#single ul {width:auto;margin:0 15px 10px}
}
@media screen and (max-width:680px) {
#single ul li:first-child {width:100%}
#single ul li:last-child {width:100%;}
#single ul {width:auto;margin:0 15px 0}
}
#single ul li h2 {font-size:1.8em;margin:7px 0;line-height:1.6em}
#single ul li .special-tokushu {background:#ed6d00;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:2px 10px;font-size:0.8em;margin-bottom:2px;display:inline-block;color:#fff}
#single ul li .program-tokushu {background:#ed6d00;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius: 15px;padding:2px 10px;font-size:0.8em;margin-bottom:2px;display:inline-block;}
#single ul li .program-shousai {font-size:0.9em;line-height:1.8em;margin-bottom:5px}
#single ul li .program-muryou {background:#dfdede;font-size:0.85em;color:#000;padding:1px 10px;margin-bottom:0;display:inline-block}
#single ul li .program-day {color:#000;font-size:1em;margin-bottom:10px;font-weight:600}
#single ul li .program-muryou {background:#dfdede;font-size:0.8em;color:#000;padding:1px 10px;margin-bottom:10px;display:inline-block}
#single ul li .program-special {background:#ebff21;font-size:0.8em;color:#000;padding:1px 10px;margin-bottom:5px;display:inline-block}
#single ul li .program-rest {font-size:0.9em;color:#db2b2b;margin-bottom:10px;font-weight:bold;}
.txt-arasuji {width:1200px;margin:0 auto 40px;text-align:left;}
@media screen and (max-width:1199px) {
.txt-arasuji {width:auto;margin:0 15px 30px}
}
#single dl {border-top:4px solid #f4f4f4;border-right:4px solid #f4f4f4;border-left:4px solid #f4f4f4;width:1200px;margin:20px auto 30px}
@media screen and (max-width:1199px) {
#single dl {width:auto;margin:0 15px 10px}
}
#single dl dt {padding:15px 30px;font-weight:bold;text-align:left;border-bottom:4px solid #f4f4f4;}
#single dl dd {padding:15px 30px;text-align:left;border-bottom:4px solid #f4f4f4;}

.btn-gotoprogram a {display:inline-block;background:#333;padding:5px 60px;width:auto;margin:50px auto 0;text-decoration:none;font-size:0.9em;color:#fff}
.btn-gotoprogram a i {color:#f4f4f4;}


#special #ticket .block-01 {margin-bottom:0;padding-bottom:0}

/*NEWS*/
#news-contents {width:960px;margin:20px auto 0;text-align:left}
#news-contents .news-day {margin:20px auto;color:#00479d;font-weight:bold;margin-bottom:5px;letter-spacing:.1em}
#news-contents h2 {font-size:1.6em;line-height:1.4em;}
#news-contents .news-box {margin:20px 0 40px;font-size:1.1em;line-height:1.4em;}
@media screen and (max-width:959px) {
#news-contents {width:auto;}
}


/*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;line-height:1.9em}
.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.4em;margin-bottom:25px;color:#ed6d00;text-align:center;line-height:1.4em;}




 


/*PAGETOP*/
#backtotop {bottom: 10px;height: 45px;position: fixed !important;position: absolute;right:10px;width: 45px;text-indent:-9999px;z-index:1000;}
#backtotop a {background: url(../img/common/btn_backtotop.png) no-repeat scroll 0 0 transparent;display: block;height: 45px;width:45px;}
#backtotop a:hover {background: url(../img/common/btn_backtotop.png) no-repeat scroll 0 -45px transparent;}

/*MENU*/

@media screen and (min-width:768px) {
	#head{width:100%;background:#000;}
#mobile-head{display:none;}
#global-nav {width:auto;}
#global-nav ul.list-menu{padding:12px 0 6px;text-align:center;width:100%;letter-spacing:-.4em;margin:0;}
#global-nav ul.list-menu li{display:inline-block;text-align:center;letter-spacing:normal;margin:0 13px;line-height:1.2em;font-size:1em;}
#global-nav ul.list-menu li span.txt-s{font-size:.75em;color:#974557;font-family: 'Roboto', sans-serif;letter-spacing:.1em;}
#global-nav ul.list-menu li span.txt-kan{letter-spacing:.15em}	
#global-nav ul.list-menu li a{color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block;text-decoration:none;display:block}
#global-nav ul.list-menu li a:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#head .list-sns {letter-spacing: -.4em;position:absolute;top:5px;right:5px;width:auto;z-index:4;font-size:1.1em}
#head .list-sns li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-left:0;width:auto;}
#global-nav ul.list-menu li i{display:none;}
#head .list-sns .btn-twitter a i {color:#999;display:block;margin-right:5px}
#head .list-sns .btn-facebook a i {color:#999;display:block}
#home .list-menu li.menu-home a,#special .list-menu li.menu-special a,#competition .list-menu li.menu-competition a ,#program .list-menu li.menu-program a ,#guest .list-menu li.menu-guest a  {color:#ed6d00;font-weight:bold}
}

@media only screen and (max-width:767px) {
#head{width:100%;position:fixed;z-index:100;top:0;left:0}
#mobile-head {width:100%;position:relative;}
#mobile-head h1 {width:auto;height:40px;text-align:left;display:none}
#mobile-head h1 img{width:auto;padding:7px 0 5px 7px;height:38px;}
#nav-toggle {display: block!important;position: absolute;right:0px;top:0;width: 55px;height:55px;cursor: pointer;z-index: 101;background:url(../img/common/hbm_menu.png) no-repeat top center;background-size: 100% auto;}
#nav-toggle:hover {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
#nav-toggle div {position: relative;}
#head.fixed {padding: 6px 0}
#global-nav {position: absolute;top:0;background:url(../img/common/overlay.png) ;text-align: center;padding: 0px 0;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;height:auto;z-index:100;width:100%;height:100vh;right:-100%; display: table;}
#global-nav ul {display:table-cell;vertical-align: middle;padding-bottom:55px;}
#global-nav ul li {display:block;vertical-align:top;width:100%;font-size:.9em;line-height:1.4em;letter-spacing:normal;padding:0 0 10px;margin-bottom:5px;text-align:center;}
#global-nav ul li a{text-decoration:none;text-align:center;color:#fff}
#global-nav ul li span.txt-s{font-size:.7em;color:#6b2f3c;font-family: 'Roboto', sans-serif;letter-spacing:.1em}
#mobile-head {width:auto;z-index:2000;position: relative;color:#000;height:55px}
#nav-toggle {display: block}
.open #nav-toggle {background:url(../img/common/cbox_close.png) no-repeat top center;background-size: 100% auto;}
.open:hover #nav-toggle {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.open #global-nav {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%)}
#global-nav ul.list-menu li i{display:none;}
#head .list-sns {display:none}
}


/*FADE*/
.fadeIn {opacity: 0;-webkit-transition: 1s;transition: 1s;-webkit-transform: translateY(20px);transform: translateY(20px);}
.fadeIn.is-inview {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.img_in_right {overflow: hidden;-webkit-transition: 1s;transition: 1s;opacity: 0;}
.img_in_right img {-webkit-transform: translateX(40px);transform: translateX(40px);-webkit-transition: 1s;transition: 1s;-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);}
.img_in_right.is-inview {opacity: 1;}
.img_in_right.is-inview img {-webkit-clip-path: inset(0);clip-path: inset(0);-webkit-transform: translateX(0px);transform: translateX(0px);}



@media screen and (min-width:768px) {
.pconly{display:block}
.sponly{display:none}
}

@media screen and (min-width: 0px) and (max-width:767px) {
.pconly{display:none}
.sponly{display:block}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}