@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : senkyo.css
Description : 衆院選特番CSS
===================================================================== */
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
html {
	font-size: calc(10 / 750 * 100vw);
	overflow-x: hidden;
}


.gDef-contents {
	background: #fff;
	color: var(--black);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 2;
}

/* .set1,
.set1 * {
	position: relative;
} */

.set1 img {
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	html {
		font-size: calc(10 / 1400 * 100vw);
	}

	.gDef-contents {
		font-size: 1.6rem;
	}

	.set1 a {
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.inner {
		width: 100%;
		max-width: 1400px;
		padding: 0 calc(100 / 1400 * 100%);
	}

	.sp {
		display: none !important;
	}

}

@media screen and (min-width: 1400px) {
	html {
		font-size: 10px;
	}

	.inner {
		padding: 0 100px;
	}
}


/* =====================================================================
*    header
* =================================================================== */


#header {
	padding:0;
	position: relative;

}

#header .header_mv  {
	position: relative;
	padding-top: calc(351/750 *100%);
	background: url(../img/bg_header.jpg) no-repeat center top/calc(1920/750 *100%) auto;
}

.header_mv .inner {
	position: absolute;
	top:0;
	left:0;
	right:0;
}
.header_logo {
	width: calc(600/750 *100%);
	margin: calc(48/750 *100%) auto calc(50/750 *100%);
}

.header_ttl {
	width: calc(686/750 *100%);
	margin: 0 auto calc(114/750 *100%);
}

.header_onair {
	background: #6c2363;
	padding: calc(33/750 *100%) 0;
	width: 100%;
}

.header_onair img {
	width: calc(700/750 *100%);
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#header {
	}

	#header .header_mv {
		padding-top: calc(451/1400 *100%);
		background: url(../img/bg_header.jpg) no-repeat center /calc(1920/1400 *100%) auto;
	}
	.header_logo {
		width: calc(800/1200 *100%);
		margin: calc(48/1200 *100%) auto calc(50/1200 *100%);
	}
	.header_ttl {
		width: calc(750/1200 *100%);
		margin: 0 auto calc(111/1200 *100%);
	}
	.header_onair {
		padding: calc(22/1200 *100%) 0;
	}
	.header_onair img {
		width: calc(940/1200 *100%);
	}
}

@media screen and (min-width: 1400px) {
	#header .header_mv {
		padding-top: 451px;
		background: url(../img/bg_header.jpg) no-repeat center / cover;
	}
	.header_onair {
		padding: 22px 0;
	}
}

/* =====================================================================
*    main
* =================================================================== */

/* -----------------------------------------------------------
* intro
* ----------------------------------------------------------- */
.intro {
	padding: 0 0 calc(120/750 *100%);
	background: url(../img/bg_cube.jpg) no-repeat center bottom/calc(1920/750 *100%) auto;
}

.intro .inner p {
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	line-height: 2.4;
}

@media screen and (min-width: 768px) {
	.intro {
		padding: calc(80/1400 *100%) 0 calc(120/1400 *100%);
		background-size:calc(1920/1400 *100%) auto;
	}

}

@media screen and (min-width: 1400px) {
	.intro {
		padding: 80px 0 120px;
		background-size:1920px auto;
	}
}


/* -----------------------------------------------------------
* cast
* ----------------------------------------------------------- */

.cast {
	background: #fafafa;
	padding: calc(100/750 *100%) 0 0;
}

.cast .inner {
	width: calc(680/750 *100%);
	margin: 0 auto;
}

.cast .sec_ttl {
	font-size: 6rem;
	font-weight: 700;
	color: #6c2363;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: calc(60/680 *100%);
}
.cast .sec_ttl::before,
.cast .sec_ttl::after {
	content:"";
	display: inline-block;
	position: absolute;
	top: 0;
}
.cast .sec_ttl::before {
	background: url(../img/img_deco1.png) no-repeat center/contain;
	width:calc(197/680 *100%);
	padding-top:calc(126/680 *100%) ;
	margin-left:calc(-174/680 *100%);
}
.cast .sec_ttl::after {
	background: url(../img/img_deco2.png) no-repeat center/contain;
	width: calc(150/680 *100%);
	padding-top: calc(126/680 *100%);
	margin-right: calc(-111/680 *100%);
}

.cast_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.cast_list li {
	width: 100%;
	margin-bottom: calc(80/680 *100%);
}

.cast_list li dl {
	text-align: center;
}

.cast_list li dl dt {
	width: calc(300/680 *100%);
	margin: 0 auto 1em;
}

.cast_list li dl dd {
	color: #6c2363;
	font-weight: 700;

}

.cast_list li dl dd.cast_txt1 {
	font-size: 2rem;
}

.cast_list li dl dd.cast_txt2 {
	font-size: 2.8rem;
}

.other_txt {
	color: #6c2363;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

.net_box h4 {
	font-size: 3.6rem;
	text-align: center;
	font-weight: 700;
}
.net_box a {
	display: block;
	width:max-content;
	padding:2rem;
	margin:2rem auto;
	background-color: #6c2363;
	color:#fff;
}
.net_box a:hover {
	opacity: .7rem;
}

@media screen and (min-width: 768px) {
	.cast {
		padding: calc(100/1400 *100%) 0 calc(120/1400 *100%);
	}

	.cast .inner {
		width: 100%;
		margin: 0 auto;
	}
	.cast .sec_ttl {
		margin-bottom: calc(120/1200 *100%);
	}

	.cast .sec_ttl::before {
		width: calc(197/1200 *100%);
		padding-top: calc(126/1200 *100%);
		margin-left: calc(-174/1200 *100%);
	}

	.cast .sec_ttl::after {
		width: calc(150/1200 *100%);
		padding-top: calc(126/1200 *100%);
		margin-right: calc(-111/1200 *100%);
	}
.cast_list {
	width: calc(1000/1200 *100%);
	margin:0 auto calc(50/1200 *100%);
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-around;
}

.cast_list li {
	width: calc(280/1000 *100%);
	margin-bottom: 0;
}

.cast_list li dl dt {
	width: 100%;
	margin: 0 auto 1em;
}

.cast_list li dl dd {

}

.cast_list li dl dd.cast_txt1 {
	font-size: 1.6rem;
}

.cast_list li dl dd.cast_txt2 {
	font-size: 2rem;
}

.other_txt {
	font-size: 2rem;
}


.net_box h4 {
	font-size: 3rem;
}

}

@media screen and (min-width: 1400px) {
	.cast {
		padding: 100px 0 10px;
	}
}

/* -----------------------------------------------------------
* banner
* ----------------------------------------------------------- */
.banner {
	padding: calc(80/750 *100%) 0;
	background: url(../img/bg_pattern.jpg) no-repeat center/cover;
}

.banner .inner {
	width: calc(680/750 *100%);
	margin: 0 auto;
}

.banner p {
	text-align: center;
	color:#6c2363;
	font-weight: 700;
	font-size: 2.6rem;
	margin-bottom:1em;
}
.bnr_list {
	/* width: calc(460/680 *100%); */
	width: 100%;
	margin: 0 auto;
}

.bnr_list li {
	/* border-radius: 1rem;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
	        box-shadow: 0 2px 10px rgba(42, 14, 39, .2); */
}

.bnr_list li:not(:last-child) {
	margin-bottom: calc(60/460 *100%);
}

.bnr_list li a {
	display: block;
}

.sub-txt {
	width: 80%;

	margin: 2rem auto;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.banner {
		padding: calc(80/1400 *100%) 0;
		background-size: calc(1920/1400*100%) auto;
	}

	.banner .inner {
		width:100%;
	}

.banner p {
	font-size: 2rem;
}

	.bnr_list {
		width: calc(1000/1200 *100%);
		margin:0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        /* justify-content: space-between; */
						justify-content: center;
	}

	.bnr_list li {
		width: calc(720/1000 *100%);

	}

	.bnr_list li:not(:last-child) {
		margin-bottom: 0;
	}

	.bnr_list li a {
		display: block;
		z-index: 2;
	}
.sub-txt {
	text-align: left;
}
}

@media screen and (min-width: 1400px) {
	.banner {
		padding: 40px 0 80px;
		background-size: 1920px auto;
	}
}

/* -----------------------------------------------------------
* net
* ----------------------------------------------------------- */

.net {
	background: #fafafa;
	padding-top: calc(100/750 *100%);
}

.net .catch {
	width: calc(700/750 *100%);
	margin: 0 auto calc(80/750 *100%);
}

.net_wrap {
	padding-bottom: calc(20/750 *100%);
}

.net_wrap h3 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #6c2363;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: calc(60/690 *100%);
}

.net_wrap h3::before,
.net_wrap h3::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}

.net_wrap h3::before {
	background: url(../img/img_deco1.png) no-repeat center/contain;
	width: calc(125/690 *100%);
	padding-top: calc(80/690 *100%);
	margin-left: calc(-92/690 *100%);
	margin-top: calc(10/690 *100%);
}

.net_wrap h3::after {
	background: url(../img/img_deco2.png) no-repeat center/contain;
	width: calc(96/690 *100%);
	padding-top: calc(71/690 *100%);
	margin-right: calc(-97/690 *100%);
	margin-top: calc(10/690 *100%);
}


.net_wrap,
.net_wrap .cast {
	background: #faf2f6;
}

.net_wrap .inner {
	width: calc(690/750 *100%);
	margin: 0 auto;
	padding-top: calc(26/750 *100%);
}

.net_wrap .sec_ttl1 {
	width: calc(670/690 *100%);
	margin: calc(-52/690 *100%) auto calc(30/690 *100%);
}



.net_box {
	padding: calc(130/690 *100%) calc(30/690 *100%) calc(60/690 *100%);
	margin: 0 auto calc(120/690 *100%);
	border-right: solid 2px #6c2363;
	border-bottom: solid 2px #6c2363;
	border-left: solid 2px #6c2363;
		position: relative;
}

.net_box::before,
.net_box::after {
	content: "";
	display: block;
	width: calc(20/690 *100%);
	height: 2px;
	background: #6c2363;
	position: absolute;
}

.net_box::before {
	top: 0;
	left: 0;
}

.net_box::after {
	top: 0;
	right: 0;
}

.net_date {
	width: calc(630 /690 *100%);
	margin: calc(-60/630 *100%) auto 0;
	padding: calc(40/630 *100%) 0;
	border-top: solid 2px #6c2363;
	border-bottom: solid 2px #6c2363;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.net_box p {
	text-align: left;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 5rem;
}

.net_wrap .cast {
	padding-top: 0;
}


.net_wrap .cast .cast_list li:last-child {
	margin-bottom: 0;
}


.guest {
	width: calc(680/690 *100%);
	margin: calc(40/690 *100%) auto 0;
	background: #fff;
	border-radius: 2rem;
	padding: calc(50/690 *100%);
}

.guest::after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(106, 90, 205, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -10px;
	border-bottom-color: #fff;
	bottom: 100%;
	left: 50%;
}

.net_detail_box {
	background: #fff;
	border-radius: 2rem;
	padding: calc(50/690 *100%);
	margin-bottom: calc(100/690 *100%);
}

.net_detail_txt {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 2.5em;
}

.boshu_box2 {
	border-top: solid 1px #dedede;
	margin-top: 2em;
	padding-top: 1em;
}
.form {
	display: block;
	width: calc(460/590 *100%);
	margin:1em auto 1.5em;
	box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
	border-radius: 0.5em;
	overflow: hidden;
}

.streaming_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-between;
			margin: 0 auto;
}

.streaming_list li {
	/* width: calc(280/690 *100%); */
	border-radius: 1rem;
	overflow: hidden;
	margin: 0 auto;
	-webkit-box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
	        box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
}

.streaming_list li:not(:last-child) {
	margin-bottom: calc(40/690 *100%);
}

@media screen and (min-width: 768px) {
	.net {
		padding-top: calc(100/1200 *100%);
	}

	.net .catch {
		width: calc(710/1200 *100%);
		margin: 0 auto calc(80/1200 *100%);
	}

	.net_wrap {
		padding-bottom: calc(20/1200 *100%);
	}

	.net_wrap h3 {
		margin-bottom: calc(60/1200 *100%);
	}

	.net_wrap h3::before {
		width: calc(125/1200 *100%);
		padding-top: calc(80/1200 *100%);
		margin-left: calc(-92/1200 *100%);
		margin-top: calc(10/1200 *100%);
	}

	.net_wrap h3::after {
		width: calc(96/1200 *100%);
		padding-top: calc(71/1200 *100%);
		margin-right: calc(-97/1200 *100%);
		margin-top: calc(10/1200 *100%);
	}
.net_wrap .inner {
	width: 100%;
	margin: 0 auto;
	padding-top: calc(28/1400 *100%);
}
.net_wrap .sec_ttl1 {
	width: calc(707/1200 *100%);
	margin: calc(-56/1200 *100%) auto calc(10/1200 *100%);
}

.net_box {
	width: calc(1120/1200 *100%);
	padding: calc(130/1200 *100%) calc(130/1200 *100%) calc(60/1200 *100%);
	margin: 0 auto calc(120/1200 *100%);
	border-right: solid 4px #6c2363;
	border-bottom: solid 4px #6c2363;
	border-left: solid 4px #6c2363;

}
.net_box::before,
.net_box::after {
	width: calc(110/1200 *100%);
	height: 4px;
}

.net_date {
	width: calc(828 /1112 *100%);
	margin: calc(-60/1112 *100%) auto 0;
	padding: calc(28/1112 *100%) 0;
	border-top: solid 4px #6c2363;
	border-bottom: solid 4px #6c2363;
}

.net_box p {
	text-align:center;
	font-size: 2.4rem;
	line-height: 2em;
}

/* .net_wrap .cast .cast_list {
	margin-bottom:0;
} */
.net_wrap .cast .cast_list li.w100 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom:calc(80/1000 *100%);
}
.net_wrap .cast .cast_list li.w100 dl {
	width: calc(280/1000 *100%);
}

.net_wrap .cast .cast_list li.w100 .guest {
	width: calc(660/1000 *100%);
	margin:calc(40/1000 *100%) 0 0;
	padding:calc(40/1000 *100%);
}

.guest::after {
	pointer-events: none;
	position: absolute;
	border-color: rgba(106, 90, 205, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -20px;
	margin-top: -10px;
	border-bottom-color: #fff;
	left: 0;
	top: 50%;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
.net_detail {
}
.net_detail_box {
	width: calc(1120/1200 *100%);
	padding: calc(60/1200 *100%) calc(120/1200 *100%);
	margin:0 auto calc(100/1200 *100%);
}

.net_detail_txt {
	font-size: 2.4rem;
}
.boshu_box2 {
	margin-top: 2em;
	padding-top: 1em;
}

.form {
	width: calc(460/1120 *100%);
	border-radius: 0.6em;
}
.boshu_box2 dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.streaming_list {
	width: calc(1000/1200 *100%);
	margin:0 auto;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-around;
}
.streaming_list li {
	width: calc(316/1000 *100%);
}
.streaming_list li:not(:last-child) {
	margin-bottom: 0;
}
.streaming_list li:last-child {
	margin-bottom: 0;
}

}
@media screen and (min-width: 1220px) {
	.net_box {
		width: calc(1220/1920 *100%);
	}
}
@media screen and (min-width: 1400px) {
	.net {
		padding-top: 100px;
	}
	/* .net_wrap {
		padding-bottom:120px;
	} */
	.net_wrap .inner {
		padding-top: 28px;
	}
}

/* -----------------------------------------------------------
* movie
* ----------------------------------------------------------- */

.movie {
	background: #fafafa;
	padding: calc(100/750 *100%) 0 calc(120/750 *100%);
}

.movie .inner {
	width: calc(690 /750 *100%);
	margin: 0 auto;
}

.movie .catch {
	width: calc(548/690 *100%);
	margin: 0 auto calc(80/690 *100%);
}

.movie_wrap {}

.movie_box {
	width: calc(630/690 *100%);
	margin: 0 auto calc(80/690 *100%);
}

/* .movie_box:nth-of-type(1) {
	margin-bottom: calc(80/690 *100%);
} */

.movie_box h3 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	color: #6c2363;
	margin-bottom: 0.5em;
}

.movie_inner {
	background: #faf2f6;
	border-top: solid 2px #6c2363;
	padding: calc(50/630 *100%);
	-webkit-box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
	        box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
}

.movie_area {
	width: 100%;
	border: solid 2px #fff;
	margin: 5rem auto 2rem;
	padding-top: 56.25%;
	position: relative;
}
.movie_area iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.movie_area2 {
	width: 80%;
	border: solid 2px #fff;
	margin: 5rem auto 2rem;
	padding-top: 56.25%;
	position: relative;
}

.movie_area2 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 80%;
}
.movie_ttl,
.movie_txt1 {
	color: #6c2363;
	font-weight: 700;
	text-align: center;

}
.movie_txt1 {
	margin:0.5em auto;
}

.movie-next {
	margin: 0 auto;
	width: 90%;
}

.next-box {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

@media screen and (min-width: 768px) {
	.movie {
		padding: calc(100/1400 *100%) 0 calc(120/1400 *100%);
	}
	.movie .inner {
		width: 100%;
		margin: 0 auto;
	}
	.movie .catch {
		width: calc(549/1200 *100%);
		margin: 0 auto calc(80/1200 *100%);
	}
	.movie_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.movie_box {
		width: calc(380/1200 *100%);
	}
	/* .movie_box:nth-of-type(1) {
		margin-bottom: 0;
	} */
	.movie_box h3 {
		font-size: 2.6rem;
		margin-bottom: 0.2em;
	}
	.movie_inner {
		padding: calc(30/520 *100%) calc(50/520 *100%);
		-webkit-box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
		        box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
						height: 100%;
	}
	.movie_ttl {
		margin-bottom:0.5em;
	}
	.movie_txt1 {
		font-size: 1.8rem;
	}
	.movie_txt2 {
		font-size: 1.4rem;
	}

.movie-next {
	width: calc(750 / 964 * 100%);
	margin: 2rem auto;
}

}

@media screen and (min-width: 1400px) {
	.movie {
		padding: 100px 0 120px;
	}

}

/* -----------------------------------------------------------
* sns
* ----------------------------------------------------------- */
.sns {
	padding: calc(80/750 *100%) 0 calc(160/750*100%);
	background: url(../img/bg_pattern.jpg) no-repeat center/cover;
		position: relative;
}

.sns .inner {
	width: calc(630 /750 *100%);
	margin: 0 auto;
}

.sns .sns_txt {
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
}

.sns_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	margin-top: calc(60/630 *100%);
}

.sns_list li {
	width: 8rem;
	border-radius: 4rem;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
	        box-shadow: 0 2px 10px rgba(42, 14, 39, .2);
					position: relative;
}

.sns_list li a {
	display: block;
	padding-top: 8rem;
	position: relative;
	z-index: 2;
}

.sns_list li::after {
	content: "";
	display: block;
	width: 8rem;
	height: 8rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.sns_list li:nth-child(1)::after {
	background: url(../img/icon_twitter.png) no-repeat center/4rem auto;
}

.sns_list li:nth-child(2)::after {
	background: url(../img/icon_yahoo.png) no-repeat center/80% auto;
}

.sns_list li:nth-child(3)::after {
	background: url(../img/icon_youtube.png) no-repeat center/4rem auto;
}

.sns_list li:nth-child(4)::after {
	background: url(../img/icon_tiktok.png) no-repeat center/3rem auto;
}

.sns_list li:nth-child(5)::after {
	background: url(../img/icon_line.png) no-repeat center/4rem auto;
}

/* 2021.10.22 add */
.i-circle { color: #6c2363;}

@media screen and (min-width: 768px) {
	.sns {
		padding: calc(80/1400 *100%) 0 calc(160/1400*100%);
		background-size: calc(1920/1400 *100%) auto;
	}

	.sns .inner {
		width: 100%;
	}
	.sns .sns_txt {
		font-size: 3.4rem;
	}
	.sns_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: calc(60/1200 *100%);
	}
	.sns_list li {
		margin:0 calc(20/1200 *100%);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
	}
	.sns_list li:hover  {
		background: #faf2f6;
	}



}

@media screen and (min-width: 1400px) {
	.sns {
		padding: 80px 0 160px;
		background-size: 1920px auto;
	}
}

/* =====================================================================
* live
* =================================================================== */
.live {
  padding: calc(60 / 750 * 100%) 0 calc(80 / 750 * 100%);

}
.live h2 {
	width:60%;
	margin:0rem auto 2rem;
}

h2 img {
	width:100%;
}

.live .movie_wrap {
  z-index: 3;
  width: 100%;
  padding-top: 56.25%;
	position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
			margin: 0 auto;
}

.live .movie_wrap iframe {
  width: 100%;

  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

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

  .live {
    padding: calc(80 / 1400 * 100%) 0 calc(80 / 1400 * 100%);
  }
  .live {
    max-width: 1400px;
    padding: 0 calc(60/1400 *100%) 60px;
  }
.live h2 {
	width:600px;

}


@media screen and (min-width: 1400px) {
  .live {
    padding: 30px 0 60px;
		margin:0 auto;
  }

}