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


/* Reset
------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
address,em { font-style: normal; }
strong,th { font-weight: normal; }
.form-table table tr th {
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th { text-align: left; }
legend { display: none;	}
img,fieldset { border: 0; }
img { vertical-align: middle; }
li { list-style-type: none; }
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol { margin: 0px; }
ul { padding: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
*:first-child+html body {
	font-size: 64.5%; /*IE Hack*/
}
html {
	overflow-y: scroll; /*ページ切り替え時のガタつき防止*/
	-webkit-text-size-adjust: none /*PC上とスマフォで文字サイズ固定&スマフォの縦と横画面で文字サイズ固定*/
}
img {
    box-shadow: #000 0 0 0;/*firefoxのfadeのずれ調整*/
} 
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0; /*IE以下のfadeのずれ調整*/
}

/* Reset 追加
------------------------------------------------------------*/
/* base.css */
.morse-main-wrap p,
.morse-advance-wrap p,
.morse-season-wrap p,
.morse-snsArea p{
	line-height: 2em;
}
/* structure.css */
#main{
    padding-bottom: 0;
}

/* layout
------------------------------------------------------------
------------------------------------------------------------*/

/* common */
.morse-main-wrap,
.morse-advance-wrap,
.morse-season-wrap,
.morse-snsArea{
	width: 100%;
	height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 2em;
    color: #333;
    background-color: #fff;
    text-align: left;
}

/* morse トップイメージ＆メインコンテンツ */

.morse-main-wrap{
	width: 100%;
	margin: 0;
	padding: 50px 0 90px 0;
	position:relative;	
	background-size: 574px auto,contain;
	background-repeat: no-repeat,no-repeat;
	background-position: top 20px left 20px,top center;
	background-image: url("../img/text_morse.svg"),url("../img/morse_main_bk.jpg");
}
.morse-main{
	width: 100%;
	height: 538px;
	max-width: 1200px;
	margin: 0 auto;
	background-size: 892px 538px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../img/morse_main_2x.png");
}
.morse-main p{
	width: 262px;
	height: 48px;
	padding: 126px 0 50px 0; 
}
.morse-main h2{
	width: 100%;
	max-width: 653px;
	height: auto;
}
.morse-text-endeavour{
	width: 748px;
	height: 167px;
	position:absolute;
	top: 470px;
	right: 20px;
}
.morse-text-endeavour img{
	width: 100%;
	height: auto;
}
.morse-lead{
	width: 100%;
	max-width: 1200px;
	margin: 100px auto;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 0 0 4px #000000; 
}
.morse-contet-wrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
.morse-contet-wrap-re{
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.morse-contet-wrap > div,
.morse-contet-wrap-re > div{
	width: 50%;
}
.morse-contet-wrap > div img,
.morse-contet-wrap-re > div img{
	width: 100%;
	height: auto;
}
.morse-contet-wrap .morse-contet{
	width: 98%;
	padding: 30px 20px;
	box-sizing: border-box;
	box-shadow: 0 0 8px #a3a3a3;
	background: #ffffff;
}
.morse-contet-wrap .morse-contet-h3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.4em;
	font-weight: 600;
	font-size: 32px;
	color: #aa4e00;
	border-bottom: solid 1px #aa4e00;
}
.morse-contet-wrap .morse-contet-h3 span{
	font-size: 20px;
}
.morse-contet-text{
	font-size: 16px;
}
.morse-contet-text span{
	padding: 2px;
	background-color: #f9efe8;
	font-weight: 600;
}
.morse-contet-wrap-re .morse-contet{
	width: 98%;
	padding: 30px 20px;
	margin-left: 2%;
	box-sizing: border-box;
	box-shadow: 0 0 8px #a3a3a3;
	background: #ffffff;
}
.morse-contet-wrap-re .morse-contet-h3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.4em;
	font-weight: 600;
	font-size: 32px;
	color: #00728c;
	border-bottom: solid 1px #00728c;
}
.morse-contet-wrap-re .morse-contet-text span{
	padding: 2px;
	background-color: #e1e9ea;
	font-weight: 600;
}
.morse-cast-h2{
	width: 173px;
	height: 68px;
	margin: 100px auto 30px auto;
}
.morse-cast-h2 img{
	width: 100%;
	height: 100%;
}
.morse-cast{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.morse-cast div {
	width: 49%;
	width: -webkit-calc(50% - 5px) ;
	width: calc(50% - 5px) ;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #f2f2f2;
	box-sizing: border-box;
}
.morse-cast-h3{
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.4em;
	font-weight: 600;
	font-size: 20px;
	color: #575757;
	border-bottom: solid 1px #ffffff;
}
.morse-cast p {
	font-size: 16px;
}

/* morse 先行放送（後ほど削除） */

.morse-advance-wrap{
	width: 100%;
	margin: 0;
	padding: 100px 0;	
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/morse_sub_bk.jpg");
}
.morse-advance-wrap p:first-child{
	font-weight: 600;
	font-size: 32px;
	color: #ffffff;
	text-shadow: 0 0 8px #000000;
}
.morse-advance-wrap p:nth-of-type(2){
	padding-top: 30px;
	font-weight: 600;
	font-size: 40px;
	color: #ffffff;
	text-shadow: 0 0 8px #000000;
}
.morse-advance-date{
	width: 100%;
	max-width: 700px;
	margin: 30px auto 0 auto;
	padding: 15px 0;
	background-color: #ffffff;
	box-sizing: border-box;
	box-shadow: 0 0 8px #333333;
	font-weight: 600;
	line-height: 1.4em;
	font-size: 32px;
}
.morse-advance-date span{
	color: #c6000b;
	font-size: 40px;
}


/* morse 番組へのリンク */
.morse-season-wrap{
	padding: 100px 0;
	background-color: #f9efe8;
}
.morse-season{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.morse-season > div{
	width: 49%;
}
.morse-season > div > a > img{
	width: 100%;
	height: auto;
}
.morse-season > div > a:hover > img{
	opacity: 0.6;
	transition: all 0.3s ease 0s;
}
.morse-season-details{
	padding: 20px 10px 0 10px;
}
.morse-season-title{
	padding-bottom: 10px;
	font-weight: 600;
	line-height: 1.4em;
	font-size: 20px;
}
.morse-season-start span{
	padding: 8px;
	font-weight: 600;
	line-height: 1.4em;
	font-size: 20px;
	background-color: #575757;
	color: #ffffff;
}
.morse-season-date{
	margin-bottom: 10px;
	padding: 10px 0;
	font-weight: 600;
	line-height: 1.4em;
	font-size: 20px;
	border-bottom: solid 1px #575757;
}
.morse-season-date span:first-child{
	color: #00728c;
}
.morse-season-date span:not(:first-child){
	color: #c6000b;
}
.morse-season-story{
	padding-bottom: 10px;
	font-size: 14px;
}
.morse-copy{
	font-size: 10px;
	line-height: 1.2em;
}
.morse-btn{
	width: 240px;
	hight: 45px;
	margin: 30px auto 0 auto;
	display: block;
	text-align: center;
	font-weight: 600;
	line-height: 45px;
	font-size: 16px;
	color: #ffffff;
	background-color: #aa4e00;
	text-decoration: none;
	border-radius: 6px;
	background-size: 8px 12px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-image: url("../img/arrow.svg");
}
.morse-btn:hover{
	opacity: 0.6;
	transition: all 0.3s ease 0s;
    text-decoration: none;
}


/* sns */

.morse-snsArea{
	width: 100%;
	margin: 0 auto;
    padding: 30px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.morse-snsArea li{
	width: 72px;
	height: 54px;
	margin: 0 20px;
	text-align: center;
}
.morse-snsArea li:first-child{
	background-size: 72px 54px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/btn_twitter_2x.png");
}
.morse-snsArea li:nth-of-type(2){
	background-size: 72px 54px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/btn_facebook_2x.png");
}
.morse-snsArea li:nth-of-type(3){
	background-size: 72px 54px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/btn_line_2x.png");
}
.morse-snsArea li a{
	width: 72px;
	height: 54px;
	padding-top: 40px;
	box-sizing: border-box;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	line-height: 1em;
	display: block;
}
.morse-snsArea li:hover{
	opacity: 0.6;
	transition: all 0.3s ease 0s;
}



/* メインイメージのレスポンシブ調整
------------------------------------------------------------
------------------------------------------------------------*/
/* 背景画像の調整 */
@media screen and (min-width:401px) and ( max-width:1400px) { 

	.morse-main-wrap{
		background-size: 40% auto,1400px auto;
		background-repeat: no-repeat,no-repeat;
		background-position: top 20px left 20px,top center;
		background-image: url("../img/text_morse.svg"),url("../img/morse_main_bk.jpg");
	}	
	
}
/* メイン画像＆リード文の調整 */
@media screen and (min-width:654px) and ( max-width:892px) {
	
	.morse-main{
		width: 100%;
		height: 100%;
		max-height: 623px;
		max-width: 1200px;
		margin: 0 auto;
		background-size: 80% auto, contain;
		background-repeat: no-repeat,no-repeat;
		background-position: bottom right 10px,center top;
		background-image: url("../img/text_endeavour.png"),url("../img/morse_main_2x.png");
	}
	.morse-main h2{
		padding-bottom:  50px;
	}
	.morse-text-endeavour{
		display: none;
	}	
	.morse-lead{
		width: 90%;
		margin: 60px auto 60px auto;;
		text-align: left;
	}		
	
}
/* リード文の調整 */
@media screen and (min-width:415px) and ( max-width:653px) {

	.morse-main{
		width: 100%;
		height: 100%;
		max-height: 623px;
		max-width: 1200px;
		margin: 0 auto;
		background-size: 80% auto, contain;
		background-repeat: no-repeat,no-repeat;
		background-position: bottom right 10px,center top;
		background-image: url("../img/text_endeavour.png"),url("../img/morse_main_2x.png");
	}
	.morse-main h2{
		padding-bottom:  50px;
	}
	.morse-text-endeavour{
		display: none;
	}	
	.morse-lead{
		width: 90%;
		margin: 30px auto 60px auto;;
		text-align: left;
	}	
	
}
/* メインイメージSP用レイアウト変更 */
@media screen and  ( max-width:414px) {
	
	.morse-main-wrap{
		width: 100%;
		margin: 0;
		padding: 30px 0 50px 0;
		position:relative;	
		background-size: 200px auto,contain;
		background-repeat: no-repeat,no-repeat;
		background-position: top 10px left 10px,top center;
		background-image: url("../img/text_morse.svg"),url("../img/morse_main_bk_sp.jpg");
	}
	.morse-main{
		width: 100%;
		height: 350px;
		max-width: 1200px;
		margin: 0 auto;
		background-size: 70% auto,90% auto;
		background-repeat: no-repeat,no-repeat;
		background-position: bottom 40px right 10px,top 50px center;
		background-image: url("../img/text_endeavour.png"), url("../img/morse_main_sp.png");
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.morse-main p{
		width: 200px;
		height: auto;
		padding: 0; 
	}
	.morse-main h2{
		width: 90%;
		height: auto;
		padding-bottom:  0;
	}
	.morse-text-endeavour{
		display: none;
	}

	.morse-lead{
		width: 90%;
		margin: 30px auto 60px auto;
		text-align: left;
		font-size: 16px;
	}
	
}




/* スマホの表示
------------------------------------------------------------
------------------------------------------------------------*/

@media screen and ( max-width:767px )
{
	
/* morse メインコンテンツ - SP */

.morse-contet-wrap{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.morse-contet-wrap-re{
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.morse-contet-wrap > div,
.morse-contet-wrap-re > div{
	width: 90%;
	margin-bottom: 30px; 
}
.morse-contet-wrap .morse-contet{
	width : 100% ;
	padding: 20px;
}
.morse-main h2{
	width: 90%;
	height: auto;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0px !important;
}
.morse-contet-wrap .morse-contet-h3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.2em;
	font-size: 28px;
	color: #aa4e00;
	border-bottom: solid 1px #aa4e00;
}
.morse-contet-wrap .morse-contet-h3 span{
	font-size: 20px;
}
.morse-contet-text{
	font-size: 16px;
	line-height: 1.6em;
}
p.morse-contet-text{
	line-height: 1.6em;
}    
.morse-contet-text span{
	padding: 0;
}
.morse-contet-wrap-re .morse-contet{
	width: 100%;
	padding: 20px;
	margin-left: 0;
}
.morse-contet-wrap-re .morse-contet-h3{
	font-size: 28px;
}
.morse-cast-h2{
	width: 160px;
	height: auto;
	margin: 30px auto 30px auto;
	padding: 0 !important;
	background-color: #ffffff !important;
	background-image: none !important;
	border-top: none !important;
}
.morse-cast{
	width: 90%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.morse-cast div {
	width: 100%;
}
.morse-cast-h3{
	line-height: 1.4em;
	font-size: 16px;
}
.morse-cast p {
	font-size: 14px;
	line-height: 1.6em;
}

/* morse 先行放送（後ほど削除） - SP */

.morse-advance-wrap{
	width: 100%;
	margin: 0;
	padding: 60px 0;	
}
.morse-advance-wrap p:first-child{
	width: 90%;
	margin: 0 auto;
	font-size: 22px;
	line-height: 1.4em;
}
.morse-advance-wrap p:nth-of-type(2){
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 28px;
}
.morse-advance-date{
	width: 90%;
	line-height: 2em;
	font-size: 22px;
}
.morse-advance-date span{
	font-size: 28px;
}


/* morse 番組へのリンク - SP */
.morse-season-wrap{
	padding: 60px 0 0 0;
}
.morse-season{
	width: 90%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.morse-season > div{
	width: 100%;
}
.morse-season-details{
	padding: 10px 0 60px 0;
}
p.morse-season-title{
	line-height: 1.4em;
}
p.morse-season-date{
	line-height: 1.4em;
}    
p.morse-season-story{
	line-height: 1.6em;
}

/* sns - SP */

.morse-snsArea li{
	margin: 0 10px;
}
	
}

/* PCとスマホの非表示指示
------------------------------------------------------------*/


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

.pc-none {
	display: none;
}
}

@media screen and ( max-width:767px )
{

.sp-none {
	display: none;
}
}