@charset "UTF-8";
/* CSS Document */
/* ---------------------------------------------------------
試作・評価プラットフォーム
--------------------------------------------------------- */
div#PagetitlePane { padding: 0; margin: 0; }
div#PagetitlePane h1 { display: none; padding: 0; margin: 0; }
.pcView div#PagetitlePane { height: 600px; }
.pcView div#mainBody { width: 100%; }
.pcView div#contentWrap { position:relative; }
.pcView div.ContentPane{ width: 1000px; margin: 0 auto; padding: 30px 20px; background-color: #fff; }
.spView div#PagetitlePane { display: none; }
.spView div#PagetitlePane + .ContentPane { padding: 0!important; }

/* ---------------------------------------------------------
 画像のViewPoint設定
--------------------------------------------------------- */
.pcView div.h1-wrapper { width: 1000px; max-height: 100%; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 20;}
.spView div.h1-wrapper { width: 100%; height: 420px; margin: 0 0 50px; padding: 0 14px 25px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }

/* ---------------------------------------------------------
 h1コンテンツの設定
--------------------------------------------------------- */
/*.spView div.h1-contents { margin: 0 auto; }*/

/* ---------------------------------------------------------
 領域アイコン（使ってない）
--------------------------------------------------------- */
/*.pcView div.h1-wrapper div.h1-contents{ position: absolute; top: 29px; left: 0; text-align: left;}*/

/* ---------------------------------------------------------
 タイトル・研究者名等
--------------------------------------------------------- */
.pcView div.h1-wrapper div.h1-textContent { position: absolute; top: 240px; margin: 0 auto; width: 1000px; }
.spView div.h1-wrapper div.h1-textContent { margin: 0; max-width: 100%!important; }
div.h1-wrapper div.pem { padding-top: 3em; }

.pcView div.h1-wrapper.en div.h1-textContent,
.pcView div.h1-wrapper div.h1-textContent.en { top: 200px; }

/* ---------------------------------------------------------
 縦長画像配置
--------------------------------------------------------- */
.pcView #contentWrap .contents .sideImage img { max-width: 250px; }
.pcView #contentWrap .contents .sideImage::after { clear:both; }

/* ---------------------------------------------------------
モバイル設定
--------------------------------------------------------- */
.spView div#PagetitlePane h1 { background: none!important; text-indent:100%; white-space:nowrap; overflow:hidden; }

/* ---------------------------------------------------------
 フォント等の指定（title,subtitle）
--------------------------------------------------------- */
div.h1-textContent div.h1-title,
div.h1-textContent div.h1-subtitle {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; color: #fff; text-shadow: 1px 1px 10px rgba(0,0,0,0.5); }

.pcView div.h1-textContent div.h1-title { font-size: 3.5rem!important; max-width: 1000px; line-height: 150%; margin: 0 auto; font-weight: 600; }
.pcView div.h1-textContent div.h1-subtitle { font-size: 1.75rem!important; max-width: 840px; line-height: 140%; margin: 15px auto 0; font-weight: 600; }
.pcView div.h1-textContent div.h1-subtitle::before { content:"\30FC\0020";}
.pcView div.h1-textContent div.h1-subtitle::after { content:"\0020\30FC";}

.pcView div.h1-wrapper.en div.h1-title,
.pcView div.h1-wrapper div.h1-title.en { font-size: 2.6rem!important; max-width: 1000px; line-height: 140%; margin: 0 auto; font-weight: 600; }
.pcView div.h1-wrapper.en div.h1-subtitle,
.pcView div.h1-wrapper div.h1-subtitle.en { font-size: 1.6rem!important; line-height: 130%; }

.spView .contents p.date { padding: 15px 0!important; }
.spView div.h1-textContent div.h1-title { font-size: 1.9rem!important; line-height: 140%; margin: 10px 0 5px; }
.spView div.h1-wrapper.en div.h1-title,
.spView div.h1-wrapper div.h1-title.en { font-size: 1.6rem!important; line-height: 120%; }

.spView div.h1-textContent div.h1-subtitle {display: none; }

/* ---------------------------------------------------------
 フォント指定　-特殊文字
--------------------------------------------------------- */
div.h1-textContent span.force-text { font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}

/* ---------------------------------------------------------
 改行指定
--------------------------------------------------------- */
.pcView .h1-title br, .pcView .h1-subtitle br, .pcView .ResearcherEx h5 br, .pcView figcaption br { display: block; }
.spView .h1-title br, .spView .h1-subtitle br, .spView .ResearcherEx h5 br, .spView figcaption br { display: none; }

/* ここまで、各センター別のcssと共通 */

/* ---------------------------------------------------------
ポイント
--------------------------------------------------------- */
.point {
	margin: 0 0 25px 0;
	padding: 0;
	/* color: #115c9e; */
}
.point li {
  margin: 10px 0;
	list-style: none;
}

/* ---------------------------------------------------------
PC ポイント
--------------------------------------------------------- */
.pcView .point {
	font-size: 1.6rem;
}

/* ---------------------------------------------------------
モバイル　ポイント
--------------------------------------------------------- */
.spView .point {
	font-size: 1.4rem;
}

/* ---------------------------------------------------------
 ご利用方法 usage 
--------------------------------------------------------- */
/* ここから東北センターからのコピーが元 */

#usage {
  padding: 0px 15px 30px;
}
#usage .sub_wrapper {
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 10px;
}
#usage .usage_text {
  padding: 5px 10px;
}

.usage_wrap {
  margin-bottom: 50px;
  background-color: #115c9e;
  padding: 20px;
}

.pcView .usage_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

.usage_box {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #FFFFFF;
}
.usage_box h3 {
  font-size: 1.4rem;
  margin-top: 0;
  background-color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 0.5px;
  color: #000000;
  font-weight: bold;
  position: relative;
  background:none;
}
.usage_box span {
  margin: auto 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  color: #FFFFFF;
  padding: 5px 10px 1px;
  border: solid 2px #000000;
  font-size: 1.1rem;
}
@media screen and (min-width: 1100px) and (min-height: 768px) {
.pcView .usage_box span {
    font-size: 1.4rem;
  }
} 
.usage_box img {
  width: 100%;
  margin: auto;
  max-width: 150px;
}
.usage_box p {
  padding: 5px;
}
.usage_box_small {
  font-size: 1.1rem;
}
.usage_arrow {
  text-align: center;
}

.pcView .usage_arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.usage_arrow img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.pcView .usage_arrow img {
    width: 90px;
    padding-left: 6px;
    padding-right: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}


/* ---------------------------------------------------------
PC 日本地図
--------------------------------------------------------- */
#contents_jnner{
		min-width: 700px;
		max-width: 600px;
		margin: 0 auto 30px;	
	}

#map{
		background: url(/Portals/0/resource_images/aist_j/collab/regcol/pepf/pepf_map_pc.png) no-repeat right 0;
		width: 807px;
		height: 680px;
		margin: 0 auto;
		position: relative;
	}

	.map{position: absolute;}
	.pf_hokkaido{top:38px; right: 585px;}
	.pf_tohoku{top:202px; right: 290px;}
	/*.pf_hokuriku{top:238px; right:665px;}*/
	.pf_chugoku{top:330px; right:825px;}
	.pf_shikoku{top:515px; right:450px;}


        .pf_intro {
        position : absolute;
        display: block;
        padding: 3px;
        color: #c00000;
        width: 300px;
        font-size: 16px;
        font-weight: 500;
        line-height: 2.0rem;
        text-align: center;
        z-index:9;
        }

        .pf_intro:a, hover  {
        color:#c00000!important;
        text-decoration:none!important;
        }

        .map-sp-wrap {
        margin-bottom:20px;
        }

/*------------------------------------------------------------
	pfTable
------------------------------------------------------------*/
/*.pfTable-wrap{
    margin: 0 auto 30px;
    max-width: 960px;
    width: 100%;
}*/
.pfTable {
  margin: 0 auto 30px;
  max-width: 960px;
  width: 100%;
  overflow: auto;
}
.pfTable table {
  width: 100%;
  border-collapse: collapse;
}
.pfTable td.title,
.pfTable td {
  padding: 16px 10px 15px 18px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.525;
  word-break: break-all;
  text-align: left;
  border: 1px solid #ccc;
  vertical-align: middle;
  box-sizing: border-box;
}
.pfTable td.title {
  padding: 13px 10px;
  font-weight: bold;
  text-align: center;
  background-color: #f5f5f5;
}
.pfTable td p {
  margin-bottom: 12px;
}
.pfTable td p:last-of-type {
  margin-bottom: 0;
}
.pfTable .taCenter {
  text-align: center;
}
/* .pfTable a {
  color: #ba2636;
  text-decoration: underline;
} */