@charset "UTF-8";
/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20150601
/--------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

/**********************************************************************
	基本設定
**********************************************************************/

.wrapper {
	color: #333;
	font:13px/1.6 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  *font-size: small;
  *font: x-small;
    background-image: url(images/bg.jpg); 
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;		
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/**********************************************************************
　外枠の設定
**********************************************************************/

.wrapper {
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;  /* 印刷バグ解決 */
	background-image: url(../../images/bg.jpg);
}

.wrapper #contents {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}




.wrapper #content_right {
	float: right;
	width: 300px;
	z-index: 0;
	margin-top: 5px;
}
.wrapper #content_left {
  float: left;
  margin: 0;
  width: 675px;
  overflow: hidden;
  zoom: 1;
  /* 印刷バグ解決 */
}

.wrapper .maincontents dl {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
	overflow: hidden;
}



/**********************************************************************
　トップページ
**********************************************************************/

#top .wrapper .moviebox{
	margin-top: 20px;
	background-color: #fea527;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	margin-bottom: 20px;
	}	



#top .wrapper #newyearinfo{
	/*↓↓↓↓ココの画像名変更↓↓↓↓*/
	background-image: url(../../images/newyearinfo_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 160px;
	width: 100%;
	text-align: center;
}

#top .wrapper #newyearinfo img{
margin-top:0px;
}





#top .wrapper .wrapper_inner {
	width: 100%;
	background-image: url(../images/bg_center_02.jpg)!important;
	background-repeat: no-repeat;
	background-position: center -80px;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}




#top .wrapper .maincontents {
	width: 630px;
	overflow: hidden;
	clear: both;
	background-image: url(../../images/bg_contents.jpg);
	margin-top: 10px;
	border: 3px solid #a80700;
	padding: 15px;
	color: #3A1D00;
	font-size: 110%;
	margin-bottom: 10px;
}


.wrapper .bgbk{
	background-color: #000000;
}


#top .wrapper .maincontents p.matusige_come {
	margin-bottom: 15px;
	background-image: url(../../images/bg_line.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 15px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top:20px;
}

#top .wrapper .maincontents p .sp_mds {
	font-size: 130%;
	font-weight: 700;
	color: #C50502;
	display: block;
}


#top .wrapper .Lbnr {
	margin-bottom: 15px;
}
/**********************************************************************
　右カラム
**********************************************************************/

.wrapper #content_right .rectangle {
  width: 300px;
  margin-bottom: 15px;
}
.wrapper #content_right .banner {

}
.wrapper #content_right .banner li {
  margin-bottom: 12px;
}
.wrapper #content_right .banner li ul {
	width: 300px;
	margin: 0px;
	overflow: hidden;
}
.wrapper #content_right .banner li ul li {
	float: left;
	width: 150px;
	margin-bottom: 0px!important;
}

/*---------    トップのフォトギャラリーバナーを隠す　--------*/
#top .top_none {
	display: none;
}

/**********************************************************************

　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169%　23px→177%　24px→185%
　25px→192%　26px→200%
*/
/**********************************************************************
 スマホサイトへ遷移するボタン
**********************************************************************/

.wrapper .smpBranch {
  padding: 15px 15px 25px 15px;
	background:#fff;
}
.wrapper .smpBranch a {
  display: block;
  background: #1365C8;
  color: #fff;
  font-weight: bold;
  font-size: 54px;
  text-decoration: none;
  padding: 35px 0;
  text-align: center;
  text-shadow: -5px -5px 1px #05378B;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px #05378B;
}


/* ソーシャルタグ */
.wrapper .socialbtn {
  width: 300px;
  margin: 10px auto;
}

/**********************************************************************
	テキスト
**********************************************************************/

#top .wrapper .hidetext {
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden;
}
#top .wrapper .large {
  font-size: 116%;
  *font-size: 15px;
}
#top .wrapper .small {
  font-size: 85%;
  *font-size: 11px;
}
#top .wrapper .x-small {
  font-size: 77%;
  *font-size: 10px;
}
#top .wrapper .attenntion {
  font-size: 85%;
  line-height: 120%;
  text-indent: -1em;
  margin-left: 1em;
}
#top .wrapper .red {
  color: #F00;
}


/**********************************************************************
	リンクカラー
**********************************************************************/

/*　必要に応じてパーツごとに記載（共通ヘッダ・フッタ・右カラムパーツに影響しないよう注意）
#top .wrapper a { cursor: pointer; color: #06c; text-decoration: none; }
#top .wrapper a:link, .wrapper a:visited { color: #06c; text-decoration: none; }
#top .wrapper a:hover, .wrapper a:focus, .wrapper a:active { color: #06c; text-decoration: underline; }
#top .wrapper a { cursor: pointer; color: #06c; text-decoration: none; }
*/

/*ソーシャルバー（削除不可）*/

.wrapper #tx_social_bar a {
  color: #fff;
  text-decoration: none;
}

/**********************************************************************
　フロート
**********************************************************************/

.wrapper .float_l {
  float: left;
}
.wrapper .float_r {
  float: right;
}
.wrapper .clearfix:after {
  content: ".";
  display: block;
  height: 0.1px;
  clear: both;
  visibility: hidden;
}
.wrapper .clearfix {
  zoom: 1;
}
.wrapper .clear {
  clear: both;
}
/*--------------  右カラムバナーインクルード設定　----------------*/


#kdk5 .kodoku5,
#kdk4 .kodoku4,
#kdk3 .kodoku3,
#kdk2 .kodoku2,
#kdk1 .kodoku1
{
	display: none;

}

.kodoku5,
.kodoku4,
.kodoku3,
.kodoku2,
.kodoku1 {
	margin-bottom: 10px!important;
	width: 300px;
}
/*-- 孤独5トップのバナーを非表示--*/
#top #kdk5 .kodoku5_topnone {
	display: none;
}
/**********************************************************************
バックナンバー
**********************************************************************/

#top .wrapper #content_left .zoomiconbox {
	position: relative;

}


#top .wrapper #content_left .zoomiconbox .zoomicon1 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 10px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon2 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 10px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon3 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 189px;
	z-index: 2;
}


#top .wrapper #content_left .zoomiconbox .zoomicon4 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 189px;
	z-index: 2;
}


#top .wrapper #content_left .zoomiconbox .zoomicon5 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 368px;
	z-index: 2;
}


#top .wrapper #content_left .zoomiconbox .zoomicon6 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 368px;
	z-index: 2;	
}


#top .wrapper #content_left .zoomiconbox .zoomicon7 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 547px;
	z-index: 2;
}


#top .wrapper #content_left .zoomiconbox .zoomicon8 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 547px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon9 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 726px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon10 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 726px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon11 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 905px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon12 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 905px;
	z-index: 2;
}


#top .wrapper #content_left .zoomiconbox .zoomicon13 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 1084px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon14 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 1084px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon15 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 1263px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon16 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 1263px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon17 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 1442px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon18 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 583px;
	top: 1442px;
	z-index: 2;
}

#top .wrapper #content_left .zoomiconbox .zoomicon19 {
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: 278px;
	top: 1621px;
	z-index: 2;
}


#top .wrapper #content_left .infobox {
	position: relative;
}

#top .wrapper #content_left .infobox .infoicon {
	position: absolute;
	left: 477px;
	top: 19px;
	z-index: 1;
}



#top .wrapper .nexttitle {
	width: 630px;
	overflow: hidden;
	z-index: 0;
}


#top .wrapper .nexttitle dl{
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border:none;
}

#top .wrapper .nexttitle dl dt{
	background-color: #fed204;
	padding: 15px;
	height: 50px;
	width: 60px;
	font-size: 250%;
	font-weight: 700;
	color: #035c01;
	text-align: center;
	float: left;
}

#top .wrapper .nexttitle dl dd{
	font-size: 150%;
	font-weight: 600;
	color: #565656;
	padding-left: 100px;
	padding-right: 15px;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;		
}

#top .wrapper .nexttitle dl dd .day {
	font-size: 80%;
	color: #035c01;
	display: block;
}

#top .wrapper .maincontents {
	overflow: hidden;
	z-index: 1;

}

#top .wrapper .maincontents ul {
	margin-right: auto;
	margin-left: auto;
	width: 610px;
	overflow: hidden;

}

#top .wrapper .maincontents ul li {
	background-color: #FFF;
	height: 155px;
	width: 280px;
	border: 1px solid #CCC;
	float: left;
	padding: 3px;
	margin: 8px;
	position: relative;
	z-index: 0;
}

#top .wrapper .maincontents .my-gallery {
	margin-right: auto;
	margin-left: auto;
	width: 610px;
	overflow: hidden;

}

#top .wrapper figure{
	background-color: #FFF;
	height: 155px;
	width: 280px;
	border: 1px solid #CCC;
	float: left;
	padding: 3px;
	margin: 8px;
	z-index: 0;
	position: relative;
	}
	


#top .wrapper figcaption{
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}



#top .wrapper .maincontents .storybox {
	width: 520px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-top: 50px;
	padding-bottom: 50px;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	margin-right: auto;
	margin-left: auto;
}

#top .wrapper .maincontents .bnr {
	width: 620px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #606;
	font-weight: 700;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;		
}


#top .wrapper .maincontents .storybox p.border {
	background-image: url(../../images/storyborder.jpg);
	line-height: 30px;
	
}
#top .wrapper .maincontents .storybox p.mds {
	width: 120px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: Lato, sans-serif;
	margin-top: 20px;
	background-color: #FEA527;
	font-weight: 600;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}
#top .wrapper .maincontents .storybox .moviebox{
	margin-top: 20px;
	background-color: #fea527;
	width: 532px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	margin-bottom: 20px;
	}

#top .wrapper .backnumberlist {
	overflow: hidden;
	background-image: url(../../backnumber/images/mds_bkno.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 60px;
	margin-bottom: 20px;
}

#top .wrapper .backnumberlist ul {}

#top .wrapper .backnumberlist ul li {
	float: left;
	width: 101px;
	margin: 5px;
	background-color: #FFF;
}
#top .wrapper .form_box {
	background-image: url(../../images/bg_line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom:10px;
}
#top .wrapper .present_end{
	font-weight: 700;
	color: #F60;
	font-size: 150%;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 80px;
	}