@charset "utf-8";
@charset "utf-8";


.header
{
  border-bottom: 1px solid #888 ;		/* 枠線 */
  text-align: center ;				/* テキスト、画像の真ん中寄せ */
  padding: 20em 0 ;					/* 上下の余白 */
  margin-bottom: 2em ;				/* 他のブロックとのスペース */
  background: #000 ;				/* 背景色(確認用) */
}


body
{
  background-color: #000;
  margin: 0;				/* スペース */
  padding: 0;			/* 余白 */
  font-size: 12px;		/* 文字サイズ */
  line-height: auto;	/* 行の高さ */
  clear: left;
}

.footer
{
  clear: left;
  font-size: 12px;		/* 文字サイズ */
}

h1
{
  font-weight: 900 !important;
  font-size: 15px;
  color: #FFD700;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
}



p
{
  font-weight: 100 !important;
  color: #ffffff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 7px;
}

th td
{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


wrapper a
{
  color: #0000ff;
}


.works,.profile,.schedule,.archive
{
  color: #FFF;
  width:190px;
  height:250px;
  margin-left:10px;
  float:left;
}

.works
{
	margin-left:45px;  /* お知らせ取る際に取る */
  width:265px;
}

.works h1
{
  margin-bottom: -6px;
}

.works p
{
  line-height: 1.5;
}

.profile
{
  width:170px;
}


.schedule
{
  width:250px;
  height:250px;  /* 元は250px */
}

.schedule p
{
  line-height: 0.5;
}

.schedule_topsub-1
{
  height: 45px;
}

.schedule_topsub-2
{
  height: 45px;
}


.schedule a img
{
  margin-top: 10px;
}

.archive
{
  width:140px;
}

.contact_sub1
{
  height:75px;
}

.archive img
{
  margin-top:0px;
}


.archive
{
  width:140px;
  height:75px;
}

.archive img
{
  margin-top:0px;
}

.box_wrap
{
  width:500px;
  height:auto;
  border:1px solid #000;
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
  width: 910px;    /* スケジュール削除の場合600px */
  margin: 0 auto;	/* 左右に[auto]を指定することで、真ん中に寄る */
  padding: 0;		/* 上下左右の余白を0にしておく */
}


.logo-wrapper
{
  margin: 0;			/* スペース */
  padding: 0;		/* 余白 */
  line-height: 1;	/* 行の高さ */
}

.logo
{
  width: 350px;		/* 横幅 */
  height: auto;		/* 高さ */
}


.footer
{
  text-align: center;		/* テキスト、画像の真ん中寄せ */
  margin-top: 10em;			/* 他のブロックとのスペース */

}


/* スケジュール・アーカイブページ指示 */

.schedule_top , .archive_top
{
  width: 700px;
  text-align: left;				/* テキスト、画像の真ん中寄せ */
  margin: 0 auto;
  padding: 1em 0 ;					/* 上下の余白 */
  background: #000 ;				/* 背景色(確認用) */
}


.schedule_subtitle h1
{
  font-size: 125%;
  color: #fff;
  text-align: center;
  padding: 2em 0 0.5em 0 ;
}


.schedule_title, .archve_title, .cancel_title
{
  text-align: center;
  padding: 2em 0 ;
}


.schedule_details, .archive_details
{
  text-align: left;
  width: 700px;
  margin: 0 auto;	/* 左右に[auto]を指定することで、真ん中に寄る */
  padding-bottom: 100px;
}


.schedule_month
{
  display:table;
  width:100%;
  table-layout:fixed;
  margin-bottom:1px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.schedule_month a
{
  display:table-cell;
  text-align:center;
  background-color:#000;
  border:1px solid #fff;
  font-size:120%;
  color:#fff;
  padding:10px 0;
  text-decoration:none;
}


.schedule_month a:hover,
.schedule_month a.on
{
  background-color:#fff;
  color:#000;
}

.schedule_month a span
{
  display:block;
  font-size:100%;
}


.schedule_details table
{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.schedule_details table th, .schedule_details table td
{
  padding: 10px 0;
  text-align: center;
  color:#fff;
  border-bottom: 1px solid #4C4B4B;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.schedule_details table tr:first-child
{
  background-color: #4C4B4B;
}

.archive_year
{
  text-align: center;
  padding-bottom: 50px;		/* 上下左右の余白を0にしておく */
}

.archive_year img
{
  width:140px;
}

.year
{
  color: #444;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.year:before, .year:after
{
  content: "";
  flex-grow: 1;
  height: 1.2px;
  background: #fff;
  display: block;
}

.year:before
{
  margin-right: .10em;
}

.year:after
{
  margin-left: .10em;
}

.archive_details table th,table td
{
  padding: 10px 0;
  text-align: center;
  color:#fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.archive_details h1
{
  fotn-size: 500%;
  color: #fff;
  text-align: center
}

.archive_details p
{
  color: #fff;
  padding: 0.2em 0 ;
}

.tour
{
  text-align: left;
}

.explanation
{
  text-align: left;
  font-size: 13px ;	/* 文字サイズ */
}





/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
body
{
  font-size: 14px ;	/* 文字サイズ */
}
	
.works,.profile,.schedule,.archive,.footer
{
  color: #FFF;
  text-align: center;
  width:330px;
  height:80px;	/* 元200 */
  margin-left:10px;
  float:left;
}

.profile
{
  height:200px;	/* 元300 */
}
	
.schedule
{
  height:350px;	/* 元350 */
  line-height: 15px;
}
    
.schedule_topsub 
{
  margin-top: 45px;
  height:70px;
}

.schedule_topsub-1
{
  height: 80px;
}
	
.schedule_topsub-2
{
  height: 45px;
}
	
.schedule a img
{
margin-top: 20px;
}
    
.archive
{
  height:60px;	/* 元170 */
  margin-left:10px;
}
    
.archive a img
{
  margin-top: 10px;
}
	
.archve_title img
{
 width: 130px;
}

.cancel_title img
{
 width: 350px;
}

.cancel
{
  font-size: 205px;	/* 文字サイズ */
}
	
.contact_sub1
{
  height:170px;
}
    
.contact_sub1 a img
{
  margin-top: 10px;
}
    
.footer
{
  height:100px;	 /* 元100 */
  margin-top:30px; /* 元100 */
  margin-left:20px;
}
	
.footer a img
{
  width:330px;
  height:30px;
}
    
.date
{
  text-align: center;
}
	
.wrapper
{
  width: auto;
  padding: 0 10px;		/* 左右の余白 */
}
        
    
    /* スケジュール・アーカイブページ指示 */
    
.schedule_top, .schedule_details, .archive_top, .archive_details
{
  width:330px;
}
    
.archive_year img   
{
  width:100px;
}
    
.schedule_details p, .schedule_details p
{
  font-size: 10px ;	/* 文字サイズ */
}
    
.schedule_month
{
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
}

.schedule_month a
{
  flex-grow: 1;
  -webkit-flex-grow:1;
  width:15%;
  box-sizing:border-box;
  margin-bottom:-1px;
  font-size:77.5%;
  padding: 5px 0;
}
    

    
table th,table td
{
  padding: 6px 0;
  font-size: 10px;
}

}