@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
/*
==================================================
【PC】上ナビタイプ 目次
==================================================
basic - 共通基本設定
header - ヘッダー
nav - メインナビゲーション
home - トップページ用
news - ニュースページ用
subnav - サブナビページ用
schedule-calendar - スケジュールカレンダー
schedule-chart - スケジュール星取表
401,404,406 - エラーページ
footer - フッター
clearfix - クリアフィックス設定
rollover - 画像ロールオーバー設定
==================================================
*/

/* =============================================== */
/* basic - 共通基本設定 */
/* ----------------------------------------------- */

/* 画像のプリント禁止 */
@media print{
 /* img{display:none !important;}*/

}

/* リセットcss */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
  display: block;
  margin: 0;
  padding: 0;
}

html,h1,h2,h3,h4,dl,dt,dd,ul,li,p,img{
  margin: 0;
  padding: 0;
}

ul{
  list-style-type: none;
}

/* ボディ */
body{ font-family:'Open Sans',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.7;
  color: #333;
}
a:link{text-decoration: underline; color: #333;}
a:visited{text-decoration: underline; color: #333;}
a:active{text-decoration: underline; color: #333;}
a:hover{text-decoration: none; color: #76c4f4;}

/* 画像関連 */
figure{
  margin: 0;
  padding: 0;
}

figcaption{
  font-size: 0.8rem;
  text-align: center;
  margin: 0;
  padding: 0 0 5px 0;
  color: #666;
}

img{
  border: none;
  vertical-align: bottom;
}

figure img{
  max-width: 100%;
  height: auto;
  width /***/:auto; /* 親要素の100% */
}

.image-container{}
.movie-container{}
.music-container{}

/* 配置 */
.left{float: left; margin: 0 10px 10px 0;}
.center{float: none; margin: 0 0 10px 0;}
.right{float: right; margin: 0 0 10px 10px;}
figure.left{text-align: left; margin: 5px 10px 10px 0;}
figure.center{text-align: center; margin: 5px 0 10px 0;}
figure.right{text-align: right; margin: 5px 0 10px 10px;}

.text-center{text-align: center; margin: 0 auto;}
.text-right{text-align: right; margin: 0;}

/* 罫線 */
hr {height: 0; margin: 15px 0; padding: 0; border: 0; width: 100%;}
.solid{border-top: 1px #999 solid;}
.dotted{border-top: 1px #999 dotted;}
.dashed{border-top: 1px #999 dashed;}
.double{border-top: 3px #999 double;}
small {
  font-size: 0.8rem;
  line-height: 1.3;
}
medium {
  font-size: 1.4rem;
  line-height: 1.3;
}
large {
  font-size: 1.8rem;
  line-height: 1.3;
}
.small {
  font-size: 0.8rem;
  line-height: 1.3;
}
.medium {
  font-size: 1.4rem;
  line-height: 1.3;
}
.large {
  font-size: 1.8rem;
  line-height: 1.1;
}
.strong{font-weight:600;}

.red{color:#ea4651;}
/* ページレイアウト */
#wrapper{
  width: 100%;
  margin: 0;
  padding: 0;animation-duration:3s;animation-delays:6s;animation-name:  blurfadein;
}

#contents{
  width: 1080px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}

#main-box{
  width: 1080px;
  float: left;
  margin: 0 0 5rem;
  padding: 0 0 15px;
}

#side-box{display: none;
  width: 260px;
  float: right;
  margin: 15px 0 0;
  padding: 0 0 15px;
}

.side_banner{position: fixed;top:20%;right:-100px;animation-name:fadex_right;animation-duration:5s;animation-delays:6s;}

#home-1 .side_banner{}
/* メインコンテンツ部分(main-box内) */
#contents-title{display: none;
  width: auto;
  font-size: 1.3rem;
  text-align: center;
	margin: 1rem auto 1.2rem;
	animation-name:fadey;animation-duration:3s;animation-delays:6s;	
}

#head{
  font-size: 120%;
  text-align: center;
  background: #000;
  color: #fff;
  margin: 15px 0 0;
  padding: 5px;
}

article{
  margin: 0 auto;
  padding: 20px 0 20px 0;
  clear: both;
}


.subhead {
  background: linear-gradient(transparent 70%, #cbe8fa 70%);
}


.packs{
  margin: 0;
  padding: 0 0 0 15px;
  width : calc(100% - 15px) ;
}

.column{
  margin: 0;
  padding: 0 15px 0 0;
  float: left;
}

/* バナー・ツイッター枠など(side-box内) */
.banner{
  width: 260px;
  margin: 0 auto 10px;
  padding: 0;
}

.twitter{
  margin: 0 auto 10px;
  background: #000;
}

/* ページトップ */

#pagetoparea{/*animation: fadein 8s linear;*/}



#pagetop{
  position: fixed;
  bottom: 0;
  right: 10px;
  padding: 0;      /*animation: fuwafuwa 3s linear infinite;*/
     /* transform-origin: 50% 50%;*/
      margin: 1rem 0 !important;z-index: 9999;
}

     
    @keyframes fuwafuwa {
      0% { transform: translateY(0) }
      33.3% { transform: translateY(-15px) }
      66.6% { transform: translateY(0) }
      100% { transform: translateY(0) }
    }




/* =============================================== */
/* header - ヘッダー */
/* ----------------------------------------------- */
/* ヘッダー大枠 */
header{
  width: 100%;
  margin: 0;
  padding: 0;
	position: relative;
	top:0;
	height:115px; z-index: 9999999;
	background: url('../imagesPC/headerbg.jpg') no-repeat center top;

}
#home-1 header{
  width: 100%;
  margin: 0;
  padding: 0;
	position: relative;
	top:0;
	height:115px; z-index: 9999999;
	background: none;
}
#home-1 #header-right{display: none;}
/* ヘッダー内部 */
#header-inner{
  width:1160px;
  margin: 0 auto;
  padding: 0;
}

/* 左部分(サイトタイトル) */
#header-left{
  float: left;
  width: 980px;
  margin: 0;
  padding: 0;animation-name:blurfadein;animation-duration:4s;animation-delays:6s;	
}

#site-title{
  width: 180px;
  margin:-6px 0 0 0 ;
  padding: 0 0;

}


/* 右部分(用途に合わせて会員メニュー・SNSボタンなど) */
#header-right{
  float: right;
  width: 180px;
  margin: 0;
  padding: 0;animation-name:fadey;animation-duration:4s;animation-delays:6s;	
}


.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 4500ms;
  animation-delay: 4500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -7deg);
    transform: rotate3d(0, 0, 1, -7deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -7deg);
    transform: rotate3d(0, 0, 1, -7deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing2 {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing2;
  animation-name: swing2;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes swing2 {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 4deg);
    transform: rotate3d(0, 0, 1, 4deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -4deg);
    transform: rotate3d(0, 0, 1, -4deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing2 {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 4deg);
    transform: rotate3d(0, 0, 1, 4deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -4deg);
    transform: rotate3d(0, 0, 1, -4deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing3 {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing3;
  animation-name: swing3;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes swing3 {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 2deg);
    transform: rotate3d(0, 0, 1, 2deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -2deg);
    transform: rotate3d(0, 0, 1, -2deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 1deg);
    transform: rotate3d(0, 0, 1, 1deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -1deg);
    transform: rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing3 {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 2deg);
    transform: rotate3d(0, 0, 1, 2deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -2deg);
    transform: rotate3d(0, 0, 1, -2deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 1deg);
    transform: rotate3d(0, 0, 1, 1deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -1deg);
    transform: rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
 
@keyframes burabura {
0% { transform: rotate(0deg); }
25% { transform: rotate(-3deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(3deg); }
100% { transform: rotate(0deg); }
}
/* =============================================== */
/* nav - メインナビゲーション */
/* ----------------------------------------------- */
/* ナビ全体枠 */
nav{
  clear: both;
  width:1080px;
  margin: 15px auto;
  padding: 0;
  line-height: 1;
}

/* 第一階層 */
#main-menu{
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-menu::after{
  display: block;
  clear: both;
  content: '';
}
#main-menu li{
  position: relative;
  float: left;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
#main-menu li a{
  display: inline-block;
  color: #333;
  padding: 0 0.2rem 10px ;
}
#main-menu li a:link{text-decoration: none;}
#main-menu li a:visited{text-decoration: none;}
#main-menu li a:active{text-decoration: none;}
#main-menu li a:hover{text-decoration: none;transition: .1s ease-in-out;
  transform: translateY(10px);opacity: 0.8;}

#main-menu .current-page{}
#main-menu #main-nav7{}

#main-menu .navtw{padding: 22px 10px 0;}
@media screen and (max-width: 1024px){

	
	}



/* 第二階層 */
#main-menu .sub-menu{
  position: absolute;
  top: 100%;
}
#main-menu .sub-menu li{
  float: none;
  margin: 0;
  padding: 0;
}
#main-menu .sub-menu li a{
  display: block;
  padding: 1em 1.5em;
  font-size: 0.8rem;
  font-weight: normal;
  text-align: left;
  background: #000;
}
#main-menu .sub-menu li a:link{text-decoration: none;}
#main-menu .sub-menu li a:visited{text-decoration: none;}
#main-menu .sub-menu li a:active{text-decoration: none;}
#main-menu .sub-menu li a:hover{text-decoration: none; background: #666;}

/* 第二階層のフェード設定 */
.sub-menu{
  visibility: hidden;
  opacity: 0;
  transition: .1s ease-in-out;
  transform: translateY(-20px);
}
#main-menu li:hover > .sub-menu{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* =============================================== */
/* home - トップページ用 */
/* ----------------------------------------------- */
/* メインビジュアル */

#home-1 #wrapper{background: url('../imagesPC/indexbg.jpg') no-repeat;
background-position: top 0px center; animation-duration:3s;animation-delays:6s;animation-name:  blurfadein;z-index: 1;}


#home-1 nav{
  clear: both;
  width:1080px;
  margin: 0 auto;
  padding: 0;
  line-height: 1;
}

@keyframes  blurfadein{
	0% {opacity: 0;filter: blur(30px);}
	30% {opacity: 0;filter: blur(30px);}
	100% {opacity: 1; filter: blur(0);}
}


#home-1 #contents {
    margin: 0 auto;
    padding: 0;
    clear: both;
	border:none;
	text-align: center;
	background: none;
	 position:  relative; 
top:0;
		width: 1120px;
	height:993px;
}

#main-visual {
	position: absolute;
  margin:0 auto;
  text-align: center;
  padding:0;
	top:-14px;
	z-index:999;
	width: 1120px;
	height:993px;
}

#index_title{margin:0;z-index: 9999;position: absolute;width:480px;height:140px;padding:710px 0 0 450px;
	animation-name:fadex_right;animation-duration:3s;animation-delays:6s;}
#index_date{margin:0;z-index: 9999;position: absolute;width:194px;height:100px;padding:775px 0 0 970px;
	animation-name:fadex_right;animation-duration:3s;animation-delays:6s;}

@keyframes fadex_left {
	0% {opacity: 0;transform: translateX(-50px)}
	80% {opacity: 0;transform: translateX(-50px)}
	100% {opacity: 1;transform: translateX(0)}
}
@keyframes fadex_right {
	0% {opacity: 0;transform: translateX(50px)}
	80% {opacity: 0;transform: translateX(50px)}
	100% {opacity: 1;transform: translateX(0)}
}
@keyframes fadey {
	0% {opacity: 0;transform: translateY(-50px)}
	80% {opacity: 0;transform: translateY(-50px)}
	100% {opacity: 1;transform: translateY(0)}
}


#home-1 footer{	
  width: 100%;
  margin: 0 0 0 ;
  padding:0 0;
  clear: both;
z-index: 99;
}

/* =============================================== */
/*　急告エリア */
/* ----------------------------------------------- */

#home-1 .index_mc .moimg{animation: spin 1.5s linear 5;transform-origin: center center;}
#home-1 .index_mc {padding-left: 10px;}

.moimg {
     width: 204px;
    height:  204px;
    line-height: 204px;
    text-align: center;
    transition: 0.5s;
    transform: rotateZ( 0deg);
}
.moimg:hover{
    transform: rotateZ( 360deg);
}
.moimg_side {
     width: 204px;
    height:  204px;
    line-height:  204px;
    text-align: center;
    transition: 0.5s;
    transform: rotateZ( 0deg);
}
.moimg_side:hover{
    transform: rotateZ( 360deg);
}
@keyframes spin {
  0%   { transform: rotateZ( 0deg);}
  100% {  transform: rotateZ( 360deg) }
}

#home-1 #main-box{z-index: 9999999;position: absolute;
  width:250px;
  margin:0;
  padding:0;
	text-align: left;	animation-name:  blurfadein2;animation-duration:5s;animation-delays:8s;
}

@keyframes  blurfadein2{
	0% {opacity: 0;filter: blur(10px);transform: translateX(-50px)}
	60% {opacity: 0;filter: blur(10px);transform: translateX(-50px)}
	100% {opacity: 1; filter: blur(0);transform: translateX(0)}
}

/* ニュースフィード（main-box内） */
#news-feed-index{width: 225px;
  margin: 0 0 0 30px;;
  padding: 0;
background: url('../imagesPC/newsfeedbg2.png') no-repeat top left ;
	border-bottom:1px solid #000;
}

#news-feed-index ul{ padding:40px 0 10px;
}

#news-feed-index ul li{ border-bottom: 1px dotted #111;margin: 0.6rem 0.8rem;}
#news-feed-index h2{
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
  clear: both;
	line-height:1.4
}

.update{color: #76c4f4;}

.news-txt{
  padding: 5px 0 5px 0;
  font-size: 0.8rem;
}
#news-feed-index h2 a:link{text-decoration: none; color: #333;}
#news-feed-index h2 a:visited{text-decoration: none; color: #333;}
#news-feed-index h2 a:active{text-decoration: none; color: #333;}
#news-feed-index h2 a:hover{text-decoration: none; color: #76c4f4;}


/* introducition */
/* ----------------------------------------------- */
#free-format-3 #contents-title, #free-format-4 #contents-title{display: none;}

.marker_p{font-weight: 600;
background: linear-gradient(transparent 60%, #faadd3 60%);
}
 .marker_y{font-weight: 600;
background: linear-gradient(transparent 60%, #fef486 60%);}

 .marker_b{font-weight: 600;
background: linear-gradient(transparent 60%, #05e3fd 60%);}


@keyframes waveLoop {
  0% {
    background-position:0 0;
	 background-size: 100%;
  }
  100% {
    background-position:0  -100px ;
	 background-size: 100%;
  }
}
@keyframes ariokaLoop {
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
    80% {transform: translate(0px, 0px) rotateZ(0deg)}
	90% {transform: translate(10px, 30px) rotateZ(5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/* story */
/* ----------------------------------------------- */
#free-format-4 {}

/* cast */
/* ----------------------------------------------- */
#free-format-5 {}


/* staff */
/* ----------------------------------------------- */
#free-format-6 {}

/* ticket */
/* ----------------------------------------------- */
#free-format-7 {}
#free-format-7 #main-box {border:1px solid #000;width: 1080px;
	color: #222;
  margin: 2em 0;
  font-weight:500;
  padding: 0.3em 1em 2em 1em;
	box-shadow:2px 2px 0 rgba(0,0,0,.1);border-radius: 10px;}


#free-format-7 #main-box .packs{border:1px solid #000;
  margin: 0 0 0 20px;
  padding: 30px;
  width : calc(100% - 30px) ;
	width: 970px;
}

#free-format-7 #main-box #paragraph-5 .packs{border:none;
  margin: 0 0 0 20px;
  padding: 30px;
  width : calc(100% - 30px) ;
	width: 970px;
}

#free-format-7 #main-box .ticket_midashi{ 
  font-weight: 600;
  font-size: 1.1rem;
  padding: 0rem 0.5rem 0.2rem;
  margin: 10px 0 10px;
  clear: both;
  border-left: 20px solid #faadd3;
	border-bottom:2px solid #faadd3;border-top:1px solid #faadd3;border-right:1px solid #faadd3;

}


#free-format-7 #main-box .ticket_{ 
  font-weight: 600;
  font-size: 1.1rem;
  padding: 0rem 0.5rem 0.2rem;
  margin: 10px 0 10px;
  clear: both;
  border-left: 20px solid #999;
	border-bottom:2px solid #999;border-top:1px solid #999;border-right:1px solid #999;

}

/* =============================================== */
/* おすすめ */
/* ----------------------------------------------- */

#free-format-9 #main-box .packs{border-top:14px solid #eee;border-left:14px solid #eee;
  margin: 0 0 0 20px;
  padding: 30px;
  width : calc(100% - 30px) ;
	width: 970px;
}

#free-format-9 #main-box .ticket_midashi{ 
  font-weight: 600;
  font-size: 1.1rem;
  padding: 0rem 0.5rem 0.2rem;
  margin: 10px 0 10px;
  clear: both;
  border-left: 20px solid #f6829d;
	border-bottom:2px solid #f6829d;border-top:1px solid #faadd3;border-right:1px solid #f6829d;

}


#free-format-9 #main-box .ticket_{ 
  font-weight: 600;
  font-size: 1.1rem;
  padding: 0rem 0.5rem 0.2rem;
  margin: 10px 0 10px;
  clear: both;
  border-left: 20px solid #999;
	border-bottom:2px solid #999;border-top:1px solid #999;border-right:1px solid #999;

}

#free-format-9 .marker_p{font-weight: 600;
background: linear-gradient(transparent 60%, #f7fbbf 60%);
}


#free-format-9 hr {height: 0; margin: 8px 0; padding: 0; border: 0; width: 100%;}
#free-format-9 .solid{border-top: 1px #999 solid;}
#free-format-9 .dotted{border-top: 1px #999 dotted;}
#free-format-9 .dashed{border-top: 1px #999 dashed;}
#free-format-9 .double{border-top: 3px #999 double;}



/* =============================================== */
/* news - ニュースページ用 */
/* ----------------------------------------------- */
/* 記事タイトル部分（subhead内） */
#news-2 {}


#news-2 .subhead{
  padding: 8px 15px;
  margin: 0 0 30px;
  clear: both;
  border-top: 1px solid #646464;
  border-bottom: 1px solid #646464;
	text-align: left;
	background: none;
}

#news-2 article{
  margin: 0 auto;
padding: 0;
  clear: both;

font-weight: 500;
	font-size:0.9rem;
 font-family:'Open Sans',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	line-height: 1.75;
}
#news-2 .clip{margin: 0 auto -2rem;text-align: center;}

#news-2 #contents{
  width: 1080px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}


#news-2 #main-box {width: 980px; border:1px solid #000;
	color: #222;
 margin: 0 auto 5rem;
  font-weight:500;
padding: 3rem;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);border-radius: 10px;
background: url(/imagesPC/pen.png) no-repeat right bottom;}


#news-2 .column{text-align: left;}

#news-2 #main-box .date{font-family: 'Allura', cursive;
  font-size: 1.6rem;font-weight: 400;margin-top: 2rem;
  display: block;
  color: #333;
	text-align: left;
}
.headline{font-size: 1.1rem;font-weight: 600;text-align: left;line-height: 1.4;}
.headline a:link{text-decoration: none; color: #333;}
.headline a:visited{text-decoration: none; color: #333;}
.headline a:active{text-decoration: none; color: #333;}
.headline a:hover{text-decoration: none; color: #76c4f4;}

/* 記事内カテゴリー */
.article-category {
  clear: both;
  font-size: 0.8rem;
  text-align: right;
  padding: 15px;
  margin: 0;
}
.article-category i{
  padding: 1rem 0 0 0;
}
.article-category a:link{
  text-decoration: none;
  color: #333;
  padding: 0 0 0 ;

}
.article-category a:visited{text-decoration: none; color: #333;}
.article-category a:active{text-decoration: none; color: #333;}
.article-category a:hover{text-decoration: none; color: #76c4f4;}

/* プレビュー・ネクスト */
#pager{
  text-align: center;
  clear: both;
  margin: 15px 0 30px;
  padding: 0;
}

#pager li{
  display: inline;
  margin: 0 1em;
  padding: 0;
  font-size: 80%;
}
#pager li a:link{text-decoration: none; color: #fff; background: #444; padding: 0.5rem 1rem; border-radius: 5px;}
#pager li a:visited{text-decoration: none; color: #fff;}
#pager li a:active{text-decoration: none; color: #fff;}
#pager li a:hover{text-decoration: none; color: #76c4f4; background: #000;}



	
.disabled{display: none;}

/* 最新記事・カテゴリー・アーカイブのリスト（side-box内） */
#new-entry{margin: 0 0 10px;}
#category{margin: 0 0 10px;}
#archive{margin: 0 0 10px;}

.home-page #new-entry{display: none;}

h4{
  background: #000;
  color: #fff;
  font-size: 80%;
  padding: 3px 10px;
  margin: 0;
  border-radius: 0 8px 0 0;
}

.side-list{
  font-size: 80%;
  margin: 5px 0 0 0 ;
}

.side-list li{
  padding: 0px 15px 5px;
  margin: 0 3px;
  background: url('../imagesPC/allow01.gif') no-repeat 0 5px;
  border-bottom: 1px dotted #999;
  font-weight: 400;
}
.side-list li a:link{text-decoration: none; color: #333;}
.side-list li a:visited{text-decoration: none; color: #333;}
.side-list li a:active{text-decoration: none; color: #333;}
.side-list li a:hover{text-decoration: none; color: #76c4f4;}

/* =============================================== */
/* subnav - サブナビページ用 */
/* ----------------------------------------------- */
/* サイドメニュー（side-box内） */
#side-menu{
  width: 260px;
  margin: 0 0 10px;
  border-top: 1px dotted #444;
}

#side-menu li{
  margin: 0 0 5px;
  padding: 1em;
  font-size: 100%;
  font-weight: bold;
  border-bottom: 1px dotted #444;
  background: url('../imagesPC/allow01.gif') no-repeat left;
}
#side-menu li a:link{text-decoration: none; display: block;}
#side-menu li a:visited{text-decoration: none; display: block;}
#side-menu li a:active{text-decoration: none; display: block;}
#side-menu li a:hover{text-decoration: underline; display: block;}

#side-menu .active{}


/* =============================================== */
/* 401,404,406 - エラーページ */
/* ----------------------------------------------- */
.error-page .column{
  margin: 0;
  padding: 0 15px 50px 0;
}

.error-page .pack p{
  padding: 30px 0 0;
  text-align: center;
}

/* =============================================== */
/* footer - フッター */
/* ----------------------------------------------- */
/* フッター大枠 */
footer{	position: absolute;
  width: 100%;
  margin: 0 0 0 0;
  padding:0;
  clear: both;
background: url('../imagesPC/footerbg.jpg') no-repeat center bottom;
	z-index: 999;
	min-height:230px;
}


/* フッター内部 */
#footer-inner{
  width: 1080px;
  margin: 0 auto;
  padding: 0;
  clear: both;
  font-size: 0.6rem;
}
#footer-inner{
  text-align: center;
}

#footer-inner a:link{text-decoration: none; }
#footer-inner a:visited{text-decoration: none;  }
#footer-inner a:active{text-decoration: none; }
#footer-inner a:hover{text-decoration: none;;  }


/* 左部 */
#footer-left{
  width:690px;
  float: left;
  margin: 0;
  padding:0.5rem 0 0 0;
 text-align:left;
}


/* 右部*/
#footer-right{
  width:260px;
  float: right;
  margin: 0;
  padding: 0;
}

.footer-copy{text-align: right;padding-top: 2rem;}
/* shere links */
.share {
margin: 3rem auto 0;
  text-align: center;
}
.share i {
  font-size: 1.6rem;
  margin-right: 2px;
}

.share a, .share a:visited {
  color: #000;
  text-decoration: none;
}
.share a:hover, .share a:focus {
  color: #76c4f4;
  text-decoration: none;
}
.social-links {
  margin: 0;
  padding: 0;font-weight: 400;
  font-size: 0.8rem;
}
.social-links li {
  width: 45px;
  display: inline-block;
  padding: 0;
  margin: 0 5px 0 3px;
}



/* =============================================== */
/* clearfix - クリアフィックス設定 */
/* ----------------------------------------------- */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

/* =============================================== */
/* rollover - 画像ロールオーバー設定 */
/* ----------------------------------------------- */
a:hover img{
  -moz-opacity: 0.80;
  opacity: 0.80;
  filter: alpha(opacity=80);
}

nav a:hover img{
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}


    @keyframes fuwafuwa {
      0% { transform: translateY(0) }
      33.3% { transform: translateY(-15px) }
      66.6% { transform: translateY(0) }
      100% { transform: translateY(0) }
    }



@keyframes bgiLoop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 500px -500px;
  }
}



@keyframes flash_anim {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
}

@keyframes fadein {
	0% {opacity: 0;}
	80% {opacity: 0;}
	100% {opacity: 1;}
}

/* これが無いとモーダルウィンドウ表示の際に余白が出る */
*{
  margin: 0;
  padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: scroll; /* はみ出た部分はスクロールさせる */
  height: 60%;/* これが無いと「overflow:scroll」が利かない */
  width: 60%;/* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 40px;
}

/* モーダルウィンドウ表示中に記事本体を固定 home*/
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}



/* ----------------------------------------------------------- */
/* Preloader
-------------------------------------------------------------- */

#loader-bg {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999999999;
}
#loader {
  font-family: 'Didact Gothic', sans-serif;
  font-weight: normal;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 64px;
  margin-top: -15px;
  margin-left: -32px;
  text-align: center;
  color: #999;
  z-index: 9999999999;
}



.note{
  color: #333;
  margin: 2em 0;
  font-weight:500;
  border: solid 1px #333;
  padding: 0.3em 1em 2em 1em;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
}
.sen{font-weight:500;
  background-color: #fff;
  background-image:
  linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
}



.btn-ticket {width: 500px;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1.2rem;margin: 0.8rem 0 0;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn-ticket:link{
  color: #FFF;text-decoration: none;
}
.btn-ticket:visited{
  color: #FFF;text-decoration: none;
}
.btn-ticket:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.btn-index {font-size: 1rem;width: 180px;
  display: inline-block;margin-left:20px;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #fd9535;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.btn-index:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}