@charset "utf-8";
@import "reset.css";
@import "commonitems.css";
@import "social-button.css";
@import "font-awesome.css";
/* Noto */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css');

@font-face {
  font-family: 'skia';
  src: url('/2020/global/fonts/Skia.ttf');
  src: url('/2020/global/fonts/Skia.ttf') format('truetype');
}

/*
======== table of content. ===============
summary:共通設定
==========================================
*/

/* ================================================================================
base
================================================================================= */
html { font-size: 62.5%; }
body {
margin: 0; padding: 0; font-family: 'Noto Sans JP', sans-serif; font-size: 1.6rem; font-weight: 400; line-height:1.8;
}
hr {
  display:none;
}
a {
  text-decoration:none;
  color:#1a1a1a;
  outline:none;
  transition: opacity .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),background .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),color .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),transform .7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
a:hover { opacity: 0.7; }


#wrapper { overflow-x: hidden; }

/* ================================================================================
contents
================================================================================= */
#contents { position:relative; max-width:1280px; margin:0 auto 60px; box-sizing:border-box; }
.sec_content { }
.sec_y { background:#ffeb3b; }

.content_inner { max-width: 1280px; margin: 0 auto; padding:0 10px 8rem; }
.sec_inner { padding: 0 20px; } 

/* --------------------------------------------
slick.js スライダーの位置表示
-------------------------------------------- */
.slick-slider .page-nav {position:relative;padding:15px 0;text-align:center;z-index:10;}
.slick-slider .page-nav li {display:inline-block;margin:0 5px;}
.slick-slider .page-nav button {display:block;width:20px;height:5px;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;text-indent:200%;white-space:nowrap;overflow:hidden;background:#757575;}
.slick-slider .page-nav .slick-active button {background:#eb2035;}

/* --------------------------------------------
コンテンツ内モジュール
-------------------------------------------- */
/* 大見出し */
.ttl { position: relative; top: -6.5rem; margin-bottom: -6.5rem; }
	.ttl,.ttl a { display: flex; align-items: center; }
	.ttl a:hover { opacity: .7; }
	.ttl_eng,.ttl_jp { display: inline-block; }
	/* 大見出し英語 */
	.ttl_eng { color:#ef0888; font-family: 'skia',sans-serif; font-size: 7.1rem; font-weight:900; letter-spacing: -0.0.5em; }
	.ttl_eng img { width:auto; height:3.5vw; max-height: 50px; }
    
	/* 大見出し日本語 */
	.ttl_jp { margin-left: .8em; background: #e91e63; padding: 0.2em 1em; color:#fff; font-size: 2.2rem; font-weight: 700; }
	
/* 中見出し */
.ttl_sub { margin-bottom: 1.4em; font-size: 3.2rem; font-weight: 700; }

/* 画像拡大時虫眼鏡アイコン */
.enlarge { display: block; position: relative; }
.enlarge::before { position: absolute; right: 0; display: block; content: ""; width:41px; height: 40px; background: url("/2020/global/images/icon_enlarge.png") no-repeat right 0; background-size: 41px auto; z-index: 100; }
	
	
/* ================================================================================
過去開催イベント
================================================================================= */
#sec_banners { padding-bottom: 10px; /* background: url("/2020/global/images/bg_pastevent.png") repeat-x 0 40px; */ }
.sec_banners_inner { max-width:1280px;margin:0 auto 40px; padding-left: 10px; padding-right: 10px; }
.sec_banners_inner h2 { }

#banners { display: flex; justify-content: space-between; }
#banners .txt_rounded_blue { font-size: 1.4rem; }
#banners p { width:23.07%; }
#banners p img { width:100%; height: auto; }
#banners a:hover { opacity: .7; }


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