/* CSS Document */
/*  /////////////////////////////////////////////////////////////// 

       共通　item　トップページ　その他のページ
//////////////////////////////////////////////////////////////// */
/* ==================================================
文化交流事業専用
2025/12/4から
================================================ */

#bunka_kouryuu{
	
}
#bunka_kouryuu .space_r_14px{
	margin-right: 14px;
}
/*--------------------------------------------------------
共通
ページタイトル（新flex）2025/12/4
iconとタイトル並列
------------------------------------------------------- */
/*左（アイコンとタイトル）右（戻るボタン）*/
#bunka_kouryuu .com_page_title_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0px 0 0px 0;
  padding: 0px 0px;
  box-sizing: border-box;
  border: solid 0px;
}
/*左（アイコンとタイトル）
-------------------------------------*/
#bunka_kouryuu .com_page_title_flex02 {
  display: flex;
  align-items: center;
  text-align: left;
}
/*ページicon*/
#bunka_kouryuu .com_page_title_flex02 .icon img {
  width: 30px;
  vertical-align: bottom;
}
@media (max-width: 400px) {
#bunka_kouryuu .com_page_title_flex02 .icon img {
    width: 24px;
  }
}
/*ページタイトル*/
#bunka_kouryuu .com_page_title_flex02 .title {
  font-size: 20px;
  line-height: 30px;
  margin-left: 5px;
  /*color: #0B67C4;*/ /*文森色と同系色*/
  color: #9CAE10;
}
@media (max-width: 400px) {
#bunka_kouryuu .com_page_title_flex02 .title {
    font-size: 18px;
    line-height: 18px;
  }
}
/*右（戻るボタン）
---------------------------------------------------------- */
/*位置を固定*/
#bunka_kouryuu .back_btn_area {
  /*text-align: right;*/
  border: solid 0px;
}
#bunka_kouryuu .back_btn_area a {
  text-decoration: none;
  color: #424446;
}
/*ボタン仕様*/
#bunka_kouryuu .back_btn_area .back_btn {
  text-align: center;
  padding: 6px 16px;
  /*cursor: pointer;*/
  font-size: 12px;
  color: #000000;
  border-radius: 4px;
  /*background-color: #ffffff;*/
  border: solid 1px#CADC38; /*基本色*/
  transition: 0.5s; /*hover処理の時間*/
}
#bunka_kouryuu .back_btn_area .back_btn:hover {
  background-color: #EAF49C;
}
/*ボタンの左矢印*/
#bunka_kouryuu  .back_btn_area .back_arrow {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*矢印と文字（戻る）並列*/
#bunka_kouryuu .back_btn_area .back_arrow, #bunka_kouryuu .back_btn_area .back_txt {
  display: inline-block;
}
@media (max-width: 749px) {
  /*戻るボタンを消す-----------------------------------*/
#bunka_kouryuu .back_btn_area {
    display: none;
  }
}


/*--------------------------------------------------------
コンテンツ枠
開催中、予告　料金
コンテンツタイトル
2025/12/4
------------------------------------------------------- */
#bunka_kouryuu .com_contents_waku {
  width: 100%;
  /*max-width: 1200px;*/
	margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 60px 20px 60px;
  box-sizing: border-box;
  /*border: solid 1px #79C5CB;*/
  border: solid 1px #CADC38; /*基本色*/
}
@media (max-width: 749px) {
  /*1展覧会の枠*/
  #bunka_kouryuu .com_contents_waku {
    padding: 0px 0px;
    box-sizing: border-box;
    border: solid 0px #79C5CB;
  }
}
/*開催中、予告、料金
----------------------------------------------------*/
#bunka_kouryuu .kikan_fee {
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  /*width: 60px;*/
  margin-bottom: 12px;
  padding: 3px 10px;
  box-sizing: border-box;
  border: solid 1px #F1463B;
}
#bunka_kouryuu .kikan_fee {
  display: inline-block;
}
/*タイトル小　大
----------------------------------------------*/
/*コンテンツ名小*/
#bunka_kouryuu .contents_title_s {
  font-size: 14px;
  line-height: 18px;
  /*font-weight: bold;*/
  margin-bottom: 4px;
  margin-top: 4px;
}
/*コンテンツ名大*/
#bunka_kouryuu .contents_title {
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  border: solid 0px;
}
/*コンテンツ名大がsvgの場合*/
#bunka_kouryuu .contents_title_svg {
  width: 100%;
  max-width: 220px;
}
/*緑の●*/
#bunka_kouryuu .contents_title span {
  display: inline-block;
}
@media (max-width: 749px) {
  /*コンテンツ名小*/
  #bunka_kouryuu .contents_title_s {
    font-size: 14px;
    line-height: 16px;
    /*font-weight: bold;*/
    margin-bottom: 3px;
  }
  /*コンテンツ名大*/
  #bunka_kouryuu .contents_title {
    font-size: 18px;
    line-height: 20px;
  }
}
/*--------------------------------------------
画像と説明
----------------------------------------------*/
#bunka_kouryuu .conntents_flex {
  display: flex;
  width: 100%;
  margin-top: 30px;
	border: solid 0px;
	column-gap: 40px;
  /*max-width: 600px;*/
  /*font-size: 14px*/
}
@media (max-width: 749px) {
  #bunka_kouryuu .conntents_flex {
    flex-direction: column;
    margin-top: 10px;
  }
}
/*左）画像関係
-------------------------------------------------*/
#bunka_kouryuu .conntents_flex .lef{
  width: 100%;
  max-width: 1000px;
}
#bunka_kouryuu .conntents_flex .left img {
  width: 100%;
  max-width: 1000px;
	border: solid 1px #D8D1D1;
}
/*右）案内情報
-------------------------------------------------*/
#bunka_kouryuu .conntents_flex .righ{
	  padding: 0 0 0 20px;
  box-sizing: border-box;
}
/*説明1*/
#bunka_kouryuu .conntents_flex .right .txt01 {
  text-align: justify;
			font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 50px;
	/*background-color: #CADC38*/
}
/*区切り線*/
/*#bunka_kouryuu .hrline{
	border-bottom: solid 1px #CADC38; 
	margin: 5px 0 10px 0;
}*/

/*早稲田大学との文化交流
上演のご案内
---------------------------------------------*/
#bunka_kouryuu .conntents_flex .right .line_title{
  font-size: min(5vw, 14px);
  border-bottom: solid 1px#CADC38;
  border-left: solid 6px #CADC38;
  padding: 1px 0 1px 10px;
	margin: 20px 0 10px 0;
  box-sizing: border-box;
}
/*説明2*/
#bunka_kouryuu .conntents_flex .right .txt02 {
  text-align: justify;
			font-size: 12px;
	line-height: 16px;
	margin-bottom: 30px;
}
/* =======================================

   詳細

   ====================================== */
/*行の並び*/
#bunka_kouryuu .detail_data{
	margin-left: 0px;
	width: 100%;
	max-width: 500px;
	
	box-sizing: border-box;
	border: solid 0px;
}

/*日時などの並び（天池中央）
----------------------------------*/
#bunka_kouryuu .detail_data .line_flex{
	display: flex;
	align-items: center;/*天池中央*/
	width: 100%;
	max-width: 1200px;
	padding: 6px 0px;
	box-sizing: border-box;
	margin: 0px 0;/*1行間隔*/
	border-top: solid 0px #79C5CB;
}
#bunka_kouryuu .detail_data .line_flex:first-child{
	padding: 0px 0px;
}
/*日時などの並び（上揃え）
----------------------------------*/
#bunka_kouryuu .detail_data .line_flex_start{
	display: flex;
	align-items: flex-start;/*上揃え*/
	width: 100%;
	max-width: 1200px;
	padding: 14px 0px;
	box-sizing: border-box;
	margin: 0px 0;/*1行間隔*/
	border-top: solid 0px #79C5CB;

}

/*左）項目
-------------------------------------------------*/
#bunka_kouryuu .detail_data .line_flex .koumoku,
#bunka_kouryuu .detail_data .line_flex_start .koumoku{
/*width:100px;*/
	border: solid 0px;
}
/*項目両端揃え*/
#bunka_kouryuu .detail_data .line_flex .koumoku .space-between_flex,
#bunka_kouryuu .detail_data .line_flex_start .koumoku .space-between_flex{
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/*項目囲み（幅無指定　文字数によってボタン幅が伸びる）
----------------------------------*/
/*ボタン大*/
#bunka_kouryuu .detail_data .kakomi{
	width: 90px;
 padding: 4px 10px;
	box-sizing: border-box;
text-align: center;
  border-radius: 4px;
	  display: inline-block;
  background-image: none;
	text-decoration: none;
  /*background-color: #4CAF50;*/
  border: solid 1px #CADC38;
  /*border: none;*/
  color: #000000;
	font-size: 12px;
}

#bunka_kouryuu .detail_data .kakomi::-moz-foucus-inner{
  padding: 0;
  /*border: none;*/
}
/*右）内容
--------------------------------------------*/
#bunka_kouryuu .detail_data .line_flex .naiyou,
#bunka_kouryuu .detail_data .line_flex_start .naiyou{
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	padding-left: 10px;
	box-sizing: border-box;
	 flex:1;/*自動調整*/
		vertical-align: middle;	
	border: solid 0px;
}
#bunka_kouryuu .detail_data .line_flex .naiyou span,
#bunka_kouryuu .detail_data .line_flex_start .naiyou span{
	display: inline-block;
}
@media (max-width: 749px) {
#bunka_kouryuu .detail_data .line_flex .naiyou,
#bunka_kouryuu .detail_data .line_flex_start .naiyou{
	font-size: 12px;
        
    }
#bunka_kouryuu .detail_data .line_flex .naiyou span,
#bunka_kouryuu .detail_data .line_flex_start  .naiyou span{
	display: inline-block;
}