@charset "utf-8";
body{
	position:relative;
	display:grid;
	display:-ms-grid;
	grid-gap:0;
	-ms-grid-gap:0;
	grid-template-columns:4fr 6fr;
	-ms-grid-columns:4fr 6fr;
	grid-template-rows:48px 1fr 24px;
	-ms-grid-rows:48px 1fr 24px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

body.win{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
a:hover{
	text-decoration:underline;
}
p{
	text-indent:1em;
}
.red{
	color:#c0001e;
	font-weight:bold;
}
.blue{
	color:#22f;
	font-weight:bold;
}
.bold{ font-weight:bold; }
p.right,
p.author{
	text-align:right;
	text-indent:0;
}
p.no-indent{ text-indent:0em; }
p.rev,
p.rev-indent{
	padding-left:1em;
	text-indent:-1em;
}
p.breadcrumb-list{
	border:0;
	margin:0;
	padding:0.25em 0.5em 0.25em 1em;
	font-size:100%;
	text-indent:0;
}
i.ws-atmark{
	text-indent:0;
	padding:0 0.065em;
}
em{
	font-style:normal;
	font-weight:bold;
}
ul{
	padding:0;
	margin:0;
}
li{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul li ul{
	text-indent:1em;
}
ul li ul li ul{
	text-indent:2em;
}
a{
	text-decoration:none;
}
.clearfloat{
	clear:both;
}
hr{
	border:0;
	border-top:1px dashed #8c8b8b;
	padding:0 1em;
}

header{
	background-color:#000;
	color:#fff;
	position:relative;
}
header nav#headerNavi{
	position:absolute;
	top:8px;
	right:1em;
	width:356px;
	height:32px;
	display:inline;
	float:left;
}
header nav#headerNavi ul{
	width:356px;
	height:32px;
	font-size:1pt;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
header nav#headerNavi ul li{
	display:inline;
	margin:0;
	padding:0;
}
header nav#headerNavi a,
header nav#headerNavi a:link,
header nav#headerNavi a:visited,
header nav#headerNavi a:hover,
header nav#headerNavi a:focus,
header nav#headerNavi a:active{
	display:block;
	text-decoration:none;
	float:left;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#english-button a{
	width:156px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/headerNavi.png");
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a{
	width:87px;
}
header nav#headerNavi ul li#english-button a{
	width:113px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-button a:link,
header nav#headerNavi ul li#mailform-button a:visited{
	background-position:-200px 0px;
}
header nav#headerNavi ul li#mailform-button a:hover,
header nav#headerNavi ul li#mailform-button a:focus,
header nav#headerNavi ul li#mailform-button a:active,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#mailform-sel a:link,
header nav#headerNavi ul li#mailform-sel a:visited,
header nav#headerNavi ul li#mailform-sel a:hover,
header nav#headerNavi ul li#mailform-sel a:focus,
header nav#headerNavi ul li#mailform-sel a:active{
	background-position:-200px -32px;
}
header nav#headerNavi ul li#english-button a,
header nav#headerNavi ul li#english-button a:link,
header nav#headerNavi ul li#english-button a:visited{
	background-position:-87px 0px;
}
header nav#headerNavi ul li#english-button a:hover,
header nav#headerNavi ul li#english-button a:focus,
header nav#headerNavi ul li#english-button a:active{
	background-position:-87px -32px;
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-button a:link,
header nav#headerNavi ul li#search-button a:visited{
	background-position:0px 0px;
}
header nav#headerNavi ul li#search-button a:hover,
header nav#headerNavi ul li#search-button a:focus,
header nav#headerNavi ul li#search-button a:active,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#search-sel a:link,
header nav#headerNavi ul li#search-sel a:visited,
header nav#headerNavi ul li#search-sel a:hover,
header nav#headerNavi ul li#search-sel a:focus,
header nav#headerNavi ul li#search-sel a:active{
	background-position:0px -32px;
}
header nav#icon_menu_open{
	position:absolute;
	height:32px;
	z-index:9000;
}
header nav#icon_menu_open a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:116px;
	height:32px;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url("https://lepi-jp.org/img/headerNavi.png");
}
header nav#icon_menu_open a,
header nav#icon_menu_open a:link,
header nav#icon_menu_open a:visited{
	background-position:-356px 0px;
}
header nav#icon_menu_open a:hover,
header nav#icon_menu_open a:focus,
header nav#icon_menu_open a:active{
	background-position:-356px -32px;
}
header div#search-window-div{
	position:absolute;
	top:48px;
	left:0;
	width:100%;
	height:3em;
	background-color:#005e2a;
	color:#fff;
	z-index:9100;
	display:none;
}
header div#search-window-div a{
	color:#fff;
	text-decoration:none;
}
header div#search-window-div a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
header div#search-window-div form#search-window{
	width:calc(100% - 1em);
	height:auto;
	margin:0.5em 1em 0 1em;
}
header div#search-window-div form#search-window input,
header div#search-window-div form#search-window textarea{
	padding:2px;
	font-size:110%;
	vertical-align:middle;
}
header div#search-window-div form#search-window input#search-text{
	color:#000;
	width:calc(100% - 165px - 1em);
	height:30px;
	background-color:#fff;
	border:1px solid #ddd;
	border-top-color:#ccc;
	border-left-color:#ccc;
}
header div#search-window-div form#search-window input#search-text:focus{
	background-color:#fff8db;	/* AEZ Website-pale-yellow */
}
header div#search-window-div form#search-window input#search-submit,
header div#search-window-div form#search-window input#close-button{
	width:32px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_search_window.png");
	text-indent:-1000%;
	font-size:1px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	background-position:0px 0px;
}
header div#search-window-div form#search-window input#search-submit{
	width:117px;
	background-position:-32px 0px;
}
header div#search-window-div form#search-window input#search-submit:hover{
	background-position:-32px -32px;
}
header div#search-window-div form#search-window input#close-button:hover{
	background-position:0px -32px;
}
header.header-m h2{
	color:#fff;
	padding-left:1em;
	font-size:120%;
	font-weight:normal;
}
header.header-m h2 a{
	decoration:none;
	color:#fff;
}
header.header-m h2 a:hover{
	color:#ffe88c;
}
header.header-m nav#headerNavi{
	width:243px;
}
header.header-m nav#headerNavi ul{
	width:243px;
}
section#leftside{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	background-color:#000;
	background-size:auto 100%;
	position:relative;
	z-index:8000;
}
section.photo-base{
	background:url("https://lepi-jp.org/img/monkichou_fromNaka.jpg") center;
}
section.photo-base-m{
	background:url("https://lepi-jp.org/img/logoTile.png") center;
}
header div#photo_scientificName{
	position:absolute;
	width:40%;
	height:auto;	/* height:2em; */
	top:calc(100vh - 24px - 2em);
	left:0;
	border:0;
	margin:0;
	padding:0;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
	z-index:9500;
	text-align:right;
}
section#photo_description{
	position:fixed;
	top:48px;
	left:-200%;
	width:40%;
	height:calc(100vh - 72px);
	background-color:rgba(0,0,0,0.6);
	overflow-y:scroll;
	z-index:9002;
}
header div#photo_scientificName p,
section#photo_description p{
	color:#fff;
	font-size:90%;
	border:0;
	margin:0;
	padding:0.5em 1em;
	text-indent:0;
}
header div#photo_scientificName a,
section#photo_description a{
	color:#fff;
	text-decoration:none;
}
header div#photo_scientificName a:hover,
section#photo_description a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
section#menu nav#main_menu{
	position:fixed;
	top:48px;
	left:-200%;
	width:40%;
	min-width:16em;
	height:calc(100vh - 72px);
	background-color:rgba(0,0,0,0.6);
	z-index:9002;
}
section#menu nav#main_menu .onlyFooter{
	display:none;
}
section#menu nav#main_menu div.menu_close,
section#photo_description div#photo-comment-close{
	position:absolute;
	width:32px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_menu_close.png");
	background-size:auto 100%;
	top:2px;
	right:2px;
	text-indent:-1000%;
}
section#menu nav#main_menu div.menu_close a,
section#photo_description div#photo-comment-close a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
section#menu nav#main_menu div.menu_close a:hover,
section#photo_description div#photo-comment-close a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
section#menu nav#main_menu a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
section#menu nav#main_menu ul{
	padding:0.5em;
	line-height:1.6em;
}
section#menu nav#main_menu ul li{
	width:20em;
	font-size:100%;
	position:relative;
}
section#menu nav#main_menu ul li.inPrep{
	color:#f03;
	text-decoration:line-through;
}
section#menu nav#main_menu ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	width:20em;
	height:2em;
	border-bottom:1px solid rgba(255,255,255,0.5);
	box-sizing:border-box;
	padding:0.25em 0 0 0.5em;
}
section#menu nav#main_menu ul li > ul{
	padding:0;
	display:none;
	line-height:1.4em;
}
/*
section#menu nav#main_menu ul li:hover > ul{
	display:block;
}
*/
section#menu nav#main_menu ul li > ul li{
	font-size:90%;
	padding-left:2em;
	text-indent:-1em;
}
section#menu nav#main_menu ul li > ul li:first-child{
	padding-top:0.25em;
}
section#menu nav#main_menu ul li > ul li:last-child{
	padding-bottom:1em;
}
section#menu nav#main_menu ul li > ul li a{
	width:auto;
	height:auto;
	box-sizing:border-box;
	border:0;
	padding:0;
}

section#main{
	grid-column:2/3;
	-ms-grid-column:2;
	grid-row:2/3;
	-ms-grid-row:2;
	overflow-y;scroll;
	overflow-x:hidden;
	height:calc(100vh - 72px);
	border:0;
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:100%;
	line-height:1.65em;
}
section#main div#main-cards,
section#main div#whatnew-cards,
section#main .description .textbox div.inner-cards{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:space-between;
	padding:0.5em;
	font-size:95%;
	line-height:1.4em;
}
section#main .description .textbox div.inner-cards{
	padding:0;
}
section#main .description .textbox div.inner-cards dd + dt{
	margin-top:0.5em;
}
	padding:0;
}
section#main div#main-cards article,
section#main div#whatnew-cards article,
section#main .description .textbox div.inner-cards article{
	font-size:90%;
	letter-spacing:-0.025em;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:calc(25% - 1em - 2px);
	align-self:stretch;
	border:1px solid #005e2a;	/* LSJ Green:AEZ Website-Greenは005e2a */
	margin:0.5em;
	padding:0;
	box-sizing:border-box;
	color:#000;
	position:relative;
	min-width:200px;
}
section#main div#main-cards article{
	flex-basis:calc(50% - 1em - 2px);
	height:auto;
	min-width:240px;
	border:0;
}
section#main .description .textbox div.inner-cards article{
	flex-basis:calc(33% - 1em - 2px);
	background-color:#fff;
}
section#main div#main-cards article img{
	width:100%;
	max-width:100%;
	height:auto;
}
/* section#main div#main-cards article a,*/
section#main div#whatnew-cards article a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
section#main div#whatnew-cards article.ice2024 img{
	width:100%;
	max-width:100%;
	height:auto;
}
section#main div#whatnew-cards article.ice2024 a{
	text-indent:0;
}
section#main div#main-cards article a:hover,
section#main div#whatnew-cards article a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
section#main .description .textbox h1,
section#main .description .textbox h2,
section#main .description .textbox h3,
section#main .description .textbox h4,
section#main .description .textbox h5,
section#main div#about-lsj article#lsj-aboutme-address h3{
	font-family:'UD新ゴ M','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

section#main div#whatnew-cards article h3,
section#main .description .textbox div.inner-cards article h3{
 	width:100%;
	height:2em;
	font-weight:bold;
	font-size:130%;
	color:#FFF;
	background-color:#005e2a;	/* Green */
	border:0;
	margin:0;
	padding:0.25em 0 0 0.5em;
}
section#main div#whatnew-cards article h4.whatnew-cards-spDate{
	position:absolute;
	top:0.75em;
	left:0.25em;
	color:#005e2a;	/* Green */
	font-size:150%;
	letter-spacing:-0.075em;
}
section#main div#whatnew-cards article h4.whatnew-cards-spDate span.whatnew-cards-spDate-obj{
	font-size:75%;
	letter-spacing:0em;
}
section#main div#whatnew-cards article p.whatnew-cards-title,
section#main .description .textbox div.inner-cards article p,
section#main .description .textbox div.inner-cards article p.inner-cards-address,
section#main .description .textbox div.inner-cards article p.inner-cards-name,
section#main .description .textbox div.inner-cards article p.inner-cards-email{
	border:0;
	margin:0;
	padding:0 0.5em;
	text-indent:0;
	font-size:111%;
	text-align:left;
}
section#main .description .textbox div.inner-cards article dl{
	font-size:111%;
	padding:0 0.5em;
}
section#main .description .textbox div.inner-cards article p.inner-cards-address,
section#main .description .textbox div.inner-cards article dl dt:first-child{
	padding-top:0.25em;
}
section#main .description .textbox div.inner-cards article p.inner-cards-email,
section#main .description .textbox div.inner-cards article dl dd:last-child{
	padding-bottom:0.25em;
}
section#main div#whatnew-cards article p.whatnew-cards-title{
	padding:2.5em 0.5em 0 0.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main div#whatnew-cards article.ice2024 p.whatnew-cards-title{
	padding:0.5em 0.5em 0 0.5em;
	text-align:center;
}
section#main .description .textbox div.inner-cards article p.inner-cards-name{
	font-size:125%;
	padding:0.25em 0.5em;
}
section#main div#whatnew-cards article div.whatnew-radius{
	display:block;
	position:absolute;
	top:-2px;
	right:4px;
	width:5em;
	height:5em;
	border:solid 3px #fff;
	border-radius:50%;
	box-sizing:border-box;
	background-color:#005e2a;	/* Green */
	text-align:center;
	letter-spacing:0.025em;
}
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-year,
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-month{
	font-family:'Anton',sans-serif;
	font-family:'Alegreya Sans', sans-serif;
	color:#fff;
	text-indent:0;
	border:0;
	margin:0;
	padding:0.5em 0 0 0;
	line-height:1.125em;
	padding:0.25em 0 0 0;
	line-height:1em;
	font-size:135%;
	letter-spacing:0em;
}
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-month{
	font-size:180%;
	font-size:210%;
	text-align:center;
	padding:0;
	letter-spacing:-0.025em;
}

section#main div#about-lsj{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:space-between;
	background-color:#00360f;
	padding:1em 0.75em 0.5em 0.625em;
}
section#main div#about-lsj article#lsj-logo,		/* 鱗翅学会ロゴ＠PC */
section#main div#about-lsj article#lsj-aboutme-address,
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:7em;
	align-self:stretch;
}
section#main div#about-lsj article#lsj-logo{
	flex-grow:0;
	flex-shrink:1;
	flex-basis:11em;
	padding:0;
	text-indent:0;
	min-width:40px;
}
section#main div#about-lsj article#lsj-logo p{
	text-indent:0;
}
section#main div#about-lsj article#lsj-logo img{
	width:100%;
	max-width:14em;
	min-width:40px;
	height:auto;
	border:0;
	margin:0;
	padding:0.5em 1em 0 0;
	text-align:left;
}
section#main div#about-lsj article#lsj-aboutme-address{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:auto;
	min-width:9em;
	line-height:1.25em;
}
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:auto;
}
section#main div#about-lsj article#lsj-logo h3,
section#main div#about-lsj article#lsj-aboutme-address h3,
section#main div#about-lsj article#lsj-aboutme h3{
	color:#fff;
	padding:0 0.25em 0 0.25em;
	font-size:140%;
}
section#main div#about-lsj article#lsj-logo address,
section#main div#about-lsj article#lsj-aboutme-address address{
	font-style:normal;
}
section#main div#about-lsj article#lsj-logo address,
section#main div#about-lsj article#lsj-aboutme-address address,
section#main div#about-lsj article#lsj-logo p,
section#main div#about-lsj article#lsj-aboutme-address p,
section#main div#about-lsj article#lsj-aboutme p{
	color:#abdeb9;
	font-size:85%;
	padding:0 0.25em 0.5em 0.25em;
}
section#main div#about-lsj article#lsj-logo p,
section#main div#about-lsj article#lsj-aboutme-address p,
section#main div#about-lsj article#lsj-aboutme p{
	font-size:100%;
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main nav#footerNavi{
	width:100%;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	background-color:#000;
	padding:1em;
	line-height:1.25em;
}
section#main nav#footerNavi .onlyMenu{
	display:none;
}
section#main nav#footerNavi ul{
	border:0;
	margin:0;
	padding:0;
}
section#main nav#footerNavi ul li{
	font-size:89%;
	font-weight:bold;
}
section#main nav#footerNavi ul li a{
	color:#fff;
	font-weight:bold;
}
section#main nav#footerNavi ul li{
	break-inside:avoid-column;
	page-break-inside:avoid;
}
section#main nav#footerNavi ul li ul li{
	font-size:90%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 1em;	/* Indent 1em */
}
section#main nav#footerNavi ul li ul li a{
	color:#fff;
	font-weight:normal;
}
section#main nav#footerNavi ul li a:hover,
section#main nav#footerNavi ul li ul li a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

footer{
	grid-column:1/3;
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-row:3/4;
	-ms-grid-row:3;
	text-align:right;
	background-color:#000;
	border:0;
	margin:0;
	padding:0;
	color:#fff;
}
footer p{
	border:0;
	margin:0;
	padding:0 0.5em;
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

/* section#main from AEZ */
section#main .description{
	width:100%;
	height:auto;
	box-sizing:border-box;
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
section#main .description .textbox{
	position:relative;
	height:auto;
	box-sizing:border-box;
	margin:0 1em 1em 1em;
	padding:0.01em 1em 1em 1em;
	border:0;
	background-color:#efffd7;	/* LSJ Website-Ivory */
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main .description .textbox:after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox h2,
section#main .description .textbox h3,
section#main .description .textbox h4{
	border:0;
	border-left:solid 8px #005e2a;
	margin:0.25em 0;
	padding:0 0 0 0.3em;
	line-height:1.3em;
	color:#005e2a;	/* AEZ Website-Green */
}

section#main .description .textbox h3{
	text-align:center;
	border:0;
	border-bottom:1px dotted #005e2a;
	margin:1em 0 0 0;
	padding-bottom:0.25em;
}
section#main .description .textbox h4{
	font-size:110%;
}
section#main .description .textbox h4.onlyBold,
section#main .description .textbox h5{
	color:#000;
	border:0;
	margin:0;
	padding:0.25em 0 0 0;
	font-style:normal;
	font-weight:bold;
	font-size:100%;
}
section#main .description .textbox ul.url-list{
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0.25em 0.5em;
	background-color:#fff;
	color:#222;
}
section#main .description .textbox ul.url-list img{
	border:0;
	margin:0;
	padding:0;
	max-width:100%;
}
section#main .description .textbox address{
	font-style:normal;
	padding-left:1em;
}
section#main .description .textbox a{
	color:#1e1e80;	/* Dark-Blue */
}
section#main .description .textbox a:hover{
	text-decoration:underline;
	color:#aac;
	color:#ffe88c;	/* AEZ Website-yellow */
}
section#main .description .textbox h4.h4-archive a{
	color:#005e2a;	/* AEZ Website-Green */
}
section#main .description .textbox h4.h4-archive a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
}
section#main .description .textbox p,
section#main .description .textbox dl,
section#main .description .textbox ul{
	border:0;
	margin:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-right:0;
}
section#main .description .textbox p.date-entry-archive{
	text-align:center;
	border:0;
	margin:0 0 0.75em 0;
	padding:0 0 0.25em 0;
	font-size:90%;
}
section#main .description .textbox img.photo-100p,
section#main .description .textbox img.photo-75p,
section#main .description .textbox img.photo-66p,
section#main .description .textbox img.photo-50p,
section#main .description .textbox img.photo-33p-max512px,
section#main .description .textbox img.photo-33p,
section#main .description .textbox img.photo-25p{
	float:right;
	width:100%;
	max-width:100%;
	height:auto;
	box-sizing:border-box;
	padding:0.5em 0 0.5em 0.5em;
}
section#main .description .textbox img.photo-75p{
	width:75%;
	max-width:75%;
}
section#main .description .textbox img.photo-66p{
	width:66%;
	max-width:66%;
}
section#main .description .textbox img.photo-50p{
	width:50%;
	max-width:50%;
}
section#main .description .textbox img.photo-33p{
	width:33%;
	max-width:33%;
}
section#main .description .textbox img.photo-33p-max512px{
	width:33%;
	max-width:512px;
}
section#main .description .textbox img.photo-25p{
	width:25%;
	max-width:25%;
}
section#main .description .textbox img.photo-100p{
	float:none;
}
section#main .description .textbox img.photo-100p:after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox div.job-offer-info,
section#main .description .textbox div.book-review-info{
	width:auto;
	border:1px solid #005e2a;	/* AEZ Website-Green */
	margin:0.75em 0.15em 0.5em;
	padding:0.2em 1em 0 1em;
	background-color:#efe;	/* AEZ Website-PaleGreen */
	box-sizing:border-box;
}
section#main .description .textbox div.book-review-info{
	background-color:#efe;	/* AEZ Website-PaleGreen */
}
section#main .description .textbox div.contents-list{
	border:1px solid #005e2a;	/* AEZ Website-Green */
	background-color:#fff;
	margin:0.1em 0;
	padding:0.2em 0.5em;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
section#main .description .textbox div.contents-list h4.contents-title span.contents-list-spDate{
	font-weight:normal;
	text-decoration:underline;
	font-weight:90%;
	color:#020;
}
section#main .description .textbox div.contents-list a{
	width:100%;
	height:auto;
}
section#main .description .textbox div.contents-list a:hover{
	background-color:#005e2a;	/* AEZ Website-Green */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-decoration:none;
}
section#main .description .textbox div.contents-list h4.contents-title,
section#main .description .textbox div.contents-list h4.contents-oshirase-title{
	color:#005e2a;	/* AEZ Website-Green */
	border-left:0;
	margin:0;
	padding:0.1em 0 0 0;
	font-size:110%;
}
section#main .description .textbox div.contents-list p.contents-date,
section#main .description .textbox div.contents-list p.contents-oshirase-date{
	color:#666;
	font-size:80%;
	margin:0;
	padding:-0.3em 0 0.2em 0;
	text-indent:0;
}
section#main .description .textbox div.contents-list p.contents-date a,
section#main .description .textbox div.contents-list p.contents-oshirase-date a,
section#main .description .textbox div.contents-list p.contents-date a:hover,
section#main .description .textbox div.contents-list p.contents-oshirase-date a:hover{
	color:#666;
}
section#main .description .textbox div.contents-list div.contents-body,
section#main .description .textbox div.contents-list div.contents-body a,
section#main .description .textbox div.contents-list div.contents-body a:hover{
	color:#222;
	font-size:90%;
}
section#main .description .textbox ul.inline-b li,
section#main .description .textbox dl.inline-b dd,
section#main .description .textbox ul.inline-b-14 li,
section#main .description .textbox dl.inline-b-14 dd,
section#main .description .textbox ul.inline-b-18 li,
section#main .description .textbox dl.inline-b-18 dd{
	display:inline-block;
	width:10em;
	padding-left:0;
	text-indent:1em;
}
section#main .description .textbox ul.inline-b-14 li,
section#main .description .textbox dl.inline-b-14 dd{
	width:14em;
}
section#main .description .textbox ul.inline-b-18 li,
section#main .description .textbox dl.inline-b-18 dd{
	width:18em;
}
section#main .description .textbox ul.indent1em li,
section#main .description .textbox ul.indent li{
	padding-left:0;
	text-indent:1em;
}
section#main .description .textbox ul li > ul.indent1em li,
section#main .description .textbox ul li > ul.indent li{
	padding-left:1em;
	text-indent:1em;
}
section#main .description .textbox ul.rev-indent li{
	padding-left:1em;
	text-indent:-1em;
}
section#main .description .textbox ul li > ul.rev-indent li{
	padding-left:2em;
	text-indent:-1em;
}
section#main .description .textbox dl,
section#main .description .textbox dl dt{
	display:block;
	clear:both;
}
section#main .description .textbox dl dt{
	font-weight:bold;
}
section#main .description .textbox dl.no-bold dt{
	font-weight:normal;
}
section#main .description .textbox dl dd{
	border:0;
	margin:0;
	padding-left:1em;
}
section#main .description .textbox dl.dl-4em dd,
section#main .description .textbox dl.dl-8em dd{
	border:0;
	margin:0;
	padding-left:4em;
}
section#main .description .textbox dl.dl-8em dd{
	padding-left:8em;
}
section#main .description .textbox dl.dl-inline-4em,
section#main .description .textbox dl.dl-inline-6em,
section#main .description .textbox dl.dl-inline-8em,
section#main .description .textbox dl.dl-inline-10em,
section#main .description .textbox dl.dl-inline-12em,
section#main .description .textbox div.job-offer-info dl,
section#main .description .textbox div.book-review-info dl{
	padding-left:8em;	/* この値が重要 */
	width:calc(100%-9em);
	height:auto;
}
section#main .description .textbox dl.dl-inline-4em{
	padding-left:4em;
	width:calc(100%-5em);
}
section#main .description .textbox dl.dl-inline-6em{
	padding-left:6em;
	width:calc(100%-7em);
}
section#main .description .textbox dl.dl-inline-10em{
	padding-left:10em;
	width:calc(100%-11em);
}
section#main .description .textbox dl.dl-inline-12em{
	padding-left:12em;
	width:calc(100%-13em);
}
section#main .description .textbox div.job-offer-info dl,
section#main .description .textbox div.book-review-info dl{
	padding-left:6em;
}
section#main .description .textbox dl.dl-inline-4em dt,
section#main .description .textbox dl.dl-inline-6em dt,
section#main .description .textbox dl.dl-inline-8em dt,
section#main .description .textbox dl.dl-inline-10em dt,
section#main .description .textbox dl.dl-inline-12em dt,
section#main .description .textbox div.job-offer-info dl dt,
section#main .description .textbox div.book-review-info dl dt{
	display:block;
	width:8em;		/* 親dlのpadding-leftと同じ値にする */
	border:0;
	margin:0 0 0 -8em;		/* 親dlのpadding-leftを引く */
	padding:0;
	float:left;
	clear:left;
	height:auto;
	font-weight:bold;
}
section#main .description .textbox dl.dl-inline-4em dt{
	width:4em;
	margin:0 0 0 -4em;
}
section#main .description .textbox dl.dl-inline-6em dt{
	width:6em;
	margin:0 0 0 -6em;
}
section#main .description .textbox dl.dl-inline-10em dt{
	width:10em;
	margin:0 0 0 -10em;
}
section#main .description .textbox dl.dl-inline-12em dt{
	width:12em;
	margin:0 0 0 -12em;
}
section#main .description .textbox div.job-offer-info dl dt,
section#main .description .textbox div.book-review-info dl dt{
	width:6em;
	margin:0 0 0 -6em;
}
/*
section#main .description .textbox dl dd,
section#main .description .textbox dl dd.indent,
section#main .description .textbox dl dd.rev-indent,
section#main .description .textbox dl.dl-4em dd,
section#main .description .textbox dl.dl-4em dd.indent,
section#main .description .textbox dl.dl-4em dd.rev-indent,
section#main .description .textbox dl.dl-8em dd,
section#main .description .textbox dl.dl-8em dd.indent,
section#main .description .textbox dl.dl-8em dd.rev-indent,
*/
section#main .description .textbox dl.dl-inline-4em dd,
section#main .description .textbox dl.dl-inline-4em dd.indent,
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd,
section#main .description .textbox dl.dl-inline-6em dd.indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd,
section#main .description .textbox dl.dl-inline-8em dd.indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd,
section#main .description .textbox dl.dl-inline-10em dd.indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd,
section#main .description .textbox dl.dl-inline-12em dd.indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent,
section#main .description .textbox div.job-offer-info dl dd,
section#main .description .textbox div.book-review-info dl dd{
	display:inline-block;
	float:left;
	height:auto;
	border:0;
	margin:0;
	text-indent:0;
}
section#main .description .textbox dl dd.indent,
section#main .description .textbox dl.dl-4em dd.indent,
section#main .description .textbox dl.dl-8em dd.indent,
section#main .description .textbox dl.dl-inline-4em dd.indent,
section#main .description .textbox dl.dl-inline-6em dd.indent,
section#main .description .textbox dl.dl-inline-8em dd.indent,
section#main .description .textbox dl.dl-inline-10em dd.indent,
section#main .description .textbox dl.dl-inline-12em dd.indent{
	text-indent:1em;
}
section#main .description .textbox dl dt.rev-indent{
	padding-left:1em;
}
section#main .description .textbox dl dd.rev-indent{
	padding-left:2em;
}
section#main .description .textbox dl.dl-4em dd.rev-indent{
	padding-left:5em;
}
section#main .description .textbox dl.dl-6em dd.rev-indent{
	padding-left:7em;
}
section#main .description .textbox dl.dl-8em dd.rev-indent{
	padding-left:9em;
}
section#main .description .textbox dl.dl-10em dd.rev-indent{
	padding-left:11em;
}
section#main .description .textbox dl.dl-12em dd.rev-indent{
	padding-left:13em;
}
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent{
	padding-left:2em;
}
section#main .description .textbox dl dt.rev-indent,
section#main .description .textbox dl dd.rev-indent,
section#main .description .textbox dl.dl-4em dd.rev-indent,
section#main .description .textbox dl.dl-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent{
	text-indent:-1em;
}
section#main .description .textbox dl.members-list{
	padding:0 0 1em 9em;
	height:auto;
}
section#main .description .textbox dl.venue-list{
	padding:0 0 1em 12em;
	height:auto;
}
section#main .description .textbox dl.members-list dt,
section#main .description .textbox dl.venue-list dt{
	display:block;
	width:12em;
	height:3em;
	border:0;
	margin:0 0 0 -12em;
	padding:0;
	float:left;
	clear:left;
}
section#main .description .textbox dl.members-list dt{
	width:9em;
	margin:0 0 0 -9em;
	height:auto;
	font-weight:bold;
}
section#main .description .textbox dl.members-list dd,
section#main .description .textbox dl.venue-list dd{
	display:inline-block;
	width:27em;
	float:left;
	height:auto;
	border:0;
	margin:0;
}
section#main .description .textbox dl.members-list dd{
	width:12.5em;
	font-size:90%;
}

section#main .description .textbox dl.winners-list dt{
	color:#1e1e80;
	font-weight:bold;
}
section#main .description .textbox dl.winners-list dd{
	padding:0.125em 0 0.125em 1em;
}
section#main .description .textbox dl.venue-list dd span.venue,
section#main .description .textbox dl.winners-list dd span.winner{
	font-weight:bold;
}
section#main .description .textbox dl.winners-list dd p.rev-indent,
section#main .description .textbox dl.winners-list dd p{
	border:0;
	margin:0;
	padding:0 0 0 1em;
}
section#main .description .textbox dl::after,
section#main .description .textbox dl.dl-4em::after,
section#main .description .textbox dl.dl-8em::after,
section#main .description .textbox dl.dl-inline-4em::after,
section#main .description .textbox dl.dl-inline-6em::after,
section#main .description .textbox dl.dl-inline-8em::after,
section#main .description .textbox dl.dl-inline-10em::after,
section#main .description .textbox dl.dl-inline-12em::after,
section#main .description .textbox div.job-offer-info dl::after,
section#main .description .textbox div.book-review-info dl::after,
section#main .description .textbox dl.venue-list::after,
section#main .description .textbox dl.winners-list::after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox div#fs-result div#fs-result-list ul{	/* 検索結果関係 */
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0.25em 0.5em;
	background-color:#fff;
	color:#555;
}
section#main .description .textbox div#search .fs-btn{
	outline:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	width:7em;
	font-weight:bold;
	color:#005e2a;	/* LSJ Green */
	border:1px solid #005e2a;
	box-sizing:border-box;
	margin-left:0.25em;
}
section#main .description .textbox div#search .fs-btn:hover{
	border-color:#88af95;
	color:#88af95;
}
section#main .description .textbox div#fs-result div.fs-result-msg p{
	text-indent:0;
	padding:0;
}
section#main .description .textbox .fs-paginate ul{	/* Paginate */
	border:0;
	margin:0;
	padding:0.25em 0 0.25em 0;
	list-style-type:none;
}
section#main .description .textbox .fs-paginate ul li{
	padding:0.25em 0.5em;
	display:inline-block;
}
section#main .description .textbox div#fs-result div.fs-result-msg p{
	padding:1em 0 0 0;
	text-indent:0;
}

section#main .description .textbox address.web-signature{	/* 本文中の住所表示 */
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0;
	background-color:#fff;
}
section#main .description .textbox address.web-signature h4{
	width:100%;
	border:0;
	margin:0 0 0.25em 0;
	padding:0.25em 0.5em;
	color:#fff;
	background-color:#005e2a;
}
section#main .description .textbox address.web-signature p{
	line-height:1.5em;
	text-indent:0;
	padding:0.125em 0.5em;
}
section#main .description .textbox address.web-signature p:first-child{
	padding-top:0;
}
section#main .description .textbox address.web-signature p span.ws-em{
	font-weight:bold;
	padding-right:0.5em;
}
section#main .description .textbox address.web-signature p.ws-name{
	font-size:110%;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
section#main .description .textbox address.web-signature p.ws-name span.ws-name-remark{
	font-size:90%;
	padding-left:0.5em;
}
section#main .description .textbox address.web-signature p.ws-remark{
	font-size:80%;
	text-indent:-1em;
	padding:0.25em 0.5em 0.25em 1.5em;
}

section#main .description .textbox input,		/* メールフォーム関係 */
section#main .description .textbox select,
section#main .description .textbox textarea{
	background-color:#fff;
	border:1px solid #ddd;
	border-top-color:#ccc;
	border-left-color:#ccc;
	padding:3px;
}
section#main .description .textbox input[type="text"],
section#main .description .textbox select,
section#main .description .textbox textarea{
	width:100%;
}
section#main .description .textbox input[type="text"]:focus,
section#main .description .textbox textarea:focus{
	background-color:#fff8db;	/* AEZ Website-pale-yellow */
}
section#main .description .textbox input#mail_preview,
section#main .description .textbox input#mail_post{
	width:82px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_mailform.png");
	text-indent:-1000%;
	font-size:1px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	background-position:0px 0px;
}
section#main .description .textbox input#mail_post{
	background-position:-82px 0px;
}
section#main .description .textbox input#mail_preview:hover{
	background-position:0px -32px;
}
section#main .description .textbox input#mail_post:hover{
	background-position:-82px -32px;
}
section#main .description .textbox div.comments-open-content p,
section#main .description .textbox-mailform p{
	text-indent:0;
}
.remark{				/* 公募用フォームの注釈 */
	font-size:80%;
	color:#446;
}


@media screen and (min-width:601px){	/* PCとタブレット用 */
ul li ul{
	text-indent:4em;
}
ul li ul li ul{
	text-indent:8em;
}
header{
	grid-column:1/3;
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-row:1/2;
	-ms-grid-row:1;
}
header h1{
	position:absolute;
	color:#fff;
	font-size:100%;
	text-align:left;
	top:8px;
	left:1em;
	width:196px;
	height:32px;
	border:0;
	margin:0;
	padding:0 0.5em;
}
header h1 a{
	color:#fff;
	text-decoration:none;
	background-image:url("https://lepi-jp.org/img/title.png");
	display:block;
	width:196px;
	height:32px;
	border:0;
	margin:0;
	padding:0;
	text-indent:-1000%;	/* overflowまで画像置換[スコットケラムメソッド] */
	white-space:nowrap;
	overflow:hidden;
	font-size:1pt;
}
header h1 a,
header h1 a:link,
header h1 a:visited{
	background-position:0px 0px;
}
header h1 a:hover,
header h1 a:focus,
header h1 a:active{
	background-position:0px -32px;
}
header nav#icon_menu_open{
	width:116px;
	top:48px;
	left:calc(40% - 116px);
}
header div#photo_scientificName{
	top:calc(100vh - 24px - 10em);
	height:10em;
	background:none;
}
header div#photo_scientificName div#inner_photo_scientificName{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}
header div#photo_scientificName div#inner_photo_scientificName p{
	text-align:right;
}
header div#photo_scientificName span.hidden-on-mobile{
	display:inline;
}
header div#photo_scientificName span.hidden-on-PC{
	display:none;
}
section#menu nav#main_menu ul li{
	position:relative;
}
section#menu nav#main_menu ul li .fa-angle-right,
section#menu nav#main_menu ul li .fa-angle-down{
	position:absolute;
	top:0.125em;
	right:0;
	width:1em;
	height:1em;
	color:#fff;
	transition:.3s;
}
section#menu nav#main_menu ul li .fa-angle-down{
	right:0.125em;
}
section#menu nav#main_menu ul li .fa-angle-right:before{
	font-family:FontAwesome;
	content:"\f105";
}
section#menu nav#main_menu ul li .fa-angle-down:before{
	font-family:FontAwesome;
	content:"\f107";
}
}

@media screen and (min-width:2000px){	/* 横長PC用 */
section#main div#about-lsj article#lsj-logo,
section#main div#about-lsj article#lsj-aboutme-address,
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:300px;
	align-self:stretch;
}
/*
section#main div#about-lsj article#lsj-logo{
	flex-grow:0;
	flex-basis:calc(216px + 3em);
}
*/
}

@media screen and (max-width:1199px){	/* 1200px未満はサイトマップが2行 */
section#main nav#footerNavi{
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}
}
@media screen and (max-width:60em){	/* 60em以下はメニューを広く */
section#menu nav#main_menu,
section#photo_description{
	width:24em;
}
}

@media screen and (max-width:600px){	/* スマホ用 */
body{
 	grid-template-columns:1fr;
 	-ms-grid-columns:1fr;
 	grid-template-rows:144px 1fr 24px;
 	-ms-grid-rows:144px 1fr 24px;
}
header{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:1/2;
	-ms-grid-row:1;
	background:url("https://lepi-jp.org/img/monkichou_fromNaka.jpg") center;
	background-size:100% auto;
}
header.header-m{
	background:url("https://lepi-jp.org/img/logoTile-dark.png") center;
}
header h1,
header.header-m h2{
	position:absolute;
	top:10px;
	left:calc(1em - 4px);
	color:#fff;
	border:0;
	margin:0;
	padding:0;
	font-size:140%;
	font-weight:bold;
	font-family:'UD新ゴ M','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
header.header-m h2{
	font-size:120%;
}
header h1 a{
	color:#fff;
	text-decoration:none;
}
header h1 a:hover,
header h1 a:focus,
header h1 a:active{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
header nav#headerNavi,
header.header-m nav#headerNavi{
	width:72px;
	height:72px;
}
header nav#headerNavi ul,
header.header-m nav#headerNavi ul{
	width:72px;
	height:72px;
}
header nav#headerNavi ul li#mailform-button{ position:absolute; top:36px; left:36px; }
header nav#headerNavi ul li#search-button{ position:absolute; top:0; left:0; }
header nav#headerNavi ul li#english-button{ position:absolute; top:0; left:36px; }
header.header-m nav#headerNavi ul li#mailform-button{ position:absolute; top:36px; left:36px; }
header.header-m nav#headerNavi ul li#search-button{ position:absolute; top:0; left:36px; }
header nav#headerNavi ul li a{
	margin:0 2px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#english-button a{
	width:32px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-button a:link,
header nav#headerNavi ul li#mailform-button a:visited{
	background-position:-536px 0px;
}
header nav#headerNavi ul li#mailform-button a:hover,
header nav#headerNavi ul li#mailform-button a:focus,
header nav#headerNavi ul li#mailform-button a:active,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#mailform-sel a:link,
header nav#headerNavi ul li#mailform-sel a:visited,
header nav#headerNavi ul li#mailform-sel a:hover,
header nav#headerNavi ul li#mailform-sel a:focus,
header nav#headerNavi ul li#mailform-sel a:active{
	background-position:-536px -32px;
}
header nav#headerNavi ul li#english-button a,
header nav#headerNavi ul li#english-button a:link,
header nav#headerNavi ul li#english-button a:visited{
	background-position:-504px 0px;
}
header nav#headerNavi ul li#english-button a:hover,
header nav#headerNavi ul li#english-button a:focus,
header nav#headerNavi ul li#english-button a:active{
	background-position:-504px -32px;
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-button a:link,
header nav#headerNavi ul li#search-button a:visited{
	background-position:-472px 0px;
}
header nav#headerNavi ul li#search-button a:hover,
header nav#headerNavi ul li#search-button a:focus,
header nav#headerNavi ul li#search-button a:active,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#search-sel a:link,
header nav#headerNavi ul li#search-sel a:visited,
header nav#headerNavi ul li#search-sel a:hover,
header nav#headerNavi ul li#search-sel a:focus,
header nav#headerNavi ul li#search-sel a:active{
	background-position:-472px -32px;
}
header nav#icon_menu_open{
	width:32px;
	top:44px;
	right:calc(1em + 38px);
}
header nav#icon_menu_open a{
	width:32px;
}
header nav#icon_menu_open a,
header nav#icon_menu_open a:link,
header nav#icon_menu_open a:visited{
	background-position:-568px 0px;
}
header nav#icon_menu_open a:hover,
header nav#icon_menu_open a:focus,
header nav#icon_menu_open a:active{
	background-position:-568px -32px;
}
header div#search-window-div{
	top:0px;
}
header div#search-window-div form#search-window input#search-text{
	width:calc(100% - 74px - 1em);
}
header div#search-window-div form#search-window input#close-button{
	width:32px;
}
header div#search-window-div form#search-window input#search-submit{
	width:32px;
	background-position:-149px 0px;
}
header div#search-window-div form#search-window input#search-submit:hover{
	background-position:-149px -32px;
}
header div#photo_scientificName{
	width:100%;
	height:1.5em;
	top:calc(144px - 1.5em);
}
header div#photo_scientificName p{
	font-size:65%;
	padding:0.125em 1em;
}
header div#photo_scientificName span.hidden-on-mobile{
	display:none;
}
header div#photo_scientificName span.hidden-on-PC{
	display:inline;
}

section#leftside{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	display:none;
}
section#main div#about-lsj article#lsj-aboutme-address{
	font-size:3vw;
	line-height:1.25em;
}
section#main div#about-lsj article#lsj-aboutme{
	font-size:90%;
}
section#main div#about-lsj article#lsj-logo{
	flex-grow:1;
	flex-basis:33%;
	min-width:initial;
	text-indent:0em;
	padding:0;
}
section#main div#about-lsj article#lsj-logo img{	/* 鱗翅学会のロゴ＠スマホ */
	width:calc(100% - 2em);
	min-width:calc(108px + 1em);
	height:auto;
	padding:0 1em 0 0;
}
section#menu nav#main_menu,
section#photo_description{
	position:fixed;
	top:0px;	/* Headerのheight */
	width:100%;
	height:100vh;
	overflow-y:scroll;
	background-color:rgba(0,0,0,0.8)
}
section#menu nav#main_menu ul li .fa-angle-right,
section#menu nav#main_menu ul li .fa-angle-down{
	display:none;
}
section#menu nav#main_menu div.menu_close{
	top:2px;
	right:2px;
}
section#menu nav#main_menu div.menu_close a{
	top:0;
	left:0;
}
section#menu nav#main_menu ul li a{
	display:block;
	width:auto;
	height:auto;
	border:0;
	box-sizing:border-box;
}
section#menu nav#main_menu ul li > ul{
	display:block;
}
section#photo_scientificName{
	display:none;
}
section#photo_scientificName p,
section#photo_description p{
	color:#fff;
	font-size:90%;
	border:0;
	margin:0;
	padding:0.5em 1em;
}
section#photo_scientificName p{
	text-indent:0;
	padding-right:8em;
	font-size:65%;
}
section#photo_scientificName p#photo-comment-open,
section#photo_description p#photo-comment-close{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	border:0;
	margin:0;
	padding-right:1em;
	display:block;
}
section#photo_scientificName a,
section#photo_description a{
	color:#fff;
	text-decoration:none;
}
section#photo_scientificName a:hover,
section#photo_description a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

section#main{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	overflow-x:hidden;
	height:auto;
}
section#main .description .textbox img.photo-100p,
section#main .description .textbox img.photo-75p,
section#main .description .textbox img.photo-66p,
section#main .description .textbox img.photo-50p,
section#main .description .textbox img.photo-33p,
section#main .description .textbox img.photo-33p-max512px,
section#main .description .textbox img.photo-25p{
	float:none;
	width:100%;
	max-width:100%;
	height:auto;
	box-sizing:border-box;
	padding:0.5em 0;
}
section#main nav#footerNavi{
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
}
section#main nav#footerNavi ul li{
	font-size:100%;
}
footer{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:3/4;
	-ms-grid-row:3;
}
}

@media screen and (min-width:801px){	/* PC用・左右の余白調整 */
section#main .description .textbox{
	padding: 0.01em 1.5em 1em 1.5em;
}
}
@media screen and (min-width:961px){
section#main .description .textbox{
	padding: 0.01em 2em 1em 2em;
}
}
@media screen and (min-width:1025px){
section#main .description .textbox{
	padding: 0.01em 2.5em 1em 2.5em;
}
}

}
.blue{
	color:#22f;
	font-weight:bold;
}
.bold{ font-weight:bold; }
p.right,
p.author{
	text-align:right;
	text-indent:0;
}
p.no-indent{ text-indent:0em; }
p.rev,
p.rev-indent{
	padding-left:1em;
	text-indent:-1em;
}
p.breadcrumb-list{
	border:0;
	margin:0;
	padding:0.25em 0.5em 0.25em 1em;
	font-size:100%;
	text-indent:0;
}
i.ws-atmark{
	text-indent:0;
	padding:0 0.065em;
}
em{
	font-style:normal;
	font-weight:bold;
}
ul{
	padding:0;
	margin:0;
}
li{
	padding:0;
	margin:0;
	list-style-type:none;
}
a{
	text-decoration:none;
}
.clearfloat{
	clear:both;
}
hr{
	border:0;
	border-top:1px dashed #8c8b8b;
	padding:0 1em;
}

header{
	background-color:#000;
	color:#fff;
	position:relative;
}
header nav#headerNavi{
	position:absolute;
	top:8px;
	right:1em;
	width:356px;
	height:32px;
	display:inline;
	float:left;
}
header nav#headerNavi ul{
	width:356px;
	height:32px;
	font-size:1pt;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
header nav#headerNavi ul li{
	display:inline;
	margin:0;
	padding:0;
}
header nav#headerNavi a,
header nav#headerNavi a:link,
header nav#headerNavi a:visited,
header nav#headerNavi a:hover,
header nav#headerNavi a:focus,
header nav#headerNavi a:active{
	display:block;
	text-decoration:none;
	float:left;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#english-button a{
	width:156px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/headerNavi.png");
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a{
	width:87px;
}
header nav#headerNavi ul li#english-button a{
	width:113px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-button a:link,
header nav#headerNavi ul li#mailform-button a:visited{
	background-position:-200px 0px;
}
header nav#headerNavi ul li#mailform-button a:hover,
header nav#headerNavi ul li#mailform-button a:focus,
header nav#headerNavi ul li#mailform-button a:active,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#mailform-sel a:link,
header nav#headerNavi ul li#mailform-sel a:visited,
header nav#headerNavi ul li#mailform-sel a:hover,
header nav#headerNavi ul li#mailform-sel a:focus,
header nav#headerNavi ul li#mailform-sel a:active{
	background-position:-200px -32px;
}
header nav#headerNavi ul li#english-button a,
header nav#headerNavi ul li#english-button a:link,
header nav#headerNavi ul li#english-button a:visited{
	background-position:-87px 0px;
}
header nav#headerNavi ul li#english-button a:hover,
header nav#headerNavi ul li#english-button a:focus,
header nav#headerNavi ul li#english-button a:active{
	background-position:-87px -32px;
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-button a:link,
header nav#headerNavi ul li#search-button a:visited{
	background-position:0px 0px;
}
header nav#headerNavi ul li#search-button a:hover,
header nav#headerNavi ul li#search-button a:focus,
header nav#headerNavi ul li#search-button a:active,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#search-sel a:link,
header nav#headerNavi ul li#search-sel a:visited,
header nav#headerNavi ul li#search-sel a:hover,
header nav#headerNavi ul li#search-sel a:focus,
header nav#headerNavi ul li#search-sel a:active{
	background-position:0px -32px;
}
header nav#icon_menu_open{
	position:absolute;
	height:32px;
	z-index:9000;
}
header nav#icon_menu_open a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:116px;
	height:32px;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url("https://lepi-jp.org/img/headerNavi.png");
}
header nav#icon_menu_open a,
header nav#icon_menu_open a:link,
header nav#icon_menu_open a:visited{
	background-position:-356px 0px;
}
header nav#icon_menu_open a:hover,
header nav#icon_menu_open a:focus,
header nav#icon_menu_open a:active{
	background-position:-356px -32px;
}
header div#search-window-div{
	position:absolute;
	top:48px;
	left:0;
	width:100%;
	height:3em;
	background-color:#005e2a;
	color:#fff;
	z-index:9100;
	display:none;
}
header div#search-window-div a{
	color:#fff;
	text-decoration:none;
}
header div#search-window-div a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
header div#search-window-div form#search-window{
	width:calc(100% - 1em);
	height:auto;
	margin:0.5em 1em 0 1em;
}
header div#search-window-div form#search-window input,
header div#search-window-div form#search-window textarea{
	padding:2px;
	font-size:110%;
	vertical-align:middle;
}
header div#search-window-div form#search-window input#search-text{
	color:#000;
	width:calc(100% - 165px - 1em);
	height:30px;
	background-color:#fff;
	border:1px solid #ddd;
	border-top-color:#ccc;
	border-left-color:#ccc;
}
header div#search-window-div form#search-window input#search-text:focus{
	background-color:#fff8db;	/* AEZ Website-pale-yellow */
}
header div#search-window-div form#search-window input#search-submit,
header div#search-window-div form#search-window input#close-button{
	width:32px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_search_window.png");
	text-indent:-1000%;
	font-size:1px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	background-position:0px 0px;
}
header div#search-window-div form#search-window input#search-submit{
	width:117px;
	background-position:-32px 0px;
}
header div#search-window-div form#search-window input#search-submit:hover{
	background-position:-32px -32px;
}
header div#search-window-div form#search-window input#close-button:hover{
	background-position:0px -32px;
}
header.header-m h2{
	color:#fff;
	padding-left:1em;
	font-size:120%;
	font-weight:normal;
}
header.header-m h2 a{
	decoration:none;
	color:#fff;
}
header.header-m h2 a:hover{
	color:#ffe88c;
}
header.header-m nav#headerNavi{
	width:243px;
}
header.header-m nav#headerNavi ul{
	width:243px;
}
section#leftside{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	background-color:#000;
	background-size:auto 100%;
	position:relative;
	z-index:8000;
}
section.photo-base{
	background:url("https://lepi-jp.org/img/monkichou_fromNaka.jpg") center;
}
section.photo-base-m{
	background:url("https://lepi-jp.org/img/logoTile.png") center;
}
header div#photo_scientificName{
	position:absolute;
	width:40%;
	height:auto;	/* height:2em; */
	top:calc(100vh - 24px - 2em);
	left:0;
	border:0;
	margin:0;
	padding:0;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
	z-index:9500;
	text-align:right;
}
section#photo_description{
	position:fixed;
	top:48px;
	left:-200%;
	width:40%;
	height:calc(100vh - 72px);
	background-color:rgba(0,0,0,0.6);
	overflow-y:scroll;
	z-index:9002;
}
header div#photo_scientificName p,
section#photo_description p{
	color:#fff;
	font-size:90%;
	border:0;
	margin:0;
	padding:0.5em 1em;
	text-indent:0;
}
header div#photo_scientificName a,
section#photo_description a{
	color:#fff;
	text-decoration:none;
}
header div#photo_scientificName a:hover,
section#photo_description a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
section#menu nav#main_menu{
	position:fixed;
	top:48px;
	left:-200%;
	width:40%;
	min-width:16em;
	height:calc(100vh - 72px);
	background-color:rgba(0,0,0,0.6);
	z-index:9002;
}
section#menu nav#main_menu .onlyFooter{
	display:none;
}
section#menu nav#main_menu div.menu_close,
section#photo_description div#photo-comment-close{
	position:absolute;
	width:32px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_menu_close.png");
	background-size:auto 100%;
	top:2px;
	right:2px;
	text-indent:-1000%;
}
section#menu nav#main_menu div.menu_close a,
section#photo_description div#photo-comment-close a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
section#menu nav#main_menu div.menu_close a:hover,
section#photo_description div#photo-comment-close a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
section#menu nav#main_menu a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
section#menu nav#main_menu ul{
	padding:0.5em;
	line-height:1.6em;
}
section#menu nav#main_menu ul li{
	width:20em;
	font-size:100%;
	position:relative;
}
section#menu nav#main_menu ul li.inPrep{
	color:#f03;
	text-decoration:line-through;
}
section#menu nav#main_menu ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	width:20em;
	height:2em;
	border-bottom:1px solid rgba(255,255,255,0.5);
	box-sizing:border-box;
	padding:0.25em 0 0 0.5em;
}
section#menu nav#main_menu ul li > ul{
	padding:0;
	display:none;
	line-height:1.4em;
}
/*
section#menu nav#main_menu ul li:hover > ul{
	display:block;
}
*/
section#menu nav#main_menu ul li > ul li{
	font-size:90%;
	padding-left:2em;
	text-indent:-1em;
}
section#menu nav#main_menu ul li > ul li:first-child{
	padding-top:0.25em;
}
section#menu nav#main_menu ul li > ul li:last-child{
	padding-bottom:1em;
}
section#menu nav#main_menu ul li > ul li a{
	width:auto;
	height:auto;
	box-sizing:border-box;
	border:0;
	padding:0;
}

section#main{
	grid-column:2/3;
	-ms-grid-column:2;
	grid-row:2/3;
	-ms-grid-row:2;
	overflow-y;scroll;
	overflow-x:hidden;
	height:calc(100vh - 72px);
	border:0;
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:100%;
	line-height:1.65em;
}
section#main div#main-cards,
section#main div#whatnew-cards,
section#main .description .textbox div.inner-cards{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:space-between;
	padding:0.5em;
}
section#main .description .textbox div.inner-cards{
	padding:0;
}
section#main div#main-cards article,
section#main div#whatnew-cards article,
section#main .description .textbox div.inner-cards article{
	font-size:90%;
	letter-spacing:-0.025em;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:calc(25% - 1em - 2px);
	align-self:stretch;
	border:1px solid #005e2a;	/* LSJ Green:AEZ Website-Greenは005e2a */
	margin:0.5em;
	padding:0;
	box-sizing:border-box;
	color:#000;
	position:relative;
	min-width:200px;
}
section#main div#main-cards article{
	flex-basis:calc(50% - 1em - 2px);
	height:auto;
	min-width:240px;
	border:0;
}
section#main .description .textbox div.inner-cards article{
	flex-basis:calc(33% - 1em - 2px);
	background-color:#fff;
}
section#main div#main-cards article img{
	width:100%;
	max-width:100%;
	height:auto;
}
/* section#main div#main-cards article a,*/
section#main div#whatnew-cards article a{
	text-decoration:none;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-1000%;
	white-space:nowrap;
	overflow:hidden;
}
section#main div#whatnew-cards article.ice2024 img{
	width:100%;
	max-width:100%;
	height:auto;
}
section#main div#whatnew-cards article.ice2024 a{
	text-indent:0;
}
section#main div#main-cards article a:hover,
section#main div#whatnew-cards article a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
section#main div#whatnew-cards article h3,
section#main .description .textbox div.inner-cards article h3{
 	width:100%;
	height:2em;
	font-weight:bold;
	font-size:130%;
	font-family:'UD新ゴ M','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#FFF;
	background-color:#005e2a;	/* Green */
	border:0;
	margin:0;
	padding:0.25em 0 0 0.5em;
}
section#main div#whatnew-cards article h4.whatnew-cards-spDate{
	position:absolute;
	top:0.75em;
	left:0.25em;
	color:#005e2a;	/* Green */
	font-size:150%;
	letter-spacing:-0.075em;
}
section#main div#whatnew-cards article h4.whatnew-cards-spDate span.whatnew-cards-spDate-obj{
	font-size:75%;
	letter-spacing:0em;
}
section#main div#whatnew-cards article p.whatnew-cards-title,
section#main .description .textbox div.inner-cards article p,
section#main .description .textbox div.inner-cards article p.inner-cards-address,
section#main .description .textbox div.inner-cards article p.inner-cards-name,
section#main .description .textbox div.inner-cards article p.inner-cards-email{
	border:0;
	margin:0;
	padding:0 0.5em;
	text-indent:0;
	font-size:111%;
	text-align:left;
}
section#main .description .textbox div.inner-cards article dl{
	font-size:111%;
	padding:0 0.5em;
}
section#main .description .textbox div.inner-cards article p.inner-cards-address,
section#main .description .textbox div.inner-cards article dl dt:first-child{
	padding-top:0.25em;
}
section#main .description .textbox div.inner-cards article p.inner-cards-email,
section#main .description .textbox div.inner-cards article dl dd:last-child{
	padding-bottom:0.25em;
}
section#main div#whatnew-cards article p.whatnew-cards-title{
	padding:2.5em 0.5em 0 0.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main div#whatnew-cards article.ice2024 p.whatnew-cards-title{
	padding:0.5em 0.5em 0 0.5em;
	text-align:center;
}
section#main .description .textbox div.inner-cards article p.inner-cards-name{
	font-size:125%;
	padding:0.25em 0.5em;
}
section#main div#whatnew-cards article div.whatnew-radius{
	display:block;
	position:absolute;
	top:-2px;
	right:4px;
	width:5em;
	height:5em;
	border:solid 3px #fff;
	border-radius:50%;
	box-sizing:border-box;
	background-color:#005e2a;	/* Green */
	text-align:center;
	letter-spacing:0.025em;
}
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-year,
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-month{
	font-family:'Anton',sans-serif;
	font-family:'Alegreya Sans', sans-serif;
	color:#fff;
	text-indent:0;
	border:0;
	margin:0;
	padding:0.5em 0 0 0;
	line-height:1.125em;
	padding:0.25em 0 0 0;
	line-height:1em;
	font-size:135%;
	letter-spacing:0em;
}
section#main div#whatnew-cards article div.whatnew-radius p.whatnew-cards-month{
	font-size:180%;
	font-size:210%;
	text-align:center;
	padding:0;
	letter-spacing:-0.025em;
}

section#main div#about-lsj{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:space-between;
	background-color:#00360f;
	padding:1em 0.75em 0.5em 0.625em;
}
section#main div#about-lsj article#lsj-logo,		/* 鱗翅学会ロゴ＠PC */
section#main div#about-lsj article#lsj-aboutme-address,
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:7em;
	align-self:stretch;
}
section#main div#about-lsj article#lsj-logo{
	flex-grow:0;
	flex-shrink:1;
	flex-basis:11em;
	padding:0;
	text-indent:0;
	min-width:40px;
}
section#main div#about-lsj article#lsj-logo p{
	text-indent:0;
}
section#main div#about-lsj article#lsj-logo img{
	width:100%;
	max-width:14em;
	min-width:40px;
	height:auto;
	border:0;
	margin:0;
	padding:0.5em 1em 0 0;
	text-align:left;
}
section#main div#about-lsj article#lsj-aboutme-address{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:auto;
	min-width:9em;
}
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:auto;
}
section#main div#about-lsj article#lsj-logo h3,
section#main div#about-lsj article#lsj-aboutme-address h3,
section#main div#about-lsj article#lsj-aboutme h3{
	color:#fff;
	padding:0 0.25em 0 0.25em;
	font-size:140%;
}
section#main div#about-lsj article#lsj-logo address,
section#main div#about-lsj article#lsj-aboutme-address address{
	font-style:normal;
}
section#main div#about-lsj article#lsj-logo address,
section#main div#about-lsj article#lsj-aboutme-address address,
section#main div#about-lsj article#lsj-logo p,
section#main div#about-lsj article#lsj-aboutme-address p,
section#main div#about-lsj article#lsj-aboutme p{
	color:#abdeb9;
	font-size:85%;
	padding:0 0.25em 0.5em 0.25em;
}
section#main div#about-lsj article#lsj-logo p,
section#main div#about-lsj article#lsj-aboutme-address p,
section#main div#about-lsj article#lsj-aboutme p{
	font-size:100%;
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main nav#footerNavi{
	width:100%;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	background-color:#000;
	padding:1em;
}
section#main nav#footerNavi .onlyMenu{
	display:none;
}
section#main nav#footerNavi ul{
	border:0;
	margin:0;
	padding:0;
}
section#main nav#footerNavi ul li{
	font-size:89%;
	font-weight:bold;
}
section#main nav#footerNavi ul li a{
	color:#fff;
	font-weight:bold;
}
section#main nav#footerNavi ul li{
	break-inside:avoid-column;
	page-break-inside:avoid;
}
section#main nav#footerNavi ul li ul li{
	font-size:90%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 1em;	/* Indent 1em */
}
section#main nav#footerNavi ul li ul li a{
	color:#fff;
	font-weight:normal;
}
section#main nav#footerNavi ul li a:hover,
section#main nav#footerNavi ul li ul li a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

footer{
	grid-column:1/3;
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-row:3/4;
	-ms-grid-row:3;
	text-align:right;
	background-color:#000;
	border:0;
	margin:0;
	padding:0;
	color:#fff;
}
footer p{
	border:0;
	margin:0;
	padding:0 0.5em;
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

/* section#main from AEZ */
section#main .description{
	width:100%;
	height:auto;
	box-sizing:border-box;
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
section#main .description .textbox{
	position:relative;
	height:auto;
	box-sizing:border-box;
	margin:0 1em 1em 1em;
	padding:0.01em 1em 1em 1em;
	border:0;
	background-color:#efffd7;	/* LSJ Website-Ivory */
	text-align:justify;
	text-justify:inter-ideograph;
}
section#main .description .textbox:after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox h2,
section#main .description .textbox h3,
section#main .description .textbox h4{
	border:0;
	border-left:solid 8px #005e2a;
	margin:0.25em 0;
	padding:0 0 0 0.3em;
	line-height:1.3em;
	color:#005e2a;	/* AEZ Website-Green */
}

section#main .description .textbox h3{
	text-align:center;
	border:0;
	border-bottom:1px dotted #005e2a;
	margin:1em 0 0 0;
	padding-bottom:0.25em;
}
section#main .description .textbox h4{
	font-size:110%;
}
section#main .description .textbox h4.onlyBold,
section#main .description .textbox h5{
	color:#000;
	border:0;
	margin:0;
	padding:0.25em 0 0 0;
	font-style:normal;
	font-weight:bold;
	font-size:100%;
}
section#main .description .textbox ul.url-list{
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0.25em 0.5em;
	background-color:#fff;
	color:#222;
}
section#main .description .textbox address{
	font-style:normal;
	padding-left:1em;
}
section#main .description .textbox a{
	color:#1e1e80;	/* Dark-Blue */
}
section#main .description .textbox a:hover{
	text-decoration:underline;
	color:#aac;
	color:#ffe88c;	/* AEZ Website-yellow */
}
section#main .description .textbox h4.h4-archive a{
	color:#005e2a;	/* AEZ Website-Green */
}
section#main .description .textbox h4.h4-archive a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
}
section#main .description .textbox p,
section#main .description .textbox dl,
section#main .description .textbox ul{
	border:0;
	margin:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-right:0;
}
section#main .description .textbox p.date-entry-archive{
	text-align:center;
	border:0;
	margin:0 0 0.75em 0;
	font-size:90%;
	padding:0 0 0.25em 0;
}
section#main .description .textbox img.photo-100p,
section#main .description .textbox img.photo-75p,
section#main .description .textbox img.photo-66p,
section#main .description .textbox img.photo-50p,
section#main .description .textbox img.photo-33p,
section#main .description .textbox img.photo-33p-max512px,
section#main .description .textbox img.photo-25p{
	float:right;
	width:100%;
	max-width:100%;
	height:auto;
	box-sizing:border-box;
	padding:0.5em 0 0.5em 0.5em;
}
section#main .description .textbox img.photo-75p{
	width:75%;
	max-width:75%;
}
section#main .description .textbox img.photo-66p{
	width:66%;
	max-width:66%;
}
section#main .description .textbox img.photo-50p{
	width:50%;
	max-width:50%;
}
section#main .description .textbox img.photo-33p{
	width:33%;
	max-width:33%;
}
section#main .description .textbox img.photo-33p-max512px{
	width:33%;
	max-width:512px;
}
section#main .description .textbox img.photo-25p{
	width:25%;
	max-width:25%;
}
section#main .description .textbox img.photo-100p{
	float:none;
}
section#main .description .textbox img.photo-100p:after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox div.job-offer-info,
section#main .description .textbox div.book-review-info{
	width:auto;
	border:1px solid #005e2a;	/* AEZ Website-Green */
	margin:0.75em 0.15em 0.5em;
	padding:0.2em 1em 0 1em;
	background-color:#efe;	/* AEZ Website-PaleGreen */
	box-sizing:border-box;
}
section#main .description .textbox div.book-review-info{
	background-color:#efe;	/* AEZ Website-PaleGreen */
}
section#main .description .textbox div.contents-list{
	border:1px solid #005e2a;	/* AEZ Website-Green */
	background-color:#fff;
	margin:0.1em 0;
	padding:0.2em 0.5em;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
section#main .description .textbox div.contents-list h4.contents-title span.contents-list-spDate{
	font-weight:normal;
	text-decoration:underline;
	font-weight:90%;
	color:#020;
}
section#main .description .textbox div.contents-list a{
	width:100%;
	height:auto;
}
section#main .description .textbox div.contents-list a:hover{
	background-color:#005e2a;	/* AEZ Website-Green */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-decoration:none;
}
section#main .description .textbox div.contents-list h4.contents-title,
section#main .description .textbox div.contents-list h4.contents-oshirase-title{
	color:#005e2a;	/* AEZ Website-Green */
	border-left:0;
	margin:0;
	padding:0.1em 0 0 0;
	font-size:110%;
}
section#main .description .textbox div.contents-list p.contents-date,
section#main .description .textbox div.contents-list p.contents-oshirase-date{
	color:#666;
	font-size:80%;
	margin:0;
	padding:-0.3em 0 0.2em 0;
	text-indent:0;
}
section#main .description .textbox div.contents-list p.contents-date a,
section#main .description .textbox div.contents-list p.contents-oshirase-date a,
section#main .description .textbox div.contents-list p.contents-date a:hover,
section#main .description .textbox div.contents-list p.contents-oshirase-date a:hover{
	color:#666;
}
section#main .description .textbox div.contents-list div.contents-body,
section#main .description .textbox div.contents-list div.contents-body a,
section#main .description .textbox div.contents-list div.contents-body a:hover{
	color:#222;
	font-size:90%;
}
section#main .description .textbox ul.inline-b li,
section#main .description .textbox dl.inline-b dd,
section#main .description .textbox ul.inline-b-14 li,
section#main .description .textbox dl.inline-b-14 dd,
section#main .description .textbox ul.inline-b-18 li,
section#main .description .textbox dl.inline-b-18 dd{
	display:inline-block;
	width:10em;
	padding-left:0;
	text-indent:1em;
}
section#main .description .textbox ul.inline-b-14 li,
section#main .description .textbox dl.inline-b-14 dd{
	width:14em;
}
section#main .description .textbox ul.inline-b-18 li,
section#main .description .textbox dl.inline-b-18 dd{
	width:18em;
}
section#main .description .textbox ul.indent1em li,
section#main .description .textbox ul.indent li{
	padding-left:0;
	text-indent:1em;
}
section#main .description .textbox ul li > ul.indent1em li,
section#main .description .textbox ul li > ul.indent li{
	padding-left:1em;
	text-indent:1em;
}
section#main .description .textbox ul.rev-indent li{
	padding-left:1em;
	text-indent:-1em;
}
section#main .description .textbox ul li > ul.rev-indent li{
	padding-left:2em;
	text-indent:-1em;
}
section#main .description .textbox dl,
section#main .description .textbox dl dt{
	display:block;
	clear:both;
}
section#main .description .textbox dl dt{
	font-weight:bold;
}
section#main .description .textbox dl.no-bold dt{
	font-weight:normal;
}
section#main .description .textbox dl dd{
	border:0;
	margin:0;
	padding-left:1em;
}
section#main .description .textbox dl.dl-4em dd,
section#main .description .textbox dl.dl-8em dd{
	border:0;
	margin:0;
	padding-left:4em;
}
section#main .description .textbox dl.dl-8em dd{
	padding-left:8em;
}
section#main .description .textbox dl.dl-inline-4em,
section#main .description .textbox dl.dl-inline-6em,
section#main .description .textbox dl.dl-inline-8em,
section#main .description .textbox dl.dl-inline-10em,
section#main .description .textbox dl.dl-inline-12em,
section#main .description .textbox div.job-offer-info dl,
section#main .description .textbox div.book-review-info dl{
	padding-left:8em;	/* この値が重要 */
	width:calc(100%-9em);
	height:auto;
}
section#main .description .textbox dl.dl-inline-4em{
	padding-left:4em;
	width:calc(100%-5em);
}
section#main .description .textbox dl.dl-inline-6em{
	padding-left:6em;
	width:calc(100%-7em);
}
section#main .description .textbox dl.dl-inline-10em{
	padding-left:10em;
	width:calc(100%-11em);
}
section#main .description .textbox dl.dl-inline-12em{
	padding-left:12em;
	width:calc(100%-13em);
}
section#main .description .textbox div.job-offer-info dl,
section#main .description .textbox div.book-review-info dl{
	padding-left:6em;
}
section#main .description .textbox dl.dl-inline-4em dt,
section#main .description .textbox dl.dl-inline-6em dt,
section#main .description .textbox dl.dl-inline-8em dt,
section#main .description .textbox dl.dl-inline-10em dt,
section#main .description .textbox dl.dl-inline-12em dt,
section#main .description .textbox div.job-offer-info dl dt,
section#main .description .textbox div.book-review-info dl dt{
	display:block;
	width:8em;		/* 親dlのpadding-leftと同じ値にする */
	border:0;
	margin:0 0 0 -8em;		/* 親dlのpadding-leftを引く */
	padding:0;
	float:left;
	clear:left;
	height:auto;
	font-weight:bold;
}
section#main .description .textbox dl.dl-inline-4em dt{
	width:4em;
	margin:0 0 0 -4em;
}
section#main .description .textbox dl.dl-inline-6em dt{
	width:6em;
	margin:0 0 0 -6em;
}
section#main .description .textbox dl.dl-inline-10em dt{
	width:10em;
	margin:0 0 0 -10em;
}
section#main .description .textbox dl.dl-inline-12em dt{
	width:12em;
	margin:0 0 0 -12em;
}
section#main .description .textbox div.job-offer-info dl dt,
section#main .description .textbox div.book-review-info dl dt{
	width:6em;
	margin:0 0 0 -6em;
}
/*
section#main .description .textbox dl dd,
section#main .description .textbox dl dd.indent,
section#main .description .textbox dl dd.rev-indent,
section#main .description .textbox dl.dl-4em dd,
section#main .description .textbox dl.dl-4em dd.indent,
section#main .description .textbox dl.dl-4em dd.rev-indent,
section#main .description .textbox dl.dl-8em dd,
section#main .description .textbox dl.dl-8em dd.indent,
section#main .description .textbox dl.dl-8em dd.rev-indent,
*/
section#main .description .textbox dl.dl-inline-4em dd,
section#main .description .textbox dl.dl-inline-4em dd.indent,
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd,
section#main .description .textbox dl.dl-inline-6em dd.indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd,
section#main .description .textbox dl.dl-inline-8em dd.indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd,
section#main .description .textbox dl.dl-inline-10em dd.indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd,
section#main .description .textbox dl.dl-inline-12em dd.indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent,
section#main .description .textbox div.job-offer-info dl dd,
section#main .description .textbox div.book-review-info dl dd{
	display:inline-block;
	float:left;
	height:auto;
	border:0;
	margin:0;
	text-indent:0;
}
section#main .description .textbox dl dd.indent,
section#main .description .textbox dl.dl-4em dd.indent,
section#main .description .textbox dl.dl-8em dd.indent,
section#main .description .textbox dl.dl-inline-4em dd.indent,
section#main .description .textbox dl.dl-inline-6em dd.indent,
section#main .description .textbox dl.dl-inline-8em dd.indent,
section#main .description .textbox dl.dl-inline-10em dd.indent,
section#main .description .textbox dl.dl-inline-12em dd.indent{
	text-indent:1em;
}
section#main .description .textbox dl dt.rev-indent{
	padding-left:1em;
}
section#main .description .textbox dl dd.rev-indent{
	padding-left:2em;
}
section#main .description .textbox dl.dl-4em dd.rev-indent{
	padding-left:5em;
}
section#main .description .textbox dl.dl-6em dd.rev-indent{
	padding-left:7em;
}
section#main .description .textbox dl.dl-8em dd.rev-indent{
	padding-left:9em;
}
section#main .description .textbox dl.dl-10em dd.rev-indent{
	padding-left:11em;
}
section#main .description .textbox dl.dl-12em dd.rev-indent{
	padding-left:13em;
}
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent{
	padding-left:2em;
}
section#main .description .textbox dl dt.rev-indent,
section#main .description .textbox dl dd.rev-indent,
section#main .description .textbox dl.dl-4em dd.rev-indent,
section#main .description .textbox dl.dl-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-4em dd.rev-indent,
section#main .description .textbox dl.dl-inline-6em dd.rev-indent,
section#main .description .textbox dl.dl-inline-8em dd.rev-indent,
section#main .description .textbox dl.dl-inline-10em dd.rev-indent,
section#main .description .textbox dl.dl-inline-12em dd.rev-indent{
	text-indent:-1em;
}
section#main .description .textbox dl.members-list{
	padding:0 0 1em 9em;
	height:auto;
}
section#main .description .textbox dl.venue-list{
	padding:0 0 1em 12em;
	height:auto;
}
section#main .description .textbox dl.members-list dt,
section#main .description .textbox dl.venue-list dt{
	display:block;
	width:12em;
	height:3em;
	border:0;
	margin:0 0 0 -12em;
	padding:0;
	float:left;
	clear:left;
}
section#main .description .textbox dl.members-list dt{
	width:9em;
	margin:0 0 0 -9em;
	height:auto;
	font-weight:bold;
}
section#main .description .textbox dl.members-list dd,
section#main .description .textbox dl.venue-list dd{
	display:inline-block;
	width:27em;
	float:left;
	height:auto;
	border:0;
	margin:0;
}
section#main .description .textbox dl.members-list dd{
	width:12.5em;
	font-size:90%;
}

section#main .description .textbox dl.winners-list dt{
	color:#1e1e80;
	font-weight:bold;
}
section#main .description .textbox dl.winners-list dd{
	padding:0.125em 0 0.125em 1em;
}
section#main .description .textbox dl.venue-list dd span.venue,
section#main .description .textbox dl.winners-list dd span.winner{
	font-weight:bold;
}
section#main .description .textbox dl.winners-list dd p.rev-indent,
section#main .description .textbox dl.winners-list dd p{
	border:0;
	margin:0;
	padding:0 0 0 1em;
}
section#main .description .textbox dl::after,
section#main .description .textbox dl.dl-4em::after,
section#main .description .textbox dl.dl-8em::after,
section#main .description .textbox dl.dl-inline-4em::after,
section#main .description .textbox dl.dl-inline-6em::after,
section#main .description .textbox dl.dl-inline-8em::after,
section#main .description .textbox dl.dl-inline-10em::after,
section#main .description .textbox dl.dl-inline-12em::after,
section#main .description .textbox div.job-offer-info dl::after,
section#main .description .textbox div.book-review-info dl::after,
section#main .description .textbox dl.venue-list::after,
section#main .description .textbox dl.winners-list::after{
	content:"";
	clear:both;
	display:block;
}
section#main .description .textbox div#fs-result div#fs-result-list ul{	/* 検索結果関係 */
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0.25em 0.5em;
	background-color:#fff;
	color:#555;
}
section#main .description .textbox div#search .fs-btn{
	outline:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	width:7em;
	font-weight:bold;
	color:#005e2a;	/* LSJ Green */
	border:1px solid #005e2a;
	box-sizing:border-box;
	margin-left:0.25em;
}
section#main .description .textbox div#search .fs-btn:hover{
	border-color:#88af95;
	color:#88af95;
}
section#main .description .textbox div#fs-result div.fs-result-msg p{
	text-indent:0;
	padding:0;
}
section#main .description .textbox .fs-paginate ul{	/* Paginate */
	border:0;
	margin:0;
	padding:0.25em 0 0.25em 0;
	list-style-type:none;
}
section#main .description .textbox .fs-paginate ul li{
	padding:0.25em 0.5em;
	display:inline-block;
}
section#main .description .textbox div#fs-result div.fs-result-msg p{
	padding:1em 0 0 0;
	text-indent:0;
}

section#main .description .textbox address.web-signature{	/* 本文中の住所表示 */
	width:100%;
	box-sizing:border-box;
	border:1px #a2c56f solid;
	margin:0.25em 0;
	padding:0;
	background-color:#fff;
}
section#main .description .textbox address.web-signature h4{
	width:100%;
	border:0;
	margin:0 0 0.25em 0;
	padding:0.25em 0.5em;
	color:#fff;
	background-color:#005e2a;
}
section#main .description .textbox address.web-signature p{
	line-height:1.5em;
	text-indent:0;
	padding:0.125em 0.5em;
}
section#main .description .textbox address.web-signature p:first-child{
	padding-top:0;
}
section#main .description .textbox address.web-signature p span.ws-em{
	font-weight:bold;
	padding-right:0.5em;
}
section#main .description .textbox address.web-signature p.ws-name{
	font-size:110%;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
section#main .description .textbox address.web-signature p.ws-name span.ws-name-remark{
	font-size:90%;
	padding-left:0.5em;
}
section#main .description .textbox address.web-signature p.ws-remark{
	font-size:80%;
	text-indent:-1em;
	padding:0.25em 0.5em 0.25em 1.5em;
}

section#main .description .textbox input,		/* メールフォーム関係 */
section#main .description .textbox select,
section#main .description .textbox textarea{
	background-color:#fff;
	border:1px solid #ddd;
	border-top-color:#ccc;
	border-left-color:#ccc;
	padding:3px;
}
section#main .description .textbox input[type="text"],
section#main .description .textbox select,
section#main .description .textbox textarea{
	width:100%;
}
section#main .description .textbox input[type="text"]:focus,
section#main .description .textbox textarea:focus{
	background-color:#fff8db;	/* AEZ Website-pale-yellow */
}
section#main .description .textbox input#mail_preview,
section#main .description .textbox input#mail_post{
	width:82px;
	height:32px;
	background-image:url("https://lepi-jp.org/img/icon_mailform.png");
	text-indent:-1000%;
	font-size:1px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	background-position:0px 0px;
}
section#main .description .textbox input#mail_post{
	background-position:-82px 0px;
}
section#main .description .textbox input#mail_preview:hover{
	background-position:0px -32px;
}
section#main .description .textbox input#mail_post:hover{
	background-position:-82px -32px;
}
section#main .description .textbox div.comments-open-content p,
section#main .description .textbox-mailform p{
	text-indent:0;
}
.remark{				/* 公募用フォームの注釈 */
	font-size:80%;
	color:#446;
}


@media screen and (min-width:601px){	/* PCとタブレット用 */
header{
	grid-column:1/3;
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-row:1/2;
	-ms-grid-row:1;
}
header h1{
	position:absolute;
	color:#fff;
	font-size:100%;
	text-align:left;
	top:8px;
	left:1em;
	width:196px;
	height:32px;
	border:0;
	margin:0;
	padding:0 0.5em;
}
header h1 a{
	color:#fff;
	text-decoration:none;
	background-image:url("https://lepi-jp.org/img/title.png");
	display:block;
	width:196px;
	height:32px;
	border:0;
	margin:0;
	padding:0;
	text-indent:-1000%;	/* overflowまで画像置換[スコットケラムメソッド] */
	white-space:nowrap;
	overflow:hidden;
	font-size:1pt;
}
header h1 a,
header h1 a:link,
header h1 a:visited{
	background-position:0px 0px;
}
header h1 a:hover,
header h1 a:focus,
header h1 a:active{
	background-position:0px -32px;
}
header nav#icon_menu_open{
	width:116px;
	top:48px;
	left:calc(40% - 116px);
}
header div#photo_scientificName{
	top:calc(100vh - 24px - 10em);
	height:10em;
	background:none;
}
header div#photo_scientificName div#inner_photo_scientificName{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}
header div#photo_scientificName div#inner_photo_scientificName p{
	text-align:right;
}
header div#photo_scientificName span.hidden-on-mobile{
	display:inline;
}
header div#photo_scientificName span.hidden-on-PC{
	display:none;
}
section#menu nav#main_menu ul li{
	position:relative;
}
section#menu nav#main_menu ul li .fa-angle-right,
section#menu nav#main_menu ul li .fa-angle-down{
	position:absolute;
	top:0.125em;
	right:0;
	width:1em;
	height:1em;
	color:#fff;
	transition:.3s;
}
section#menu nav#main_menu ul li .fa-angle-down{
	right:0.125em;
}
section#menu nav#main_menu ul li .fa-angle-right:before{
	font-family:FontAwesome;
	content:"\f105";
}
section#menu nav#main_menu ul li .fa-angle-down:before{
	font-family:FontAwesome;
	content:"\f107";
}
}

@media screen and (min-width:2000px){	/* 横長PC用 */
section#main div#about-lsj article#lsj-logo,
section#main div#about-lsj article#lsj-aboutme-address,
section#main div#about-lsj article#lsj-aboutme{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:300px;
	align-self:stretch;
}
/*
section#main div#about-lsj article#lsj-logo{
	flex-grow:0;
	flex-basis:calc(216px + 3em);
}
*/
}

@media screen and (max-width:1199px){	/* 1200px未満はサイトマップが2行 */
section#main nav#footerNavi{
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}
}
@media screen and (max-width:60em){	/* 60em以下はメニューを広く */
section#menu nav#main_menu,
section#photo_description{
	width:24em;
}
}

@media screen and (max-width:600px){	/* スマホ用 */
body{
 	grid-template-columns:1fr;
 	-ms-grid-columns:1fr;
 	grid-template-rows:144px 1fr 24px;
 	-ms-grid-rows:144px 1fr 24px;
}
header{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:1/2;
	-ms-grid-row:1;
	background:url("https://lepi-jp.org/img/monkichou_fromNaka.jpg") center;
	background-size:100% auto;
}
header.header-m{
	background:url("https://lepi-jp.org/img/logoTile-dark.png") center;
}
header h1,
header.header-m h2{
	position:absolute;
	top:10px;
	left:calc(1em - 4px);
	color:#fff;
	border:0;
	margin:0;
	padding:0;
	font-size:140%;
	font-weight:bold;
}
header.header-m h2{
	font-size:120%;
}
header h1 a{
	color:#fff;
	text-decoration:none;
}
header h1 a:hover,
header h1 a:focus,
header h1 a:active{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}
header nav#headerNavi,
header.header-m nav#headerNavi{
	width:72px;
	height:72px;
}
header nav#headerNavi ul,
header.header-m nav#headerNavi ul{
	width:72px;
	height:72px;
}
header nav#headerNavi ul li#mailform-button{ position:absolute; top:36px; left:36px; }
header nav#headerNavi ul li#search-button{ position:absolute; top:0; left:0; }
header nav#headerNavi ul li#english-button{ position:absolute; top:0; left:36px; }
header.header-m nav#headerNavi ul li#mailform-button{ position:absolute; top:36px; left:36px; }
header.header-m nav#headerNavi ul li#search-button{ position:absolute; top:0; left:36px; }
header nav#headerNavi ul li a{
	margin:0 2px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#english-button a{
	width:32px;
}
header nav#headerNavi ul li#mailform-button a,
header nav#headerNavi ul li#mailform-button a:link,
header nav#headerNavi ul li#mailform-button a:visited{
	background-position:-536px 0px;
}
header nav#headerNavi ul li#mailform-button a:hover,
header nav#headerNavi ul li#mailform-button a:focus,
header nav#headerNavi ul li#mailform-button a:active,
header nav#headerNavi ul li#mailform-sel a,
header nav#headerNavi ul li#mailform-sel a:link,
header nav#headerNavi ul li#mailform-sel a:visited,
header nav#headerNavi ul li#mailform-sel a:hover,
header nav#headerNavi ul li#mailform-sel a:focus,
header nav#headerNavi ul li#mailform-sel a:active{
	background-position:-536px -32px;
}
header nav#headerNavi ul li#english-button a,
header nav#headerNavi ul li#english-button a:link,
header nav#headerNavi ul li#english-button a:visited{
	background-position:-504px 0px;
}
header nav#headerNavi ul li#english-button a:hover,
header nav#headerNavi ul li#english-button a:focus,
header nav#headerNavi ul li#english-button a:active{
	background-position:-504px -32px;
}
header nav#headerNavi ul li#search-button a,
header nav#headerNavi ul li#search-button a:link,
header nav#headerNavi ul li#search-button a:visited{
	background-position:-472px 0px;
}
header nav#headerNavi ul li#search-button a:hover,
header nav#headerNavi ul li#search-button a:focus,
header nav#headerNavi ul li#search-button a:active,
header nav#headerNavi ul li#search-sel a,
header nav#headerNavi ul li#search-sel a:link,
header nav#headerNavi ul li#search-sel a:visited,
header nav#headerNavi ul li#search-sel a:hover,
header nav#headerNavi ul li#search-sel a:focus,
header nav#headerNavi ul li#search-sel a:active{
	background-position:-472px -32px;
}
header nav#icon_menu_open{
	width:32px;
	top:44px;
	right:calc(1em + 38px);
}
header nav#icon_menu_open a{
	width:32px;
}
header nav#icon_menu_open a,
header nav#icon_menu_open a:link,
header nav#icon_menu_open a:visited{
	background-position:-568px 0px;
}
header nav#icon_menu_open a:hover,
header nav#icon_menu_open a:focus,
header nav#icon_menu_open a:active{
	background-position:-568px -32px;
}
header div#search-window-div{
	top:0px;
}
header div#search-window-div form#search-window input#search-text{
	width:calc(100% - 74px - 1em);
}
header div#search-window-div form#search-window input#close-button{
	width:32px;
}
header div#search-window-div form#search-window input#search-submit{
	width:32px;
	background-position:-149px 0px;
}
header div#search-window-div form#search-window input#search-submit:hover{
	background-position:-149px -32px;
}
header div#photo_scientificName{
	width:100%;
	height:1.5em;
	top:calc(144px - 1.5em);
}
header div#photo_scientificName p{
	font-size:65%;
	padding:0.125em 1em;
}
header div#photo_scientificName span.hidden-on-mobile{
	display:none;
}
header div#photo_scientificName span.hidden-on-PC{
	display:inline;
}

section#leftside{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	display:none;
}
section#main div#about-lsj article#lsj-aboutme-address{
	font-size:3vw;
	line-height:1.25em;
}
section#main div#about-lsj article#lsj-aboutme{
	font-size:90%;
}
section#main div#about-lsj article#lsj-logo{
	flex-grow:1;
	flex-basis:33%;
	min-width:initial;
	text-indent:0em;
	padding:0;
}
section#main div#about-lsj article#lsj-logo img{	/* 鱗翅学会のロゴ＠スマホ */
	width:calc(100% - 2em);
	min-width:calc(108px + 1em);
	height:auto;
	padding:0 1em 0 0;
}
section#menu nav#main_menu,
section#photo_description{
	position:fixed;
	top:0px;	/* Headerのheight */
	width:100%;
	height:100vh;
	overflow-y:scroll;
	background-color:rgba(0,0,0,0.8)
}
section#menu nav#main_menu ul li .fa-angle-right,
section#menu nav#main_menu ul li .fa-angle-down{
	display:none;
}
section#menu nav#main_menu div.menu_close{
	top:2px;
	right:2px;
}
section#menu nav#main_menu div.menu_close a{
	top:0;
	left:0;
}
section#menu nav#main_menu ul li a{
	display:block;
	width:auto;
	height:auto;
	border:0;
	box-sizing:border-box;
}
section#menu nav#main_menu ul li > ul{
	display:block;
}
section#photo_scientificName{
	display:none;
}
section#photo_scientificName p,
section#photo_description p{
	color:#fff;
	font-size:90%;
	border:0;
	margin:0;
	padding:0.5em 1em;
}
section#photo_scientificName p{
	text-indent:0;
	padding-right:8em;
	font-size:65%;
}
section#photo_scientificName p#photo-comment-open,
section#photo_description p#photo-comment-close{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	border:0;
	margin:0;
	padding-right:1em;
	display:block;
}
section#photo_scientificName a,
section#photo_description a{
	color:#fff;
	text-decoration:none;
}
section#photo_scientificName a:hover,
section#photo_description a:hover{
	color:#ffe88c;	/* AEZ Website-yellow */
	text-decoration:underline;
}

section#main{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:2/3;
	-ms-grid-row:2;
	overflow-x:hidden;
	height:auto;
}
section#main .description .textbox img.photo-100p,
section#main .description .textbox img.photo-75p,
section#main .description .textbox img.photo-66p,
section#main .description .textbox img.photo-50p,
section#main .description .textbox img.photo-33p,
section#main .description .textbox img.photo-33p-max512px,
section#main .description .textbox img.photo-25p{
	float:none;
	width:100%;
	max-width:100%;
	height:auto;
	box-sizing:border-box;
	padding:0.5em 0;
}
section#main nav#footerNavi{
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
}
section#main nav#footerNavi ul li{
	font-size:100%;
}
footer{
	grid-column:1/2;
	-ms-grid-column:1;
	grid-row:3/4;
	-ms-grid-row:3;
}
}

@media screen and (min-width:801px){	/* PC用・左右の余白調整 */
section#main .description .textbox{
	padding: 0.01em 1.5em 1em 1.5em;
}
}
@media screen and (min-width:961px){
section#main .description .textbox{
	padding: 0.01em 2em 1em 2em;
}
}
@media screen and (min-width:1025px){
section#main .description .textbox{
	padding: 0.01em 2.5em 1em 2.5em;
}
}

@media screen and (min-width:1281px){	/* PC用・h3を左寄せに */
section#main .description .textbox h3{
	text-align:left;
	padding-left:0;
	font-size:125%;
}
section#main .description .textbox p.date-entry-archive{
	text-align:left;
	text-indent:0;
	padding-top:0.125em;
}
}

section#main .description .textbox ul.url-list li{
text-align:left;
}