/*
 Theme Name:   Infinity Mag Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Infinity Mag Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     infinity-mag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         blog, news, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments, footer-widgets
 Text Domain:  infinity-mag-child
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ##search
    ##Admin only visible css
    ##Social Icon
    ##Slider
    ## Homepage
    ## Posts and pages
# Footer
    ##Backtotop
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  font-size: 1.4rem; }

a {
  color: #333333; }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.size-eye_catch,
.wp-post-image {
  max-width: 100%;
  height: auto; }

.inview {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s; }
  .inview.active {
    opacity: 1.0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.inview-left {
  opacity: 0;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s; }
  .inview-left.active {
    opacity: 1.0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.inview-right {
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s; }
  .inview-right.active {
    opacity: 1.0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.delay1 {
  -webkit-transition: all .5s ease .25s;
  -moz-transition: all .5s ease .25s;
  -o-transition: all .5s ease .25s;
  transition: all .5s ease .25s; }

.delay2 {
  -webkit-transition: all .5s ease .5s;
  -moz-transition: all .5s ease .5s;
  -o-transition: all .5s ease .5s;
  transition: all .5s ease .5s; }

.delay3 {
  -webkit-transition: all .5s ease .75s;
  -moz-transition: all .5s ease .75s;
  -o-transition: all .5s ease .75s;
  transition: all .5s ease .75s; }

.delay4 {
  -webkit-transition: all .5s ease 1s;
  -moz-transition: all .5s ease 1s;
  -o-transition: all .5s ease 1s;
  transition: all .5s ease 1s; }

.delay5 {
  -webkit-transition: all .5s ease 1.25s;
  -moz-transition: all .5s ease 1.25s;
  -o-transition: all .5s ease 1.25s;
  transition: all .5s ease 1.25s; }

.author-info {
  text-align: left; }

.blog .page-inner-title {
  display: none; }

.widget {
  margin-bottom: 0; }

.entry-header .entry-title {
  margin: 0; }

.entry-title {
  font-size: 2.25rem !important;
  font-weight: bold; }

.inner-banner-1 {
  padding: 30px 0 0; }

.site-content {
  padding: 25px 15px 50px;
  max-width: 1170px; }

.slider-section .slider {
  width: 100%;
  margin: 0; }
  .slider-section .slider img {
    height: auto;
    width: 100%; }
  .slider-section .slider .slide-title {
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal; }
  .slider-section .slider .slick-prev:before,
  .slider-section .slider .slick-next:before {
    color: #000; }

.featured-item {
  height: 60px !important;
  background-size: contain !important; }

.article-detail .small-title {
  font-size: 14px; }
@media only screen and (max-width: 768px) {
  .article-detail {
    padding: 0 15px; } }

.section-title span {
  padding: 5px 15px;
  font-weight: bold;
  font-size: 3.6rem;
  position: relative;
  text-transform: uppercase; }
  .section-title span::after {
    content: "";
    position: absolute;
    width: 36px;
    height: 2px;
    background-color: #F44336;
    bottom: 0;
    left: 0; }

.featured-block {
  background: #F8F8F8;
  padding: 90px 0;
  /*margin: 0 0 60px;*/ }

@media screen and (max-width: 768px) {
  .toggle-menu,
  #custom_html-4 {
    display: none !important; }

  .nav-right {
    border-top: none !important; }

  #widgets-nav {
    margin-left: 0; }

  .container-fluid {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0; }
    .container-fluid .site-branding {
      max-width: calc(100vw - 105px);
      text-align: center; } }
.primary-bgcolor,
.social-widget-menu ul li:hover a,
.main-navigation .menu ul ul > li a:hover,
.main-navigation .menu ul ul > li a:hover {
  background-color: inherit;
  color: #282828; }

.news-section {
  padding: 90px 0; }
  .news-section ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0; }
    .news-section ul li {
      padding: .5rem 1rem;
      display: flex;
      align-items: center;
      flex-flow: wrap; }
      .news-section ul li span {
        display: table;
        padding: .5rem 0; }
      .news-section ul li .cat {
        margin: 0 2rem;
        display: flex;
        align-items: center; }
        .news-section ul li .cat a {
          background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
          background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
          color: white;
          display: table;
          padding: .25rem 1.5rem;
          margin: 0 .25rem;
          border-radius: 15px;
          font-size: 12px;
          font-weight: bold; }
          .news-section ul li .cat a:hover {
            text-decoration: none;
            background: #FF7070; }
  .news-section .entry-content .apply {
    margin-top: 0;
    margin-bottom: 6rem;
    padding: 1rem 4rem; }

.inner-header-overlay {
  background: rgba(0, 0, 0, 0.5); }

#entry {
  display: inline-block;
  border: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
  background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
  margin-right: 15px;
  border-radius: 18px;
  padding: 6px 24px; }
  #entry:hover {
    text-decoration: none;
    background: #FF7070; }
  #entry span {
    color: white;
    font-weight: bold;
    font-size: 12px; }

@media only screen and (max-width: 1600px) {
  .upper-header .widget {
    margin-top: 0; } }
@media only screen and (min-width: 768px) {
  .purpose.site-content,
  .program.site-content {
    width: 100%; } }
/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/
.page .entry-content h2,
.page .modalInner h2,
.single .entry-content h2,
.single .modalInner h2 {
  font-size: 2rem;
  margin: 4rem 0 1.5rem;
  font-weight: bold;
  padding: 1rem;
  background: #4e4e4e;
  color: white; }
.page .entry-content h3,
.page .modalInner h3,
.single .entry-content h3,
.single .modalInner h3 {
  font-size: 1.8rem;
  margin: 3.6rem 0 .9rem;
  font-weight: bold;
  border-bottom: 1px solid #4e4e4e;
  padding-bottom: .9rem; }
.page .entry-content h4,
.page .modalInner h4,
.single .entry-content h4,
.single .modalInner h4 {
  font-size: 1.5rem;
  margin: 3rem 0 .75rem;
  font-weight: bold;
  border-left: 4px solid #4e4e4e;
  padding-left: .75rem; }
.page .entry-content h5,
.page .modalInner h5,
.single .entry-content h5,
.single .modalInner h5 {
  font-size: 1.2rem;
  margin: 2.4rem 0 .6rem;
  font-weight: bold; }
.page .entry-content ul, .page .entry-content ol,
.page .modalInner ul,
.page .modalInner ol,
.single .entry-content ul,
.single .entry-content ol,
.single .modalInner ul,
.single .modalInner ol {
  margin: 0;
  padding: 0 0 0 1.8rem; }
  .page .entry-content ul li, .page .entry-content ol li,
  .page .modalInner ul li,
  .page .modalInner ol li,
  .single .entry-content ul li,
  .single .entry-content ol li,
  .single .modalInner ul li,
  .single .modalInner ol li {
    margin-bottom: .25rem; }
.page .entry-content dl.matchHeight,
.page .modalInner dl.matchHeight,
.single .entry-content dl.matchHeight,
.single .modalInner dl.matchHeight {
  padding: 15px; }
  .page .entry-content dl.matchHeight dt,
  .page .modalInner dl.matchHeight dt,
  .single .entry-content dl.matchHeight dt,
  .single .modalInner dl.matchHeight dt {
    font-size: 1.2rem; }
  .page .entry-content dl.matchHeight dd:last-child,
  .page .modalInner dl.matchHeight dd:last-child,
  .single .entry-content dl.matchHeight dd:last-child,
  .single .modalInner dl.matchHeight dd:last-child {
    padding-bottom: 0; }
.page .entry-content dl.current,
.page .modalInner dl.current,
.single .entry-content dl.current,
.single .modalInner dl.current {
  border-color: #E3007F; }
.page .entry-content .btn,
.page .modalInner .btn,
.single .entry-content .btn,
.single .modalInner .btn {
  background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
  background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
  color: white;
  display: table;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
  border-radius: 19px;
  font-size: 12px;
  font-weight: bold; }
  .page .entry-content .btn:hover,
  .page .modalInner .btn:hover,
  .single .entry-content .btn:hover,
  .single .modalInner .btn:hover {
    text-decoration: none;
    background: #FF7070; }
.page .entry-content table,
.page .modalInner table,
.single .entry-content table,
.single .modalInner table {
  width: 100%; }
  .page .entry-content table th, .page .entry-content table td,
  .page .modalInner table th,
  .page .modalInner table td,
  .single .entry-content table th,
  .single .entry-content table td,
  .single .modalInner table th,
  .single .modalInner table td {
    padding: 1.5rem;
    border: 1px solid #DADADA; }
  .page .entry-content table th,
  .page .modalInner table th,
  .single .entry-content table th,
  .single .modalInner table th {
    background: #F0F0F0;
    text-align: center; }
.page .entry-content .frame,
.page .modalInner .frame,
.single .entry-content .frame,
.single .modalInner .frame {
  border: 5px solid #EEE;
  padding: 30px;
  margin-top: 30px; }
  .page .entry-content .frame h3,
  .page .modalInner .frame h3,
  .single .entry-content .frame h3,
  .single .modalInner .frame h3 {
    margin-top: 0; }
  .page .entry-content .frame .row > div,
  .page .modalInner .frame .row > div,
  .single .entry-content .frame .row > div,
  .single .modalInner .frame .row > div {
    padding-top: 15px; }
  .page .entry-content .frame .visual,
  .page .modalInner .frame .visual,
  .single .entry-content .frame .visual,
  .single .modalInner .frame .visual {
    width: 180px;
    height: 180px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: auto; }
.page .entry-content .separate,
.page .modalInner .separate,
.single .entry-content .separate,
.single .modalInner .separate {
  margin-top: 90px;
  border-color: #EEEEEE; }
.page .entry-content .apply,
.page .modalInner .apply,
.single .entry-content .apply,
.single .modalInner .apply {
  /*background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
  background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);*/
  background: #FC5C7D;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #6A82FB, #FC5C7D);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #6A82FB, #FC5C7D);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  display: table;
  padding: 3rem 9rem;
  margin: 4rem auto;
  border-radius: 3px; }
  .page .entry-content .apply:hover,
  .page .modalInner .apply:hover,
  .single .entry-content .apply:hover,
  .single .modalInner .apply:hover {
    text-decoration: none;
    background: #FF7070; }
.page .modal,
.single .modal {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  padding: 30px;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.75); }
.page .modalInner,
.single .modalInner {
  width: 100%;
  height: 100%;
  display: table; }
  .page .modalInner .inners,
  .single .modalInner .inners {
    display: table-cell;
    vertical-align: middle; }
    .page .modalInner .inners .inner,
    .single .modalInner .inners .inner {
      padding: 30px;
      background: white; }
      .page .modalInner .inners .inner h2,
      .single .modalInner .inners .inner h2 {
        margin-top: 0; }
.page .closed,
.single .closed {
  display: table;
  margin: 30px auto 0; }
  .page .closed .modalClose,
  .single .closed .modalClose {
    font-size: 36px;
    display: table; }
.page .overLay,
.single .overLay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }
.page .checked,
.single .checked {
  font-weight: bold;
  color: #E3007F;
  font-size: 1.8rem;
  display: table;
  margin: 4rem auto; }

.author-details h4 {
  text-align: center; }
.author-details h5 {
  padding: 6px;
  background: #F0F0F0;
  margin: 15px 0 5px; }

.description {
  font-size: 10px;
  text-align: center; }

@media only screen and (max-width: 768px) {
  .page .entry-content table,
  .page .modalInner table,
  .single .entry-content table,
  .single .modalInner table {
    border-top: 1px solid #DADADA; }
    .page .entry-content table th, .page .entry-content table td,
    .page .modalInner table th,
    .page .modalInner table td,
    .single .entry-content table th,
    .single .entry-content table td,
    .single .modalInner table th,
    .single .modalInner table td {
      display: block;
      width: 100%;
      border-top: none !important; } }
.data-bg-slide {
  height: 360px; }

/*--------------------------------------------------------------
# lists
--------------------------------------------------------------*/
.lists {
  width: calc(100% + 30px);
  border-top: none !important;
  margin-left: -15px !important; }
  .lists .thumb {
    border-bottom: none; }
    .lists .thumb a {
      border: 1px solid #EAEAEA;
      display: block; }
      .lists .thumb a:hover {
        text-decoration: none;
        opacity: .8; }
    .lists .thumb .txt {
      display: table;
      width: 100%;
      padding: 15px; }
    .lists .thumb .ttl {
      display: table;
      margin: 1rem auto;
      font-size: 1.8rem;
      font-weight: bold; }
    .lists .thumb .apply {
      font-size: 1.5rem;
      display: table;
      padding: 1rem 4rem;
      margin: 1rem auto; }

/*--------------------------------------------------------------
# purpose
--------------------------------------------------------------*/
.purpose {
  background: url(https://www.innovation-osaka.jp/lp/wp-content/uploads/2018/12/bg2.png) repeat-y;
  background-size: 100% auto;
  overflow: hidden; }
  .purpose.site-content {
    max-width: 100%; }

.purpose .sec {
  margin-bottom: 150px; }

.purpose .sec1 {
  height: calc( 100vh - 240px );
  display: table;
  width: 100%;
  position: relative; }

.purpose h2 {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin: -33px 0 0 0 !important;
  padding: 0 !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  font-style: normal !important;
  color: black !important;
  font-size: 60px !important;
  background-color: inherit !important;
  z-index: 1; }

.purpose h3 {
  text-align: center;
  font-size: 36px !important;
  margin: 0 !important;
  border-bottom: none !important;
  padding: 0 !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important; }

.purpose h4 {
  font-size: 24px !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  border-left: none !important;
  padding-left: 0 !important;
  text-align: center; }

.purpose .square {
  background: white;
  width: 75%;
  height: calc( (100vh - 240px) * 0.5 );
  position: absolute;
  top: 50%;
  overflow: hidden; }

.purpose .square-right {
  left: -15px;
  width: 100%; }

.purpose .square-left {
  right: -15px;
  width: 100%; }

.purpose .visual {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  width: 100vw;
  margin-left: -15px;
  display: table; }

.purpose .visual .overlay {
  display: table-cell;
  background: rgba(0, 0, 0, 0.45); }

.purpose .sec2 .visual {
  background-image: url(https://www.innovation-osaka.jp/lp/wp-content/uploads/2018/11/367ff9443dd2a5fdf62c2bf6b08aa1cc_m.jpg); }

.purpose .sec3 .visual {
  background-image: url(https://www.innovation-osaka.jp/lp/wp-content/uploads/2018/11/download.jpeg); }

.purpose .sec2 .sample,
.purpose .sec3 .sample {
  margin-top: -30vh;
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 3px #909090; }

.purpose .inr {
  margin-top: calc(17.5vh - 20px); }

.purpose .inr h3 {
  color: white;
  text-shadow: 2px 2px 2px #000; }

.purpose .sec2 .inr h3 {
  text-align: left; }

.purpose .sec3 .inr h3 {
  text-align: right; }

.purpose .imgwrap {
  display: table;
  margin: 30px auto; }

.purpose .imgwrap img {
  max-width: 100%;
  height: auto; }

.purpose .bg {
  background: white;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: -15vh;
  box-shadow: 0 0 3px #909090; }

.purpose .sec4,
.purpose .sec5 {
  position: relative;
  width: 100%;
  display: table; }

.purpose .sec4 .square,
.purpose .sec5 .square {
  margin-top: calc( (100vh - 240px) * 0.25 * -1 ); }

.purpose .sec4 .txt,
.purpose .sec5 .txt {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index: 2; }

.purpose .sec4 .txt p,
.purpose .sec5 .txt p {
  margin-top: 30px; }

@media only screen and (max-width: 768px) {
  .purpose .sec2 .sample,
  .purpose .sec3 .sample {
    margin-top: 30px; }

  .purpose .bg {
    margin-top: 0; } }
/*--------------------------------------------------------------
# program
--------------------------------------------------------------*/
.program {
  background: url(https://www.innovation-osaka.jp/lp/wp-content/uploads/2018/12/bg3.png) repeat-y;
  background-size: 100% auto;
  overflow: hidden; }
  .program.site-content {
    max-width: 100%; }

.program .sec {
  margin-bottom: 150px; }

.program .sec1 {
  height: calc( 100vh - 240px );
  display: table;
  width: 100%;
  position: relative; }

.program h2 {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin: -33px 0 0 0 !important;
  padding: 0 !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  font-style: normal !important;
  color: black !important;
  font-size: 60px !important;
  background-color: inherit !important;
  z-index: 1; }

.program h3 {
  text-align: center;
  font-size: 36px !important;
  margin: 0 !important;
  border-bottom: none !important;
  padding: 0 !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: 2px 2px 0 white; }

.program h3 span {
  font-size: 18px; }

.program h4 {
  font-size: 24px !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  border-left: none !important;
  padding-left: 0 !important;
  margin-bottom: 30px !important;
  text-align: center;
  line-height: 1 !important; }

.program h4 span {
  font-size: 12px; }

.program h5 {
  font-size: 18px !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important;
  text-align: center;
  margin-bottom: 15px !important; }

.program .square {
  background: white;
  width: 75%;
  height: calc( (100vh - 240px) * 0.5 );
  position: absolute;
  top: 50%;
  overflow: hidden; }

.program .square-left {
  right: -15px; }

.program .wrap > .col-md-6:first-child {
  margin-top: 30px; }

.program .wrap > .col-md-6:nth-child(2) {
  margin-top: 90px; }

.program .bg {
  background: white;
  padding-top: 30px;
  padding-bottom: 30px; }

.program .wrap > .col-md-6:first-child .bg,
.program .shadow {
  box-shadow: 10px 60px 0 #FF7070; }

.program .wrap > .col-md-6:nth-child(2) .bg {
  box-shadow: 10px 60px 0 #FAA987; }

.program .txt {
  padding: 15px; }

.program .txt p {
  margin-top: 30px; }

.program .thumb {
  width: 100%;
  height: 90px;
  background-size: contain !important; }

.program .sec3 .container {
  margin-top: 30px; }

.program .decimal > div {
  margin-bottom: 15px; }

.program .decimal span {
  padding: 15px;
  display: block;
  vertical-align: middle;
  text-align: center;
  background: #FF7070;
  color: white; }

.program .decimal span em {
  font-size: small; }

.program .imgwrap {
  display: table;
  margin: auto; }

@media only screen and (max-width: 768px) {
  .program .sec2 .sample,
  .program .sec3 .sample {
    margin-top: 30px; }

  .program .bg {
    margin-top: 0; } }
/*--------------------------------------------------------------
# event
--------------------------------------------------------------*/
.event .eve-content .col-inner {
  background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
  background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
  padding: 3px;
  margin: 30px 0; }

.event .eve-content .col-wrap {
  background: white;
  padding: 30px; }

.event .eve-content .col-inner h3 {
  text-align: center;
  font-size: 16px !important;
  margin: 0 !important;
  border-bottom: none !important;
  padding: 0 !important;
  font-family: ten-mincho,serif;
  font-weight: 400 !important; }

.event .eve-content .col-inner ul {
  display: table;
  margin: auto !important;
  padding: 16px 0 0 !important; }

.event .news-section .lists {
  padding-left: 0; }

.event .news-section .lists .thumb {
  padding-left: 15px;
  padding-right: 15px; }

.news .news-section {
  padding: 0; }
  .news .news-section .site-content {
    padding: 0;
    max-width: 1170px; }

/*--------------------------------------------------------------
# widget_calendar
--------------------------------------------------------------*/
.slider-section .slick-slide .txt {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 1s ease .5s;
  -moz-transition: all 1s ease .5s;
  -o-transition: all 1s ease .5s;
  transition: all 1s ease .5s; }
.slider-section .slick-current .txt {
  opacity: 1.0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
.slider-section .slider-arrow {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 90px;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .slider-section .slider-arrow i {
    font-size: 36px;
    color: white; }
.slider-section .slider-prev {
  left: 0; }
.slider-section .slider-next {
  right: 0; }
.slider-section .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0; }
.slider-section .sl {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .slider-section .sl a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 360px);
    min-height: 360px;
    max-height: 600px;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    color: white; }
    .slider-section .sl a .txt {
      display: table;
      max-width: 60vw;
      margin: auto; }
      .slider-section .sl a .txt > span {
        display: table;
        margin: auto; }
        .slider-section .sl a .txt > span.ttl {
          font-family: ten-mincho, serif;
          font-weight: bold;
          font-size: 2.4rem; }
        .slider-section .sl a .txt > span.content {
          margin-top: 15px;
          width: 100%; }
          .slider-section .sl a .txt > span.content .row .col-inner {
            padding: 15px;
            border: 1px solid #000; }
            .slider-section .sl a .txt > span.content .row .col-inner h4 {
              font-family: ten-mincho, serif;
              font-weight: bold;
              font-size: 14px;
              text-align: center;
              margin: 0 0 7px; }
            .slider-section .sl a .txt > span.content .row .col-inner ul {
              margin: 0 auto;
              padding: 0 0 0 18px; }
        .slider-section .sl a .txt > span.apply {
          background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
          background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
          color: white;
          font-weight: bold;
          font-size: 1rem;
          display: table;
          padding: 1rem 3rem;
          margin: 30px auto 0;
          border-radius: 3px; }
          .slider-section .sl a .txt > span.apply:hover {
            text-decoration: none;
            background: #FF7070; }
    .slider-section .sl a:hover {
      text-decoration: none; }

@media only screen and (max-width: 768px) {
  .slider-section .slider-arrow {
    display: none !important; }

  .sl .txt {
    max-width: 100% !important; }
    .sl .txt .ttl {
      font-size: 18px !important; }
    .sl .txt .content {
      display: none !important; } }
/*--------------------------------------------------------------
# widget_calendar
--------------------------------------------------------------*/
.widget_calendar tbody #today {
  background: #F8F6C6 !important; }

/*--------------------------------------------------------------
# widget_calendar
--------------------------------------------------------------*/
.featured-section {
  border-bottom: none;
  background: #F8F8F8;
  margin: 0 0 60px;
  padding: 90px 0; }
  .featured-section .container-fluid {
    max-width: 1170px; }

.concept-block {
  padding: 0; }
  .concept-block .row {
    margin: 0; }
    .concept-block .row .col-img {
      background-position: center;
      background-size: cover;
      position: relative;
      z-index: 0;
      overflow: hidden; }
      .concept-block .row .col-img::before {
        content: "";
        background: inherit;
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        z-index: -1; }
    .concept-block .row .section-cont {
      background: white;
      padding: 60px;
      height: 50vh;
      transition: all .3s; }
      @media screen and (max-width: 768px) {
        .concept-block .row .section-cont {
          padding: 30px 15px; } }
      @media screen and (max-width: 480px) {
        .concept-block .row .section-cont {
          position: static; } }
      .concept-block .row .section-cont .display-table {
        display: table;
        height: 100%;
        width: 100%; }
        .concept-block .row .section-cont .display-table .display-tablecell {
          display: table-cell;
          vertical-align: middle; }
          .concept-block .row .section-cont .display-table .display-tablecell .section-ttl {
            padding-bottom: 1.2rem; }
            .concept-block .row .section-cont .display-table .display-tablecell .section-ttl h2 {
              font-family: ten-mincho, serif;
              font-weight: bold;
              font-size: 2.4rem;
              text-align: center; }
          .concept-block .row .section-cont .display-table .display-tablecell h3 {
            font-family: ten-mincho, serif;
            font-weight: bold;
            font-size: 1.6rem;
            text-align: center; }
          .concept-block .row .section-cont .display-table .display-tablecell .section-permalink .more {
            background: -webkit-gradient(linear, left top, right top, from(#FF7070), to(#FAA987));
            background: linear-gradient(to right, #FF7070 0%, #FAA987 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
            color: white;
            display: table;
            padding: 1rem 3rem;
            margin: 30px auto 0;
            border-radius: 3px;
            /*display: table;
            margin: auto;
            background: white;
            padding: 12px 48px;*/ }
            .concept-block .row .section-cont .display-table .display-tablecell .section-permalink .more i {
              padding-left: 1.2rem; }
            .concept-block .row .section-cont .display-table .display-tablecell .section-permalink .more:hover {
              text-decoration: none; }

.sponsor-block .row > div {
  margin-bottom: 30px;
  text-align: center; }
  .sponsor-block .row > div a {
    display: table;
    position: relative; }
    .sponsor-block .row > div a::before, .sponsor-block .row > div a::after {
      content: "";
      position: absolute;
      top: -6px;
      height: 10px;
      width: 10px;
      border: 1px solid #515964;
      border-bottom: none;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .sponsor-block .row > div a::before {
      left: -6px;
      border-right: none; }
    .sponsor-block .row > div a::after {
      right: -6px;
      border-left: none; }
    .sponsor-block .row > div a .supporter-border::before, .sponsor-block .row > div a .supporter-border::after {
      content: "";
      position: absolute;
      bottom: -6px;
      height: 10px;
      width: 10px;
      border: 1px solid #515964;
      border-top: none;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .sponsor-block .row > div a .supporter-border::before {
      left: -6px;
      border-right: none; }
    .sponsor-block .row > div a .supporter-border::after {
      right: -6px;
      border-left: none; }