/*20221114*/
.timerHidden{ display: none;}
.timerVisible{ display: block;}
/*20221114end*/
.custom-password-message {
	color: red;
	font-weight: bold;
}
.gogyou{
	margin-top:5em;
}
.kaigan {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/02.jpg);
/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

.kosumosu {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/make1_1_sozai_pri_image31.jpg);
/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

/* カスタム追記2016.9.11 */
footer,body,article,#page {
	background-color: #fff !important;
}

#access {
	border-bottom: 3px solid #fff;
}

.white {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/26136aefa4f9ce6c0c8f2108186dbe55.jpg);
/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

.top {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/42bf7e5f3dce078b76e5e9183de2abe9.jpg);
/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: contain;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

.top2 {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/d461e57e8d82907d8b5cba0c750cbffb-1.jpg);
/* 画像を常に天地左右の中央に配置 */
	background-position: top top;
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

.toppat {
/* 画像ファイルの指定 */
	background-image: url(http://escape-gs.com/play/wp-content/uploads/2016/09/haikeitest.jpg);
/* 画像をタイル状に繰り返し表示しない */
	background-repeat: repeat;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: auto;
/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #fff;
}

/* パスコード画面用追記2016.9.27 */
.rosso {
	margin: 0 auto;
	text-align: center;
	color: #f00;
	font-size: 2em;
	margin-bottom: 2em;
}

.yutori {
	border: 0;
	padding: 10px 10px 20px;
	color: #000;
	border: solid 1px #ccc;
	margin: 0 0 20px;
	font-size: 1.2em;
}

.maru {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
}

/*20200413追記*/
.bg-sho,.bg-sho #page,.bg-sho body,.bg-sho article,.bg-sho footer{
	background:#dddddd !important;
}
.moji-sho body,.moji-sho footer a{
	color:#000 !important;
	font-size:1em;
	font-weight:bold;
}
.bg-chu,.bg-chu #page,.bg-chu body,.bg-chu article,.bg-chu footer{
	background:#333 !important;
	word-wrap: break-word;
}
.moji-chu body,.moji-chu footer a{
	color:#ffff !important;
	font-weight:bold;
	font-size:1em;
}

.bg-jou,.bg-jou #page,.bg-jou body,.bg-jou article,.bg-jou footer{
	background:#222323 !important;
}
.bg-jou2,.bg-jou2 #page,.bg-jou2 body,.bg-jou2 article,.bg-jou2 footer{
	background:inherit !important;
}

.bg-jou3,.bg-jou3 #page,.bg-jou3 body,.bg-jou3 article,.bg-jou3 footer{
	background:#000 !important;
}

.moji-jou body,.moji-jou footer a,.moji-jou2 body,.moji-jou2 footer a,.moji-jou3 body,.moji-jou3 footer a{
	color:#fff !important;
	font-size:1em;
	font-weight:bold;
}

header{
	display:none;
}

.fullwide{
	width:100%;
	height:auto;
	padding:0 !important;
	margin:0 !important;	
	position:relative;
}
#branding{
	display:none;
}


@media (max-device-width: 480px){
	.bg-sho,.bg-chu,.bg-jou,.bg-jou2,.bg-jou3{
		margin:0 1em 0 !important;
		padding:0;
	}
}
	.hentry,.entry-content{
	padding-top:0 !important;	
	}
	#main {
     padding:0;
}
@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
  }
  5%,60% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow;
  }
}

.mincho p,.mincho span,.mincho{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/*オーディオボタン*/
.audio-wrap{
	}
 .audio_button {
	position:absolute;
	top:0%;
	right:1%;
	  width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(https://escape-gs.com/play/wp-content/uploads/2020/04/icon_play.png) no-repeat center center;
    background-size: contain;
	 transition:0.2s;
  }  
  .play .audio_button {
    background-image: url(https://escape-gs.com/play/wp-content/uploads/2020/04/icon_stop.png);
  }
.audio_button:hover,.play .audio_button :hover{
	opacity:0.7;
}
/*背景用*/
#tama{
	padding:0 !important;
}
#particle-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
}
#particles-js{
	position:fixed;/*描画固定*/
	z-index:-1;/*描画を一番下に*/
	width: 100%;
	height: 100%;
}
.seiza{
background: linear-gradient(135deg, rgba(150,117,199,1) 0%, rgba(55,81,133,0.95) 23%, rgba(17,61,52,0.9) 52%, rgba(6,34,64,0.84) 79%, rgba(6,34,64,0.8) 100%);	
}

#particle-wrapper{
	position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
	z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
	width:93%;
	height: 100%;
	padding:0 0.5em;
}

.fubuki-text{
	color:#000;
}






/*▼▼▼実施中のイベントリストのCSS*/
/*マウスオーバーで下線を表示させない*/
.events_list_boxout a:hover{
  text-decoration:none;
}

/*イベントリストのタイトル*/
p.events_list_title{
width:100%;
font-size:22px;
font-weight:bold;
text-align:center;
margin-bottom:18px;
color:#000000;
padding:6px;
background:#FFFFFF;
box-sizing:border-box;
}

.events_list_boxout{
box-sizing:border-box;
}

.events_list_boxout *{
box-sizing:border-box;
}

/*１つのイベントの外枠*/
.events_list_boxout div.events_list_boxin{
display:flex;
width:100%;
padding:16px;
border-radius:8px;
background:#ffffff;
}

/*１つのイベントをマウスオーバーしたときの背景色の変更*/
div.events_list_boxout a:hover div.events_list_boxin{
  background:#eeeeee;
}

/*イベントの画像部の外枠*/
.events_list_boxout div.events_img{
flex-direction:center;
width:50%;
}

/*イベントのテキスト部の外枠*/
.events_list_boxout div.events_txt{
flex-direction:center;
width:50%;
padding:0px 12px 0px 24px;
}

/*イベントの画像*/
.events_list_boxout div.events_img img{
width:100%;
}

/*イベント名*/
.events_list_boxout div.events_txt p.title{
font-size:17px;
font-weight:bold;
margin-bottom:10px;
color:#000000;
}

/*イベント開催地*/
.events_list_boxout div.events_txt p.place{
font-size:17px;
font-weight:bold;
background:#CCCCCC;
padding:5px;
margin-bottom:10px;
border-radius:4px;
text-align:center;
color:#000000;
}

/*イベント日程*/
.events_list_boxout div.events_txt p.date{
font-size:15px;
margin-bottom:10px;
color:#000000;
}

/*イベント説明*/
.events_list_boxout div.events_txt p.text{
font-size:15px;
color:#000000;
}


/* スマホサイズなど横幅が狭いときのレイアウト変更 */
@media screen and (max-width: 768px){
  .events_list_boxout div.events_list_boxin{
    flex-direction: column;   /* 縦並びに変更 */
  }

  .events_list_boxout div.events_img,
  .events_list_boxout div.events_txt{
    width: 100%;              /* 横幅100% */
    padding: 0;               /* 必要なら余白を調整 */
  }

  .events_list_boxout div.events_txt{
    padding-top: 16px;        /* 画像との間に余白 */
  }
}





/*タブ切り替え全体のスタイル*/
.tabs {
box-sizing:border-box!important;
  margin-top: 50px!important;
  padding-bottom: 40px!important;
  background-color: #fff!important;
  width: 100%!important;
  margin: 0 auto!important;
}

/*タブのスタイル*/
.tab_item {
box-sizing:border-box!important;
  width: calc(100%/2)!important;
  height: 50px!important;
  border-bottom: 3px solid #5ab4bd!important;
  background-color: #d9d9d9!important;
  line-height: 50px!important;
  font-size: 16px!important;
  text-align: center!important;
  color: #565656!important;
  display: block!important;
  float: left!important;
  text-align: center!important;
  font-weight: bold!important;
  transition: all 0.2s ease!important;
}

.tab_item:hover {
  opacity: 0.75!important;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none!important;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none!important;
  padding: 40px 40px 0!important;
  clear: both!important;
  overflow: hidden!important;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block!important;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd!important;
  color: #fff!important;
}




/*▲実施中のイベントリストのCSS*/





/*▼▼▼SNSとストアリストのCSSのCSS*/
/*マウスオーバーで下線を表示させない*/
.sns_list_boxout a:hover{
  text-decoration:none;
}

/*SNSリストのタイトル*/
p.sns_list_title{
width:100%;
font-size:22px;
font-weight:bold;
text-align:center;
margin-bottom:18px;
color:#000000;
padding:6px;
background:#FFFFFF;
box-sizing:border-box;
}

.sns_list_boxout{
box-sizing:border-box;
}

.sns_list_boxout *{
box-sizing:border-box;
}

/*１つのSNSの外枠*/
.sns_list_boxout div.sns_list_boxin{
display:flex;
width:80%;
padding:16px;
border-radius:12px;
background:#ffffff;
margin:auto;
border:1px solid #CCC;	
}

/*１つのSNSをマウスオーバーしたときの背景色の変更*/
div.sns_list_boxout a:hover div.sns_list_boxin{
  background:#eeeeee;
}

/*SNSの画像部の外枠*/
.sns_list_boxout div.sns_img{
flex-direction:center;
width:25%;
}

/*SNSのテキスト部の外枠*/
.sns_list_boxout div.sns_txt{
flex-direction:center;
width:75%;
padding:0px 12px 0px 24px;
}

/*SNSの画像*/
.sns_list_boxout div.sns_img img{
width:100%;
}

/*SNS説明*/
.sns_list_boxout div.sns_txt p.text{
font-size:15px;
font-weight:700;
color:#000000;
}

/*▲SNSとストアリストのCSS*/