@charset "utf-8";

#main #article {
	margin-bottom: 15px;
}
#main .section {
	margin-bottom: 30px;
	display: block;
	clear: both;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
    #article {
        width:717px;
        float:left;
    }

    #section1,
    #section2,
    #section3,
    #section4,
    #column1,
    #column2,
    #column3 {
        margin-top: -81px; /* 固定ナビの高さ分のネガティブマージン */
        padding-top: 81px; /* 打ち消し用のパディング */
    }
}


/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
#column p {
    line-height: 1.6em;
    margin: 0 15px 15px;
}
}



/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	#column p {
    line-height: 1.6em;
    margin: 0 0 15px;
}

    #section1,
    #section2,
    #section3,
    #section4,
    #column1,
    #column2,
    #column3 {
        margin-top: -81px; /* 固定ナビの高さ分のネガティブマージン */
        padding-top: 81px; /* 打ち消し用のパディング */
    }
}
/************************************************
共通見出し h3-h6
************************************************/



#column .body h2 {/*<div class="body">の中のh2をここで定義しています。*/
  margin: 1em 0 0.5em;
  padding: .5em .75em;
  background-color: #006eda;
  /*border-bottom: 1px solid #ccc;*/
  font-size: 137.5%;
  color:#fff;
}
#column .body h3 {
  padding: .2em .75em;
  margin: 1em 0 0.5em;
  border-left: 0.4em solid #050c8a;
  border-bottom: 1px solid #ccc;
  font-size: 125.0%
}

#column .body h4 {
  padding: .2em .75em;
  margin: 1em 0 0.5em;
  background-color:#e5e5e5;
  font-size: 112.5%
}

#column .body h5 {
    color: #050c8a;
    font-size: 110%;
  margin: 1em 0.5em 0.5em;
}
#column .body h6 {
  padding: .5em .75em;
  margin: 1em 0 0.5em;
  background-color: #f6f6f6;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 100%;
  font-weight: normal;
}
/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){

#column .body h2 {/*<div class="body">の中のh2をここで定義しています。*/
  margin: 1em 0 0.2em;
  padding: 0.2em 0.4em;
  font-size: 137.5%;
}
#column .body h3 {
  margin: 0.2em 0 0.2em;
  font-size: 100%;
}

#column .body h4 {
  margin: 0.2em 0 0.2em;
  font-size: 100%;
}

#column .body h5 {
    font-size: 87.5%;
  margin: 0.2em 0 0.2em;
}
#column .body h6 {
  margin: 0.2em 0 0.2em;
  font-size: 87.5%;
}
}

/************************************************
 共通リスト
************************************************/

/*#container div#contents section ul,
#main section ul,*/
#column ul {
    margin: 0 0 30px;
}
#column ul.no_link li {
	font-size: 87.5%;
    line-height: 1.6em;
    padding:0 0 0 0;
	margin: 0 15px 15px;
    position: relative;
	list-style-type: disc;
	list-style-position:outside;
	background-image:none;
}
#column ul.no_link li::before {
	background-image:none;
}
.circle_list li {
    padding-left:18px;
    background: url(../images/common/ico_circle03.png) no-repeat left 5px;
    margin-bottom:7px;
}
.circle_list li::before {
    background-image:none;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
/*#container div#contents section ul,
#main section ul,*/
#column ul {
    margin: 0 15px 15px;
}
}


/*#main section ul li,*/
#column ul li {
	font-size: 87.5%;
    line-height: 1.3;
    padding: 2px 15px 2px 28px;
	margin: 0 0 15px;
    position: relative;
}

/*#main section ul li::before,*/
#column ul li::before {
    background-image: url(../images/common/i_arrow_15-10.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 20px;
}

/*↓↓↓↓政府インターネットテレビの埋め込み再生部分の「設定」「字幕」のリストにリストマークがついてしまうのを防止するための記述*/
#column ul.vjs-menu-content.theo-menu-content li::before {
all: initial;
}
@media all and (-ms-high-contrast:none){
  #column ul.vjs-menu-content.theo-menu-content li::before
   { background-image: none; } /* IE10以降のハック。リセットが効かないためリストマークを非表示に */
}
/*↑↑↑政府インターネットテレビの埋め込み再生部分の「設定」「字幕」のリストにリストマークがついてしまうのを防止するための記述　ここまで*/

#column .socialBar ul li {
    display: inline-block !important;
    background: none !important;
    margin: 15px auto;
    padding:0 0 0 18px;
}
#column .socialBar ul li::before,
#column #article .socialBar ul li::before{
    background:none;
}
/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
/*#container div#contents section ul,
#main section ul,*/
#column ul {
    margin: 0 15px 15px;
}
#column .socialBar ul li {
    margin: 10px auto;
    line-height:1.3em;
}
}


/************************************************
 以下　common2016_sub.css　の117行目以下を貼り付け
 必要に応じて削除またはコメントアウトをします。
 
 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
************************************************/




/************************************************
 バックナンバーリスト
************************************************/

#column #article .body .backnumber_list h2,
#column #article .body .backnumber_list_tvradio h2 {
    background: #006eda none repeat scroll 0 0;
    color: #fff;
	border:none;
    font-size: 120%;
    margin-bottom: 15px;
    padding: 5px 0 5px 25px;
    position: relative;
    width: calc(100% - 25px);
}

#column #article .body .backnumber_list h2::after,
#column #article .body .backnumber_list_tvradio h2::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: calc(100% - 10px);
    left: 5px;
    min-height: 29px;
    position: absolute;
    top: 5px;
    width: 8px;
}

#article .backnumber_list table.back_number_table {	margin: 1em 0.5em 0.5em;	border-spacing: 0; width:100%; font-size:90%;}
#article .backnumber_list table.back_number_table tr {	margin: 0;	padding: 0;}
#article .backnumber_list table.back_number_table th,
#article .backnumber_list table.back_number_table td {	margin: 0; 	padding: 10px;	border: 1px solid #fff;}
#article .backnumber_list table.back_number_table th {	background: #737373; color:#fff;}
#article .backnumber_list table.back_number_table td {	background: #F5F5F5;}


/* 768px以下の記述
------------------*/
@media screen and (max-width:768px){
#article .backnumber_list table.back_number_table { 	display: block; 	position: relative; 	width: 100%;	overflow: scroll;	-webkit-overflow-scrolling: touch; 	font-size:80%;}
#article .backnumber_list table.back_number_table::after { 	content:"←　スワイプしてスクロール　→"; display: block; text-align:center; font-weight:bold;}
#article .backnumber_list table.back_number_table thead { 	display: block; 	float: left; }
#article .backnumber_list table.back_number_table tbody { 	display: block; 	width: auto; 	position: relative; 	overflow-x: auto; 	white-space: nowrap; }
#article .backnumber_list table.back_number_table thead tr { 	display: block;}
/*#article .backnumber_list table.back_number_table th { 	display: block; }*/
#article .backnumber_list table.back_number_table tbody tr { 	display: inline-block; 	vertical-align: top;	border-spacing: 0;	background-color: #0000ff;}
/*#article .backnumber_list table.back_number_table td { 	display: block; }*/
/* borderの調整 */#article .backnumber_list table.back_number_table th { 	border-bottom: 0; }
#article .backnumber_list table.back_number_table td { 	border-left: 0; 	border-right: 0; 	border-bottom: 0; }
#article .backnumber_list table.back_number_table tbody tr { 	border-right: 1px solid #fff; }
/*#article .backnumber_list table.back_number_table th:last-child,#article .backnumber_list table.back_number_table td:last-child { 	border-bottom: 1px solid #babcbf; }*/
}


/* 768px以下の表示を変えないバックナンバー欄の記述
------------------*/

#article .backnumber_list_only h2 {
    background: #8a6f05 none repeat scroll 0 0;
    color: #fff;
	border:none;
    font-size: 120%;
    margin-bottom: 15px;
    padding: 5px 0 5px 25px;
    position: relative;
    width: calc(100% - 25px);
}

#article .backnumber_list_only h2::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: calc(100% - 10px);
    left: 5px;
    min-height: 29px;
    position: absolute;
    top: 5px;
    width: 8px;
}

#article .backnumber_list_only table.back_number_table {	margin: 20px 0 30px;	border-spacing: 0; width:100%; font-size:90%;}
#article .backnumber_list_only table.back_number_table tr {	margin: 0;	padding: 0;}
#article .backnumber_list_only table.back_number_table th,
#article .backnumber_list_only table.back_number_table td {	margin: 0; 	padding: 10px;	border: 1px solid #fff;}
#article .backnumber_list_only table.back_number_table th {	background: #BDC0FF;}
#article .backnumber_list_only table.back_number_table td {	background: #E3E3E3;}

/************************************************
section
************************************************/

#main section {
    margin-bottom: 30px;
}

/************************************************
 .lr　左右並列、スマホ時は縦並びに変更
************************************************/

.lr .l_block {
	width:100%;
}

.lr .r_block {
	width:100%;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.lr {
		padding:15px 15px 0;
	}	
	.lr .l_block {
		display: block;
		margin-bottom:15px;
	}
	.lr .r_block {
		display: block;
	}
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	.lr {
		margin: 0 0 12px;
		padding:0;
	}

	.lr .l_block {
		float: left;
	}
	.lr .r_block {
		float: right;
	}

	.lr .l_block {
		width: 50%;
	}
	.lr .r_block {
		width: 50%;
	}


}




/************************************************
 次のページへの遷移を暗示するリストマーク月のリンク
************************************************/
p.next_page {
    margin: 1em;
}
p.next_page a {
    background: rgba(0, 0, 0, 0) url(../images/common/ico_arrow02.png) no-repeat scroll left center;
    padding: 2px 0 2px 13px;
}

/************************************************
文字飾り
************************************************/

.underline {
	text-decoration:underline;
}

#article .body section p.keisai {
	font-weight:bold;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:768px){
#article .body section p.click_gif {
	clear:both;
}
}

/************************************************
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

 common2016.css　の747行目以下を貼り付け　ここまで
 必要に応じて削除またはコメントアウトをします。
************************************************/