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

/* iJAMP自治体実務セミナーレポート
　食の安全・安心を考える ～地域における安全保障とは～
　（時事ドットコムPC版）2019/12 */


*{
   margin:0;
   padding:0;
   /*box-sizing: border-box;ボーダーの幅分を中に入れる*/
}
img{
   border:none;
}
a{
   margin:0;
   padding:0;
   border:none;
}

.clearfix:after{
    content: "";
    clear: both;
    display: block;
}


/* PC
------------------------- */
@media (min-width: 769px) 
{


/*---------------------------
 全体共通
---------------------------*/
/* コンテンツ全体 */
#ijs-contents {
   width:680px;
   margin: 0 0 15px 0;
   padding: 0;
   float: left;
}


/*----- ヘッダエリア -----*/
header {
   width:100%;
   height:auto;
   margin: 0;
   padding: 0;
   clear:both;
}

/* コンテンツタイトル（画像だと検索indexに載らないため別） */
#ijs-contents h1 {
   width: 0;
   height: 0;
   overflow: hidden; /* テキスト非表示の代わりに画面外へ */
   text-indent: 100%; /* テキスト非表示の代わりに画面外へ */
   white-space: nowrap; /* テキスト非表示の代わりに画面外へ */
   clear:both;
}

/* ヘッダコンテンツ（トップ面、タイトルと前文背景設定のみ） */
#ijs-header {
   width:680px;
   height:auto;
   background: #f5f4de url(/news2/handmade/special/other_various/images/ijamp-seminar/ijs20191028-h1-title_bg.jpg) no-repeat 0 0;
   position:relative;
}
/* ヘッダコンテンツ（レポート記事面のみ背景別画像） */
#ijs-header.bg_none {
   height:300px; /*旧200px*/
   background: #fff url(/news2/handmade/special/other_various/images/ijamp-seminar/ijs20191028-h1-title.jpg) no-repeat 0 0;
}

/* コンテンツ種別（iJAMPロゴ） */
#ijs-kind {
   width:670px;
   height:auto;
   background: #11654a;
   margin: 0;
   padding: 5px;
   clear:both;
}
#ijs-kind img {
   width:62%;
   margin: 0;
   padding: 0;
}

/* コンテンツタイトル（画像） ※PC版は背景画像にしてリンク */
#ijs-header .title {
   width:680px;
   height:300px; /*旧200px*/
   border:none;
   margin:0;
   padding:0;
}
#ijs-header .title img {
   display:none;
}
/* 画像を隠した時に外れるタイトルのリンク設定 */
#ijs-header .title a {
   width:680px;
   height:100%; /*旧200px*/
   display:block;
}



/*----- メインエリア -----*/
main {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}

/* h2見出し（講演ジャンル）：グラデ背景 */
#ijs-contents h2 { 
   width:652px;
   height:28px;
   line-height:30px;
   font-size:100%;
   font-weight:bold;
   color:#fff;
   background-color: #229075;
   background: -moz-linear-gradient(top,#a1edd1,#a1edd1 5%,#48bd9a 5%,#229075 95%,#126e60 95%,#126e60);
   background: -webkit-gradient(linear, left top, left bottom, from(#a1edd1), color-stop(0.05,#a1edd1), color-stop(0.05,#48bd9a), color-stop(0.50,#229075), color-stop(0.95,#0b554a), to(#0b554a));
   border-radius: 14px;
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   margin: 15px 0 0 0;
   padding: 0 14px;
   text-align:left;
   clear:both;
}

/* 次ページ送りテキスト */
#ijs-nextpage{
   width: 680px;
   height: 30px;
   line-height: 30px;
   font-size: 96%;
   margin:5px 0;
   padding:0;
   text-align:right;
   float: right;
}
#ijs-nextpage a:link, #ijs-nextpage a:visited {
   color:#1362d8;
   text-decoration:none;
}
#ijs-nextpage a:hover, #ijs-nextpage a:active {
   color:#ed4a0a;
   text-decoration:underline;
}
#ijs-nextpage img{
   margin:0 0 5px 5px;
   padding:0;
   vertical-align:middle;
}


/*---------------------------
 トップ面
---------------------------*/

/* 前文リード */
#ijs-above {
   width:650px;
   border: none;
   line-height: 1.4;
   margin: 0;
   padding: 10px 15px;
   display:inline-block;
}

/* リード文見出し */
#ijs-above p.aboveb { 
   width:auto;
   line-height:1.3;
   color:#000;
   font-size: 120%;
   font-weight:bold;
   text-shadow: 2px 2px 1px #ffffff;
   margin:0 0 5px 0;
   padding:0;
}

/* リード文 */
#ijs-above p {
   font-size: 100%;
   margin: 7px 0;
   padding: 0;
}
#ijs-above img {
   margin: 0 0 5px 5px;
   padding: 0;
   float:right;
}
/* 日付 */
#ijs-above p.daytime {
   margin: 0;
   padding: 0;
   text-align: right;
}


/*---------------------------
 プログラム一覧　1列配置＝full幅いっぱい
---------------------------*/
#program-list_full {
   width:662px;
   height:auto;
   border: 3px solid #238763;
   box-shadow: 0 0 0 2px #f5fef3, 0 0 0 3px #238763;
   background-color:#f0fef4;
   margin: 8px 0 13px 0;
   padding: 5px;
   float:left;
   position: relative;
   clear:both;
}

/* 1列配置（左・画像エリア） */
#program-list_full .reportphoto_l{
   width:185px;
   margin: 0;
   padding: 0;
   float:left;
}
#program-list_full .reportphoto_l img{
   width:180px;
   border: 1px solid #fff;
   margin: 0 5px 0 0;
   padding: 0;
   text-align:center;
}
#program-list_full .reportphoto_l a:hover img {
   background-color:#ffffff;
   border: 1px solid #435da6;
   opacity:0.9;   
   filter: alpha(opacity=85);   
   -ms-filter: "alpha( opacity=85 )";
}

/* 1列配置（右・テキストエリア） */
#program-list_full .reporttext_l{
   width:474px;
   border: none;
   margin:0;
   padding:0;
   float: right;
   /*position: relative;*/
}
/* 1列配置（h3＝講演タイトル） */
#program-list_full h3 { 
   width:468px;
   line-height:1.1;
   background-color:#d5efdc;
   color:#000;
   font-size: 120%;
   font-weight: bold;
   position: relative;
   margin:0 0 5px 0;
   padding:5px 0 2px 5px;
   clear:both;
}
#program-list_full h3 a:link, 
#program-list_full h3 a:visited {
   color:#000;
   /*color:#435da6;*/
   text-decoration:none;
}
#program-list_full h3 a:hover, 
#program-list_full h3 a:active {
   color:#337fcc;
   /*color:#435da6;*/
   text-decoration:underline;
}

/* 1列配置（h4＝講演者の肩書き） */
#program-list_full h4 { 
   width:auto;
   line-height:1.2;
   color:#000;
   font-size: 96%;
   font-weight: normal;
   position: relative;
   margin:0 ;
   padding:0 0 2px 0;
   text-align:right;
   clear:both;
}
#program-list_full h4:first-of-type {  /* 1番目のみ */
   padding-top:3px;
}

/* 1列配置（h5＝講演者） */
#program-list_full h5 { 
   width:auto;
   line-height:1.0;
   color:#000;
   font-size: 100%;
   font-weight: bold;
   position: relative;
   margin:0;
   padding:0 0 3px 0;
   text-align:right;
   clear:both;
}
#program-list_full h5 span { /* 講演者が複数いる場合（左に肩書き） */
   width:auto;
   line-height:1.2;
   color:#000;
   font-size: 96%;
   font-weight: normal;
   margin:0;
   padding:0 10px 0 0;
   text-align:right;
   clear:both;
}

/* 講演者名の下の区切り線 */
#program-list_full .h5border_b { 
   width:auto;
   position: relative;
   margin:0;
   padding:3px 0;
   clear:both;
}
#program-list_full .h5border_b::before,
#program-list_full .h5border_b::after {
   position: absolute;
   bottom: -2px;
   left: 0;
   content: '';
   height: 4px;
}
#program-list_full .h5border_b::before {
   z-index: 2;
   width: 20%;
   background-color: #229075;
}
#program-list_full .h5border_b::after {
   width: 100%;
   background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
   background: repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
}

/* 1列配置（キャプション＝あらすじ紹介文） */
#program-list_full p.reportcap_l {
   width:auto;
   font-size:96%;
   font-weight:normal;
   line-height:1.2;
   color:#000;
   margin: 0;
   padding: 10px 5px 5px 5px;
   text-align:left;
}

/* 1列配置（レポートを見るリンクボタン） */
#program-list_full div.reportjump_l   {
   position: absolute;
   bottom: 10px;
   right: 0;
   margin: 0;
   padding: 5px 10px;
}
#program-list_full div.reportjump_l a:link, 
#program-list_full div.reportjump_l a:visited {
   font-size:100%;
   font-weight:bold;
   text-decoration: none;
   text-align: center;
   color:#fff;
   border: 2px solid #FFF;
   border-radius: 6px;
   background-color:#ff5b01;
   background: -moz-linear-gradient(top, #f9b88c 0%, #ff5b01 100%); /* FF3.6+ */
   background: -webkit-linear-gradient(top, #f9b88c 0%, #ff5b01 100%); /* Chrome10+, Safari5.1+ */
   background: linear-gradient(to bottom, #f9b88c 0%, #ff5b01 100%); /* IE10+, W3C */
   background:-ms-linear-gradient(top, #f9b88c, #ff5b01); /* IE */
   box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
   /*text-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/
   padding: 5px 12px;
}
#program-list_full div.reportjump_l a:hover, 
#program-list_full div.reportjump_l a:active {
   color:#fff;
   background-color:#ff7901;
   background: -moz-linear-gradient(top, #ffbd83 0%, #ff7901 100%); /* FF3.6+ */
   background: -webkit-linear-gradient(top, #ffbd83 0%, #ff7901 100%); /* Chrome10+, Safari5.1+ */
   background: linear-gradient(to bottom, #ffbd83 0%, #ff7901 100%); /* IE10+, W3C */
}





/*---------------------------
 レポート記事面
---------------------------*/
#report-area {
   width:650px;
   height:auto;
   border: 3px solid #238763;
   box-shadow: 0 0 0 2px #f5fef3, 0 0 0 3px #238763;
   background-color:#f0fef4;
   margin: 10px 0 0 0;
   padding: 10px;
   clear:both;
   display:inline-block;
}

#report-date {
   width:;
   height:auto;
   margin: 0;
   padding: 0;
   clear:both;
}

/* h3見出し（講演タイトル） */
#report-date h3 { 
   width:auto;
   line-height:1.1;
   background-color:#d5efdc;
   color:#000;
   font-size: 148%;
   /*font-weight: bold;*/
   margin:0 0 10px 0;
   padding:5px;
   clear:both;
}
#report-date h3 span { /*サブタイトル改行する場合*/
   display:block;
}
#report-date h3 a:link, 
#report-date h3 a:visited {
   color:#000;
   text-decoration:none;
}
#report-date h3 a:hover, 
#report-date h3 a:active {
   color:#337fcc;
   text-decoration:underline;
}
/* h4見出し（講演者の肩書き） */
#report-date h4 { 
   width:auto;
   line-height:1.2;
   color:#000;
   font-size: 100%;
   font-weight: normal;
   position: relative;
   margin:0;
   padding:0 5px;
   text-align:right;
   clear:both;
}

/* h5見出し（講演者） */
#report-date h5 { 
   width:auto;
   line-height:1.2;
   color:#000;
   font-size: 120%;
   font-weight: bold;
   position: relative;
   margin:0;
   padding:0 5px;
   text-align:right;
   clear:both;
}
#report-date h5 span { /* 講演者が複数いる場合（肩書き） */
   width:auto;
   line-height:1.2;
   color:#000;
   font-size: 90%;
   font-weight: normal;
   margin:0;
   padding:0;
   text-align:right;
   clear:both;
   display:block;
}

/* 講演者名の下の区切り線 */
#report-date .h5border_b { 
   width:auto;
   position: relative;
   margin:0;
   padding:5px 0;
   clear:both;
}
#report-date .h5border_b::before,
#report-date .h5border_b::after {
   position: absolute;
   bottom: -2px;
   left: 0;
   content: '';
   height: 4px;
}
#report-date .h5border_b::before {
   z-index: 2;
   width: 20%;
   background-color: #229075;
}
#report-date .h5border_b::after {
   width: 100%;
   background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
   background: repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
}


/* レポート記事本文 */
#report-kiji {
   width:;
   margin:0;
   padding:20px 0 0 0;
   float: left;
}
/* 本文テキスト太字（見出し） */
#report-kiji p.kijib {
   font-size:120%;
   font-weight:bold;
   color:#229075;
   margin:0;
   padding:0 0 10px 0;
}
/* 本文テキスト */
#report-kiji p {
   font-size:100%;
   font-weight:normal;
   line-height:1.5;
   margin:0;
   padding:0 0 10px 0;
}
/* 本文のキャプション付き画像 */
#report-kiji .photobox {
   border: solid 1px #ccc;
   margin: 0 0 5px 5px;
   padding: 0;
   background: #fff;
   float: right;
}
#report-kiji .photobox img{
   margin: 1px;
   padding :0;
   border: none;
}
#report-kiji .photobox p.caption{
   font-size: 12px;
   line-height: 1.2;
   /*letter-spacing:0.1em;*/
   color: #585858;
   padding :2px;
}
/* 写真の幅指定（縦写真w240、横写真w320） */
.w240 {
   width: 242px;
}
.w320 {
   width: 322px;
}

/* 本文下の関連グラフイック */
#report-kiji p.graphic {
   margin:0;
   padding:0;
   text-align:center;
   clear:both;
}
#report-kiji p.graphic img {
   margin:0;
   padding:10px 0;
}

/* 本文中の関連動画 */
#report-kiji p.video {
   margin:0;
   padding:0;
   text-align:center;
   clear:both;
}
#report-kiji p.video iframe {
   width: 650px;
   height: 360px;
   margin:0;
   padding:0;
}


/* 本文内の次ページリンク */
#report-kiji p.text a{
   margin:0 0 0 10px;
   padding:0;
}
#report-kiji p.text a:link, 
#report-kiji p.text a:visited {
   color:#1362d8;
   text-decoration:none;
}
#report-kiji p.text a:hover, 
#report-kiji p.text a:active {
   color:#ed4a0a;
   text-decoration:underline;
}



/*ページ送りボックス*/
#ijs-report-pagebox {
   width: 680px;
   font-size: 100%;
   font-weight:bold;
   margin:0;
   padding:10px 0;
   clear:both;
}
#ijs-report-pagebox ul li {
   list-style:none;
}

#ijs-report-pagebox ul.rppagenavi {
   text-align:center;
}

#ijs-report-pagebox li {
   display:inline;
   margin:0;
   padding:0;
}
ul.rppagenavi li span.rppagenumber,
ul.rppagenavi li a:link,
ul.rppagenavi li a:visited {
   border:2px solid #f76a1d;
   background:#fcb79c;
   display:inline-block;
   text-decoration:none;
   padding:8px 12px;
   margin:0 2px;
}

ul.rppagenavi li span.rppagenumber {　/*現在表示中のページ*/
   font-weight:bold;
   background:#f76a1d;
   color:#fff;
   border:2px solid #f76a1d;
}
ul.rppagenavi li span.bapageclear {  /* 不要な前後リンクを透明化 */
   border:2px solid #ccc;
   background:#ddd;
   display:inline-block;
   color:#fff;
   padding:8px 12px;
   margin:0 2px;
}

ul.rppagenavi li a:link,
ul.rppagenavi li a:visited {
   color:#f74b1d;
}
ul.rppagenavi li a:hover,
ul.rppagenavi li a:active {
   /*border:2px solid #0b5809;*/
   background:#f76a1d;
   border:2px solid #e03c0a;
   color:#fff;
}



/*---------------------------
 2列配置＝half幅半分
---------------------------*/
#program-list_halfall {
   width:680px;
   height:auto;
   margin: 0 auto;
   padding: 0;
   clear:both;
}
#program-list_half {
   width:323px;
   height:150px; /* 基本はauto、今回はタイトルが一部長いため固定 */
   border: 2px solid #238763;
   background-color:#f0fef4;
   margin: 8px 0 0 0;
   padding: 5px;
   float:left;
   position: relative;
}
/*#program-list_half::before {
内側のボーダーも考慮すると内側の幅は317px
   content: "" ;
   position: absolute ;
   top: 0 ;
   right: 0 ;
   bottom: 0 ;
   left: 0 ;
   border: 1px #238763 solid ;
   margin: 2px;
   display: block ;
   z-index: 0;
}*/
#program-list_half.rightapproach{/*右側の枠*/
   float:right;
}


/* 2列配置（左・画像エリア） */
#program-list_half .reportphoto_s{
   width:100px;
   margin: 0;
   padding: 0;
   float:left;
}
#program-list_half .reportphoto_s img{
   width:90px;
   border: 1px solid #fff;
   margin: 0;
   padding: 0;
   text-align:center;
}
#program-list_half .reportphoto_s a:hover img {
   background-color:#ffffff;
   border: 1px solid #435da6;
   opacity:0.9;   
   filter: alpha(opacity=85);   
   -ms-filter: "alpha( opacity=85 )";
}

/* 2列配置（右・テキストエリア） */
#program-list_half .reporttext_s{
   width:217px;
   border: none;
   margin:0 6px 0 0;
   padding:0;
   float: right;
   /*position: relative;*/
}
/* 2列配置（h3＝講演タイトル） */
#program-list_half h3 {
   width:217px;
   line-height:1.1;
   background-color:#d5efdc;
   color:#000;
   font-size: 100%;
   font-weight: bold;
   position: relative;
   margin:0 0 3px 0;
   padding:5px 3px 2px 3px;
   clear:both;
}
#program-list_half h3 a:link, 
#program-list_half h3 a:visited {
   color:#000;
   /*color:#435da6;*/
   text-decoration:none;
}
#program-list_half h3 a:hover, 
#program-list_half h3 a:active {
   color:#337fcc;
   /*color:#435da6;*/
   text-decoration:underline;
}
#program-list_half h3 span { /*一部テキスト縮小する場合*/
   font-size: 96%;
   font-weight: bold;
}

/* 2列配置（h4＝講演者の肩書き） */
#program-list_half h4 {
   width:auto;
   line-height:1.0;
   color:#000;
   font-size: 90%;
   font-weight: normal;
   position: relative;
   margin:0;
   padding:0 0 3px 0;
   text-align:right;
   clear:both;
}
/* 2列配置（h5＝講演者名） */
#program-list_half h5 {
   width:auto;
   line-height:1.0;
   color:#000;
   font-size: 98%;
   font-weight: bold;
   position: relative;
   margin:0;
   padding:0 0 5px 0;
   text-align:right;
   clear:both;
}

/* 講演者名の下の区切り線 */
#program-list_half .h5border_b { 
   width:auto;
   position: relative;
   margin:0;
   padding:0;
   clear:both;
}
#program-list_half .h5border_b::before,
#program-list_half .h5border_b::after {
   position: absolute;
   bottom: -2px;
   left: 0;
   content: '';
   height: 4px;
}
#program-list_half .h5border_b::before {
   z-index: 2;
   width: 20%;
   background-color: #229075;
}
#program-list_half .h5border_b::after {
   width: 100%;
   background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
   background: repeating-linear-gradient(45deg, #fff, #fff 2px, #229075 2px, #229075 4px);
}


/* 2列配置（キャプション＝あらすじ紹介文） */
#program-list_half p.reportcap_s {
   width:auto;
   font-size:14px;
   font-weight:normal;
   line-height:1.1;
   color:#000;
   margin: 0;
   padding: 5px 3px 3px 3px;
   text-align:left;
}

/* 2列配置（レポートを見るリンクボタン） */
#program-list_half div.reportjump_s {
   position: absolute;
   bottom: 5px;
   right: 0;
   margin: 0;
   padding: 5px;
}
#program-list_half div.reportjump_s a:link, 
#program-list_half div.reportjump_s a:visited {
   font-size:90%;
   font-weight:bold;
   text-decoration: none;
   text-align: center;
   color:#fff;
   border: 2px solid #FFF;
   border-radius: 6px;
   background-color:#ff5b01;
   background: -moz-linear-gradient(top, #f9b88c 0%, #ff5b01 100%); /* FF3.6+ */
   background: -webkit-linear-gradient(top, #f9b88c 0%, #ff5b01 100%); /* Chrome10+, Safari5.1+ */
   background: linear-gradient(to bottom, #f9b88c 0%, #ff5b01 100%); /* IE10+, W3C */
   background:-ms-linear-gradient(top, #f9b88c, #ff5b01); /* IE */
   box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
   /*text-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/
   padding: 3px 8px;
}
#program-list_half div.reportjump_s a:hover, 
#program-list_half div.reportjump_s a:active {
   color:#fff;
   background-color:#ff7901;
   background: -moz-linear-gradient(top, #ffbd83 0%, #ff7901 100%); /* FF3.6+ */
   background: -webkit-linear-gradient(top, #ffbd83 0%, #ff7901 100%); /* Chrome10+, Safari5.1+ */
   background: linear-gradient(to bottom, #ffbd83 0%, #ff7901 100%); /* IE10+, W3C */
}



/*----- フッタエリア -----*/
footer {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}

/* フッタコンテンツ（背景、クレジットなど） */
#ijs-footer {
   width:660px;
   height:auto;
   /*background: #f6fae8 url(/news2/handmade/file/images/ijamp-seminar/ijs20191028-credit_bg.jpg) no-repeat 0 0;*/
   /*background-size:100%;*/
   background: #11654a;
   margin: 10px 0;
   padding: 10px;
   clear:both;
   display:inline-block;
}
#ijs-footer p {
   line-height:1.2;
   color:#fff;
   font-size: 94%;
   font-weight:normal;
   margin: 0;
   padding: 0;
   /*text-shadow: 1px 1px 3px #000;*/
   text-align:center;
   clear:both;
}



}/* @media */