/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ /*img { max-width: 100%; } */ /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /*-----------------------------------------*/ body{ margin-top:0; } .hidden { display:none; } #title_div{ width:100%; background-color:#019A01; height:20px; line-height:20px; color:white; font-weight:bold; font-size:11pt; } .pagetitle { font-size:20pt; font-family: "游ゴシック","メイリオ",sans-serif; color:white; font-weight:bold; text-shadow: 3px 3px 2px #606060; } /*■placeholder表示*/ ::placeholder { color: #ff5555;} /*■全体的に使用するフレームの指定*/ .base2023 { margin-top:-5px; width:640px; } /*■全体的に使用するフレーム内部の指定*/ .base2023_inbox { width:620px; background-color:white; position:relative; top:5px; } /*■全体的に使用するフレームタイトルの指定*/ .frametitle { margin-top:10px; padding:5px; color:white; width:220px; text-align:center; font-size:12pt; font-weight:bold; } .margin10{ margin-top:20px;} .margin5{ margin-top: 5px;} .padding10L{padding-left:50px;} .al {text-align:left;} .ar {text-align:right;} .topicsframe { height:150px; background-color:DodgerBlue; } .topicsbox{ height:110px; overflow-y: scroll; background-color:white; text-align:left; vertical-align:top; } .topics { font-size:10pt;font-weight:none;} .topics_date{ color:black;width:120px; text-align:center;} .topics_value{ color:black;border-bottom:1px solid silver;} /*■メニュー用の画像*/ .frameimage { width:640px;} .frameimage2{ width:620px;} .titleimage { width:640px;} .titleicon { width: 80px;} .bannerA { width:380px;} .bannerB { width:300px;} .ikimonoicon { width: 80px;} .policy { width:90%; font-size:11pt; text-align:center; border-top:2px solid black; border-bottom:2px solid black; padding:5px; } .contact { width:90%; font-size:11pt; text-align:left; padding-top:5px; } .contactto { width:90%; font-size:11pt; text-align:center; padding:5px; } .copywrite { font-size:11pt; } .boxtitle { text-align:left; color:white; font-size:12pt; font-weight:bold; border:0px solid white; } .boxtext { text-align:left; color:white; font-size:11pt; font-weight:none; padding:10px; border:0px solid red; } .chosalogincol { width:25%; } .chosaloginval { width:*; } .cols2023 { text-align:center; width:100%; font-size:12pt; font-weight:bold; background-color:#0075bb; color:white; } .divbtn { width:150px; height:50px; font-size:12pt; padding-top:5px; text-align:center; text-decoration:none; border-radius:15px; cursor:pointer; color:black; /*#fff;*/ line-height:22px; /* vertical-align:middle; */ } .dantaititle1 { font-size:14pt; font-weight:bold; text-align:left; } .dantaititle2 { font-size:12pt; text-align:left; } .dantailink { font-size:12pt; font-family: "游ゴシック","メイリオ",sans-serif; } .dantailink_off { font-size:12pt; font-family: "游ゴシック","メイリオ",sans-serif; color:black; } .divmenu { width:240px; font-weight:bold; } .loginbtn { width:200px; height:50px; font-size:16pt; padding-top:5px; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; cursor:pointer; color:white; /*#fff;*/ font-weight:bold; line-height:45px; background-color:DodgerBlue; margin-left:30px; } .ewcbtn { width:240px; height:50px; font-size:10pt; padding-top:5px; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; cursor:pointer; color:white; /*#fff;*/ font-weight:bold; line-height:14px; background-color:DodgerBlue; margin-left:30px; display:none; } .policydiv { height:600px; overflow-y:scroll; } .logindialog { position:fixed; top:35%; left:40%; background-color:white; width:400px; height:170px; display:none; } .loginmask { width:100%; height:100%; position:fixed; top:0; left:0; background-color:gray; opacity: 0.7; display:none; } .dialogtitle { background-color:royalblue; color:white; text-align:center; font-size:14pt; } .dialogbutton { width:80px; height:40px; cursor:pointer; } .exdialog { position:fixed; top:35%; left:40%; background-color:white; width:600px; height:240px; display:none; } .exmask { width:100%; height:100%; position:fixed; top:0; left:0; background-color:gray; opacity: 0.7; display:none; } .exdate { font-size:16pt; } .exinfo { width:90%; font-size:16pt; } .vals2023 { width:100%; font-size:12pt; } .user2023 { border:0px solid green; text-align:center; width:100%; font-size:12pt; font-weight:bold; background-color:#e16745; color:white; vertical-align:middle; border-radius:15px; } .zukanmake { font-size:14pt; color:green; } .keytext { margin-left:5px; border-color:#008000; border-weight:bold; } /*図鑑作成チェックボックス-------------------------------*/ .ECM_CheckboxInput { padding: 12px 8px; display: flex; align-items: center; cursor: pointer; } .ECM_CheckboxInput-Input { margin: 0; width: 0; opacity: 0; } .ECM_CheckboxInput:hover > .ECM_CheckboxInput-DummyInput{ background: #CCCCCC; } .ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput{ background: #CCCCCC; } .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput { background: #555555; } .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 35%; height: 2px; transform: translate(-5px, 6px) rotateZ(-135deg); transform-origin: 1px 1px; background: #FFFFFF; } .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 70%; height: 2px; transform: translate(-5px, 6px) rotateZ(-45deg); transform-origin: 1px 1px; background: #FFFFFF; } .ECM_CheckboxInput-DummyInput { position: relative; top: 0; left: 0; display: block; width: 32px; height: 32px; background: #F5F5F5; box-shadow: 0 1px 4px rgba(0,0,0, .4) inset; } .ECM_CheckboxInput-LabelText { margin-left: 12px; display: block; font-size: 14pt; font-weight: bold; } /*-------------------------------図鑑作成チェックボックス*/ .sel_school { font-size:12pt;} .sel_grade { font-size:12pt;width:100px;} .menseki { width:95%; font-size:12pt; text-align:left; padding:5px; } .doui { font-size:14pt; font-weight:bold; text-decoration: none; cursor:pointer; } .kansou { width:98%; font-size:12pt; height:100px; } .container{ display: flex; width: 100%; /*background-color: #aaa;*/ flex-flow: wrap; justify-content: space-around; /*border:1px solid green;*/ /* 縦方向の並び順*/ /* flex-start：上揃え（デフォルト） flex-end：下揃え center：中央揃え baseline：ベースライン stretch：伸縮 */ align-items: center; } .color_e { color:white; background-color:#7AC254; /*#80ff00;*/ /*～20230608 MediumSeaGreen*/ /*#49a9d4;*/ } .color_j { color:white; background-color:#39B7A5; /*#33e68c;*/ /*～20230608 DarkOliveGreen*/ /*#49a9d4;*/ } .color_o { color:white; background-color:#ED1C24; /*OrangeRed;*/ /*#49a9d4;*/ } .pageback2023 { margin-top:20px; height:40px; width:120px; font-size:14pt; background-color:#FFCC00; font-weight:bold; cursor:pointer; } .kakutei2023 { height:40px; width:120px; font-size:14pt; background-color:#FFCC00; font-weight:bold; cursor:pointer; } .pageback2023:hover ,.kakutei2023:hover { background-color:green; color:white; } .chosataimenu { height:440px; background-color:#00a9e4; } .chosataimenu2 { height:430px; background-color:white; } .chosatai1 { text-align:center; position:absolute; top:30px; margin: 0 auto; width:100%;" } .chosatai2{ text-align:center; position:absolute; top:100px; margin: 0 auto; width:100%; } .chosatai3 { text-align:center; position:absolute; top:170px; margin: 0 auto; width:100%; } .btn_chosatai { border:2px double #63b98e; background-color:#27b796; /*height:50px;*/ text-align:center; vertical-align:middle; font-size:16pt; padding:3px; color:white; cursor:pointer; box-shadow: 3px 3px 2px #606060; } .btn_chosatai:hover { border:2px double #b8d26b; background-color:#96c79a; color:black; } /*写真情報館メニューページ*/ .photomenu { height:360px; background-color:Orange; } .photomenu2 { height:340px; background-color:white; } .btn_photo { text-align:center; font-weight:bold; vertical-align:middle; font-size:19pt; width:330px; padding:3px; color:white; cursor:pointer; box-shadow: 5px 5px 8px #606060; } .btn_photo2 { font-size:11pt;} .btn_photo_a { /* border:2px double Maroon; */ /*#f46200;*/ /* background-color:FireBrick; */ /*#f46200;*/ border:2px double DarkOrange; /*#f46200;*/ background-color:#F7B52C; /*#f46200;*/ } .btn_photo_a:hover { border:2px double Goldenrod; background-color:BurlyWood; } .btn_photo_b { /*border:2px double MidnightBlue;*/ /*#99ff66;*/ /*background-color:Royalblue;*/ /*#99ff66;*/ border:2px double DarkOrange; /*#f46200;*/ background-color:#F7B52C; /*#f46200;*/ } .btn_photo_b:hover { border:2px double #b8d26b; background-color:#96c79a; } /*写真情報館カメラアイコン*/ .btn_photo_ex { position:absolute; right:10px; bottom:150px; } .totop { bottom:10px; left:10px; width:80px; height:30px; font-size:14pt; position:fixed; text-align:center; vertical-align:middle; border-radius:15px; /* margin:40px 30px; */ background-color:yellow; border-radius:15px; border-style:solid; border-width:2px; border-color:gray; cursor:pointer; opacity: 0; z-index:999; } .framemsg { margin:2px; text-align:left; font-size:11pt; padding:5px 20px; width:550px; } .framemsgtitle { margin-left:10px; text-align:left; font-weight:bold; font-size:12pt; } .menubar{ width:350px; } .bgc_photo { background-color:Gold; } .shizenmenu { height:415px; background-color:#46B9E6; /*#40c4f5;*/ /*～20230608 royalblue*/ } .gnavi__wrap { /* width: 1200px;*/ margin: 0 auto; } .gnavi__lists { display: flex; } .gnavi__list { /* top leftに関してはPC上で見た目で調整したので正しいものとは言えない------------*/ top:5px; left:-9px; /*------------ top leftに関してはPC上で見た目で調整したので正しいものとは言えない*/ width: 25%; height: 30px; background-color: #E5F0F8; position: relative; transition: all .3s; } .gnavi__list:hover { background-color: #0071BB; } .gnavi__list:not(:first-child)::before { content: ""; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; transition: all .3s; } .gnavi__list:hover::before { background-color: #0071BB; } .gnavi__list a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-decoration: none; color: #1b4059; font-size: 11px; letter-spacing: 0.05em; font-weight: 600; transition: all .3s; opacity: 0.9;/*不透明度0*/ background-color: transparent; } .gnavi__list:hover a { color: #fff; } .dropdown__lists { display: none;/*デフォルトでは非表示の状態にしておく*/ width: 100%; position: absolute; top: 30px; left: 0; padding-left:0px; /*サブメニュー間のスペース｜/lib/global.cssでli全般にmargin:5px指定あり*/ } .gnavi__list:hover .dropdown__lists { display: block;/*Gナビメニューにホバーしたら表示*/ } .dropdown__list { background-color: #004d80; height: 30px; transition: all .3s; position: relative; margin:0; /*サブメニュー間のスペース｜/lib/global.cssでli全般にmargin:5px指定あり*/ } .dropdown__list:not(:first-child)::before{ content: ""; width: 100%; height: 1px; background-color: #3492d1; position: absolute; top: 0; left: 0; } .dropdown__list:hover { background-color: #003558; } .dropdown__list a { display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; position: relative; } .dropdown__list a::before { /* content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(135deg); position: absolute; right: 15px; top: calc(50% - 5px); */ } .dropdown__lists { visibility: hidden;/*デフォルトでは非表示の状態にしておく*/ opacity: 0;/*不透明度0*/ transition: all .3s;/*表示の変化を0.3秒に指定*/ width: 100%; position: absolute; top: 30px; left: 0; } .gnavi__list:hover .dropdown__lists { visibility: visible;/*Gナビメニューにホバーしたら表示*/ opacity: 0.9;/*不透明度1*/ background-color: transparent; } .navitext { font-size:12pt;} .container2{ background-color: #000; position: relative; } .container2 img{ opacity: 1; display:block; width:640px; } .container2 > ul{ opacity: 0.9; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: transparent; /* border:1px solid red; margin:0; */ width:100%; } .container{ max-width:800px; width: 100%; } img{ max-width:100%; height:auto; } /* Rollover */ .rollover-transparent { position: relative; } .rollover-transparent img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; display: block; transition: 0.7s; } .rollover-transparent img:nth-of-type(2) { opacity: 0; } .rollover-transparent img:nth-of-type(1), .rollover-transparent:hover img:nth-of-type(1), .rollover-transparent:hover img:nth-of-type(2) { opacity: 1; background-color: transparent; } .zukanbunruibtn { width:180px; height:50px; font-size:16pt; padding-top:5px; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; color:white; /*#fff;*/ font-weight:bold; line-height:45px; margin-left:10px; cursor:pointer; } .zukan_menu_waku { height:160px; width:240px; text-align:center; border-radius:15px; margin:40px 30px; border-radius:20px; border-style:solid; border-width:0px; border-color:gray; text-align:center; vartical-align:middle; } .zukan_menu_waku_a { text-decoration: none; } .zukan_menu { height:160px; width:240px; font-size:14pt; font-weight:bold; text-align:center; border-radius:15px; color:white; padding:10px 10px 30px 10px; border-radius:20px; border-style:solid; border-width:0px; border-color:gray; text-align:center; vartical-align:middle; cursor:pointer; } .zukan_info { text-align:center; width:100%; } .zukan_info_text { font-size:12pt; border-bottom:1px solid gray; } .zukan_list_waku { height:320px; width:270px; background-color:green; border:1px solid gray; margin:10px; } .zukan_list_line { border-bottom:1px solid white; } .zukan_ac { text-align:center; } .zukan_list_text { margin:0px 10px; background-color:white; width:230px; font-size:11pt; } .zukan_list_image { margin:0px 10px; /*width:250px;*/ height:165px; } .zukan_list_label { margin:0px 10px; color:white; font-size:12pt; } .zukan_list_note { margin:0px 10px; width:250px; height:80px; font-size:12pt; background-color:white; } .ikimono_wamei { font-size:14pt; ime-mode:active; color:black; } .rui_ho { background-color:#C06804; } /*orange*/ .rui_ryo { background-color:#CC9D33; } .rui_gyo { background-color:DarkSlateBlue; } .rui_kou { background-color:Crimson; } .rui_kon { background-color:YellowGreen; } .rui_syu { background-color:#006837; } .rui_cho { background-color:LightSkyBlue; } .rui_ha { background-color:Gold; } .rui_ta { background-color:#736356; } .rui_shi { background-color:#3cb371; } .rui_kai { background-color:#f15525; } .rui_kumo{ background-color:#93268f } .rui_all { background-color:gray; } .rui_ho_text { color:#C06804; } /*orange*/ .rui_ryo_text { color:DarkSeaGreen; } .rui_gyo_text { color:DarkSlateBlue; } .rui_kou_text { color:Crimson; } .rui_kon_text { color:YellowGreen; } .rui_syo_text { color:MediumSeaGreen; } .rui_cho_text { color:LightSkyBlue; } .rui_ha_text { color:Gold; } .rui_ta_text { color:#736356; } .rui_ho_line { border-left:10px solid #C06804; border-bottom:1px solid #C06804; } /*orange*/ .rui_ryo_line { border-left:10px solid DarkSeaGreen; border-bottom:1px solid DarkSeaGreen; } .rui_gyo_line { border-left:10px solid DarkSlateBlue; border-bottom:1px solid DarkSlateBlue; } .rui_kou_line { border-left:10px solid Crimson; border-bottom:1px solid Crimson; } .rui_kon_line { border-left:10px solid YellowGreen; border-bottom:1px solid YellowGreen; } .rui_syo_line { border-left:10px solid MediumSeaGreen; border-bottom:1px solid MediumSeaGreen; } .rui_cho_line { border-left:10px solid LightSkyBlue; border-bottom:1px solid LightSkyBlue; } .rui_ha_line { border-left:10px solid Gold; border-bottom:1px solid Gold; } .rui_ta_line { border-left:10px solid #736356; border-bottom:1px solid #736356; } .rui_all_line { color:gray; } .imeon { ime-mode:active; } .ichiranb{ border:2px solid pink;background-color:white; } .ichiran { width:90%; height:60px; margin-top:40px; background-color:pink } .containerbox { background-color: #eee; display: flex; flex-wrap: wrap; align-content: flex-start; height:1740px; background-color:yellow; margin-top:-5px; width:630px; } .container_inbox { width:620px; background-color: #eee; display: flex; flex-wrap: wrap; align-content: flex-start; border-radius:20px; border-style:solid; border-width:0px; border-color:gray; margin:10px;height:1720px; background-color:white;display: flex; } .species2023_div{ position:relative; } #species2023_table{ width:100%; font-size:14px; /* border: 1px solid #009900; border-collapse:collapse; */ border-collapse: collapse; } #species2023_table #species_name{ background-color:#676767; font-size:22px; color:#FFFFFF; } #species2023_table td,th{ padding:4px;} #species2023_table th{ background-color:#EDEBEC; text-align:center; width:120px; } #species2023_table td{ background-color:#F5F5F5; padding-left:10px; } #species2023_table td.blanktd{ background-color:#FFFFFF; } .targetphoto { /* margin-top:10px; border:5px double gray; width:350px; */ } .targetthumb { width:80px; height:80px; } .species2023 { display:flex; width:70%; } .species2023_targetinfo { width:60%; padding:5px; } .species2023_targetphoto{ width:40%; padding:5px; height:350px;overflow-y:scroll; } /*調査入力2023-----------------------------------------------------*/ .basetitle { font-size:14pt; font-weight:bold; } .title50 { width:80px; } .picuptext { height:30px; line-height:30px; border-color:#008000; border-weight:bold; font-size:14pt; font-weight:bold; } .target_waku { border:1px solid #000000; font-weight:bold; cursor:pointer; background-color:#FFFFFF; color:#008000; height:40px; width:180px; } .target_riku { background-color:LemonChiffon; font-size:12pt; } .target_mizu { background-color:LightCyan; font-size:12pt; } .target_riku:hover,.target_mizu:hover { background-color:green; color:white; } .ikimono_td1, .ikimono_td2{ font-size:14pt; border:1px solid #000000; font-weight:bold; cursor:pointer; background-color:#FFFFFF; color:#008000; } .ikimono_td1{ height:40px; width:120px; } .ikimono_td2{ height:30px; width:30px; text-align:center; } .ikimono_div1, .ikimono_div2{ text-align:left; font-weight:bold; font-size:16pt; margin-top:10px; width:100%; } .ikimono_div2{ font-size:16pt; color:#008000; border-bottom:2px solid #008000; } .shizen_title1 { display:inline-block; height:45px; line-height:45px; font-weight:bold; font-size:16pt; margin-left:0px; padding-left:30px; vertical-align:top; color:#008000; } .sel_place { height:30px; line-height:30px; font-size:12pt; } .sel_place_list { font-size:12pt; height:200px; } #ikimonotitle { height:30px; line-height:30px; text-align:left; vertical-align:midle; font-size:14pt; font-weight:bold; } #ikimono{ height:30px; line-height:30px; margin-left:5px; border-color:#008000; font-size:18pt; font-weight:bold; } #ikimono_mizu{ height:30px; line-height:30px; margin-left:5px; border-color:#008000; font-size:18pt; font-weight:bold; } #mizube_name{ /* species2mizube2023でlistする際に「sel_place_list」で高さ指定している為指定外す height:30px; line-height:30px; */ margin-left:5px; border-color:#008000; font-size:10pt; font-weight:bold; } #mizube_id{ font-size:12pt;} #chotx ,#mizubetx{ height:30px; line-height:30px; margin-left:5px; border-color:#008000; font-size:18pt; font-weight:bold; } .kakuteibtn{ font-size:14pt; background-color:#FFCC00; font-weight:bold; position:relative; width:80px; height:30px; margin-left:30px; cursor:pointer; } .sousinbtn { margin-top:80px; font-size:12pt; background-color:#FFCC00; font-weight:bold; cursor:pointer;' } .policytitle { font-weight:bold; margin-top:10px; } .policytext { text-align:left; font-size:11pt; } .viewpolicy { position: flex; top:100px; left: 50%; background-color:lightyellow; display:nonex; border:1px solid red; overflow-y:scroll; } .chousadiv { font-size:12pt; font-weight:bold; } .tuuchi { color:royalblue; font-size:18pt; } .regdiv { font-size:14pt; font-weight:bold; } .thumbnail2023 { padding:5px; width:200px; } .chousabtn { margin-left:60px; width:120px; font-size:12pt; background-color:#00FF00; font-weight:bold; cursor:pointer; } .chousasendbtn { margin-left:10px; width:120px; font-size:12pt; background-color:#FFCC00; font-weight:bold; margin-top:10px; cursor:pointer; } .kankyohead { width:100%; font-size:14pt; color:black; text-align:right; } .kankyotitle { width:100%; height:40px; padding-top:10px; padding-left:20px; font-size:16pt; background-color:silver; color:black; text-align:left; } .kankyobiko { margin-top:-37px; /*表示位置確認用 background-color:magenta; border:1px solid red; */ width:100%; text-align:right; } .kankyokbn { padding-left:15px; padding-right:15px; font-size:12pt; text-align:center; background-color:white; /*表示位置確認用 color:red; border:1px solid red; */ } .kankyotype { padding-left:15px; padding-right:15px; font-size:12pt; text-align:center; background-color:white; /*表示位置確認用 color:orange; border:1px solid orange; */ } .kankyopanel { height:300px; border:0px double green; /* padding:10px;*/ text-aligncenter; position:flex; } .kankyopicture {height:287px;padding-left:5px;} .kankyoplace { height:287px;} .kankyomidashi { font-size:14pt; font-weight:bold; } .kankyomidashi:before{ content: "■"; font-size: 16pt; margin-right: 3px; color: black; } .kankyohonbun { font-size:14pt; padding-left:40px; } .kankyobtn { width:60px; height:30px; font-size:14pt; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; border:0; cursor:pointer; color:white; /*#fff;*/ font-weight:bold; background-color:cornflowerblue; } .kankyobtn:hover { background-color:royalblue; } .wallpaper_pc { width:210px; } .wallpaper_mobile { height:130px; } .zukanhead { position:relative; } .zukanhead_a { position:absolute; color: white;/*文字は白に*/ bottom: 15px; left: 10px; margin:0; padding:0; font-size:16pt; font-weight:bold; } .zukanhead_b { position:absolute; color: white;/*文字は白に*/ bottom: 15px; right: 10px; margin:0; padding:0; font-size:16pt; font-weight:bold; } .divsearch { display:nonex; /*常に表示*/ color:black; border:5px double brown; } .divsearchlist { margin-top:5px; color:black; border:0px double brown; background-color:#cde9d2; } .divspace { height:50px; } .naturephoto_commentline { width:100%; height:30px; border:0px solid red; vertical-align:middle; } .naturephoto_line{ display:flex; /* padding-top:20px; padding-bottom:20px; */ } .naturephoto_line div{ margin: 3px; } .naturephoto_thumb { width :140px; padding:1px; border:2px solid gray; text-align:center; background-color:white; } .naturephoto_thumb:hover { background-color:BlanchedAlmond; border:2px solid brown; } .naturephoto_thumb a { text-decoration:none; } .naturephoto_picture { width: 100%; height: 120px; object-fit: cover; /* width, heightといっしょに使います */ border: 1px solid gray; /* width:100%; height:auto; height:100%; width:auto; */ } .listitem li:before{ content: "●"; color:black; padding-right:5px; font-size:12pt; } .listitem ul { border: solid 0px skyblue;/*線の設定*/ padding: 0.5em 1em 0.5em 2.3em; position: relative; list-style:none; } .naturephotoEntry { position:absolute; top:20px; left:25%; text-align:center; width:60%; z-index:99; border:0px solid gray; display:none; } .npdialogtitle { color:white; width:40%; background-color:#e16745; text-align:center; font-size:16pt; height:30px; } .npdialog { width:100%; border:1px solid gray; background-color:ghostwhite; z-index:99; text-align:left } .douibox { text-align:center; border:2px double black; width:90%;margin-left:5%; } .douibox_btnarea { display:flex; border:0px solid red; height:40px; } .npcol1 { width:80px;text-align:left; } .npcol2 { width:40px;text-align:left; } .npval { width:*;text-align:left;font-size:10pt; } .npdivtext { font-size:12pt; color:black; } .nplabel { padding:0px 10px; color:#e16745; font-size:11pt; } .dialog_ok { position:absolute; width:120px; left:200px; border:3px solid gray; } .dialog_ng { position:absolute; width:120px; right:200px; border:3px solid gray; } .dialog_ok:hover,.dialog_ng:hover { background-color:hotpink; } .npchar { width:300px; margin:0px 20px 0px 10px; border:3px solid #e16745; } .nptext { color:black; border:3px solid #e16745; width:90%; height:60px; } .npchar::placeholder,.nptext::placeholder { color:silver; } .npexplanation { width:90%; margin-top:5px; margin-left:5%; border:0px solid red; } .npexplanation li { font-size:11pt; padding:0px; } .thumbframe { vertical-align:top; width:25%; /* border:1px solid gray; border-top:1px solid gray; */ border:1px solid white; } .thumbframe a { text-decoration:none; } .thumbframe:hover { background-color:PapayaWhip ; } .thumbimage { height:100px; text-align:center; } .nptitle { font-size:10pt; text-align:center; word-break: break-all; color:darkgreen; } .npvalue { font-size:10pt; color:black; border-top:1px solid black; text-align:left; word-break: break-all; } .npselect { font-size:12pt; /* border:1px solid red; */ } .dialogarea { width:90%; margin-left:5%; border:0px solid red; } .droparea { width:98%; height:50px; border:5px double #e16745; } .kekkabox { height:470px; } .kekkaarea { margin:2px; text-align:left; font-size:11pt; padding:5px 20px; width:550px; border:0px solid green; height:110px; cursor:pointer; } .miyatan3 { position:relative; left:-20px; width:100px; } .kekkabtn { position:relative; top:-100px; left:100px; width:200px; height:50px; font-size:16pt; padding-top:5px; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; cursor:pointer; color:white; font-weight:bold; line-height:45px; background-color:DodgerBlue; /*box-shadow: 3px 3px gray;*/ } .kekkamsg { position:relative; top:-130px; left:100px; font-size:12pt; z-index:99; } .musimegane { position:relative; right:-350px; top:-150px; width:50px; } .zukanarea { margin:2px; text-align:left; font-size:11pt; padding:5px 20px; width:550px; border:0px solid orange; height:90px; } .zukanbtn { position:relative; top :0px; left:70px; width:350px; height:50px; font-size:16pt; padding-top:5px; text-decoration:none; vertical-align:middle; text-align:center; border-radius:15px; cursor:pointer; color:white; /*#fff;*/ font-weight:bold; line-height:45px; background-color:#7AC254; margin-left:30px; /*box-shadow: 3px 3px gray;*/ } .zukanmsg { position:relative; top :0px; left:100px; font-size:12pt; z-index:99; } .msglist { list-style-type: disc; font-size:14pt; } .resulttext { font-size:12pt; text-align:left; } .resultbtn { width:25%; height:50px; font-size:12pt; border:1px solid black; color:green; cursor:pointer; } .left_div{ position: relative; float: left; top:-10px; border:0px solid red; width:35%; } .center_div{ margin-left:0px; top:0px; position: relative; float: left; width:60%; } .div21{ float:left; text-align:center; border:1px solid #008000; border-bottom:0px; height:40px; line-height:40px; width:120px; cursor:pointer; font-weight:bold; font-size:14px; } .div22{ float:left; text-align:left; margin-top:10px; margin-left:20px; font-size:10pt; font-weight:bold; } .div23{ text-align:left; border:1px solid #000000; border-color:#008000; float:left; } .div24{ margin-left:0px; top:0px; position: relative; float: left; width:120px; text-align:left; } #chosa_kekka{ height:45px; line-height:45px; font-weight:bold; font-size:18pt; margin-left:0px; padding-left:30px; } #kekkatable{ font-weight:bold; font-size:14px; width:100%; margin-top:10px; border-collapse: collapse; } .coltd, .valtd{ height:40px; border:1px solid #008000; font-weight:bold; padding-left:5px; } .coltd{ width:30%; background-color:#E1F5A9; color:#008000; } .valtd{ width:*; background-color:#FFFFFF; } #active_div, #inactive_div{ float:left; height:40px; line-height:40px; padding:2px; font-weight:bold; font-size:14pt; } #active_div{ background-color:#FFCC00; } #inactive_div{ margin-left:15px; } #inactive_div a{ text-decoration:none; } .kekka21{ float:left; text-align:center; border:1px solid #008000; border-bottom:0px; height:40px; line-height:40px; width:120px; cursor:pointer; font-weight:bold; font-size:14px; } .kekka22{ float:left; text-align:left; margin-top:10px; margin-left:20px; font-size:10pt; font-weight:bold; } .kekka23{ text-align:left; border:1px solid #000000; border-color:#008000; float:left; } .kekka24{ margin-left:0px; top:0px; position: relative; float: left; width:120px; text-align:left; } .kekkapiramid { text-align:left; position:relative; left:-40px; background-color:#008000; color:#FFFFFF; font-size:16pt; font-weight:bold; padding:10px; } .kekkamsg { text-align:left; width:400px; font-size:12pt; position:relative; left:290px; /*top:-40px;*/ top:-2.5em; font-weight:bold; text-algin:left; /*border:1px solid green;*/ display:inline-block;" } .kekka_area { width:60%; height:830px; } .kekkatext { font-size:14pt; } .kekka50on { font-size:14pt; width:40px; text-align:center; border:1px solid gray; padding:5px; cursor:pointer; } .kekkatitle1 { height:30px; padding:10px; text-align:left; font-size:16pt; font-weight:bold; background-color:#FFCC00; vertical-align:top; clear:both; } .kekkatitle2 { text-align:left; margin-top:10px; color:green; } .kekkatitle3 { text-align:left; margin-top:10px; color:black; } .kekkaview1 { height:45px; line-height:45px; font-size:14pt; } .piramidtext { font-size:12pt; text-align:center; padding:1px 7px;; position:absolute; color:gray; /* border:1px solid red; width:120px; */ } .piramidhanten{ background-color:brown; color:white; font-weight:bold; cursor:pointer; } .hyotitle { background-color:green; color:white; font-size:14pt; } .hyocolumn { color:blcak; font-size:12pt; } .hyovalue{ font-size:12pt; height:40px; line-height:40px; font-weight:bold; text-align:left; padding-left:6px; } .mizube_td{ width:85px; height:30px; border:1px solid #008000; background-color:#E1F5A9; ont-size:12pt; color:black; text-align:center; } .mizube_value { border:1px solid; border-color:#008000; font-size:10pt; color:black; text-align:left; } .mizube_hyouka{ font-size:12pt; border:1px solid #000000; font-weight:bold; border-left-width:0px; border-color:#008000; text-align:center; background-color:#FFAE35; } .suiropicture { width:350px; } .zukan_div { padding-left:10px; float:left; } .searchfrommap { font-size:12pt; } .loginbtn:hover ,.kekkabtn:hover ,.zukanbtn:hover ,.kakuteibtn:hover ,.resultbtn:hover ,.kekka50on:hover ,.sousinbtn:hover { background-color:green; color:white; } .piramidtext:hover { background-color:green; } .pagechangeframe { margin-top:10px; height:30px; } .pagechangebox ,.pagechangebox2 { /* padding-top:3px;*/ height:100%; width:40px; font-size:12pt; text-align:center; float: left; cursor:pointer; } .pagechangebox { border:1px solid ghostwhite; } .pagechangebox:hover { background-color:green; } .pageicon { /* padding-top:3px;*/ width:24px; border:1px solid white; } .pageicon:hover { border:1px solid green; } .npmsg { font-size:12pt; color:gray; float:left; } @media screen and (max-width: 980px) { .base2023 { width:800px;} .base2023_inbox { width:780px; background-color:white; top:5px; position:relative; } .basetitle { font-size:22pt; } .pageback2023 { height:80px; width:300px; font-size:30px; } .menu li { position: relative; width: 185px; margin-left: 1px; padding: 5px; background: royalblue; } .container2 img{ width:800px;} .frameimage { width:1200px;} .frameimage2 { width:760px;} .titleimage { width:620px;} .titleicon { width: 80px;} .topicsframe {height:350px;} .topicsbox{ height:300px;margin:10px; } .topics { font-size:18pt;} .topics_date { width:200px;} .topics_value{ border-bottom:1px solid silver;} .policy { font-size:10pt;} .contact { font-size:10pt;} .contactto { font-size:10pt;} .copywrite { font-size:10pt;} .policydiv { height:1000px; overflow-y:scroll; } .policytext { font-size:36pt; } .doui { font-size:24pt; } .framemsg { margin:2px; width:100%; text-align:left; font-size:20pt; padding:20px; width:740px } .framemsgtitle { margin-left:30px; } .shizenmenu { height:680px; } .divbtn { line-height:30px; padding-top:10px; height:70px; width:230px; font-size:16pt; } .divmenu { width:300px;} .ikimono_div1, .ikimono_div2{ font-size:22pt; } .shizen_title1 {font-size:24pt; } .target_riku { font-size:22pt; } .target_mizu { font-size:22pt; } .title50 { font-size:20pt; width:150px; } .ikimono_td2{ font-size:20pt; width:60px; } .loginbtn { line-height:60px; padding-top:10px; height:70px; width:300px; font-size:16pt; } .ewcbtn { line-height:20px; padding-top:15px; height:70px; width:300px; font-size:13pt; } .logindialog { top:15%; left:20%; width:60%; height:300px; } .dialogbutton { width:150px; height:60px; font-size:18pt; } .dialogtitle { font-size:20pt; } .kakuteibtn{ font-size:22pt; width:150px; height:70px; margin-left:120px; } .chousabtn { font-size:22pt; width:200px; height:70px; } .chousasendbtn { font-size:22pt; width:220px; height:70px; } .sousinbtn { margin-top:10px; font-size:22px; width:100px; height:70px; } .sel_place { height:60px; line-height:60px; font-size:22pt; } .sel_place_list { font-size:36px; width:700px; } #ikimono{ height:60px; font-size:22pt; } #mizube_name{ height:60px; font-size:22pt; } #mizube_id{ font-size:22pt; width:60px; } #chotx ,#mizubetx{ height:60px; font-size:22pt; } .navitext { font-size:32pt;} .gnavi__list { height: 80px;} .gnavi__list a { font-size: 15px;} .framemsg { font-size:20pt; width:90%; } .framemsgtitle { font-size:18pt; } .frametitle { width:300px; font-size:16pt; } .photomenu { height:680px;} .chosataimenu { height:780px;} .chosataimenu2 { height:770px; background-color:white; } .btn_chosatai { border:5px double #63b98e; font-size:18pt; text-decoration: none; } .btn_chosatai:hover { border:5px double #b8d26b; } .dropdown__list { height:80px; font-size:18pt; } /*図鑑作成チェックボックス-------------------------------*/ .chosalogincol {width:30%;} .cols2023 { font-size:22pt; } .vals2023 { font-size:22pt; } .user2023 { font-size:22pt; } .zukanmake {font-size:18pt; } .ECM_CheckboxInput-LabelText { font-size: 18pt; } /*-------------------------------図鑑作成チェックボックス*/ .sel_school { font-size:18pt;} .sel_grade { font-size:18pt;} .ikimonoicon { width: 100px;} .photomenu { height:655px; } .photomenu2 { height:640px; } .btn_photo { width:520px; font-size:30pt; } .btn_photo2 { font-size:11pt; } .btn_photo_a { border:5px double Maroon; /*#f46200;*/ } .btn_photo_a:hover { border:5px double Goldenrod; } .btn_photo_b { border:5px double MidnightBlue; /*#99ff66;*/ } .btn_photo_b:hover { border:5px double #b8d26b; } /*写真情報館カメラアイコン*/ .btn_photo_ex { bottom:230px; } .kankyohead { font-size:26pt; } .kankyotitle { padding-bottom:10px; padding-left:20px; font-size:28pt; height:90px; } .kankyobiko { margin-top:-40px; } .kankyokbn {} .kankyotype {} .kankyopanel { height:380px; } .kankyopicture {height:355px;padding-left:5px;} .kankyoplace { height:355px;} .kankyomidashi {font-size:36pt; } .kankyomidashi:before{ font-size: 60pt; } .kankyohonbun { font-size:30pt; padding-left:20px; } .kankyobtn { width:120px; height:60px; font-size:30pt; } .kankyobtn:hover { background-color:royalblue; } .gnavi__list:hover .dropdown__list { top:50px; } .menubar{ width:550px; } .picuptext { height:50px; line-height:50px; font-size:22pt; } .target_waku { height:80px; width:350px; font-size:20pt; } .totop { font-size:40pt; width:200px; height:80px; } .targetphoto { width:100%; height: auto; } .targetthumb { width:130px; height:130px; } .species2023 { display:inline; } .species2023_targetinfo { width:80%; } .species2023_targetphoto{ width:80%; /*height:500px;overflow-y:scroll;*/ height:100%; } .wallpaper_pc { width:400px; } .wallpaper_mobile { height:250px; } .naturephoto_commentline { font-size:26pt; height:50px; } .nptitle { font-size:20pt; } .npvalue { padding:5px; font-size:20pt; } .npdivtext { font-size:22pt; } .nplabel { color:black; font-size:20pt; } .naturephoto_thumb { /*width:250px; 横3件の時*/ width:370px; /*横2件の時*/ } .naturephoto_picture { width: 100%; /*height: 200px; 横3件の時*/ height:250px; /*横2件の時*/ } .naturephotoEntry { position:fixed; top:30px; left:2%; text-align:center; width:96%; z-index:99; border:1px solid gray; display:none; } .dialogarea { width:100%; margin-left:0%; } .npcol1 { width:150px;text-align:left;font-size:16pt;color:gray; } .npcol2 { width:120px;text-align:left;font-size:16pt;color:gray; } .npval { width:*;font-size:16pt; } .user2023 { font-size:18pt; } .npchar { width:500px; font-size:20pt; } .npdialog { height:1250px; } .douibox { width:85%;margin-left:5%; } .douibox_btnarea { height:90px; } .nptext { width:95%; height:200px; font-size:20pt; } .npexplanation li { font-size:22pt; } .droparea { /* font-size:20pt;*/ } .dialog_ok { width:200px; height:40px; left:20%; } .dialog_ng { width:200px; height:40px; right:20%; } .dialog_ok:hover,.dialog_ng:hover { background-color:hotpink; } .kekka_area { width:80%; border:0px solid green; } .kekka22 { margin-top:-40px; margin-left:160px; } .kekkamsg { left:80px; top:0.5em; } .divsearch { margin-top:150px; } } /*-----------------------------------------*/