@charset "UTF-8";

/* ++++++++++++++　　　トップページ（index.php）　　　++++++++++++++++++*/



/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

/*　max-width: 1000pxの内枠　*/
.taidan-waku{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:60px;
	padding:0 10px;
}

/*対談メニュー*/

.taidan-menu{
	max-width: 980px;
	text-align: left;
	margin:30px 0 60px 0;
}

.taidan-menu-waku{
	margin:2px 0;
	
}

.taidan-menu-L{
	float: left;
	width:8%;
}

.taidan-menu-L img{
	float: left;
	max-width:46px;
}

.taidan-menu-R{
	float: left;
	width:82%;
	padding:9px 20px;
}

.taidan-menu-1{
	float:left;
	font-size:16px;
	font-weight: bold;
	color: #2d2c04;
}

.taidan-menu-1 a{
	float:left;
	font-size:16px;
	font-weight: bold;
	color: #2d2c04;
}

.taidan-menu-2{
}

.back-color-1{
	background-color:#efeded;
}

.back-color-2{
	background-color:#f9f9f9;
}




/*矢印*/

.arrow {
    position: static;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #a09d9d;
  border-right: 2px solid #a09d9d;
  transform: translateX(-50%) rotate(135deg);
}


/*対談内容*/

.taidan-contents{
	
}

/*対談タイトル*/

.taidan-sub-title-back-1,
.taidan-sub-title-back-2,
.taidan-sub-title-back-3,
.taidan-sub-title-back-4,
.taidan-sub-title-back-5,
.taidan-sub-title-back-6{
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 10%;
	width:96%;
	height: auto;
	border-bottom:1px solid #9b9b9b;
	position: relative;
	padding:5px ;
	margin:25px 10px 0 5px;
	
}

.taidan-sub-title-back-1{
	background-image: url(../images_2022/p_01_01_no_back_01.png);
}

.taidan-sub-title-back-2{
	background-image: url(../images_2022/p_01_01_no_back_02.png);
}

.taidan-sub-title-back-3{
	background-image: url(../images_2022/p_01_01_no_back_03.png);
}

.taidan-sub-title-back-4{
	background-image: url(../images_2022/p_01_01_no_back_04.png);
}

.taidan-sub-title-back-5{
	background-image: url(../images_2022/p_01_01_no_back_05.png);
}

.taidan-sub-title-back-6{
	background-image: url(../images_2022/p_01_01_no_back_06.png);
}

h2.taidan-sub-title{
	text-align: left;
	color:#2d2c04;
	font-family:serif;
	font-size:18px;
	font-weight: bold;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
}


.taidan-text{
	text-align: left;
	margin:30px 5px 0 5px;
	clear: both;
	font-size:15px;
	line-height: 28px;
	
}

.taidan-box{
	
}

.taidan-box-L{
	width:100%;
	margin:0 3% 0 0;
}

.taidan-box-R{
	width:90%;
	text-align: center;
	margin:0 auto;
}

.taidan-box-R img {
	max-width: 60%;
	margin:0 0 20px 0;
}


.taidan-box-L-L{
	width:100%;
	margin:0 0 15px 0;
}

.taidan-box-L-R,
.taidan-box-L-R-2{
	width:100%;
	margin:0 0 15px 0;
}




.taidan_name_1{
	background-color: #a1a54c;
}

.taidan_name_2{
	background-color: #7aafc1;
}

.taidan_name_1,
.taidan_name_2{
	color:#FFF;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	width:30px;
	height:10px;
	padding:7px 10px;
	margin:0 10px 0 0;
}

.taidan-box-L-2{
	width:100%;
	margin:0 3% 0 0;
}





/*透過*/
.taidan-menu-R a:hover{
	opacity: 0.7 ;	
}

/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 480px) {



	
}
/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 760px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 760px) {
	

h2.taidan-sub-title{
	text-align: left;
	color:#2d2c04;
	font-family:serif;
	font-size:25px;
	font-weight: bold;
	width:100%;
	margin:0;
}


}


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 1000px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 1000px) {
	

/*対談メニュー*/	
.taidan-menu-L{
	float: left;
	width:46px;
}
	
.taidan-menu-R{
	float: left;
	width:880px;
	padding:9px 20px;
}
	
.taidan-menu-1{
	float:left;
	font-size:16px;
	font-weight: bold;
	color: #2d2c04;
}
	

.taidan-menu-1 a{
	float:left;
	font-size:16px;
	font-weight: bold;
	color: #2d2c04;
}
	
.taidan-menu-2{
	float:right;
	width:20px;
}
	
/*矢印*/

.arrow {
    position: relative;
}

	
/*対談タイトル*/
	
.taidan-sub-title-back-2,
.taidan-sub-title-back-3,
.taidan-sub-title-back-4,
.taidan-sub-title-back-5,
.taidan-sub-title-back-6{
	height: 65px;
}

h2.taidan-sub-title{
	text-align: left;
	color:#2d2c04;
	font-family:serif;
	font-size:27px;
	font-weight: bold;
	width:945px;
	margin:0;
}

/*写真が右にあるとき*/
.taidan-box-L{
	float: left;
	width:65%;
	margin:0 3% 0 0;
}
	
/*写真がないとき*/
.taidan-box-L-2{
	float: left;
	width:100%;
	margin:0 3% 0 0;
}
	
/*写真が左にあるとき*/
.taidan-box-L-3{
	float: left;
	width:65%;
	margin:0 0 0 3%;
}

.taidan-box-R{
	float: left;
	width:30%;
}
	
.taidan-box-R img {
	max-width: 100%;
}
	
.taidan-box-L-L{
	float: left;
	width:60px;
	margin:0 0 15px 0;
}

.taidan-box-L-R{
	float: left;
	width:560px;
	margin:0 0 15px 0;
}
	
.taidan-box-L-R-2{
	float: left;
	width:896px;
	margin:0 0 15px 0;
}
	
	


	
}