@charset "UTF-8";

/* === 本文（コンテンツ） =============== */

/* 見出し */
h1 {
  margin: 2rem 0 2rem 0;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
h1.news_tit {
  margin: 2rem 0 2rem 0;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  position: relative;
  border-bottom: 6px solid #666;
  padding: 0.5rem 0;
}

h1.news_tit:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #ff6600;
}

h2 {
  margin: 3rem 0 3rem 0;
  padding: 0.5rem 0;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  border-bottom: 6px solid #666;
}

h2.a_center {
position: relative;
text-align: center;
margin:30px 0 60px 0;
border-bottom: 0 solid;
}
h2.a_center::before {
border-bottom: 5px solid #ff6600;
bottom: -96px !important;
content: "";
left: 0 !important;
margin: auto;
position: absolute;
right: 0 !important;
top: 0 !important;
width: 80px !important;
}
h2.a_center::after {
border-bottom: 6px solid #666;
bottom: -10px;
content: "";
margin: auto;
position: absolute;
right: 0;
top: 0;
left: 40px;
width: 40px;
}
h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #ff6600;
}

h3 {
  margin: 2rem 0;
  font-size: 1.2rem;
  font-weight: normal;
}

h4 {
  margin: 1rem 0;
  font-size: 1.1rem;
  font-weight: bold;
}

@media (min-width:600px) {

  h1 {
    font-size: 2.4rem;
    margin: 4rem 0 4rem 0 !important;
  }
  h1.news_tit {
    font-size: 1.8rem;
    margin: 4rem 0 4rem 0 !important;
  }

h2 {
  font-size: 1.8rem;
}

h2.a_center::before {
  bottom: -87px !important;
  }
h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.2rem;
}
}

/* 強調 */
strong {
  font-weight: bold;
}

/* 太字 */
em {
  font-weight: bold;
  font-style: normal;
}

/* 導入文 */
.lead {
  font-size: 1.1rem;
}

/* 囲み */
.kakomi {
  margin: 2rem 0;
  padding: 1.4rem 1.6rem;
  border: 1px solid #ccc;
}

.kakomi h4 {
  margin: 0 0 1rem 0;
}

.kakomi p {
  font-size: 0.95rem;
  line-height: 1.7;
}

.kakomi p:last-child {
  margin-bottom: 0;
}

/* 注釈 */
.hosoku {
  margin-bottom: 2rem;
  font-size: 0.8rem;
  line-height: 1.5;
}

.hosoku ul {
  margin: 2rem 0;
  list-style: none;
}

.hosoku li {
  margin-left: 1rem;
  margin-bottom: 0.3rem;
  text-indent: -1rem;
}

.hosoku li::before {
  content: '※';
  margin-right: 0.2rem;
}

/* テーブル */
table {
  width: 100%;
  margin: 2rem 0 4rem 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0.3rem 0.5rem;
  font-size: 0.9rem;
  border: 1px solid #ccc;
}

th {
  background-color: #efefed;
  vertical-align: middle;
  font-weight: bold;
}

/* 文字サイズ */

.text_l {
  font-size: 1.2rem !important;
  margin-bottom: 1rem;
}
.text_ll {
  font-size: 1.2rem !important;
  margin-bottom: 1rem;
}
.text_s {
  font-size: 0.8rem !important;
}
.text_ss {
  font-size: 0.8rem !important;
}

/* === マージン調整 ===============  */
.mb_0 {
  margin-bottom: 0;
}
.mb_1 {
  margin-bottom: 1rem;
}
.mb_2 {
  margin-bottom: 2rem;
}
.mb_3 {
  margin-bottom: 3rem;
}
.mb_4 {
  margin-bottom: 4rem;
}
.mb_5 {
  margin-bottom: 5rem;
}
.mt_0 {
  margin-top: 0;
}
.mt_1 {
  margin-top: 1rem;
}
.mt_2 {
  margin-top: 2rem;
}
.mt_3 {
  margin-top: 3rem;
}
.mt_4 {
  margin-top: 4rem;
}
.mt_5 {
  margin-top: 5rem;
}

.mx_auto {
  margin-left: auto!important;
  margin-right: auto!important;
}

.my_auto {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

.py_0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

/* テキスト配置 */
.text_center {
  text-align: center !important;
}
.text_right {
  text-align: right !important;
}
.text_left {
  text-align: left !important;
}

/* === 分割 =============== */

.bunkatsu {
  display: block;
}

.bun02_item {
  padding: 10px;
}

.bun03_item {
  padding: 10px;
}

.bun03_item02 {
  padding: 10px;
}

.bun04_item {
  padding: 10px;
}

.bun05_item {
  padding: 10px;
}

@media (min-width:600px) {
.bunkatsu {
  display: flex;
  flex-wrap: wrap;
}

/* 2分割 */
.bun02_item {
  flex: 0 1 50%;
}
/* 3分割 */
.bun03_item {
  flex: 0 1 33.3333%;
}
.bun03_item02 {
  flex: 0 1 66.6666%;
}
/* 4分割 */
.bun04_item {
  flex: 0 1 25%;
}
/* 5分割 */
.bun05_item {
  flex: 0 1 20%;
}
}

/* === 分割配置調整 =============== */

.j_c_center {
  justify-content: center;
}

.a_i_center {
  align-items: center;
}

/* === 順番入れ替え =============== */

@media (min-width:600px) {
.order01 {
  order: 1;
}

.order02 {
  order: 2;
}
}

/* === 表示・非表示 =============== */

.disp_pc {
  display: none;
}
@media (min-width:600px) {
.disp_pc {
  display: block;
}
.disp_sp {
  display: none;
}
}

/* === 標準ボタン =============== */

/* 標準ボタン */
.more_btn a {
  padding: 1rem 2.5rem 1rem 1.2rem;
  background-color: #ca663a;
  border-radius: 50px;
  color: #fff;
  position: relative;
}

.more_btn a::after {
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top: 1.3em;
right: 20px;
/*矢印の形状*/   
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}
.more_btn a:hover {
background-color: #333;
color: #fff;
-webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.more_btn_pdf a {
  padding: 1rem 3rem 1rem 1.2rem !important;
  background-color: #ca663a !important;
  border-radius: 50px;
  color: #fff;
  position: relative;
}

/*PDFファイルのアイコン*/
.more_btn_pdf a[href $='.pdf'] {   
  padding-right: 30px;
  background: url("images/pdf_white.svg") no-repeat 88% center;
  background-size: 18px;
padding-top:3px;
padding-bottom:3px;
}
.more_btn_pdf a[href $='.pdf']:hover {   
  background-color: #333 !important;
  -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

@media (min-width:600px) {

/*hover時に矢印が移動*/   
.more_btn a:hover::after {
right:15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}

/* 標準ボタン　アウトライン */
.more_btn_border a {
  padding: 1rem 2.5rem 1rem 1.2rem;
  background-color: #fff;
  border-radius: 50px;
  color: #fff;
  border: 2px solid #cc6633;
  color: #cc6633;
  position: relative;
}
.more_btn_border a::after {
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top: 1.3em;
right: 20px;
/*矢印の形状*/   
width: 7px;
height: 7px;
border-top: 1px solid #cc6633;
border-right: 1px solid #cc6633;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}
.more_btn_border a:hover {
background-color: #cc6633;
color: #fff;
-webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 2px solid #cc6633;
}

/* 戻る */
.back_btn {
  margin: 4rem 0;
}
.back_btn a {
  padding: 1rem 1.5rem 1rem 2.2rem;
  background-color: #fff;
  border-radius: 50px;
  color: #fff;
  border: 2px solid #cc6633;
  color: #cc6633;
  position: relative;
}
.back_btn a::after {
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top: 1.3em;
left: 20px;
/*矢印の形状*/   
width: 7px;
height: 7px;
border-bottom: 1px solid #cc6633;
border-left: 1px solid #cc6633;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}
.back_btn a:hover {
background-color: #cc6633;
color: #fff;
-webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 2px solid #cc6633;
}


@media (min-width:600px) {

.more_btn_border a:hover::after {
right:15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
  .back_btn a:hover::after {
  left:15px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  }
  }
    .block_btn a {
display: block;
    }

/* Google Mapのiframe */

.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 55%; /* 比率を4:3に固定 */
}
 
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* === メイン画像 =============== */

.main_tit {
	margin-bottom: 2rem;
	min-height: 150px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  text-align: center;
	overflow: hidden;
  width: 100%;
} 

.main_tit::after{
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
}
.main_tit h1 {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 3;
	padding: 0.5rem 1rem;
	margin: 0;
	color: #fff;
	border-radius: 50px;
  font-size: 4.8vw;
	display: inline-block;
  width: 100%;
}

@media (min-width:769px) {
	.main_tit {
	margin-bottom: 2rem;
	min-height: 280px;
}
	.main_tit h1 {
  font-size: 2rem;
	padding: 0.7rem 2rem;
  top: 25%;
}
}

.main_tit.event_tit {
	background-image: url("images/event/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.shisetsu_tit {
	background-image: url("images/shisetsu/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.zaseki_tit {
	background-image: url("images/zaseki/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.access_tit {
	background-image: url("images/access/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.ticket_tit {
	background-image: url("images/ticket/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.artist_tit {
	background-image: url("images/artistbank/main.jpg");
	background-position: center;
	background-size: 100%;
}
.main_tit.other_tit {
	background-image: url("images/other/main.jpg");
	background-position: center;
	background-size: 100%;
}

.main_tit.other_tit_s {
	background-image: url("images/other/naka.jpg");
	background-position: center;
	background-size: 100%;
	min-height: 100px;
}

.main_tit.other_tit_s div {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 3;
	padding: 0.5rem 1rem;
	margin: 0;
	color: #fff;
	border-radius: 50px;
  font-size: 4.8vw;
	display: inline-block;
  font-weight: bold;
  width: 100%;
}

@media (min-width:769px) {
  .main_tit.other_tit_s {
	margin-bottom: 2rem;
	min-height: 120px;
}
.main_tit.other_tit_s div {
  font-size: 2rem;
	padding: 0.7rem 2rem;
  top: 50%;
}
}

.main_tit.shisetsu_tit_s {
	background-image: url("images/shisetsu/naka.jpg");
	background-position: center;
	background-size: 100%;
}

.main_tit.shisetsu_tit_s div {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 3;
	padding: 0.5rem 1rem;
	margin: 0;
	color: #fff;
	border-radius: 50px;
  font-size: 4.8vw;
	display: inline-block;
  font-weight: bold;
}

@media (min-width:769px) {
  .main_tit.shisetsu_tit_s {
	margin-bottom: 2rem;
	min-height: 120px;
}
.main_tit.shisetsu_tit_s div {
  font-size: 2rem;
	padding: 0.7rem 2rem;
  top: 50%;
}
}


/* === パン屑リスト =============== */

.breadcrumbs ol {
  list-style: none;
  font-size: 0.8rem;
  margin: 0 0 1rem 0;
  padding: 0;
}

.breadcrumbs ol li {
  margin-left: 0;
  display: inline-block;
  list-style: none;
}

.breadcrumbs ol li::after {
  content: ">";
  color: #999;
}

.breadcrumbs ol li:last-child::after {
  display: none;
}

.breadcrumbs ol li a,
.breadcrumbs ol li:last-child {
  display: inline-block;
  padding: 0 0.5rem;
}

.breadcrumbs ol li:first-child a {
  padding-left: 0;
}

@media (min-width:600px) {

  .breadcrumbs ol {
    list-style: none;
    font-size: 0.8rem;
    margin: 1rem 0 2rem 0rem;
    padding: 0;
  }
  
  .breadcrumbs ol li {
    margin-left: 0;
    display: inline-block;
    list-style: none;
  }
  
  .breadcrumbs ol li a,
  .breadcrumbs ol li:last-child {
    padding: 0.5rem 1rem;
  }

}

/* === カテゴリーボタン =============== */

.cat_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cat_link ul li {
  margin-bottom: 10px;
}

.cat_link ul li a {
  background-color: #efefed;
  display: block;
  border-radius: 50px;
  color: #333;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  position: relative;
}
.cat_link ul li a::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  top: 1em;
  right: 20px;
  /*矢印の形状*/   
  width: 7px;
  height: 7px;
  border-top: 1px solid #ff6600;
  border-right: 1px solid #ff6600;
  transform: rotate(45deg);
  /*アニメーションの指定*/
  transition: all .3s;
}
.cat_link ul li a:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

@media (min-width:600px) {

    .cat_link ul {
      display: flex;
      flex-wrap: wrap;
    }
  
  .cat_link ul li {
    flex: 0 1 33.3333%;
    padding: 5px;
    margin-bottom: 0;
  }
  
.cat_link ul li a::after {
  top: 1.2em;
}

/*hover時に矢印が移動*/   
.cat_link ul li a:hover::after {
right:15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}

/* === 伊賀アーティストバンク =============== */
.artist_list_area {
  background-color: #eee;
  padding: 1rem 0;
}
.artist_list_area .bunkatsu {
  display: flex;
  flex-wrap: wrap;
}

/* 2分割 */
.artist_list_area .bun03_item {
  flex: 0 1 50%;
}

.bunkatsu .artist_list {
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
a.artist_item {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.18);
  display: block;
  transition: all .3s;
}
a.artist_item figure {
  overflow: hidden;
  padding: 0;
  margin: 0;
	text-align: center;
}
a.artist_item img {
  transition:1s all;
	object-fit: cover;
	object-position: top;
	height: 120px;
	margin: 0 auto;
}
a.artist_item:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
      box-shadow: 0px 22px 34px rgba(0, 0, 0, 0.38);
}
a.artist_item h3 {
  padding: 0.4rem 0.6rem;
  text-align: center;
  border: 0 solid;
  margin: 0;
  color: #333;
  font-weight: normal;
  font-size: 3vw;
  line-height: 1.4;
  min-height: 12vw;
}
a.artist_item h3 .text_s {
  font-size: 0.8rem;
}
a.artist_item:hover h3 {
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.artist-kakomi {
	background-color: #f6f6f6;
	border: 1px solid #eee;
	padding: 1rem;
	text-align: center;
}

.triangle {
  width: 30px;
	margin: 1rem auto;
  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% 100%,100% 0,0 0);
  background: #ff6600;
}

dl.qa {
	margin:0 0 40px 0;
	padding:0;
	
}
dl.qa dt {
	font-weight:bold;
	min-height:30px;
	padding-top:5px;
}
dl.qa dt::before {
	content: 'Q';
	padding: 5px 8px;
	line-height: 1;
	background-color: #ff6600;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}
dl.qa dd {
	margin: 0 0 20px 0;
	min-height:30px;
	padding-top:5px;
}
dl.qa dd::before {
	content: 'A';
	padding: 5px 8px;
	line-height: 1;
	background-color: #666;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.artist_syoukai .artist_photo {
  text-align: center;
  margin: 0 auto 2rem auto;
}
.artist_syoukai .artist_photo img {
  display: inline;
}
.artist_syoukai dl {
  margin: 0;
  padding: 0;
      display: flex;
      flex-wrap: wrap; 
}
.artist_syoukai dl dt {
  background-color: #eee;
  border-left: 5px solid #ccc;
  width: 40%;
  padding: 1%;
  margin: 0 2% 2% 0;
  font-size: 0.9rem;
  
}
.artist_syoukai dl dd {
  width: 58%;
  padding: 1%;
  margin: 0 0 2% 0;
  font-size: 0.9rem;
}

ul.artist_contact {
  margin: 2rem 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
ul.artist_contact li {
  margin: 0 1rem 0 0;
}

@media (min-width:600px) {
	
.artist_list_area {
  padding: 3rem 0;
}
a.artist_item img {
	height: 220px;
}
  a.artist_item:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
  }
  .artist_list_area .bun03_item {
    flex: 0 1 33.333%;
  }
  a.artist_item h3 {
    font-size: 1.2rem;
    padding: 1rem 0.6rem;
    line-height: 1.6;
    min-height: auto;
  }
  .artist_syoukai {
    display: flex;
    order: 1; /* 奇数番目の要素を最初に配置 */
  }
  
  .artist_syoukai .artist_photo {
    flex: 4; 
    padding-right: 30px;
    order: 2; /* 奇数番目の要素を最初に配置 */
  }
  
  .artist_syoukai .artist_profile {
    flex: 6; 
  }
  .artist_syoukai dl dt {
    width: 30%;
    font-size: 1rem;
    
  }
  .artist_syoukai dl dd {
    width: 68%;
    font-size: 1rem;
  }
}

/* === 公演情報 =============== */
/* === ソート === */
.sort_area {
  margin: 0 auto 20px auto;
  padding: 0 15px;
  }
  .sort_area h2::before {
    display: none;
    }

  .sort_area .container {
  padding: 0;
  background-color: #cc6633;
  border: 1px solid #cc6633;
  }

#sort_item .bunkatsu {
  display: block;
}
.sort_tit {
  flex: 0 1 10%;
}

.sort_naka {
  flex: 0 1 90%;
}

.sort_area h2 {
    margin: 0;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
}
#sort_btn {
  position: relative;
}
#sort_btn .sort_menu {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  margin: 0 auto;
  width: 20px;
}

#sort_btn .sort_close {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  margin: -3px auto 0 auto;
  width: 18px;
}
/* 「閉じる」アイコンは消しておく */
#sort_btn .sort_close {
  display: none;
}

/* ボタンがチェックされたら（「閉じる」アイコンを表示する）*/
#sort_btn.check .sort_close {
  display: block;
}

/* ボタンがチェックされたら（「メニュー」アイコンを消す）*/
#sort_btn.check .sort_menu {
  display: none;

}


.sort_area h3 {
  position: relative;
  margin: 00;
  padding-left: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 2;
  border-left: none;
}
.sort_area h3::after {
  content: none;
}

#sort_item {
  padding: 10px 15px 1px 15px;
  background-color: #fff;
}

#sort_item ol {
  margin-bottom: 0;
  list-style-type: none;
}

#sort_item li {
  display: inline-block;
  margin-right: 1rem;
}
#sort_item ol li::after {

}
#sort_item ol li:last-child::after {

}
#sort_item a {
  display: inline-block;
  line-height: 1;
  padding: 0 15px;
}

/* ドロップダウン */

#sort_item {
  display: none;
}

#sort_item.check {
  display: block;
}


@media (min-width:1025px) {
  #sort_item {
    padding: 20px 30px;
    background-color: #fff;
  }
  #sort_item .bunkatsu {
    display: flex;
    }

  .sort_area h2 {
      font-size: 1.2rem;
  }
  #sort_btn .sort_menu {
    display: none;
  }
#sort_btn.check .sort_close {
  display: none;
}

  #sort_item {
    display: block;
  }
  .sort_area h3::after {
    position: absolute;
    content: '：';
    right: 0;
    top: 0;
  }

}

/* === 絞り込み === */

.bunrui {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.bunrui h2 {
  display: inline-block;
  margin: 0;
  padding: 0;
border: none;
}

.bunrui h2 span {
margin-left: 20px;
}

/* === 公演内容 === */
 .event_area {
  padding: 30px 15px;
}

.event_area .container {
  padding: 0;
}

.event_area h2 {
  text-align: center;
}

/* 公演 */
.event_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin: 0 auto 30px auto;
}

.event_item {
  padding: 5px 0 5px 5px;
  background-color: #fff;
  border: 0 solid;
  box-shadow: 0px 12px 12px -6px rgba(0, 0, 0, 0.3);
}
.event_item:last-child {
}

.event_item a {
  color: #000;
}
.event_item a:hover {
  opacity: 70%;
}

  .event_item .bunkatsu {
display: flex;
  }

  .event_item .bunkatsu .event_img {
flex: 0 1 30%;
position: relative;
text-align: center;
background-color: #ddd;
padding: 0 !important;
  }

  .event_item .bunkatsu .event_img img {
    object-fit: contain; 
    height: 15vw;
    margin: 0 auto;
    padding: 0;
  }
  .event_item a[href $='.pdf'] {   
    padding-right: 30px;
    background: none;
    background-size: 18px;
  padding-top:3px;
  }

  .event_item .bunkatsu .event_info {
    flex: 0 1 70%;
    padding: 0 10px;
    border: none;
    height:100%;
  }

.event_info h5 {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.5;
}
.event_item:hover a h5 {
  color: #f00;
}

.event_info p {
  margin-bottom: 0;
  font-size: 0.7rem;
}

.ticket_btn  {
  width: 100%;
  display: inline-block;
  line-height: 1;
  margin-top: 20px;
  padding: 0.7rem 1rem;
  text-align: center;
  color:#fff;
  background-color: #555555;
  border-radius: 4px;
}

/* 募集終了 */
.event_item .bunkatsu .event_img .bosyu_end {
  font-size: 0.8rem;
  text-align: center;
  padding: 5px 5px;
  color: #fff;
  background-color: #000;
    }

/* === カテゴリ === */
.category_area .c_icon {
  display: inline-block;
  font-size: 0.7rem;
  line-height: 1;
border-radius: 5px;
padding: 7px 10px;
margin-bottom: 5px;
}
/* ホールイベント */
.category_area .c_icon.hall {
background-color: #e3e3e3;
color:#000;
}

/* 展覧会 */
.category_area .c_icon.tenrankai {
  background-color: #cfcfcf;
  color:#000;
}

/* ギャラリー */
.category_area .c_icon.gallery {
  background-color: #b9b9b9;
  color:#000;
}

/* 講演会 */
.category_area .c_icon.kouenkai {
  background-color: #9c9c9c;
  color:#fff;
}

/* スポーツ */
.category_area .c_icon.sports {
  background-color: #7f7f7f;
  color:#fff;
}

/* 体験イベント */
.category_area .c_icon.taiken {
  background-color: #666;
  color:#fff;
}

/* キャンプ */
.category_area .c_icon.camp {
  background-color: #444;
  color:#fff;
}

/* アウトドア */
.category_area .c_icon.outdoors {
  background-color: #222;
  color:#fff;
}

/* ワークショップ */
.category_area .c_icon.workshop {
  background-color: #000;
  color:#fff;
}



@media (min-width:600px) {
.event_container {
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  max-width: 1025px;
}

.event_item {
  padding: 0;
  border-top: none;
}
.event_item:last-child {
}

.event_item .bunkatsu {
  display: block;
    }

    .event_item .bunkatsu .event_info {
      padding: 10px;
    }
        
.event_info h5 {
  font-size: 1.2rem !important;
}
.event_info p {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}

.ticket_btn  {
  padding: 1rem;
}


/* 募集終了 */
.event_item .bunkatsu .event_img .bosyu_end {
  position: absolute;
  bottom:0;
  right: 0;
  padding: 5px 10px;
    }

    .event_item .bunkatsu .event_img img {
      height: 180px;
    }

}

@media (min-width:1025px) {
  .event_container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }

}



/* === 施設紹介 =============== */

.shisetsu_navi {
  margin-bottom: 2rem;
  justify-content: flex-end;
}
.shisetsu_navi.bunkatsu {
  display: flex;
}
.shisetsu_navi.bunkatsu .bun02_item {
  flex: 0 1 50%;
}
.shisetsu_navi a {
  background-color: #cc6633;
  display: block;
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: 50px;
  position: relative;
  font-size: 0.8rem;
}
.shisetsu_navi a img {
  width: 20px;
  position: absolute;
  right: 15px;
  top: 22%;
}
.shisetsu_navi a:hover {
  background-color: #333;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

ul.shisetsu_cat {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
}

ul.shisetsu_cat li {
  padding: 5px;
}
ul.shisetsu_cat li a {
  background-color: #efefed;
  display: block;
  border-radius: 50px;
  color: #333;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  position: relative;
}
ul.shisetsu_cat li a:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
ul.shisetsu_cat li a:hover .arrow_b {
    color: #fff;
    top: 44%;
  }
.arrow_b {
  display: inline-block;
  vertical-align: middle;
  color: #ff6600;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  right: 1.2rem;
  top: 38%;
  transition: all .3s;
}
ul.shisetsu_cat li a::after {
  display: none;
}
ul.shisetsu_news {
  margin: 0 0 3rem 0;
  padding: 2rem 3rem;
  border: 1px solid #ddd;
}

.shisetsu_list_area {
  background-color: #eee;
  padding: 3rem 0;
}
.shisetsu_list_area .bunkatsu {
  display: flex;
  flex-wrap: wrap;
}

/* 2分割 */
.shisetsu_list_area .bun03_item {
  flex: 0 1 50%;
}

.bunkatsu .shisetsu_list {
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
a.shisetsu_item {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.18);
  display: block;
  transition: all .3s;
}
a.shisetsu_item figure {
  overflow: hidden;
  padding: 0;
  margin: 0;
}
a.shisetsu_item img {
  transition:1s all;
}
a.shisetsu_item:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
      box-shadow: 0px 22px 34px rgba(0, 0, 0, 0.38);
}
a.shisetsu_item h3 {
  padding: 1rem 0.6rem;
  text-align: center;
  border: 0 solid;
  margin: 0;
  border: 0 solid;
  color: #333;
  font-weight: normal;
  font-size: 3vw;
  line-height: 1.6;
}
a.shisetsu_item h3 .text_s {
  font-size: 0.8rem;
}
a.shisetsu_item:hover h3 {
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

@media (min-width:600px) {
  .shisetsu_navi {
    max-width: 500px;
  }
  .shisetsu_navi a {
    font-size: 1rem;
  }
  .shisetsu_navi a img {
    top: 20%;
    width: 30px;
  }
  ul.shisetsu_cat {
    font-size: 0.9rem;
  }
  
  ul.shisetsu_cat li {
    flex: 0 1 25%;
  }
  a.shisetsu_item:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
  }
  .shisetsu_list_area .bun03_item {
    flex: 0 1 33.333%;
  }
  a.shisetsu_item h3 {
    font-size: 1.2rem;
  }
}


.shisetsu_container .slider-container {
  max-width:720px;
  margin:0 auto;
}
.shisetsu_container .slick-slide{
  padding:2px;
}
.shisetsu_container #thumbs .slick-current img{
  border:3px solid #ff6600;
}
.shisetsu_container .slick-prev,.slick-next{z-index:2;}
.shisetsu_container .slick-prev{left:5px!important;
  top: 48% !important;}
.shisetsu_container .slick-next{right:10px!important;
  top: 48% !important;}


.cat_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cat_link ul li {
  margin-bottom: 10px;
}

.cat_link ul li a {
  background-color: #efefed;
  display: block;
  border-radius: 50px;
  color: #333;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  position: relative;
}
.cat_link ul li a::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  top: 1em;
  right: 20px;
  /*矢印の形状*/   
  width: 7px;
  height: 7px;
  border-top: 1px solid #ff6600;
  border-right: 1px solid #ff6600;
  transform: rotate(45deg);
  /*アニメーションの指定*/
  transition: all .3s;
}
.cat_link ul li a:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


.shisetsumap_link {
  margin: 0 0 2rem 0;
}

.shisetsumap_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shisetsumap_link ul li {
  margin-bottom: 10px;
}

.shisetsumap_link ul li a {
  background-color: #efefed;
  display: block;
  border-radius: 50px;
  color: #333;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  background-image: url(images/shisetsu/map_icon.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 95% center;
}
.shisetsumap_link ul li a:hover {
  background-color: #cc6633;
  background-image: url(images/shisetsu/map_icon02.svg);
  color: #fff;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}
@media (min-width:600px) {

  .shisetsumap_link ul {
    display: flex;
    flex-wrap: wrap;
  }

  .shisetsumap_link ul li {
    flex: 0 1 50%;
    padding: 5px;
    margin-bottom: 0;
  }
  
}
@media (min-width:1024px) {
  
  .shisetsumap_link ul li {
    flex: 0 1 33.3333%;
    padding: 5px;
    margin-bottom: 0;
  }
  
}

@media (min-width:600px) {

    .cat_link ul {
      display: flex;
      flex-wrap: wrap;
    }
  
  .cat_link ul li {
    flex: 0 1 33.3333%;
    padding: 5px;
    margin-bottom: 0;
  }
  
.cat_link ul li a::after {
  top: 1.2em;
}

/*hover時に矢印が移動*/   
.cat_link ul li a:hover::after {
right:15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}
/* === 座席表 =============== */

.zaseki_list {
  margin-bottom: 2rem;
}
a.zaseki_item {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.18);
  display: block;
  transition: all .3s;
  display: flex;
  align-items: center;
  padding: 0;
}
a.zaseki_item figure {
  overflow: hidden;
  padding: 0;
  margin: 0 2% 0 0;
  width: 40%;
}
a.zaseki_item img {
  transition:1s all;
  width: 100%;
}
a.zaseki_item:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
      box-shadow: 0px 22px 34px rgba(0, 0, 0, 0.38);
}
a.zaseki_item h3 {
  padding: 1rem 0.6rem;
  text-align: center;
  border: 0 solid;
  margin: 0;
  border: 0 solid;
  color: #333;
  font-weight: normal;
  font-size: 3vw;
  line-height: 1.6;
}
a.zaseki_item h3 .text_s {
  font-size: 0.8rem;
}
a.zaseki_item:hover h3 {
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

@media (min-width:600px) {

  a.zaseki_item:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
  }

  a.zaseki_item h3 {
    font-size: 1.2rem;
  }
}

.shisetsu_bg {
  background-color: #eee;
  margin: -2rem 0;
  padding: 1rem 0 4rem 0;
}
.shisetsu_kakomi {
  background-color: #fff;
  padding: 2rem 50px 3rem 50px;
  max-width: 1000px;
  margin: 0 auto;
}
.slider-container {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.shisetsu_btn ul {
  margin: 4rem 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.shisetsu_btn ul li {
flex: 0 1 50%;
padding: 5px;
margin-bottom: 0;
}

.shisetsu_btn ul li a {
  background-color: #333;
  display: block;
  border-radius: 50px;
  color: #fff;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  position: relative;
}
.shisetsu_btn ul li a.current {
  background-color: #ff6600;
  display: block;
  border-radius: 50px;
  color: #fff;
  padding: 0.4rem 2.2rem 0.4rem 0.8rem;
  position: relative;
}
.shisetsu_btn ul li a::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  top: 1em;
  right: 20px;
  /*矢印の形状*/   
  width: 7px;
  height: 7px;
  border-top: 1px solid #ff6600;
  border-right: 1px solid #ff6600;
  transform: rotate(45deg);
  /*アニメーションの指定*/
  transition: all .3s;
}
.shisetsu_btn ul li a:hover {
  background-color: #cc6633;
  color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.shisetsu_btn ul li a.current::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media (min-width:600px) {

    .shisetsu_btn ul {
      margin: 2rem 0 0 0;
    }
  
  .shisetsu_btn ul li {
    flex: 0 1 25%;
    padding: 5px;
    margin-bottom: 0;
  }
  
.shisetsu_btn ul li a::after {
  top: 1.2em;
}

/*hover時に矢印が移動*/   
.shisetsu_btn ul li a:hover::after {
right:15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}

dl.cat_news_list {
  width: 100%;
  padding: 0;
  margin: 0;
}

dl.cat_news_list dt {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: normal;
  color: #999;
}
dl.cat_news_list dd {
  padding: 0;
  margin: 0 0 10px 0;
}

@media (min-width:768px) {

  dl.cat_news_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
  }

dl.cat_news_list dt {
  width: 8%;
  padding-bottom: 20px;
  margin-bottom: 10px;
  padding: 0;
  margin: 0;
}

dl.cat_news_list dd {
  width: 92%;
  padding-bottom: 20px;
  margin-bottom: 10px;
  padding: 0;
  margin: 0;
}
}

/* === チケット購入 =============== */

.ticket_kakomi img {
  margin-bottom: 1rem;
}

@media (min-width:768px) {
.ticket_kakomi img {
  float: right;
}
}

/* === アクセス情報 =============== */

h3.access_tit {
  background-color: #555;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.8rem 2.2rem 0.8rem 1rem;
}
h3.access_tit img {
  width: 30px;
  margin-right: 0.5rem;
  display: inline;
}
.access_kakomi {
  border: 2px solid #555;
  padding: 2rem 1rem 0 1rem;
  margin-bottom: 3rem;
	position:relative; /* 配置(ここを基準に)*/
}
.access_kakomi ul {
  margin: 0;
}
.access_kakomi img {
  margin: 0 auto;
}

.access_list {
  margin-bottom: 2rem;
  background-color: #f6f6f6;
  padding: 0.3rem 1rem 2rem 1rem;
  font-size: 1rem;
}
.access_list h3 {
  text-align: center;
  margin: 0.5rem 0 1rem 0;
}
.access_list img {
  width: 28px;
  display: inline;
  margin-right: 5px;
}
.access_list .item a {
  /*線の基点とするためrelativeを指定*/
position:relative;
  /*リンクの形状*/ 
color:#333;
  padding: 10px 50px 10px 10px;
display:block;
  text-decoration: none;
  outline: none;
}

/*線の設定*/
.access_list .item a::before,
.access_list .item a::after{
content:'';
  /*絶対配置で線の位置を決める*/
position:absolute;
z-index:1;
bottom:0;
left:0;
   /*線の形状*/   
background:#ccc;
width:100%;
height:1px;
  /*アニメーションの指定*/
transition:all 0.3s ease-in-out;
}

/*hover時に伸びる線の形状*/   
.access_list .item a::after{
width:0;
background:#ff6600;
}

/*矢印の設定*/   
.access_list .item a span::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  top: 1.3em;
  right: 20px;
  /*矢印の形状*/   
  width: 5px;
  height: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  /*アニメーションの指定*/
  transition: all .3s;
}

@media (min-width:600px) {

  .access_list {
    padding: 1rem 2rem 2rem 2rem;
  }

  .access_list {
    font-size: 1.1rem;
  }
  .access_list img {
    width: 35px;
  
  }

  h3.access_tit img {
    width: 50px;
  }
  .access_kakomi {
    padding: 3rem 2rem 1rem 2rem;
  }

  /*hover時に100%に伸びる*/   
  .access_list .item a:hover::after {
  width:100%;
  }
  /*hover時に矢印が移動*/   
  .access_list .item a:hover span::after {
  right:15px;
  }

  }

/* === ぶんと通信 =============== */

.tuushin_new img {
  margin: 0 auto;
}
.tuushin_bk_box h3 {
  padding: 0;
  margin: 0 0 0 0;
}
.tuushin_bk_box ul {
  padding: 0;
  margin: 20px 0 20px 20px;
}
@media (min-width:768px) {

.tuushin_new {
    display: flex;
  }
.tuushin_new_img {
  margin-right: 2rem;
}
  
.tuushin_bk {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.tuushin_bk_box {
  padding: 10px;
}
  
}
@media (min-width:1024px) {

.tuushin_bk {
  grid-template-columns: 1fr 1fr 1fr;
}
}

/* === ニュース =============== */

  .news_area {
    margin: 0 0 3rem 0;
  }
  .news_item {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .news_category {
    display: inline-block;
    padding: 0.4rem 0.6rem;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1;
    background-color: #df6b2d;
    border-radius: 4px;
  }

  .news_date {
    display: inline-block;
    margin-left: 0.5rem;
    color: #999;
    font-size: 1rem;
    font-family: "Barlow Condensed", sans-serif;
  }

  .news_link a {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.95rem;
  }

  .news_more {
    text-align: center;
  }

  .news_more a {
    position: relative;
    display: block;
    align-items: center;
    padding: 1.5rem 2.5rem 1.5rem 1.2rem;
    color: #333;
    line-height: 1;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 0.3rem;
    max-width: 200px;
    margin: 2rem auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    transition: .3s;
  }

  .news_more a::after {
    position: absolute;
    right: 2em;
    top: 1.7em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #333;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
  }
  .news_more a:hover::after {
      transform: translateY(-50%) scaleX(1.4);
      background-color: #fff;
  }

  .news_more a:hover {
    color: #fff;
    background-color: #cc6633;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.18);
    transform: translateY(-4px);
  }

  .news_pagenation {
    text-align: center;
    margin: 50px 0;
  }

  @media (min-width:600px) {
    .news {
      flex: 1 1 auto;
    }

    .news_more a {
      margin-bottom: 0;
    }
  }

/* 追加 */
.container_event {
  max-width: 1025px;
  margin: 0 auto;
}

.bunkatsu_event {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bun03_item_event {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

a.bun03_item_event .event_shokaibun {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 5px;
  color: #777777;
  padding: 0 1.2rem 1rem 1.2rem !important;
}

a.bun03_item_event .event_shokaibun:hover {
  color: #000;
  opacity: 70%;
}

a.bun03_item_event p {
  color: #000;
}

a.bun03_item_event p:hover {
  color: #000;
  opacity: 70%;
}

a.bun03_item_event img:hover {
  opacity: 70%;
}

.card_event {
  padding: 0 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  color: #333;
}
.card_event:hover {
  color: #f30;
}

.card_event_title {
  flex-grow:1;
  margin-bottom: -25px;
}

.card_event h3 {
  margin: 0 0 1rem 0;
  padding: 0 10px;
  font-size: 1rem;
  font-weight: bold;
  border-left: 0px solid #555;
  line-height: 1.5;
}

.card_event_img {
  display: flex;
  text-align: center;
  align-items: center;
  height: 350px;
  max-width: 250px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 600px) {

  .card_event_img {
    height: 180px;
    max-width: 200px;
  }

}


@media screen and (max-width: 1024px) {

  .bun03_item_event {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  a.bun03_item_event .event_shokaibun {
    font-size: 0.7rem !important;
    padding: 0 0.2rem !important;
  }
  .card_event h3 {
    font-size: 0.9rem !important;
  }
  .card_event {
    padding: 0 0 1rem 0 !important;
  }
  }
.card_event_img img {
object-fit:contain;
width:100% !important;
height:100% !important;
  margin: 0 auto;
}

.event_category_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 1rem 0 0.5rem 0;
  padding: 0;
}

.event_category_list li {
  list-style: none;
  flex: 1 1 50%;
  padding: 5px;
}

.event_category_list li img {
  max-height: 12px;
  height: auto !important;
}

.event_category_list li div {
  padding: 5px;
}

/* コンサート */
.event_category_list li .c_concert {
  border: 1px solid #71a2bb;
}
/* 展覧会 */
.event_category_list li .c_tenran {
  border: 1px solid #bb7176;
}
/* ワークショプ */
.event_category_list li .c_work {
  border: 1px solid #aebb71;
}
/* 大人 */
.event_category_list li .c_otona {
  border: 1px solid #71a2bb;
}
/* 子供 */
.event_category_list li .c_kodomo {
  border: 1px solid #bb7176;
}
/* 家族 */
.event_category_list li .c_kazoku {
  border: 1px solid #71bb89;
}
/* 青山讃頌舎 */
.event_category_list li .c_aoyamasan {
  border: 1px solid #71bb89;
}
/* 史跡旧崇廣堂 */
.event_category_list li .c_suukoudou {
    border: 1px solid #bb71b6;
}
/* 文化都市協会 */
.event_category_list li .c_bunto {
  border: 1px solid #bb9a71;
}
/* ゆめドーム */
.event_category_list li .c_yume {
  border: 1px solid #bb71b6;
}
/* 青山ホール */
.event_category_list li .c_aoyama_h {
  border: 1px solid #bb7176;
}

/* コンサート */
.event_category_list li .c_genre01 {
  border: 1px solid #71a2bb;
}
/* 展覧会 */
.event_category_list li .c_genre02 {
  border: 1px solid #bb7176;
}
/* ワークショプ */
.event_category_list li .c_genre04 {
  border: 1px solid #aebb71;
}
/* 大人 */
.event_category_list li .c_genre07 {
  border: 1px solid #71a2bb;
}
/* 子供 */
.event_category_list li .c_genre08 {
  border: 1px solid #bb7176;
}
/* 家族 */
.event_category_list li .c_genre09 {
  border: 1px solid #71bb89;
}
/* 青山讃頌舎 */
.event_category_list li .c_venue05 {
  border: 1px solid #71bb89;
}
/* 史跡旧崇廣堂 */
.event_category_list li .c_venue03 {
    border: 1px solid #bb71b6;
}
/* 文化都市協会 */
.event_category_list li .c_venue01 {
  border: 1px solid #bb9a71;
}
/* ゆめドーム */
.event_category_list li .c_venue09 {
  border: 1px solid #bb71b6;
}
/* 青山ホール */
.event_category_list li .c_venue02 {
  border: 1px solid #bb7176;
}

/* === その他の新着情報 =============== */

.container .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  margin-bottom: -1rem;
}


/* メールフォーム */
/* 見出し */
form {
  margin: 2rem 0;
}

form h4 {
  display: inline-block;
  margin-bottom: 0;
}
/* グループ化 */
fieldset {
  margin: 0;
  padding: 1rem 2rem 2rem 2rem;
  border-style: none;
  border-radius: 10px;
  background-color: #f1f1f1;
}

/*フォームボタン*/

.search_btn {
  margin-bottom: -20px;
}

.form_btn {
  display:inline-block;
  position: relative;
  margin: 2rem 0 0 0;
}

.form_btn::after {

}


.form-parts-btn {
  position: relative;
  display: block;
  align-items: center;
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  color: #fff;
  line-height: 1;
  background-color: #333;
  border-radius: 0;
  border: solid 0 #333;
  text-decoration: none;
  text-align: center;
  border-radius: 50px;
  margin: 0 auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  transition: .3s;
  font-size: 1rem;
}



a.clear_btn {
  position: relative;
  display: block;
  align-items: center;
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  color: #fff;
  line-height: 1;
  background-color: #aaa;
  text-decoration: none;
  text-align: center;
  border-radius: 0.3rem;
  margin: 0 auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  transition: .3s;
  font-size: 1rem;
  border-radius: 50px;
}

@media (min-width:600px) {

.form-parts-btn:hover {
background-color: #cc6633;
cursor: pointer;
}

.form-parts-btn,
a.clear_btn {
  padding: 1.5rem 2.5rem 1.5rem 2.5rem !important;
}

}


.form-parts-submit {
  padding: 0.8rem 1rem;
}

.form-parts {
  width: 100%;
  padding: 10px;
  font-size: 0.8rem;
  border: 1px solid #ccc;
  border-radius: 5px;

}

input[type="checkbox"],
input[type="radio"] {
  accent-color: #ff6633;
  transform: scale(1.5);
}

.ml_2 {
  margin-left: 2rem;
}

.mr_2 {
  margin-right: 2rem;
}

.mt_search {
  margin-top: 5px;
}

input[type="search"]:focus {
  border: 1px solid #ccc;
  outline: 0;
}

.form-select {
	overflow: hidden;
  font-size: 1rem;

	text-align: center;
}
.form-select-parts {
	width: 100%;
  font-size: 1rem;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.form-select-parts::-ms-expand {
    display: none;
}
.form-select {
	position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
	background: #ffffff;
}
.form-select::before {
	position: absolute;
	top: 1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.form-select-parts {
	padding: 10px 40px 10px 10px;
	color: #666666;
}

/* 追加 */
.w_100 {
	width: 100% !important;
}