@charset "utf-8";
/* Reset CSS
--------------------------------------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
  padding: 0;
  margin: 0;
  line-height: 1.8em;
}
a{
	text-decoration:none;
}
table {
  border-spacing: 0;
}
fieldset,img {
  border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-weight: normal;
  font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
  list-style: none;
  margin:0;
  padding:0;
}
caption,th {
  text-align: left;

}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 100%;
  margin:0;
  padding:0;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border: 0;
}


/* Main Style CSS
--------------------------------------- */
html, body {
    height: 100%;
}
body{
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #444;
	background-color: #fff;
}
*{
  margin:0;
  padding:0;
  border:0;
}
#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	position: relative;
}
/*---- text style ----*/
p{
  font-size: 0.95em;
  line-height: 1.9em;
}
h1 a {
	color: #eee;
}
.titleSub {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	padding:0 20px 20px 0;
  line-height: 1;
}
.titleSub span {
	font-size: 0.9em;
	margin-right: 1em;
}
.txtWrap h3.ttlSubBg {
	font-size: 2em;
	margin-bottom: 20px;
}
h2 {
  font-size: 2.8em;
  color: #fff;
}
h3 {
  font-size: 1.4em;
}
#pageLoading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 1);
	z-index: 9998;
}
#pageLoader {
	width: 80px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	z-index: 9999;
}
/*---- header ----*/
#wrapper #header {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 47px;
	z-index: 70;
	padding: 0;
	margin:0;
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.9);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	/*background: rgba(255, 255, 255, 0);*/
}
#headlogo {
	width: 70px;
	margin: 12px 10px 0 10px;
	float: left;
}
#headerTitle {
	float: left;
	padding: 15px 20px 0 10px;
}
#headerTitle h1 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	color: #eee;
	font-weight: bold;
}

#headerTitle h1 a {
	color: #eee;
}

#headerNavWrap {
	font-size:0.9em;
	float: left;
}
#headerNavWrap ul.headerNav {
	margin:0;
	padding:0;
	width:auto;
}
#headerNavWrap ul.headerNav a {
	display:block;
	text-decoration: none;
	color: #eee;
	padding: 0 20px;
	margin:17px 0 16px 0;
	line-height: 1;
	border-left: 1px solid #ccc;
}
#headerNavWrap li.headerNavList {
	float:left;
	width:auto;
	cursor:pointer;
}
#headerNavWrap li.headerNavList > ul {
	position:absolute;
	margin:0;
	padding:0;
	width:auto;
}
#headerNavWrap li.headerNavList > ul > li {
	padding: 15px 20px;
	background: rgb(50, 50, 50);
  background: rgba(50, 50, 50, 0.85);
  color: #eee;
}
#headerNavWrap li.headerNavList > ul > li.listTitle {
	padding: 9px 20px;
	border-bottom: 1px dotted #ccc;
}
#headerNavWrap li.headerNavList > ul > li > a {
	margin:0;
	padding:0;
	border: none;
	font-weight: normal;
}
#headerNavWrap li.headerNavList > ul > li.listTitle:hover {
	cursor: default;
	background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
}
#headerNavWrap li.headerNavList > ul > li.navHn {
	cursor: default;
	background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
}
#headerNavWrap li.headerNavList > ul > li.navHn:hover {
	cursor: default;
	background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
}
#headerNavWrap li.headerNavList > ul > li > a.bld {
	font-weight: bold;
}
#headerNavWrap li.headerNavList > ul li:hover {
	background: rgb(80, 80, 80);
  background: rgba(80, 80, 80, 0.9);
}
#navBtn {
	display: none;
	float: left;
	width: 31px;
	height: 31px;
	margin: 10px 10px 0;
	cursor: pointer;
	background: url(http://www.asahicom.jp/special/yoshida_report/images/navNarIcon.png);
}
#header .navNrAc {
	background: url(http://www.asahicom.jp/special/yoshida_report/images/navNarIconCls.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

#navBtn {
	display: none;
	float: left;
	width: 31px;
	height: 31px;
	margin: 10px 10px 0;
	cursor: pointer;
	background: url(http://www.asahicom.jp/special/yoshida_report/images/navNarIconRt.png);
	background-size: 100%;
}
#header .navNrAc {
	background: url(http://www.asahicom.jp/special/yoshida_report/images/navNarIconRtCls.png);
	background-size: 100%;
}

}

#navNarrow {
	display: none;
	width: 100%;
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 3;
}
#navNarrow li.bld {
	font-weight: bold;
}
#navNarrow li {
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
	background: rgb(50, 50, 50);
  background: rgba(50, 50, 50, 0.85);
}
#navNarrow li a {
	color: #eee;
	font-size: 0.8em;
}
#navNarrow li:hover {
	background: rgb(80, 80, 80);
  background: rgba(80, 80, 80, 0.9);
}
.hdNavAc {
	background: rgb(80, 80, 80);
  background: rgba(80, 80, 80, 0.9);
}
#wrapper .txtWrap .nextInfo {
	color:#A32525;
	font-weight: bold;
	text-align: right;
	margin: 20px 10px 0 0;
}
#wrapper .txtWrap .nextInfo a {
	color:#A32525;
}
#wrapper .txtWrap .nextInfo a:hover {
	color: #B85F5F;
}
#scrlBtn {
  position: fixed;
  bottom: 6%;
  left: 50%;
  width: 50px;
  margin-left: -25px;
}
.picWrap {
	position: relative;
}
.loginBtnWrap a:hover {
	filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  opacity:0.8;
}

ul.nav li.bdHnL {
  border-left: 1px solid #ccc;
}

ul.snsBtn { 
	display: block;
	float: right;
	margin: 14px 5px 0 0;
	overflow: hidden;
}
ul.snsBtn li {
	margin-top: 0;
	float: left;
	margin: 0 10px 0 0;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1em;
}
#twiNum,
#fbNum {
	margin-right: 10px;
  font-size: 0.8em;
	line-height: 1.4;
}
#twiNum {
  padding-right: 15px;
	border-right: 1px solid #ccc;
}
#twiNum a,
#fbNum a {
	color: #eee;
}
#twiNum a:hover,
#fbNum a:hover {
	text-decoration: underline;
}

/*---- section style ----*/
#scrollValue {
  position: fixed;
  top: 50px;
  left: 50px;
  z-index: 100;
}

#wrapper > div {
  min-width: 100%;
  background: no-repeat 50% 0 fixed;
  margin: 0 auto;
  position: relative;
}

#wrapper #sectionBtm {
	display: block;
	width: 100%;
  height: auto;
  z-index: 10;
  position:relative;
}

#wrapper .inner {
  height: 100%;
  /* *height:auto; */
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
}
.txtWrapTop {
  width: 700px;
  margin: 0 auto;
  padding: 300px 10px;
}
.txtWrap {
  width: 700px;
  *height:100%;
  margin: 0 auto;
  padding: 80px 10px;
}
.txtWrap h2 {
	margin-bottom: 30px;
	line-height: 1;
}
.txtWrap h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1;
}
.txtWrap  .headTxt {
	padding: 0 0 60px 0;
	font-size: 1em;
	line-height: 2;
}
.txtWrap p {
  margin:0 0 0 0;
  padding: 0 0 20px 0;
}
.txtWrap p.txtLg {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size: 1.4em;
	margin: 50px 0;
	padding-bottom: 10px;
	color: #917407;
}
.txtSec {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 60px 0 40px;
	margin: 60px 0;
}
.txtWrap img {
  margin:20px 0 0 0;
}
.txtWrap .capImg {
  margin:0;
  padding: 0 0 20px 0;
  color: #888;
  font-size: 0.8em;
  line-height: 1.8;
}
.capImgBg {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 0.8em;
  color: #fff;
  text-align: right;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.txtxdc {
	width:70%; 
  position: absolute;
  bottom: 23%;
  left: 50%;
  font-size: 0.85em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -37%;
	z-index: 10;
}
.txtxdd {
	width:70%; 
  position: absolute;
  bottom: 23%;
  left: 50%;
  font-size: 0.85em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -37%;
	z-index: 10;
}
.txtxdc a {
	color: #EC6C6C;
	text-decoration: underline;
}
.txtxdd a {
	color: #EC6C6C;
	text-decoration: underline;
}
#wrapper span.txtdcf{
	text-decoration: underline;
	color: #ff0000;
	font-weight: bold;
}
.capImgBgNs {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 0.8em;
  color: #888;
  text-align: right;
}
.red {
	color: #A32525;
	font-weight: bold;
}
.txtLine {
	letter-spacing: -5px;
}
.txtWrap .loginBtn {
  margin: 20px 0;
}
.txtWrap .loginBtn a:hover {
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  opacity:0.8;
}

#wrapper .ls01 {letter-spacing: -1px;}

#wrapper .bdTn {border-top:none;}
#wrapper .bdBn {border-bottom:none;}

#wrapper .mgT0 {margin-top: 0;}
#wrapper .mgT20 {margin-top: 20px;}
#wrapper .mgT40 {margin-top: 40px;}
#wrapper .mgT50 {margin-top: 50px;}
#wrapper .mgT60 {margin-top: 60px;}
#wrapper .mgT80 {margin-top: 80px;}

#wrapper .mgB0 {margin-bottom: 0;}
#wrapper .mgB20 {margin-bottom: 20px;}
#wrapper .mgB40 {margin-bottom: 40px;}
#wrapper .mgB50 {margin-bottom: 50px;}
#wrapper .mgB60 {margin-bottom: 60px !important;}
#wrapper .mgB80 {margin-bottom: 80px;}

#wrapper .pdT0 {padding-top: 0;}
#wrapper .pdT20 {padding-top: 20px;}
#wrapper .pdT40 {padding-top: 40px;}
#wrapper .pdT50 {padding-top: 50px;}
#wrapper .pdT60 {padding-top: 60px;}
#wrapper .pdT120 {padding-top: 120px;}

#wrapper .pdB0 {padding-bottom: 0;}
#wrapper .pdB20 {padding-bottom: 20px;}
#wrapper .pdB40 {padding-bottom: 40px;}
#wrapper .pdB50 {padding-bottom: 50px;}
#wrapper .pdB60 {padding-bottom: 60px;}

#wrapper .bdTp {
	border-top: 1px solid #e0e0e0;
}
#wrapper .bdBt {
	border-bottom: 1px solid #e0e0e0;
}

/*audio*/
#wrapper .audiojs .progress {
/*	background: #fff;*/
}
#wrapper .audioParts {
width: 460px;
height:60px;
margin: 50px auto 120px;
}
#wrapper .audioParts span {
color: #666;
margin: 0 0 8px 0;
}
.audiojs {
background: #fff;
background-image: none;
height:60px;
border:solid 1px #ddd;
border-radius:6px;
-webkit-box-shadow: ;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#wrapper .audiojs .play-pause {
width: 50px;
height: 50px;
margin: 5px 0px 5px 10px;
padding:0;
float: left;
overflow: hidden;
border-right: 0px !important;
}
.audiojs .scrubber {
border-top: 1px solid #383838;
background: #888;
}
.audiojs .loaded {
background: #555;
}
.audiojs .progress {
background: #e43f45;
border-right:1px solid #ff6666;
}


.audiojs .time {
color:#ddd;
font-size:14px;
font-family:'arial narrow',sans-serif;
border-left: none;
color: #ddd;
text-shadow: none;
}

.audiojs .time em,
.audiojs .time strong{
color:#888;
}
.audiojs p {
display: none;
width: 60px;
height: 60px;
margin: 0px;
cursor: pointer;
}

.audiojs .play {
background: url("http://www.asahicom.jp/special/yoshida_report/js/player-graphics-large-gray.gif") 0px 0px no-repeat;
}
.audiojs .pause {
background: url("http://www.asahicom.jp/special/yoshida_report/js/player-graphics-large-gray.gif") 0px -50px no-repeat;
}
.audiojs .loading {
background: url("http://www.asahicom.jp/special/yoshida_report/js/player-graphics-large-gray.gif") 0px -100px no-repeat;
}
.audiojs .error {
background: url("http://www.asahicom.jp/special/yoshida_report/js/player-graphics-large-gray.gif") 0px -150px no-repeat;
}


.audiojs .scrubber {
border-top: 1px solid #383838;
background: #888;
cursor: pointer;
position: relative;
float: left;
width: 280px;
height: 4px;
margin: 28px 10px;
border-left: 0px;
border-bottom: 0px;
overflow: hidden;
border-radius: 2px;
}
.audiojs .progress {
background: #e43f45;
border-right: 1px solid #ff6666;
}
.audiojs .loaded {
position: absolute;
top: 0px;
left: 0px;
height: 4px;
width: 0px;
}
.audiojs .time {
color: #ddd;
font-size: 12px;
line-height: 1;
font-family: sans-serif;
margin: 25px 0 0 0;
padding: 0 6px;
}

audio {
	visibility:hidden;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	height: 100%;
}

/* langBtn */
#langBtnTop {
	position: fixed;
	top: 19%;
	left: 50%;
	width: 142px;
	margin-left: -71px;
	margin-top: 195px;
}
#langBtn {
	position: fixed;
	top: 31%;
	left: 50%;	
	width: 142px;
	margin-left: -71px;
}
.langBtn01 {
	top: 21% !important;
}
#langBtnTop img, #langBtn img {
	width: 142px;
}
#langBtnTop a:hover,
#langBtn a:hover,
.langBtn a:hover {
	filter:alpha(opacity=70); 
  -moz-opacity:0.7; 
  opacity:0.7;
}

/*---- footer ----*/

/* Footer
==================== */
#Footer{
display: block;
width:100%;
height:100%;
margin:44px auto 0;
padding:0;
background:#EBEBE4;
border-top:1px solid #E1E1DA;
}
/* ToTop
==================== */
#Footer #ToTop{
width:100%;
padding:0;
margin:0 auto;
position:relative;
top:-24px;
right: 50px;
}
#Footer #ToTop #ToTopInner{
position:relative;
/*
width:980px;
_width:1000px;
*/
height:29px;
margin:0 auto;
padding:0 10px;
}
#Footer #ToTop #ToTopInner p{
display:block;
float:right;
position:absolute;
right:10px;
height:23px;
_height:29px;
margin:0;
padding:0 10px 0;
background:#EBEBE4;
border-top: 1px solid #E1E1DA;
border-right: 1px solid #E1E1DA;
border-left: 1px solid #E1E1DA;
}
#Footer #ToTop #ToTopInner p a{
color:#696962;
font-size:70%;
font-weight:bold;
}
#Footer #ToTop #ToTopInner p a:hover,
#Footer #ToTop #ToTopInner p a:active{
color:#373730;
text-decoration:none;
}
/* FooterInner
==================== */
#Footer #FooterInner{
width:100%;
padding:0;
margin:0 auto;
background:#EBEBE4;
text-align: center;
}
/* AboutSite
==================== */
#Footer .AboutSite{
/*
width:980px;
_width:1000px;
*/
width:768px;
margin:0 auto;
padding:0 10px;
}
#Footer .AboutSite ul{
margin:0;
padding:0 0 12px;
}
#Footer .AboutSite ul li{
display:inline;
float:left;
margin:0;
padding:0 0 8px;
color:#696962;
font-weight:normal;
text-align:left;
}
#Footer .AboutSite ul li a{
display:block;
margin:0 0 0 11px;
padding:0 0 0 13px;
border-left:1px solid #D7D7D0;
color:#696962;
font-size:75%;
line-height:1.1;
}
#Footer .AboutSite ul li a:hover,
#Footer .AboutSite ul li a:active{
color:#373730;
}
#Footer .AboutSite ul li.Fst a{
margin-left:0;
padding-left:0;
border-left:none;
}
#Footer .AboutSite .Copyright{
clear:both;
margin:0;
padding:0 0 10px;
}
#Footer .AboutSite .Copyright p{
margin:0;
padding:0 0 8px;
color:#696962;
font-size:75%;
text-align:left;
}
#wrapper .infoTxt {
	font-size: 1em;
	font-weight: bold;
}

/* clear fix
==================== */
#Footer #FooterInner:after,
#Footer .AboutSite ul:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
/* IE7 */
*:first-child+html #Footer #FooterInner,
*:first-child+html #Footer .AboutSite ul{
zoom: 1;
}
/*---- other style ----*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
@media only screen and (min-width: 1300px) {

.txtxdc {
	width:50%; 
  position: absolute;
  bottom: 18%;
  left: 50%;
  font-size: 0.85em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -27%;
	z-index: 10;
}
.txtxdd {
	width:50%; 
  position: absolute;
  bottom: 18%;
  left: 50%;
  font-size: 0.85em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -27%;
	z-index: 10;
}

}
@media only screen and (min-width: 481px) and (max-width: 768px) {
html,body {
	width: 100%;
}
#navBtn {
	display: block;
}
#navBtnOff {
	display: none;
}
.headerNav {
	display: none;
}
#wrapper .txtWrapTop {
  width: 100%;
  padding: 300px 0px;
}
#wrapper .txtWrap {
  width: 90%;
  *height:100%;
  padding: 80px 0px;
}
#wrapper .txtWrap01 {
  width: 90%;
  *height:100%;
  padding: 80px 0px;
}
#wrapper .txtWrap02 {
	width: 90%;
	*height:100%;
	padding: 150px 0 10px;
}
#wrapper .txtWrap p {
  margin: 0 0 0 0;
	padding: 8px 0 5px 0;
}
#wrapper .txtWrap01 p {
	margin: 0 0 0 0;
	padding: 8px 0 5px 0;
}
#wrapper .inner {
	padding: 0;
}
.headTxt01 {
	width: 100%;
}
#Footer .AboutSite {
width: auto;
}

#wrapper .txtWrapList {
	width: 90%;
}
#wrapper h3#prolHead {
	font-size: 1.7em;
}
#wrapper .txtWrapList ul {
	width: 100%;
}
#wrapper .txtWrapList ul li a {
	width: auto;
	height: auto;
}
#wrapper .txtWrapList ul li a span {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 15px 0 0 0;
	text-indent: 0;
}
#wrapper .txtWrapList .listSubHead {
	padding: 15px 0 0 0;
	font-size: 0.9em;
}
#wrapper .signBtm {
	width: 97%;
	padding: 0;
}
#wrapper .regiBtnWrap {
	width: 96%;
}
h2#epiTitle, 
h2#mainTitle,
#scrlBtn {
	position: absolute;
}
#Footer #ToTop {
	right: 10px;
}

#wrapper .loginBtnWrap a img {
	width: 240px;
}
#wrapper .txtWrap p.txtLg {
	margin: 40px 0;
}
#scrlBtn {
	display: none;
	visibility: hidden;
}

.txtxdc {
	width:90%; 
  position: absolute;
  bottom: 2%;
  left: 50%;
  font-size: 0.8em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -47%;
	line-height: 1.4em;
	z-index: 10;
}
.txtxdd {
	width:90%; 
  position: absolute;
  bottom: 15%;
  left: 50%;
  font-size: 0.8em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 2%;
	margin-left: -47%;
	line-height: 1.4em;
	z-index: 10;
}

#wrapper .bdTn {border-top:none;}
#wrapper .bdBn {border-bottom:none;}

#wrapper .mgT0 {margin-top: 0;}
#wrapper .mgT20 {margin-top: 20px;}
#wrapper .mgT40 {margin-top: 40px;}
#wrapper .mgT50 {margin-top: 50px;}
#wrapper .mgT60 {margin-top: 60px;}
#wrapper .mgT80 {margin-top: 80px;}

#wrapper .mgB0 {margin-bottom: 0;}
#wrapper .mgB20 {margin-bottom: 20px;}
#wrapper .mgB40 {margin-bottom: 40px;}
#wrapper .mgB50 {margin-bottom: 50px;}
#wrapper .mgB60 {margin-bottom: 60px !important;}
#wrapper .mgB80 {margin-bottom: 80px;}

#wrapper .pdT0 {padding-top: 0;}
#wrapper .pdT20 {padding-top: 20px;}
#wrapper .pdT40 {padding-top: 40px;}
#wrapper .pdT50 {padding-top: 50px;}
#wrapper .pdT60 {padding-top: 60px;}

#wrapper .pdB0 {padding-bottom: 0;}
#wrapper .pdB20 {padding-bottom: 20px;}
#wrapper .pdB40 {padding-bottom: 40px;}
#wrapper .pdB50 {padding-bottom: 50px;}
#wrapper .pdB60 {padding-bottom: 60px;}

}
@media only screen and (max-width: 480px) {
html,body {
	width: 100%;
}
#navBtn {
	display: block;
}
#navBtnOff {
	display: none;
}
.headerNav {
	display: none;
}
#navNarrow li {
	padding: 3px 10px;
}
#headlogo {
	width: 70px;
	margin: 12px 2px 0 2px;
}
#headerTitle {
	padding: 15px 5px 0 5px;
}
#twiBtn {
	margin-right: 10px;
}
#twiNum, #fbNum {
	display: none;
}


#wrapper .txtWrapTop {
  width: 100%;
  padding: 300px 0px;
}
#wrapper .txtWrap {
	width: 90%;
  padding: 80px 0px;
}
#wrapper .txtWrap01 {
  width: 90%;
  padding: 80px 0px;
}
#wrapper .txtWrap02 {
	width: 90%;
	padding: 150px 0 10px;
}
#wrapper .txtWrap p {
	margin: 0 0 0 0;
	padding: 8px 0 5px 0;
}
#wrapper .txtWrap01 p {
	margin: 0 0 0 0;
	padding: 8px 0 5px 0;
}
#wrapper .inner {
	padding: 0;
}
.headTxt01 {
	width: 100%;
}
#Footer .AboutSite {
width: auto;
}

#wrapper .txtWrapList {
	width: 90%;
}
#wrapper .txtWrapList h3 {
	font-size: 1.4em;
}
#wrapper .txtWrapList ul {
	width: 100%;
}
.regiBtnWrap ul li {
	float: none;
}
#wrapper .txtWrapList ul li a {
	width: auto;
	height: auto;
}
#wrapper .comingBnr {
	position: absolute;
	top: 20px;
	left: -2px;
	width: 80px;
}
#wrapper .txtWrapList ul li a img {
	width: 100px;
	float: left;
	margin: 5px 10px 5px 5px;
}
#wrapper .txtWrapList ul li a img.spSpace {
	margin-top: 20px;
}
#wrapper .txtWrapList ul li a span {
	font-size: 0.75em;
	line-height: 1.7;
	padding: 6px 0 0 0;
	text-indent: 0;
}
#wrapper .txtWrapList .listSubHead {
	padding: 6px 0 0 0;
	font-size: 0.65em;
}
#wrapper .txtWrapList h4.epiBtm span {
	font-weight: normal;
	padding-left: 40px;
	font-size: 0.8em;
}
#wrapper .txtWrapList h4.proTop {
	border-top: 1px solid #ccc;
	padding: 40px 0 25px;	
}
#wrapper .signBtm {
	width: 98%;
	padding: 0;
	margin: 20px 0 120px;
	font-size: 0.8em;
}
#wrapper .regiBtnWrap {
	width: 100%;
}

body #wrapper .audioParts {
	width: 100%;
}
#wrapper .audiojs {
	width: 100%;
}
#wrapper .audioParts span {
	margin: 0;
}

h2#epiTitle, 
h2#mainTitle,
#scrlBtn {
	position: absolute;
}
#wrapper .regiBtnWrap ul li,
#wrapper .regiBtnWrap ul li a {
	width: 280px;
	height: auto;
	float: none;
	margin: 0 auto 10px;
}
#wrapper .regiBtnWrap ul li a img {
	width: 280px;
	height: 70px;
}
#wrapper .capImgTitleBg {
	font-size: 0.7em;
	line-height: 1.6;
	right: 10px;
}
#wrapper .capImgBg {
	font-size: 0.7em;
	line-height: 1.6;
	right: 10px;
}
#Footer #ToTop {
	right: 10px;
}

#wrapper .txtWrap p.txtLg {
	margin: 30px 0;
}
#wrapper .loginBtnWrap a img {
	width: 240px;
}
#scrlBtn {
	display: none;
	visibility: hidden;
}
.txtxdc {
	width:300px; 
  position: absolute;
  bottom: 2%;
  left: 50%;
  font-size: 0.8em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 10px;
	margin-left: -160px;
	line-height: 1.4em;
	z-index: 10;
}
.txtxdd {
	width:300px; 
  position: absolute;
  bottom: 20%;
  left: 50%;
  font-size: 0.8em;
  color: #fff;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.85);
	padding: 10px;
	margin-left: -160px;
	line-height: 1.4em;
	z-index: 10;
}

#wrapper .bdTn {border-top:none;}
#wrapper .bdBn {border-bottom:none;}

#wrapper .mgT0 {margin-top: 0;}
#wrapper .mgT20 {margin-top: 20px !important;}
#wrapper .mgT40 {margin-top: 40px !important;}
#wrapper .mgT50 {margin-top: 50px !important;}
#wrapper .mgT60 {margin-top: 60px !important;}
#wrapper .mgT80 {margin-top: 80px !important;}

#wrapper .mgB0 {margin-bottom: 0 !important;}
#wrapper .mgB20 {margin-bottom: 20px !important;}
#wrapper .mgB40 {margin-bottom: 40px !important;}
#wrapper .mgB50 {margin-bottom: 50px !important;}
#wrapper .mgB60 {margin-bottom: 60px !important;}
#wrapper .mgB80 {margin-bottom: 80px !important;}

#wrapper .pdT0 {padding-top: 0 !important;}
#wrapper .pdT20 {padding-top: 20px !important;}
#wrapper .pdT40 {padding-top: 40px !important;}
#wrapper .pdT50 {padding-top: 50px !important;}
#wrapper .pdT60 {padding-top: 60px !important;}

#wrapper .pdB0 {padding-bottom: 0 !important;}
#wrapper .pdB20 {padding-bottom: 20px !important;}
#wrapper .pdB40 {padding-bottom: 40px !important;}
#wrapper .pdB50 {padding-bottom: 50px !important;}
#wrapper .pdB60 {padding-bottom: 60px !important;}

}

/* TABLET */
.media_tablet #wrapper > #section01,
.media_tablet #wrapper > #section02,
.media_tablet #wrapper > #section03,
.media_tablet #wrapper > #section04,
.media_tablet #wrapper > #section05,
.media_tablet #wrapper > #section06,
.media_tablet #wrapper > #section07,
.media_tablet #wrapper > #section08,
.media_tablet #wrapper > #section09,
.media_tablet #wrapper > #section10,
.media_tablet #wrapper > #sectionBtm {overflow: hidden;}

.media_tablet h2#epiTitle, 
.media_tablet h2#mainTitle {position: absolute;}
.media_tablet #langBtnTop {position: absolute;}
.media_tablet #langBtn {position: absolute;}

/* SP */
.media_smartphone #wrapper > #section01,
.media_smartphone #wrapper > #section02,
.media_smartphone #wrapper > #section03,
.media_smartphone #wrapper > #section04,
.media_smartphone #wrapper > #section05,
.media_smartphone #wrapper > #section06,
.media_smartphone #wrapper > #section07,
.media_smartphone #wrapper > #section08,
.media_smartphone #wrapper > #section09,
.media_smartphone #wrapper > #section10,
.media_smartphone #wrapper > #sectionBtm {overflow: hidden;}

.media_smartphone h2#epiTitle,
.media_smartphone h2#mainTitle {position: absolute;}
.media_smartphone #langBtnTop {position: absolute;}
.media_smartphone #langBtn {position: absolute;}
.media_smartphone #langBtnTop img,
.media_smartphone #langBtn img {width: 120px;}
.media_smartphone #langBtnTop,
.media_smartphone #langBtn {width: 120px; margin-left: -60px;}

/* landscape */
.landscape #wrapper #navNarrow {font-size: 0.5em}
.landscape #wrapper #navNarrow li a {line-height: 1;}
.landscape #navNarrow li {padding: 1px 10px;}
.landscape.media_smartphone #wrapper .capImgBg {font-size: 0.6em; line-height:1.5;}