@charset "UTF-8";
/* CSS Document */



.main{
	visibility: hidden;
}

.alert{


	width:500px;
	border:4px blue double;
	margin:100px auto;
	text-align: center;
	padding:10px;
	font-size: 18px;

}
.alb{
	font-size: 32px;
}
.title{
	width:100%;
	height:60px;
	background: linear-gradient(-135deg,#faebf4,#f9345d,#e94755,#e94755,#f9345d, #faebf4);
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	color: rgba(255,255,255,1);
	line-height:60px;
	border-radius: 15px;
	margin:0 auto;
}
/* 大タイトル用のスタイル */



.stitle{
	height: 32px;
	white-space: nowrap;
	text-align: center;
	font-family: "Meiryo","メイリオ","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro",
	"Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	color: #ea5974;
	margin-top:0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;

	line-height: 32px;
	padding:15px;



}
/* 小タイトル */

.dlinein{


	height: 100%;

}


.wrap{
  min-width: 1300px;
  max-width: 1920px;

  margin:0 auto;
	padding-bottom:10px;
	border-radius: 15px 15px 0px 0px;
	background-image: url("../img/156sympbg.jpg");
	background-size:cover;
}
/* ラップ（フレキシブルに動かす用のボディー要素） */


.listblock{
	width:95%;
	height:100%;
	margin:0 auto;

	color:white;
	text-align: center;
	overflow: hidden;
}
/* リストを格納している箱 */




.footer{
	width:100%;
	height:auto;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* フッター特に指定はしていない */





.list,.dline{
	width:95%;

	margin:15px auto;
	text-align: center;
  transition:background 0.5s ,border-left 0.5s,border-right 0.5s;
  border-radius:10px;

	line-height: 2em;
	padding:5px;

	border-bottom: 2px #e94755 solid;

	font-family: sans-serif;
	font-style: normal;
	font-weight:normal;
	font-size: 24px;
	color: rgba(0,0,0,1);
	display: column;
	justify-content: center;


}
/* 一行用のクラス、フォント関係もここで指定 */


.list>.name>span,.list>.namep>span{
	line-height:1.2;
}

.list>.namet>span{
	line-height: 1.2;
}


.dline{
	height: auto;
}



.list{
	height:auto;
}
/* 二行使用時のクラス、単純に倍してある感じです。 */
.line{
	width: 100%;

	margin-top: 2px;

	text-align: center;
	transition:background 0.5s ,border-left 0.5s,border-right 0.5s;






	font-family: sans-serif;
	font-style: normal;
	font-weight:normal;
	font-size: 22px;
	color: rgba(0,0,0,1);
	display: flex;
	justify-content: center;
}

.section{
	width:95%;
	padding: 10px;
	height: auto;
/*	background: linear-gradient(135deg, #cd123f,#ddacb8); */
	background: rgba(255, 255, 255, 0.7);
	border: 5px #e94755 solid;
	color:#e94755;
	margin:40px auto;
	text-align: center;
	border-radius: 15px;
	font-family:sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
}
/* セクション用のクラス、フォント、枠線等を指定 */






.end{
	width:95%;
	height:30px;

	margin: 0 auto;
}
/* メニューページ最後の行に挿入する空白 */

.name,.namet,.namep,.wname,.wnamet,.wnamep{
	font-size: 1em;
	margin: 0 auto;
	height: 100%;
	line-height: 1em;
}

.name,.wname {
	width: 42%;
	text-align: left;
}

.namet,.wnamet{
	width:8%;
	font-size: 0.5em;
	height: 60%;

	text-align: right;

	line-height: 2em;


}



.namep,.wnamep{
	width: 50%;

	text-align: left;


}

/* それぞれ子要素（テーブルのマス的な） */
.wname,.wnamet,.wnamep{
	color:#e94755;
	font-weight: bold;
}



.kata{
	font-size: .6em;
	font-weight: normal;
	font-family:sans-serif;
}
/* 肩書を小さく、ゴシックに変更 */

.kaigyo{


}

.person{
		vertical-align: center;
}
a >.list:hover{

	background:red;
	border-radius: 10px;

}
a>.dline:hover{
	color:white;
}
a >.dline:hover{

	background:red;
	border-radius: 10px;


}
a>.list:hover>div{
	color:white;
}



.videop{
	width: 100%;
	height:auto;

}

.capcon{
	width:22%;

	/*border:black 1px solid;*/


	text-align: center;
	margin-left: 30px;


}

.caption{

	height:70%;
	background:white;
	border:6px #e94755 double;
	overflow:auto;
	padding:10px;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	flex-direction: column;
  display: flex;
	word-wrap: break-word;
}

.comment{
	flex-direction: column;
}
table{
	border:none;

	white-space: nowrap;
	border-collapse: collapse;
  border-spacing: 0;
}
.shikai{

width:60px;
text-align: right;
}

.namew{
	position: relative;
	left:100px;
}

.squera{

	background: black;
	margin:10px auto;
}


.top{
	margin:20px auto;
	align:center;
	width:200px;
	height: 15%;
	font-size: 24px;
	font-family: sans-serif;
	font-weight: normal;
	color:white;
	background: linear-gradient(135deg,#ffb9d0,#f9345d,#f93463, #ffb9cc);
	border-radius: 20px;
	transition:.5s;
}

.top:hover{
	background: white;
	border:2px red solid;
	color:red;
	cursor:pointer;
}
.hako{
	padding:10px;
	width:90%;

	margin: 10px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;


}


.bigw{
	height: 1500px;
}
.blueline{
	height: 50px;
	max-width: 1920px;
	min-width: 1300px;
	margin: 0 auto;
	background: #e94755;
	border-radius: 0px 0px 15px 15px;
}
a {
			text-decoration: none ;
		}

.botcon{

	padding: ;
	display: flex;
	width:100%;

	margin-top: 20px;
}
.topbutton{
	width: 100%;
	text-align: center;
}
.prevbutton,.nextbutton{
	text-align: center;
	width: 50%;


	flex-direction: column;
	margin:0 auto;
}
.next,.prev,.grey{
	margin:20px auto;
	align:center;
	width:100px;
	height: 60px;
	font-size:18px;
	font-family: sans-serif;
	font-weight: normal;

	border-radius: 30px;
	transition:.5s;
	margin-top: auto;
}

.next,.prev{
	color:white;
	background: linear-gradient(135deg,#b9ffff,#00a0ea,#00a0ea, #b9e2ff);
}

.prev:hover,.next:hover{
	background: white;
	border:2px #00a0ea solid;
	color:#00a0ea;
	cursor:pointer;
}

.grey{
	background: #b8b8b8;
	border:2px #a1a1a1 solid;
	color:white;

}
.bold{
	font-weight: bold;
}

.twrap{
	min-width: 1300px;
	max-width: 1920px;
	height: auto;
	margin:0 auto;
	padding-bottom:10px;
	border-radius: 15px 15px 0px 0px;
	background-image: url("../img/156sympbg.jpg");
	background-size:cover;

	justify-content: center;
}
.videohako{
	width:75%;

	text-align: center;


}