@charset "UTF-8";
/* CSS Document */
body{
	font-size:14px;
	font-family: "Noto Sans Japanese";
	color:#422109;
}
img{
	width:100%;
}

/*common*/
.contents_base{
	padding:100px 0;
}
.contents_base .inner{
	width:1000px;
	margin:0 auto;
}
.contents_base .inner h2{
	text-align: center;
	margin:0 0 50px;
}
.contents_base .inner h2 div{
	margin:0 auto 20px;
}
.contents_base .inner h2 .ttl_member{
	width: 170px;
}
.contents_base .inner h2 .ttl_report{
	width: 128px;
}
.contents_base .inner h2 .ttl_lineup{
	width: 145px;
}
.contents_base .inner h2 p{
	color:#e53085;
	font-size:1.071em;
	font-weight: bold;
}
.pc_display{
	display: block;
}
.tablet_display{
	display: none;
}
.sp_display{
	display: none;
}

@media screen and (max-width: 999px) {
.contents_base .inner{
	width:90%;
	margin:0 auto;
}
.pc_display{
	display: none;
}
.tablet_display{
	display: block;
}
.sp_display{
	display: none;
}
}
@media screen and (max-width: 779px) {
/*for tablet*/
}
@media screen and (max-width: 480px) {
/*for sp*/
.contents_base .inner h2{
	margin:0 0 20px;
}

.contents_base{
	padding:50px 0;
}

.pc_display{
	display: none;
}
.tablet_display{
	display: none;
}
.sp_display{
	display: block;
}
}

/*main image*/
.img_main{
	border-top:7px solid #e53085;
	background: #f0d9e9 url("../../img/talk_session/bg_img_main01.png") center 0 no-repeat;

}
.img_main .inner{
	width:1128px;
	margin:0 auto;
}
.img_main h1{
}
@media screen and (max-width: 1127px) {
.img_main .inner{
	width:95%;
	margin:0 auto;
}
}

/*item intro*/
.item_intro{
	border-top:7px solid #b8e4f9;
	border-bottom:7px solid #b8e4f9;
	background: #caeefe url("../../img/talk_session/bg_img_main02.png") center 0 no-repeat;
}
.item_intro .inner{
	width:1000px;
	margin:0 auto;
}
.item_intro h1{

}
@media screen and (max-width: 999px) {
.item_intro .inner{
	width:95%;
	margin:0 auto;
}
}

#wrapper .btn_campaign {
	background-color: #e53085;
    display: inline-block;
    padding: 15px 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#wrapper .btn_campaign a {
	color: #fff;
}

/*cp_page_banner*/
.cp_page_banner.banner_top {
	background: url("../../img/talk_session/bg_lineup.png") repeat 0 0;
	padding:30px 0;
}
.cp_page_banner.banner_bottom {
	margin-top: 50px;
}
.cp_page_banner a {
	display: block;
	width: 90%;
	max-width: 800px;
	margin:0 auto;
	border-radius: 10px;
	overflow: hidden;
}
.cp_page_banner a img {
	width: 100%;
}

/*member*/
.member{

}
.member li{
	width:18%;
	display: inline-block;
	margin:0 1%;
	vertical-align: top;
	text-align: center;
}
.member li .person{

}

.member li .person_account {
	display: inline-block;
	color: #fff;
	background-color: #3897f0;
	border-radius: 4px;
	padding: 2px 5px;
	margin-bottom: 1em;
}

.member li .person_account:hover {
	opacity: .7;
}

.member li .person_account span {
	margin-right: 5px;
	font-size: 1.2em;
}

.member li .name{
	text-align: center;
	font-weight: bold;
	font-size:1.1428em;
	margin:20px 0;
}
.member li .profile{
	text-align: left;
}
@media screen and (max-width: 999px) {
.member li{
	width:30%;
	margin:0 1.6% 50px;
}
}
@media screen and (max-width: 480px) {
/*for tablet*/
.member li{
	width:45.5%;
	margin:0 2% 50px;
}
}

/*Report*/
.report{
	border-bottom:7px solid #e53085;
	border-top:7px solid #e53085;
	background: url("../../img/talk_session/bg_report.png") repeat 0 0;
}
.report ul{
	margin:0 0 40px;
}
.report li{
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin: 0 1.4%;
	text-align: center;
}
.report li a {
 	position: relative;
	display: inline-block;
 	margin: 15px 0;
	padding:15px 60px;
 	width: 100%;
	color:#573c2b;
	background-color: #fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.report li a:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}
.report li a p {
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 999px) {
.report li a {
	padding:15px;
}
}
@media screen and (max-width: 779px) {
/*for tablet*/
.report li{
	width:46.5%;
}
}


.report .btn_movie{
	margin:0 0 60px;
	text-align: center;
}
.report .btn_movie a{
	background-color: #e53085;
	color:#fff;
	display: inline-block;
	padding:15px 60px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.report .btn_movie a:hover{
	text-decoration: none;
	background-color: #cb2272;
}
.report .report_content{
	padding:0 0 80px;
}
.report .report_content h3{
	margin:0 0 50px;
}
.report .report_content .shikai{
	margin:0 0 25px;
}

.report .report_content .comment_right{
	margin:0 10% 20px 0;
	overflow: hidden;

}
.report .report_content .comment_right .person_left{
	width:12%;
	float:left;
	/*padding-right:5%;*/
}
.report .report_content .comment_right .txt_right{
	width:85%;
	float:right;
	padding-right:35px;
}

.report .report_content .comment_right .txt_right .balloon1-left {
 	position: relative;
	display: inline-block;
	padding: 10px 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	background: #fff;
}
.report .report_content .comment_right .txt_right .balloon1-left:before{
	content: "";
	position: absolute;
	top: 30px;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}
.report .report_content .comment_right .txt_right .balloon1-left p {
	margin: 0;
	padding: 0;
}


.report .report_content .comment_left{
	margin:0 0 20px 10%;
	overflow: hidden;
}
.report .report_content .comment_left .person_right{
	width:12%;
	float:right;
	/*padding-left:5%;*/
}
.report .report_content .comment_left .txt_left{
	width:85%;
	float:left;
	padding-left:35px;
}
.report .report_content .comment_left .txt_left .balloon1-right {
 	position: relative;
	display: inline-block;
	padding: 10px 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	background: #fff;
}
.report .report_content .comment_left .txt_left .balloon1-right:before{
	content: "";
	position: absolute;
	top: 30px;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff;
}
.report .report_content .comment_left .txt_left .balloon1-right p {
	margin: 0;
	padding: 0;
}
.report .report_content .img_report{
	text-align: center;
	margin:30px auto;
	width:78%;
}
@media screen and (max-width: 999px) {
.report .report_content .comment_right .txt_right{
	padding-right:0;
}
.report .report_content .comment_right{
	margin-right:0;
}

.report .report_content .comment_left .txt_left{
	padding-left:0;
}
.report .report_content .comment_left{
	margin-left:0;
}
}
@media screen and (max-width: 779px) {
.report .report_content .comment_right .person_left{
	width:20%;
	padding-right: 5%;
}
.report .report_content .comment_right .txt_right{
	width:80%;
}

.report .report_content .comment_left .person_right{
	width:20%;
	padding-left: 5%;
}
.report .report_content .comment_left .txt_left{
	width:80%;
}
.report .report_content .img_report{
	width:100%;
}
}
@media screen and (max-width: 480px) {
.report .report_content{
	padding:0 0 30px;
}
.report .report_content h3{
	margin:0 0 20px;
}
}

.report .movie_content{
	width:80%;
	margin:0 auto;
	padding:50px 0 0;
}
.report .movie_content h3{
	margin:-75px auto 0;
	width:460px;
}
.report .movie_content .movie_box{
	background: #ffe8e8; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcd6e1 0%, #dbe6f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #fcd6e1 0%,#dbe6f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #fcd6e1 0%,#dbe6f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd6e1', endColorstr='#dbe6f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:40px;
}
.report .movie_content .movie_box .leadtxt{
	margin:40px 0 30px;
	text-align: center;
}
.report .movie_content .movie_box .youtube{
  position: relative;
  width: 100%;
  /* height: 0;
  padding-top: 56.25%; */
  }
.report .movie_content .movie_box .youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 999px) {
.report .movie_content .movie_box .youtube{
	width:100%;
}
}
@media screen and (max-width: 600px) {
/*タイトルがズレるので*/
.report .movie_content h3{
	margin:-50px auto 0;
	width:100%;
}
}
@media screen and (max-width: 779px) {
.report .movie_content{
	width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 480px) {
.report .movie_content{
	padding: 20px 0 0;
}
.report .movie_content h3{
	margin:-75px auto 0;
	width:90%;
	max-width: 460px;
}

.report .movie_content .movie_box{
	padding: 54px 20px 20px;
}
.report .movie_content .movie_box .leadtxt{
	margin:0;
	text-align: center;
	padding:20px 0;
}
}

/*Line up*/
.lineup{
	background: url("../../img/talk_session/bg_lineup.png") repeat 0 0;
}
.lineup .leadtxt{
	padding:30px 0 40px;
	text-align: center;
}

.lineup .basic_lineup{
	background-color: #fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:50px 30px 30px;
	margin:0 0 55px;
}
.lineup .basic_lineup .left_box{
	width:40%;
	display: inline-block;
	padding:0 7%;
	vertical-align: top;
}
.lineup .basic_lineup .left_box h3{
	font-size:2em;
	text-align: center;
	color:#19a782;
	font-weight: bold;
	margin:10px 0 10px;
}
.lineup .basic_lineup .left_box .basictxt{
	font-size:1.2em;
	text-align: center;
	color:#19a782;
	margin:0 0 15px;
}
.lineup .basic_lineup .left_box .itemImg{
	margin:0 0 20px;
}
.lineup .basic_lineup .left_box .btn_green_list{
	text-align: center;
}
.lineup .basic_lineup .left_box .btn_green_list a{
	display: inline-block;
	background-color: #19a782;
	color:#fff;
	padding:15px 70px;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.lineup .basic_lineup .left_box .btn_green_list a:hover{
	background-color: #149674;
}
@media screen and (max-width: 999px) {
.lineup .basic_lineup .left_box{
	padding:0 5% 0 0;
}
.lineup .basic_lineup .left_box h3{
	font-size:1.5em;
}
.lineup .basic_lineup .left_box .basictxt{
	font-size:1em;
}
.lineup .basic_lineup .left_box .itemImg{
	width:80%;
	margin:0 auto 20px;
}
.lineup .basic_lineup .left_box .btn_green_list a{
	padding:15px 0;
	width:80%;
}
}
@media screen and (max-width: 480px) {
/*for sp*/
.lineup .basic_lineup{
	padding:50px 15px 15px;
	margin:0 0 55px;
}
}

.lineup .basic_lineup .right_box{
	background-color: #f7f7f7;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:30px;
	width:59%;
	display: inline-block;
	vertical-align: top;
}

.lineup .basic_lineup .right_box h3{
	width: 90%;
	max-width:292px;
	margin:-50px auto 30px;
}
.lineup .basic_lineup .right_box .lotion{
	margin:0 0 20px;
}
.lineup .basic_lineup .right_box .itemImg{
	display: inline-block;
	vertical-align: top;
	width:40%;
}
.lineup .basic_lineup .right_box .txtBox{
	display: inline-block;
	vertical-align: top;
	width:59%;
	padding:10px 0 0 20px;
}
.lineup .basic_lineup .right_box .txtBox h4{
	font-size:1.2em;
	font-weight: bold;
	margin:0 0 5px;
}
.lineup .basic_lineup .right_box .txtBox p{
	margin:0 0 20px;
}
.lineup .basic_lineup .right_box .txtBox .btn_detail{
	text-align: center;
}
.lineup .basic_lineup .right_box .txtBox .btn_detail a{
	display: inline-block;
	background-color: #19a782;
	color:#fff;
	padding:10px 40px;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.lineup .basic_lineup .right_box .txtBox .btn_detail a:hover{
	background-color: #149674;
}
@media screen and (max-width: 999px) {
.lineup .basic_lineup .right_box .txtBox .btn_detail a{
	width:100%;
	padding:10px 0;
}
}
@media screen and (max-width: 779px) {
/*for tablet*/
.lineup .basic_lineup{
	padding-top: 30px;
	margin-bottom:20px;
}

@media screen and (max-width: 480px) {
/*for sp*/
.lineup .basic_lineup .right_box .txtBox {
    width: 58%;
    padding: 10px 0 0 10px;
}
}


.lineup .basic_lineup .left_box {
    width: 100%;
    display: block;
	padding:0 0 70px;;
}
.lineup .basic_lineup .left_box .itemImg{
	width:50%;
	margin:0 auto 20px;
}
.lineup .basic_lineup .right_box{
	width:100%;
	display: block;
	padding:30px 15px;
}
}

.lineup .other_lineup{
	background-color: #fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:30px 30px 30px;
}
@media screen and (max-width: 480px) {
/*for sp*/
.lineup .other_lineup{
	padding:30px 15px 30px;
}
}

.lineup .other_lineup .liftline{
	width:49%;
	display: inline-block;
	vertical-align: top;
}
.lineup .other_lineup .whiteline{
	width:49%;
	display: inline-block;
	vertical-align: top;
}

.lineup .other_lineup h3{
	text-align: center;
	font-size:1.714em;
	font-weight: bold;

}
.lineup .leadtxt{
	padding:10px 0 40px;
	text-align: center;
}
.lineup .other_lineup .itemImg{
	display: inline-block;
	vertical-align: top;
	width:38%;
}
.lineup .other_lineup .txtBox{
	display: inline-block;
	vertical-align: top;
	width:60%;
	padding:10px 0 0 20px;
}
.lineup .other_lineup .txtBox h4{
	font-size:1.2em;
	font-weight: bold;
	margin:0 0 5px;
}
.lineup .other_lineup .txtBox p{
	margin:0 0 20px;
}
.lineup .other_lineup .liftline .txtBox{
	color:#cb1d5f;
}
.lineup .other_lineup .liftline .txtBox .btn_detail{
	text-align: center;
}
.lineup .other_lineup .liftline .txtBox .btn_detail a{
	display: inline-block;
	background-color: #fc5c98;
	color:#fff;
	padding:10px 40px;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.lineup .other_lineup .liftline .txtBox .btn_detail a:hover{
	background-color: #e5427f;
}

.lineup .other_lineup .whiteline .txtBox{
	color:#0d2489;
}
.lineup .other_lineup .whiteline .txtBox .btn_detail{
	text-align: center;
}
.lineup .other_lineup .whiteline .txtBox .btn_detail a{
	display: inline-block;
	background-color: #0d2489;
	color:#fff;
	padding:10px 40px;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.lineup .other_lineup .whiteline .txtBox .btn_detail a:hover{
	background-color: #0b1d6f;
}
@media screen and (max-width: 999px) {
.lineup .other_lineup .liftline .txtBox .btn_detail a{
	padding:10px 0;
	width: 100%;
}
.lineup .other_lineup .whiteline .txtBox .btn_detail a{
	padding:10px 0;
	width: 100%;
}
}
@media screen and (max-width: 779px) {
/*for tablet*/
.lineup .other_lineup .liftline{
	width:100%;
	display: block;
	margin-bottom:30px;
}
.lineup .other_lineup .whiteline{
	width:100%;
	display: block;
}
}

.lineup .btn_set{
	width:66%;
	margin:90px auto 0;
}
.lineup .btn_set .btn_list{
	width:50%;
	display: inline-block;
}
.lineup .btn_set .btn_list a{
	display: block;
	background-color: #19a782;
	padding:20px 0;
	color:#fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	text-align: center;
	margin-right:10px;
}
.lineup .btn_set .btn_list a:hover{
	background-color: #149674;
}
.lineup .btn_set .btn_detail{
	width:49%;
	display: inline-block;
}
.lineup .btn_set .btn_detail a{
	display: block;
	background-color: #00a1e5;
	padding:20px 0;
	color:#fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	text-align: center;
	margin-left:10px;
}
.lineup .btn_set .btn_detail a:hover{
	background-color: #1999cf;
}
@media screen and (max-width: 999px) {
.lineup .btn_set{
	width:85%;
}
}
@media screen and (max-width: 779px) {
/*for tablet*/
.lineup .btn_set{
	width:100%;
	margin-top:40px;
}
.lineup .btn_set .btn_detail{
	display: block;
	margin:0 auto 0;
	width:80%;
}
.lineup .btn_set .btn_detail a{
	margin-left:0;
}
.lineup .btn_set .btn_list{
	display: block;
	width:80%;
	margin:0 auto 20px;
}
.lineup .btn_set .btn_list a{
	margin-right:0;
}
}

.sns_share {
	padding-top: 20px;
	text-align: center;
	background-color: #573c2b;
	color: #fff;
}

.sns_share a {
	display: inline-block;
	margin: 5px 10px 0;
	width: 47px;
}

/*pagetop*/
#pageTop {
	position: fixed;
 	bottom: 40px;
	right: 40px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px 0 0 2px;
  border-radius: 30px;
  width: 45px;
  height: 45px;
  background-color: #e53085;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 999px) {
/*for sp*/
#pageTop {
 	bottom: 10px;
	right: 10px;
}
}


/*footer*/
.copyright{
	text-align: center;
	padding:20px 0;
	background-color: #573c2b;
	color:#fff;
}