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

				

/* ポッドキャスト
--------------------------------*/
@media screen and (min-width:741px) {
	
#podcast_qr {
		width:100%;
}
.kenpo_pod {
	background:#c3001f;
}

#podcast_qr #wrapper {
	width:700px;
	min-width: 700px;
	max-width: 700px;
	margin: 0 36px 0 6px;
}
	
#podcast_qr header {
	position:relative;
}
#podcast_qr header h1 {
	border-bottom: solid 5px #ee774e;
	padding: 16px;
}
#podcast_qr header h1 img {
	width:340px;
	height:70px;
}	
#podcast_qr header h2 { 
	width:440px;
	height:3.5em;
	color:#000;
	font-size: 25px;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.75em;
	margin: 0 ;
	padding: 16px;
}

#podcast_qr .ch_description {
	padding: 16px 16px 32px;font-weight: initial;
}
#podcast_qr .ch_description a {
	text-decoration:underline;color:#ee774e;
}

#podcast_qr h2 + #podcastEntry {
	position:absolute;
	top: 126px;
	right: 16px;
}
#podcast_qr h2 + #podcastEntry a {
	background: url(/top/common/img/entry_podcast.png) no-repeat;
	width:186px;
	height:76px;
	text-indent: -9999px;
	display:block;
}
#podcast_qr h2 + #podcastEntry a:hover {
	opacity: 0.7;
}
h3 { 
 border: none;
	color:#000;
	font-size: 17px;
	letter-spacing: 0.1em;
 margin: 0 ;
	padding: 16px 0 ;
}
.entryContent {
	background:#f2f2f2;
	color:#333;
 font-size: 13.5px;
	font-weight:normal;
	line-height: 1.75em;
	padding: 0 18px 18px;
	margin:32px 16px;
	display:block;
}
.entryContent a {
    display: contents;
    width: fit-content;
}
.entryContent a img {
	width: 228px;
	height: auto;
	margin-top: 16px ;
	display:block;
}
.entryContent a:hover img {
	opacity: 0.7;
}

#podcast_qr #wrapper iframe.pc {
	display:block;
}
#podcast_qr #wrapper iframe.sp {
	display:none;
}


}



@media screen and (max-width:740px) {
	
.kenpo_pod {
	background:#c3001f;
}

#podcast_qr #wrapper {
	width:auto;
	/*margin: 0 6% 0 0;*/
}
#podcast_qr header {
	position:relative;
}
#podcast_qr header h1 {
	border-bottom: solid 5px #ee774e;
	padding: 16px;
}
#podcast_qr header h1 img {
	width:90%;
}
#podcast_qr header h2 { 
	color:#000;
 font-size: 25px;
 font-weight:bold;
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
	line-height: 1.75em;
 margin: 0 ;
	padding: 16px 16px 8px;
}
#podcast_qr #podcastEntrySp span {
	color:#ee774e;
	font-size: 15.5px;
	font-weight:bold;
	padding: 8px 16px 0;
}
#podcast_qr #podcastEntrySp ul {
	margin: 16px 16px 32px;
}
#podcast_qr #podcastEntrySp li a {
	background:#808080;
	color:#fff;
	font-size:15.5px;
	text-align:center;
	padding:12px;
	display:block;
	margin-bottom: 8px;
}

#podcast_qr .ch_description {
	padding: 16px 1.5em 32px;
}

h3 { 
 border: none;
	color:#000;
	font-size: 17px;
	letter-spacing: 0.1em;
 margin: 0 ;
	padding: 16px 0 ;
}
.entryContent {
	background:#f2f2f2;
	color:#333;
 font-size: 13.5px;
	font-weight:normal;
	line-height: 1.75em;
	padding: 0 18px 18px;
	margin: 0 0 20px;
	display:block;
}
.entryContent img {
	margin-bottom: 16px ;
}
.entryContent a img {
	width: 228px;
	height: auto;
	margin: 16px auto 0 ;
	display:block;
}
.entryContent a:hover img {
	opacity: 0.7;
}

#podcast_qr #wrapper iframe.pc {
	display:none;
}
#podcast_qr #wrapper iframe.sp {
	display:block;
	margin:0 auto;
}


}


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

	#podcast_qr #wrapper iframe.sp {
	max-width:100%;
	overflow: hidden;
}


}