@charset "UTF-8";
/* Other than the Top page information*/

/* トピックス関連(イベント、お知らせ、その他)
 画像 テキスト 
*****************************************/
#topics div {
	margin: 0 0 80px;
}

#topics img {
	border: 1px #ccc solid;
}
#topics h3 span {
	font-size: 70%;
}
#topics h4.nonstyle {
	background: none;
	padding: 0;
}
.snap-right {
	float: right;
        margin: 0 0 20px 40px !important;
	text-align: center;
        z-index: 1;
        position: relative;
}
.snap-center {
	clear: both;
	text-align: center;
}
.snap-left {
	float: left;
	margin: 0 40px 20px 0 !important;
	text-align: center;
}
.snap-right img,
.snap-center img,
.snap-left img {
	margin: 0;
    padding: 2px;
}
.snap-right a,
.snap-center a,
.snap-left a {
	font-size: 0;
    margin: 0 1px 0 0;
}
.snap-right a:hover,
.snap-right a:focus,
.snap-center a:hover,
.snap-center a:focus,
.snap-left a:hover,
.snap-left a:focus  {
	outline: 1px dotted #000;
	margin: 0 1px 0 0;
	text-decoration: none;
}

span.captionL {
    display: block;
    font-size: 0.8em !important;
	line-height: 1.2em;
}
span.caption {
    display: block;
    font-size: 0.8em !important;
	line-height: 1.2em;
	margin: 5px 0 0 0;
/*    width: 148px;*/
}
span.caption2 {
    display: block;
    font-size: 0.8em !important;
    line-height: 1.2em;
    margin: 0 0 0 5px;
    padding: 0 0 0 2px;
    text-align: left !important;
    width: 140px;
}
.tdecoLinethr {
	text-decoration:line-through !important;
}


.vod-center {
	clear: both;
    font-size: 1.2em;
	line-height: 2em;
	text-align: center;
}
.vod-center iframe{
	aspect-ratio:16 / 9;
}

.vod-right {
	float: right;
    font-size: 1.2em;
	line-height: 3em;
    margin: 0 0 40px 40px !important;
	text-align: center;
}
.music-dl_other {
	clear: both;
	margin: 0 auto 40px !important;
	padding: 0 0 0 280px;
}
.music-dl_other p {
	margin: 0 !important;
}
.music-dl_video {
	clear: both;
	margin: 0 auto 40px !important;
	width: 560px;
}
.music-dl_video p {
	margin: 0 !important;
}
.music-dl_other .mdl-btn,
.music-dl_video .mdl-btn {
	display: block;
    font-size: 1.2em !important;
    margin: 0 auto 40px !important;
    text-align: center;
    width: 130px !important;
}
.music-dl_other .mdl-btn a,
.music-dl_video .mdl-btn a {
	background: #f3efe1 url(../images/icon-download.png) no-repeat scroll 15px center;
	border-color: #aa9444;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
	color: #000;
    cursor: pointer;
    display: block;
    padding: 5px 10px 3px 25px;
    text-decoration: none;
}

#topics ul li {
	line-height: 1.2em;
    list-style: inside none disc;
    padding: 0 0 10px 1.5em;
    text-indent: -1em;
}
.profile {
	min-height: 320px;
}
.prof {
	padding: 0 0 0 240px;
}

.craft p.comment {
	min-height: 160px;
}

#topics .date {
	background: #F9F5E6;
	border-color: #9a1f00;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	max-width: 700px;
}

.precere img {
	border: 1px #eee solid;
}

#topics .note {
	border-color: #ccc;
	border-style: dotted;
	border-width: 1px 0;
	font-size: 1.2em;
	margin: 0 0 40px 0;
    padding: 10px 0 10px 10px;
    text-indent: -0.5em;
}

#topics .summerclass p.summerkids {
	margin: 0 auto;
	width: 600px;
}
#topics .summerclass p.summerkids img {
	border: none !important;
}
#topics table.summerkids {
	margin: 0 auto;
}
#topics table.summerkids th {
	background: #d8e6ad;
	font-weight: bold;
	text-align: center;
}
#topics table.summerkids td {
	text-align: center;
}

/* firefox */
@-moz-document url-prefix() {
table.press th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.press td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}
@media (max-width: 991px) {
#topics .flex-container.wrap a{	max-width:180px;}
}
@media (max-width: 600px) {
#topics .flex-container.wrap a{	max-width:150px;}
}
/* backnumber バックナンバー
*****************************************/
.backnumberlist {
	margin: 0 0 20px !important;
}
.backnumberlist p {
	background: #ddd none repeat scroll 0 0;
	border: 1px solid #ddd;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
	text-align: center;
}
.backnumberlist ul {
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 10px;
	margin: 0;
}
.backnumberlist li {
	display: inline-block;
	list-style: none !important;
	padding: 0 15px 5px !important;
}
.backnumberlist li a {
	background: url(../images/gnavi_arrow.gif) no-repeat 1px center;
	padding: 0 0 0 1em;
}
.backnumberlist li a:hover {
	background: url(../images/arrow_next.png) no-repeat 1px center;
}

/* pamph パンフレットダウンロード 
*****************************************/
#pamph ul li.brochure {
    display: flex;
    width: 50%;
    font-size: 1em;
    min-width: 420px;
}
#pamph ul li.brochure img{
    margin-right:10px;
}
#pamph .article>ul {
    display: flex;
    flex-wrap: wrap;
}
#pamph ul li.brochure p {
    font-size: 1rem;
}
@media (max-width: 600px) {
#pamph ul li.brochure { width: 100%;flex-direction: column; align-items: center;min-width: auto;}
#pamph ul li.brochure img{max-width:200px;height:auto;}
#pamph ul li.brochure li.issue{text-align:center;}
#pamph ul li.brochure .btn a {margin:10px auto 30px;}
}
/* access アクセス 
*****************************************/
.hct_access {
	margin: 0 0 20px;
}
p.hct_address {
	border: 1px dotted #999;
    display: block;
    font-size: 1.8em;
    line-height: 1.6;
    margin: 0 0 20px 0 !important;
    padding: 40px;
}
.hct_access p.note {
	font-size: 1.4em;
}
.hct_access p.note span.red {
	color: #9a1f00;
}
.hct_access dl {
	margin: 20px 0;
    padding: 10px 40px;
}
.hct_access dt {
	float: left;
	line-height: 2.2;
	padding: 0 1em 0 0;
	width: 15em;
}
.hct_access dd {
	line-height: 2.2;
}
.hct-rootmap {
	margin: 0 auto 30px; /* googleへのリンクを作成したので変更 KUDO 2018/02/08  */
	width: 548px;
}

#access .additional_info { /* 追加情報用設定 kudo 2018/02/08 */
	margin: 60px 0 20px 0px;
	padding: 3px 0 0 30px; /* arrow 表示用固定値 */
	background: url(/elements/images/topix_arrow.gif) no-repeat 10px center;
}
#access .add-map-title{
margin: 30px 0 10px 0;
}
/* floorguide フロアガイド
*****************************************/
#floorguide .article {
    float: left;
    width: 100%;
}
#floorMap {
    margin: 20px auto !important;
    position: relative;
    width: 675px;
}
#floorMap .bt01 {
    left: 80px;
    position: absolute;
    top: 362px;
}
#floorMap .bt02 {
    left: 256px;
    position: absolute;
    top: 290px;
}
#floorMap .bt03 {
    left: 385px;
    position: absolute;
    top: 274px;
}
#floorMap .bt04 {
    left: 396px;
    position: absolute;
    top: 222px;
}
#floorMap .bt05 {
    left: 197px;
    position: absolute;
    top: 241px;
}
#floorMap .bt06 {
    left: 248px;
    position: absolute;
    top: 216px;
}
#floorMap .bt07 {
    left: 323px;
    position: absolute;
    top: 190px;
}
#floorMap .bt08 {
    left: 518px;
    position: absolute;
    top: 241px;
}
#floorMap .bt09 {
    left: 443px;
    position: absolute;
    top: 165px;
}
#floorMap .bt10 {
    left: 270px;
    position: absolute;
    top: 156px;
}
#floorMap .bt11 {
    left: 98px;
    position: absolute;
    top: 134px;
}
#floorMap .bt12 {
    left: 287px;
    position: absolute;
    top: 120px;
}
#floorMap .bt13 {
    left: 380px;
    position: absolute;
    top: 109px;
}
#floorMap .bt14 {
    left: 489px;
    position: absolute;
    top: 73px;
}
#floorMap .bt15 {
    left: 290px;
    position: absolute;
    top: 76px;
}
#floorMap .bt16 {
    left: 223px;
    position: absolute;
    top: 36px;
}
#floorMap .bt17 {
    left: 119px;
    position: absolute;
    top: 60px;
}
#floorMap .bt18 {
    left: 406px;
    position: absolute;
    top: 32px;
}

/* floor-info フロア案内表
*****************************************/
.floor-info {
	margin: 0 1.2em 40px;
}
ul.floor-theme {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px 0;	
	display: block;
}
ul.floor-theme li.floor-number {
	background: #ffe5cc none repeat scroll 0 0;
	border-color: #ccc;
	border-style: solid;
	border-width: 2px 0 0 0;	
    display: block;
    float: left;
    padding: 2px 0 0;
    text-align: center;
    width: 3.5em;
}
ul.floor-theme li.floor-detail {
	border-color: #ccc;
	border-style: solid;
	border-width: 2px 0 0 0;	
}
.floor-info ul {
    margin: 0 0 0 1em;
}
.floor-info ul li {
    font-size: 1em;
}
.floor-info dd {
    line-height: 1.8;
    list-style: disc;
    display: list-item;
    margin-left: 1em;
}
dt.course1, dt.course2  {
    color: #9A6D04;
    font-size: 3em;
    font-weight: bold;
}
dt.course2 {
    color: #09225a;
}

/*-- floor-info フロア案内表 ここまで --*/


/* pagination ページ繰り
*****************************************/
.pagination {
    font-size: 85%;
    margin-top: 50px;
}
.pagination .prev {
    float: left;
	display: block;
	width: 11em;
}
.pagination .prev a {
    background: url(../images/arrow_prev.png) no-repeat scroll 0 0.4em;
    padding-left: 10px;
}
.pagination .next {
    background: url(../images/arrow_next.png) no-repeat scroll right 0.4em;
	display: block;
    float: right;
    padding-right: 10px;
}
.pagination .next a {
    padding-left: 15px;
}
.pagination .next a.number01 {
    background: url(../images/common/number_ic01.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.number02 {
    background: url(../images/common/number_ic02.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.number03 {
    background: url(../images/common/number_ic03.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.number04 {
    background: url(../images/common/number_ic04.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.number05 {
    background: url(../images/common/number_ic05.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetA {
    background: url(../images/common/alphabet_ic01.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetB {
    background: url(../images/common/alphabet_ic02.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetC {
    background: url(../images/common/alphabet_ic03.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetD {
    background: url(../images/common/alphabet_ic04.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetE {
    background: url(../images/common/alphabet_ic05.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetF {
    background: url(../images/common/alphabet_ic06.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetG {
    background: url(../images/common/alphabet_ic07.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetH {
    background: url(../images/common/alphabet_ic08.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetI {
    background: url(../images/common/alphabet_ic09.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.alphabetJ {
    background: url(../images/common/alphabet_ic10.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.roma01 {
    background: url(../images/common/rome_ic01.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.roma02 {
    background: url(../images/common/rome_ic02.gif) no-repeat scroll 0 0.2em;
}
.pagination .next a.roma03 {
    background: url(../images/common/rome_ic03.gif) no-repeat scroll 0 0.2em;
}




#floorguide h4.exhibit-outline {
	background: #F9F5E6;
    border-bottom: 1px dotted #95724f;
	border-left: 4px solid #95724f;
	font-size: 1.8em !important; 
	padding: 4px 3px 3px 1em;
}


/* exhibit-guideMap 各フロア案内
*****************************************/
.exhibit-guideMap {
    margin: 25px auto 0;
    position: relative;
    max-width: 675px;
}

#floorguide01 .btn01 {
	position: absolute;
	top: 207px;
	left: 63px;
}
#floorguide01 .btn02 {
	position: absolute;
	top: 288px;
	left: 205px;
}


#floorguide02 .btn01 {
	position: absolute;
	top: 282px;
	left: 319px;
}
#floorguide02 .btn02 {
	position: absolute;
	top: 81px;
	left: 272px;
}
#floorguide02 .btn03 {
	position: absolute;
	top: 46px;
	left: 401px;
}
#floorguide02 .btn04 {
	position: absolute;
	top: 91px;
	left: 516px;
}
#floorguide02 .btn05 {
	position: absolute;
	top: 251px;
	left: 510px;
}
#floorguide02 .btn06 {
	position: absolute;
	top: 139px;
	left: 516px;
}
#floorguide02 .btn07 {
	position: absolute;
	top: 175px;
	left: 333px;
}
#floorguide02 .btn08 {
	position: absolute;
	top: 293px;
	left: 510px;
}



#floorguide03 .btn01 {
	position: absolute;
	top: 318px;
	left: 436px;
}
#floorguide03 .btn02 {
	position: absolute;
	top: 54px;
	left: 140px;
}
#floorguide03 .btn03 {
	position: absolute;
	top: 92px;
	left: 376px;
}
#floorguide03 .btn04 {
	position: absolute;
	top: 99px;
	left: 511px;
}
#floorguide03 .btn05 {
	position: absolute;
	top: 104px;
	left: 140px;
}
#floorguide03 .btn06 {
	position: absolute;
	top: 155px;
	left: 511px;
}
#floorguide03 .btn07 {
	position: absolute;
	top: 201px;
	left: 236px;
}



#floorguide04 .btn01 {
	position: absolute;
	top: 323px;
	left: 551px;
}
#floorguide04 .btn02 {
	position: absolute;
	top: 48px;
	left: 333px;
}
#floorguide04 .btn03 {
	position: absolute;
	top: 86px;
	left: 128px;
}
#floorguide04 .btn04 {
	position: absolute;
	top: 161px;
	left: 541px;
}
#floorguide04 .btn05 {
	position: absolute;
	top: 107px;
	left: 333px;
}
#floorguide04 .btn06 {
	position: absolute;
	top: 194px;
	left: 263px;
}


.btn01, .btn02, .btn03, .btn04, 
.btn05, .btn06, .btn07, .btn08 {
	line-height: 1.0em;
	margin: 0 !important;
}
.btn01 a, .btn02 a, .btn03 a, .btn04 a, 
.btn05 a, .btn06 a, .btn07 a, .btn08 a {
	display: block;
	margin: 0;
}



#floorguide .article ul li {
	list-style: inside disc;
}

#pamph ul li.floorguidedl{ /* フロアガイドダウンロード用に追加  KUDO 2018/2/5 */
	list-style: none;
}

/* 研究所について 
*****************************************/
#about .message{
	display:flex;
	align-items: flex-end;
}
#about .message img{
	margin-left:20px;
	max-width:230px;
	height:auto;
}

@media (max-width: 991px) {
#about .message {flex-direction: column;}
#about .message img{margin:20px auto;height:auto;max-width:250px;height:auto;}
#about span{display:flex;align-items:flex-end;}
#about span p{margin:20px 10px;font-size:1.5em;text-align:right}
}
@media (max-width: 600px) {
#about .message {align-items: center;}
}
/* 見学コース 
*****************************************/
#area h2 {
    border: none;
    position: relative;
    text-align: center;
    color: #9A6D04;
    padding:20px 0;
}

#area h2::before, #area h2::after {
    content: "";
    width: 100vw;
    position: absolute;
    height: 3px;
    background: #9A6D04;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    top: 0px;
}


#area h2::after {
    bottom: 0;
    top: auto;
}

.area .full-figure-block a, a.history-link-btn {
    position: absolute;
    bottom: -11px;
    right: 20px;
    box-shadow: 3px 3px 5px gray;
}

.area .full-figure-block {
    position: relative;
}

.area .full-figure-block figure, .full-figure-block figure img {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.area .figure-block {
    position: relative;
    max-width: 990px;
    width:100%;
    margin: auto;
}

.area .figure-block img {
    width: 100%;
    margin: 0;
}

.area .figure-block p {
    position: absolute;
    z-index: 10;
    bottom: 0;
    top: 0;
    height: calc(100% - 60px);
    left: 0;
    display: flex;
    background: linear-gradient(90deg, #996600, transparent);
    width: 40%;
    color: #fff;
    padding: 30px 30px;  
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-shadow: 0 0 5px #996600;
}

.area .figure-block figure, .figure-block img {
    margin: 1rem 0;
    object-fit: cover;
}

.area .figure-block span {
    font-size: 120%;
    margin-top: 10px;
    font-weight: bold;
}

.area .figure-block::before {
    width: 3px;
    height: calc(100% - 30px);
    content: "";
    background: linear-gradient(0deg, #ffffff, transparent);
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 20;
}

.area .figure-block::after {
    width: 80%;
    height: 3px;
    content: "";
    background: linear-gradient(45deg, #ffffff, transparent);
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 20;
}
.area .figure-block.right p {
    right: 0;
    left: auto;
    background: linear-gradient(270deg, #996600, transparent);
    align-items: flex-end;
    text-align: right;
}

.area .figure-block.right::before {
    right: 15px;
    left: auto;
    z-index: 20;
}

.area .figure-block.right::after {
    right: 15px;
    left: auto;
    background: linear-gradient(225deg, #ffffff, transparent);
}
.area a.history-link-btn {
    position: relative;
    width: fit-content;
    margin: 0 0 40px auto;
}

.area .full-figure-block a::after, a.history-link-btn::after {
    content: "";
    background: url(/elements/images/link-btn.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-left: 10px;
    display: inline-block;
    align-items: center;
    background-repeat: no-repeat;
}
#area.tech h2 {
    color: #09225a;
}

#area.tech h2::before, #area.tech h2::after{
    background-color:#09225a;
}

.area.tech a.btn-link{
    background:#09225a;
}
.area.tech .figure-block p {
    background: linear-gradient(90deg, #09225ae0, transparent 50%);
    text-shadow: 0px 0px 5px #09225a;
}
.area.tech .figure-block.right p{
    background: linear-gradient(270deg, #09225ae0, transparent 50%);
}
#area.tech .green h2 {
    color: #005400;
}
#area.tech .green h2::before, #area.tech .green h2::after {
    background-color: #005400;
}

.area.tech .green .figure-block p {
    background: linear-gradient(90deg, #005400e0, transparent 50%);
}

.area.tech .green .figure-block.right p {
    background: linear-gradient(270deg, #005400e0, transparent 50%);
}

.area.tech .green a.btn-link {
    background: #005400;
}
.area.tech .flex-container a.btn-link {
    position: relative;
    margin:0 20px;
}

.area.tech .flex-container {
    position: absolute;
    bottom: 30px;
    right: 0px;
}
@media (max-width: 991px) {
.area .figure-block p {height:200px;max-height: calc(100% - 60px);width: calc(100% - 60px);font-size: 150%; margin: 0 !important;bottom: 0; top: auto;}
.area.tech .figure-block p, .area.tech .figure-block.right p{background:linear-gradient(0deg, #09225ae0, transparent 50%);}
.area.tech .green .figure-block p, .area.tech .green .figure-block.right p { background: linear-gradient(0deg, #005400e0, transparent 50%);}
.area .figure-block p, .area .figure-block.right p{background: linear-gradient(0deg, #996600, transparent);}
.area .full-figure-block a, a.history-link-btn,.area.tech .flex-container{position:relative;bottom:0;right:0;margin-bottom: 40px;}
.area.tech .flex-container a.btn-link{margin:5px auto;}
}
@media (max-width: 600px) {
.area .figure-block p {max-height: calc(100% - 32px);width: calc(100% - 32px); padding: 16px 16px;}
.area .figure-block p{padding:16px;}
.area .figure-block::after{left:10px;bottom:10px;}
.area .figure-block::before{left:10px;bottom:10px;}
.area .figure-block.right::before{right:10px;}
.area .figure-block span{margin-top:5px;}
.area .full-figure-block a, a.history-link-btn {position:relative;right: 0; left: 0; margin: 20px auto;bottom:0;}
.area a.history-link-btn {  margin: 20px auto;}
}

/* shakaika_tour 社会科見学
*****************************************/
#shakaika_tour h3 {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
	margin: 0 0 20px;
    padding: 4px 3px 3px;
}
#shakaika_tour h3 span {
    border-radius: 3px;
    border-style: dashed;
    border-width: 1px;
    display: block;
    padding: 8px 5px 5px 10px;
}

#shakaika_tour h3.orange, #shakaika_tour h3.orange span {
	background: #ffe5cc none repeat scroll 0 0;
    border-color: #ffa64c;
}

#shakaika_tour h4 {
	margin: 0 0 20px;    
    padding: 2px 3px 2px 5px;
}
#shakaika_tour h4 span {
}
#shakaika_tour h4.orange {
	background: #ffe5cc none repeat scroll 0 0;
    border-color: #ffa64c;
    border-style: none none dotted solid;
    border-width: 0 0 1px 5px;
    height: 2.5em;
    line-height: 2.8em;
}
#shakaika_tour h4.orange span.tour {
	background: none;
    border-color: #ffa64c;
}


/* ***_tour-btn 見学コース 冒頭ボタン (コメント追加 KUDO 2017/06/30)
*****************************************/

/* 社会科見学 .shakaika_tour-btn の設定を追加　ここから　KUDO 2017/06/30 */

.tour-btn{
	border: 1px dotted;
	border-radius: 6px;
	margin: 0 0 20px;
	padding: 10px;
}
.tour-btn,
.tour-btn .ttl,
.tour-btn li a {
	border-color: #9A6D04;
}

.tour-btn .ttl {
	border-style: double;
    border-width: 0 0 3px;
    font-size: 1.8em;
    font-weight: bold;
    margin: 10px 0 !important;
}
.tour-btn .ttl a {
	background: url(../images/arrow_next.png) no-repeat 10px center;
	border-radius: 0;
    border-style: solid;
    border-width: 0;
	cursor: pointer;
    display: inline-block;
    margin: 0 0 1px;
    padding: 5px 15px 2px 25px;
}
.tour-btn ul{
	clear: both;
    margin: 0 0 30px;
}
.tour-btn li {
	float: left;
    font-size: 1rem;
    margin: 10px 5px;
    text-align: center;
}
.tour-btn li a {
	border-radius: 25px;
	border-width: 1px;
	color: #fff;
	display: block;
	padding: 5px 35px 5px 25px;
	text-decoration: none;
	position:relative;
}
.tour-btn li a::before{
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;  /* 画像サイズに合わせて調整 */
  height: 20px;
  background: url(../images/link-btn.png) no-repeat center / contain;
  transform: translateY(-50%) rotate(90deg);
}
.tour-btn li a {
	background-color: #9A6D04;
}.
.tour-btn li a:hover{
	cursor: pointer;
}
.tour-btn li a:hover {
	background-color: #fff;
}
/* 社会科見学 .shakaika_tour-btn の設定を追加　ここまで　KUDO 2017/06/30 */

#course .guide_tour h4 span.notice {
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 3.5em;
    text-align: right;
    width: 180px;
}
#course .free_tour h4 span.notice {
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 3.5em;
    text-align: right;
    width: 180px;
}
#course p.course {
	margin: 10px auto;
	width: 675px;
}
.guide_tour ul,
.free_tour ul {
	border-color: #CCC;
	border-radius: 0;
    border-style: solid;
    border-width: 1px;
	margin: 10px auto 100px;
	padding: 5px;
	width: 660px;
}
.guide_tour ul li,
.free_tour ul li {
	display: block;
    margin: 0 10px 0 0;
    padding: 5px 20px 5px 0;
}
.courseFlow01 {
    font-size: 0.8em;
    overflow: hidden;
    border: 1px solid;
    padding: 15px;
}
.courseFlow01 li {
    background: url(../images/common/ic05.png) no-repeat scroll 100% 50%;
    float: left;
    margin-bottom: 3px;
    margin-right: 18px;
    padding-right: 38px;
    white-space: nowrap;
}
.courseFlow01 li.last {
    background: none repeat scroll 0 0;
    margin-right: 0;
    padding-right: 0;
}
.courseFlow01 li a {
    margin: 0 10px 0 0;
    padding-left: 15px;
}
.courseFlow01 li a.number01 {
    background: url(../images/common/number_ic01.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.number02 {
    background: url(../images/common/number_ic02.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.number03 {
    background: url(../images/common/number_ic03.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.number04 {
    background: url(../images/common/number_ic04.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.number05 {
    background: url(../images/common/number_ic05.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetA {
    background: url(../images/common/alphabet_ic01.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetB {
    background: url(../images/common/alphabet_ic02.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetC {
    background: url(../images/common/alphabet_ic03.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetD {
    background: url(../images/common/alphabet_ic04.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetE {
    background: url(../images/common/alphabet_ic05.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetF {
    background: url(../images/common/alphabet_ic06.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetG {
    background: url(../images/common/alphabet_ic07.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetH {
    background: url(../images/common/alphabet_ic08.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetI {
    background: url(../images/common/alphabet_ic09.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.alphabetJ {
    background: url(../images/common/alphabet_ic10.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.roma01 {
    background: url(../images/common/rome_ic01.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.roma02 {
    background: url(../images/common/rome_ic02.gif) no-repeat scroll 0 center;
}
.courseFlow01 li a.roma03 {
    background: url(../images/common/rome_ic03.gif) no-repeat scroll 0 center;
}
/* course ご見学案内
*****************************************/
#course p{
    margin: 0 0 20px;
}
#course h2 {
    border: none;
    text-align: center;
    background: #C04F15;
    color: white;
}

#course dl {
    border: 1px solid;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
}

#course dt {
    width: 120px;
}

#course dd {
    width: calc(100% - 150px);
}
#course .option div {
    width: 100%;
}
#course a.option-link-btn, #course a.tour-link-btn, #course a.shakai-link-btn {
    background: #c04f15;
    color: #fff;
    min-width: 250px;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    padding: 20px 0;
    border-radius: 5px;
    margin: 5px 20px 20px 0;
    font-weight: bold;
    position: relative;
    transition: .3s;
}
#course a.option-link-btn:hover::after, #course a.tour-link-btn:hover::after, #course a.shakai-link-btn:hover::after{
    right: 10px;
}
#course a.option-link-btn::after, #course a.tour-link-btn::after, #course a.shakai-link-btn::after {
    position: absolute;
    right: 20px;
    bottom: 0;
    top: 0;
    content: "";
    background: url(/elements/images/link-btn.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    margin: auto;
    display: inline-block;
    align-items: center;
    background-repeat: no-repeat;
    transition: .3s;
}
#course a.option-link-btn:hover, #course a.tour-link-btn:hover, #course a.shakai-link-btn:hover {
    opacity: .8;
}
#course a.tour-link-btn {
    background: #084f6a;
}
#course a.shakai-link-btn {
    background: #009185;
}
#course .option {
    display: flex;
    align-items: flex-start;
}

#course h2:nth-of-type(2) {
    background: #084F6A;
}
#course h2:nth-of-type(3) {
    background: #009185;
}
#course .toggle-btn {
  cursor: pointer;
  margin-left: 10px;
  font-weight: bold;
  font-size: 1.5rem;
  user-select: none;
  background: #084f6a;
  color: #fff;
  border-radius: 26px;
  width: 36px;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  transition:.2s;
}
#course .toggle-btn:hover {
  opacity:.8;
}
#course .tour-list {
  margin:  10px 0;
  background: #084f6a15;
  padding: 15px;
  max-width: 700px;
}
#course .tour-list li {
    line-height: 2;
}

#course a.history::before, a.technical::before {
    content: "\6B74";
    background: #9A6D04;
    padding: 0 8px;
    border-radius: 20px;
    font-size: 80%;
    color: #fff;
    position:absolute;
    left:-10px;
}
#course a.technical::before {
    content: "\6280";
    background: #09225A;
}
#course .hidden {
  display: none;
}

#course p.tour-title {
    min-width: 250px;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    padding: 30px 0 30px;
    border-radius: 5px;
    margin: 5px 20px 0 0!important;
    font-weight: bold;
    background: #084f6a;
    color: white;
}

#course .tour {
    display: flex;
    margin: 40px 0 10px 0;
    align-items: flex-start;
}

#course p.tour-list-title {
    font-weight: bold;
    color: #084f6a;
    display: inline-block;
    margin: 0;
}

#course .tour-list a {
    color: #000;
    position:relative;
    padding-left:1.5rem;
    text-decoration:none;
}
#course .tour-list a:hover {
text-decoration: underline;
}
@media (max-width: 600px) {
#course .option { align-items: center; flex-direction: column;}
#course .tour { flex-direction: column;margin: 20px 0!important; align-items: normal;}
#course p.tour-title {    margin: 20px 0 !important;    padding: 10px;}
#course dt {  width: 100%;  font-weight: bold;}
#course dd{width:100%;}
#course a.option-link-btn, #course a.tour-link-btn, #course a.shakai-link-btn { margin: 20px auto 10px;}
}
/* topics トピックス (トピックス一覧も含む)
*****************************************/
#topics {
	margin: 0 0 60px;
	position: relative;
}
#topics h2 {
	position: relative;
}
#topics h2 span.link {
	background: url(../images/topix_arrow.gif) no-repeat 0 center;
	font-size: 65%;
	font-weight: normal;
    padding: 0 0 0 5px;
	position: absolute;
	right: 20px;
}
#topics h2 span.txt {
	font-size: 65%;
	font-weight: normal;
    padding: 0 0 0 360px;
}
#topics h3 {
	clear:both;
}
#topics dt {
	display: block;
	float: left;
	min-height: 65px;
	width: 150px;
	padding: 10px;
	text-align: center;
}
#topics dt .event,#topics dt .news,#topics dt .other,#topics dt .media, 
.top-page .topics .event, .top-page .topics .news, .top-page .topics .other,.top-page .topics .media
{
    padding: 0 2rem;
    font-size:85%;
}
#topics dt .event,.top-page .topics .event {
	background: #ebc5c2;
}
#topics dt .news, .top-page .topics .news {
	background: #d0ead1;
}
#topics dt .media, .top-page .topics .media{
	background: #AFCBDF;
}
#topics dt .other, .top-page .topics .other {
	background: #e1e1e1;
}
#topics dt .new {
	color: #9A1F00;
	font-weight: bold;
	padding: 0 0 0 0.5em;
}

#topics dd {
	border-bottom: 1px dotted #999;
	display: block;
	line-height: 1.7;
	min-height: 68px;
	padding: 10px 10px 10px 170px;
	text-indent: -1px;
}
#topics dd a {
	text-decoration: underline;
}
#topics #days dt[data-topics="hide"], #topics #days dt[data-topics="hide"]+dd {
    display: none;
}
@media (max-width: 600px) {
#topics dt { display: flex; float: none; width: auto;min-height: auto; padding: 1rem 0;}
#topics dd {padding:0 0 1rem;}
#topics .event,#topics .news,#topics .other,#topics .media{  margin: 0 10px; }
#topics h2.event{  margin: 35px 0 20px; }
}
/* experience 体験コーナー 
*****************************************/
#experience h2 {
    border: none;
    position: relative;
    text-align: center;
    color: #005400;
    padding:20px 0;
}

#experience h2::before, #experience h2::after {
    content: "";
    width: 100vw;
    position: absolute;
    height: 3px;
    background: #005400;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    top: 0px;
}

#experience h2::after {
    bottom: 0;
    top: auto;
}

/

#content .exp p.morelink {
	margin-top: 20px;
}
.exp p.morelink span.more {
	background: #9a6d04;
	border-radius: 20px;
	padding: 5px 20px;
	margin:5px 5px 0 1em;
	display: inline-block;
	color: #fff;
}
.exp p.morelink a {
	background: url(../images/arrow_next.png) no-repeat 0 center;
	padding: 5px 0 5px 10px;
}
.exp p.morelink a:hover {
}

/* search 展示史料検索 
*****************************************/
#search div,
#search table {
	margin: 0 0 40px;
}
.table02 {
	margin-top: 15px;
	border: #66CBFF solid;
	border-width: 2px;
}

.table02 th {
	padding: 4px 6px 2px;
	vertical-align: middle;
	color: #000;
	text-align: center;
	border: #effaff solid;
	border-width: 1px 0 1px 1px;
}

#search .table02 th.thColor04 {
	width: 20%;
}

.table02 th.thColor04 {
	background-color: #66cbff;
    border-bottom: 1px solid #effaff;
}
.table02 td {
	padding: 4px 10px 2px;
	border: #66CBFF solid;
	border-width: 1px 0 1px 1px;
	vertical-align: top;
	background-color: #FFFFFF;
	font-size: 1.0em;
}
.table02 td.vm {
	vertical-align: middle;
}
.table02 td ul li {
	list-style: none !important;
}

.table02 td ul.checkList01 {
	display: block;
}

.table02 td ul.checkList01 li {
	background: none;
    clear: both;
    display: block;
    padding: 0 0 3px;
}

.table02 td ul.checkList01 span {
	padding: 3px 0 2px 2em;
}


.table02 td ul.checkList01 li label {
	cursor: pointer;
    padding: 0 0 0 5px;
}
.table02 td ul.checkList01 li input {
	float: left;
    margin-top: 2px;
}
*:first-child+html .table02 td ul.checkList01 li input {
	margin-top:1px;
}

.table02 td ul.checkList02 {
	display: block;
    float: left;
	margin: 20px 0 30px;
    width: 100%;
}
.table02 td ul.checkList02 li {
	background: none;
	float: left;
	margin-right: 0%;
	padding-left: 0;
	width: 30%;
}
.table02 td ul.checkList02 li input {
	margin-top:5px;
}
.color03 {
	clear: both;
    color: #9a1f00;
    font-size: 1.6em;
    font-weight: bold !important;
	margin: 0 !important;
    padding: 0 0 5px;
}
.color04 {
	color: #015622;
	font-size: 1.6em;
    font-weight: bold !important;
	margin: 0 !important;
    padding: 0 0 5px;
}
.inputTxt01 {
    font-size: 100%;
    margin: 5px 0;
    padding: 3px;
    width: 400px;
}

.pager {
	margin:30px 0;
	text-align:center;
}
.pager a {
	padding:0 2px;
}

.selectButton01 {
	clear: both;
	margin: 0 0 20px;
	height: 24px;
	position: relative;
}
.selectButton01 .allSelect,
.selectButton01 .selectAll {
	background: url(../images/arrow_next.png) no-repeat 5px center #ddd  !important;
	border-color: #aaa;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	display: block;
	font-size: 1.1em;
	height: 30px;
	text-align: center;
	padding: 0;
	
	position:absolute;
	left:140px;
	cursor:pointer;
	width: 95px;
}
.selectButton01 .allReset,
.selectButton01 .resetAll {
	background: url(../images/arrow_next.png) no-repeat 5px center #ddd  !important;
	border-color: #aaa;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	display: block;
	font-size: 1.1em;
	height: 30px;
	padding: 0;
	text-align: center;
		
	position:absolute;
	left:260px;
	cursor:pointer;
	width: 95px;
}

	
.center {
	text-align: center;
}
.mt40 {
	margin: 40px 0 0;
}
input.searchbtn {
	background: url(../images/arrow_next.png) no-repeat 10px center #f3efe1  !important;
	border-color: #aa9444;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	cursor: pointer;
	font-size: 150%;
	height: 36px;
	margin: 0 auto !important;
	padding: 0;
	width: 110px;
}


/* result 展示史料検索結果 
*****************************************/
#result table {
	margin: 0 0 40px;
}

#result caption,
#result th, 
#result td {
	font-size: 1.4em;
}
#result th.hisrec-id {
	width: 10% !important;
}
#result th.hisrec-name {
	width: 26%;
}
#result th.hisrec-field {
	width: 10%;
}
#result th.hisrec-place {
	width: 22%;
}
#result th.hisrec-sp {
	width: 16%;
}
#result th.hisrec-pic {
	width: 16%;
}

.searchBtn2 a {
	background: url(../images/arrow_next.png) no-repeat 5px center #f3efe1  !important;
	border-color: #aa9444;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 1.0em;
	margin: 0 auto !important;
	padding: 6.5px 12px 6px 20px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}



/* contact お問い合わせ 
*****************************************/ 
#contact {
	
}
.contactbox {	
}
.contactbox p {
	margin: 30px 0;
}

.contactbox p.external a {
	background: url(../images/icon-external.gif) no-repeat right center;
	padding: 0 20px 0 0;
}
.contactbox a.btn-link {
    margin: 0 0 30px 20px;
}
#contact p {
	background: url(../images/topix_arrow.gif) no-repeat 10px center;
    font-size: 1.8em;
	padding: 3px 0 0 30px;
}
#contact p.toform {
	margin: 0 0 10px;
}
#contact p.avoid {
	background: none;
	font-size: 1.25em;
    padding: 0 20px 0 98px;
    text-indent: -1.4em;
}

#contact p.contacttel {
	margin: 0 0 15px;
}
#contact ul.contacttel {
	padding: 0 0 0 10%;
}
#contact ul.contacttel li {
	padding: 0 0 10px;
}
#contact ul.contacttel li span {
	display: inline-block;
    margin: 0 10px 0 0;
    width: 15em;
}

@media (max-width: 600px) {
#contact ul.contacttel li span {display: block;}
.contactbox a.btn-link {margin:20px auto;}
}



/* about NTT技術史料館について
*****************************************/
.about dl div {
    padding-left: 180px;
    position: relative;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 30px 0;
}

.about dl .circle {
    background: #9a6d04;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0px 0px 10px gray;
    color: white;
    font-weight: bold;
    font-size: 1.6em;
    position: absolute;
    left: 0;
}

.about dd {
    position: relative;
    padding-left: 120px;
}
.about dd.padding-large {
    padding-left: 180px;
}
.about dt {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
}

.about dd span {
    position: absolute;
    left: 25px;
}
.about dl.before-opening .circle {
    background: #09225a;
}

.about dl:before {
    content: "";
    height: 100%;
    width: 20px;
    background: #f0ecdd;
    display: block;
    position: absolute;
    top: 0;
    left: 65px;
}


.about p.opening {
    width: 100%;
    background: #09225a;
    text-align: center;
    color: white;
    font-size: 2.4em;
    font-weight: bold;
    padding: 10px 0;
}
.about p.opening span {
    padding-right: 50px;
}
.about dl {
    position: relative;
}

.about dl.before-opening::before {
    background: #c1d4ff;
}

@media (max-width: 600px) {
.about dl:before {  width: 10px; left: -3px;}
.about dl .circle{display: none;}
.about dt::before { content: ""; width: 22px; height: 22px; border-radius: 10px; background: #9a6d04; display: inline-block;  position: absolute;  left: -9px;  top: 5px;}
.about .before-opening dt::before { background: #09225a;}
.about dl div { padding-left: 20px; min-height: auto;}
.about dd, .about dd.padding-large { padding-left: 0px;}
.about dd span {position: relative;display: block;left: 0; font-weight: bold;}
.about p.opening span{display: block;  padding: 0;}
}



/* faq よくあるご質問　見出し3 
*****************************************/
#faq h3 {
	margin: 0 0 20px;
}
#faq h3 span {
    border-radius: 3px;
    border-style: dashed;
    border-width: 1px;
    display: block;
    padding: 8px 5px 5px 10px;
}
#faq h3.blue, #faq h3.blue span {
	background: #66cbff none repeat scroll 0 0;
    border-color: #effaff;
}
#faq h3.blue2, #faq h3.blue2 span {
	background: #effaff none repeat scroll 0 0;
    border-color: #66cbff;
}
#faq h3.green, #faq h3.green span {
	background: #e3edb8 none repeat scroll 0 0;
    border-color: #95ae2b;
}
#faq h3.orange, #faq h3.orange span {
	background: #ffe5cc none repeat scroll 0 0;
    border-color: #ffa64c;
}
#faq h3.beige, #faq h3.beige span {
	background: #f3efe1 none repeat scroll 0 0;
    border-color: #aa9444;
}
#faq h3.pink, #faq h3.pink span {
	background: #f8dce2 none repeat scroll 0 0;
    border-color: #de5c78;
}
#faq h3.grey, #faq h3.grey span {
	background: #f5f5f5 none repeat scroll 0 0;
    border-color: #666666ss;
}
#faq ul.faq {
	text-align: center;
}
#faq ul.faq li {
	display: inline;
}
#faq ul.faq li a {
	background: url(../images/arrow_next.png) no-repeat 0 center;
	padding: 0 1.5em 0 10px;
}
#faq dl {
}
#faq dt {
	border: 1px dotted #ccc;
	color: #226040;
	padding: 10px 0 10px 10px;
}
#faq dt span.question {
	font-size: 120%;
	padding: 0 5px 0 0;
}
#faq dd.ans {
	float: left;
	padding:3px 0 0;
	width: 40px;
}
#faq dd.ans span.answer {
	color: #E26D42;
	font-size: 150%;
	padding: 0 0 0 10px;
}
#faq dd.wer {
	border: 1px dotted #ccc;
    padding: 10px 10px 10px 40px;
    min-height: 30px;
    margin-bottom: 30px;
}
#faq dd.wer ul.photoList {
	margin: 15px 0 0;
    overflow: hidden;
}
#faq dd.wer ul.photoList li {
    float: left;
	margin: 0 20px 0 0;
    width: 179px;
}
#faq dd.wer ul.photoList li img {
    vertical-align: bottom;
	border: 2px solid #e2dab7;
    padding: 2px;
}
#faq dd.wer ul.photoList li p.caption {
    font-size: 60%;
    margin: 5px 0 0;
    text-align: center;
	width: 184px;
}


/* ob OB運営サポーターについて 
*****************************************/
#ob ul li {
	list-style: disc inside;
	padding: 0 0 5px;
}

#ob .article {
	padding: 0 0 20px;
	min-height: 300px;
}

#ob .article-short {
	min-height: 100px;
}

#ob .ob-profile {
	border-color: #ccc;
	border-style: dotted;
	border-width: 1px 0 0 0;
	clear: both;
	min-height: 160px;
	padding: 2em 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}

#ob .ob-profile .ob-message{
	width:calc(50% - 82px);
	border:1px solid #afafaf;
	padding:30px;
	border-radius:20px;
	margin:10px;
	display: flex;
    justify-content: flex-start;
    gap: 20px;
}
#ob .ob-profile-end {
	border-color: #ccc;
	border-style: dotted;
	border-width: 1px 0;
	min-height: 160px;
	padding: 2em 0;
}


#ob table.process {
        width: auto;
       font-size: 1em;
}
#ob table.process th {
    background: #09225a;
    text-align: center;
    color: #fff;
    height: 100px;
    border: solid 1px #fff;
    width: 33%;
}
#ob table.process td {
	height: 100px;
}
#ob table.process td.import {
	background:#f9e9e9;
}
@media (max-width: 600px) {
#ob .ob-profile .ob-message{width:100%;}
}

/*-- OB運営サポーター　新規募集案内 --*/
#ob .ob-reg{
}

#ob .ob-reg .pagelinkbtn {
	clear: both;
	margin: 0 0 80px;
}
#ob .ob-reg .pagelinkbtn ul {
}
#ob .ob-reg .pagelinkbtn ul li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	list-style: none;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	width: 100px;
}
#ob .ob-reg .pagelinkbtn ul li.ob-activities {
	background-color: #BACD84;
}
#ob .ob-reg .pagelinkbtn ul li.ob-annual {
	background-color: #D3C894;
}
#ob .ob-reg .pagelinkbtn ul li.ob-application {
	background-color: #D9A0AA;
}
#ob .ob-reg .pagelinkbtn ul li.ob-message {
	background-color: #8D99D0;
}
#ob .ob-reg .pagelinkbtn ul li.ob-guide {
	background-color: #E6D0EB;
}
#ob .ob-reg .pagelinkbtn ul li a {
	background: url(../images/arrow_next.png) no-repeat 10px center;
	color: #000;
	display: block;
	margin: 0;
	text-decoration: none; 
    width: 100px;
}
#ob .ob-reg .pagelinkbtn ul li a:hover {
	opacity: 0.8;
}

#ob .ob-reg .ob-activities p.intro,
#ob .ob-reg .ob-annual p.intro {
	min-height: 1em;
}
#ob .ob-reg .ob-activities p,
#ob .ob-reg .ob-annual p {
	min-height: 235px;
}

#ob .ob-reg .ob-application dl::before {
    content: "";
    background: url(../../ob/images/ob_05/ob_arrow.png) no-repeat 0px 0;
    height: 440px;
    width: 110px;
    background-size: cover;
    position: absolute;
}
#ob .ob-reg .ob-application dt {
    position: absolute;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 40px 0px 10px;
    text-align: center;
    width: 110px;
}
#ob .ob-reg .ob-application dd {
    min-height: 110px;
    padding: 0 0 0 120px;
    display: flex;
    align-items: center;
}
#ob .ob-reg .ob-profile-first {
	border: none;
	clear: both;
	margin: 40px 0 0;
}

#ob .ob-reg .ob-message-txt {
	padding: 0 0 0 150px;
}


/* kawaraban かわら版 
*****************************************/
#kawaraban ul li.brochure {
    display: flex;
    float: left;
    margin: 0 0 80px;
    width: 50%;
}
#kawaraban ul li.brochure img {
    float: left;
    margin: 0;
    padding: 2px;
}
#kawaraban ul ul li.issue {
	font-size: 1em;
	margin: 0 0 20px 20px;
}
#kawaraban ul ul li.btn {
	float: left;
	margin: 0 0 20px 20px !important;
	width: 50%;
}
#kawaraban ul ul li.btn a {
	background:#09225a url(../images/icon-pdf.gif) no-repeat 35px center !important;
	font-size: 1rem;
}

/* panel 展示パネル情報 
*****************************************/
.panel-pdf {
    display: flex;
    margin: 20px 0;
}

.pdfimg {
    margin-left: 20px;
}

.panel-pdf img {
    float: left;
    margin: 0;
    padding: 2px;
}
@media (max-width: 600px) {
.panel-pdf {flex-direction: column;}
.panel-pdf img {float: none; margin: auto;  padding: 2px;}
.pdfimg {  margin: 20px 0 0 0;}
.pdfimg .btn a{margin:20px auto;}
}
/* panel exhibit-guide 見出し 
*****************************************/
h3.heading4 {
    background: none;
}
h3.heading4::before {
    content: "";
    width: 15px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
}
#panel .hgroup01 {
    border-bottom: 1px dotted #959284;
    margin: 30px 0 40px;
}

#panel .hgroup01 .heading4.number01::before {
    background: url(../images/exhibit-guide/number_ic01.gif)  no-repeat scroll;
}
#panel .hgroup01 .heading4.number02::before {
    background: url(../images/exhibit-guide/number_ic02.gif)  no-repeat scroll;
}
#panel .hgroup01 .heading4.number03::before {
    background: url(../images/exhibit-guide/number_ic03.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.number04::before {
    background: url(../images/exhibit-guide/number_ic04.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.number05::before {
    background: url(../images/exhibit-guide/number_ic05.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetA::before {
    background: url(../images/exhibit-guide/alphabet_ic01.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetB::before {
    background: url(../images/exhibit-guide/alphabet_ic02.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetC::before {
    background: url(../images/exhibit-guide/alphabet_ic03.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetD::before {
    background: url(../images/exhibit-guide/alphabet_ic04.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetE::before {
    background: url(../images/exhibit-guide/alphabet_ic05.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetF::before {
    background: url(../images/exhibit-guide/alphabet_ic06.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetG::before {
    background: url(../images/exhibit-guide/alphabet_ic07.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetH::before {
    background: url(../images/exhibit-guide/alphabet_ic08.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetI::before {
    background: url(../images/exhibit-guide/alphabet_ic09.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.alphabetJ::before {
    background: url(../images/exhibit-guide/alphabet_ic10.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.roma01::before {
    background: url(../images/exhibit-guide/rome_ic01.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.roma02::before {
    background: url(../images/exhibit-guide/rome_ic02.gif) no-repeat scroll;
}
#panel .hgroup01 .heading4.roma03::before {
    background: url(../images/exhibit-guide/rome_ic03.gif) no-repeat scroll;
}

#panel .heading5.type01 {
	background: none;
    border-left: 4px solid #c94d4b !important;
	padding: 0 0 0 10px;
}
#panel .heading5.type02 {
	background: none;
    border-left: 4px solid #52a435 !important;
	padding: 0 0 0 10px;
}

#panel h3.exhibit-outline {
	background: #F9F5E6;
    border-bottom: 1px dotted #95724f;
	border-left: 4px solid #95724f; 
	padding: 4px 3px 3px 1em;
}

/* workbook ワークブック 
*****************************************/
#workbook {
}

#workbook .wb-left,
#workbook .wb-right {
	width: 260px;
}
#workbook .wb-left {
	float: left;
    margin: 40px 20px 40px 40px !important;
	padding: 0;
    text-align: center;
}
#workbook .wb-right {
	float: right;
    margin: 40px 40px 40px 20px !important;
	padding: 0;
    text-align: center;
}
#workbook .wb-left img,
#workbook .wb-right img {
	margin: 0 0 1em;
}
#workbook .snap-center.pt40 {
	margin: 40px;
	text-align:left;
}

/* notice 掲載情報についての免責事項 
*****************************************/
#notice p {
	background: none !important;
}
.note {
	font-size: 120% !important;
    padding-left: 1em !important;
    text-indent: -1em;
}

/* sitemap サイトマップ 
*****************************************/
#sitemap{
       display:flex;
       flex-wrap:wrap;
}
#sitemap .sitemaplist {
	width: calc(50% - 20px);
        margin:0 10px;
}


#sitemap li a{
	background: url(../images/gnavi_arrow.gif) no-repeat 5px center;
	padding-left: 20px;
}
#sitemap a:hover {
	background: url(../images/arrow_next.png) no-repeat 5px center;
}

#sitemap a {
	margin: 0 1em 0 1px;
    padding: 1px 1.2em 1px 1em;
	width: 250px;
}
@media (max-width: 600px) {
#sitemap .sitemaplist {width: 100%;}
}