@charset "utf-8";

#winfo {
	background: #0f0;
}

#winfo:after {
	content: "TB";
}

.woTB,
.onPC,
.onSP {
	display: none !important;
}

/*
 *	共通
 */

#mm {
	display: none;
}

/*
header nav {
	width: calc(100% - 40px);
}
*/
footer .toTop {
	width: 100%;
}


.wrap960 {
	width: calc(100% - 40px);
}


/*
 *	水産振興ONLINE
 */

.typeSSH #body {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}

#HOME header nav {
	width: calc(100% - 30px);
}

#HOME #siteTitle {
	width: calc(100% - 40px);
}

#HOME #mainNav > ul > li {
	margin-left: 40px;
}

#HOME #mainNav > ul > li a {
	font-size: 1.8rem;
}

#HOME #lead {
	width: calc(100% - 60px);
}

.typeSSH #uptodate .ssC.toyosu .photo img {
	margin-left: -550px;
	margin-right: 0;
	float: none;
}

/*
#HOME #backnumbers > ul {
	display: block;
	width: 100%;
}

#HOME #backnumbers > ul > li {
	margin: 40px auto 0;
}
*/

#uptodate .slick-arrow.prev { left: -5px; }
#uptodate .slick-arrow.next { right: -5px; }

#backnumbers > .flex {
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#backnumbers > .flex > div:first-child {
	margin-right: 0;
	padding-bottom: 60px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

#lead a.btn {
	margin-top: 8px;
}

#mailmag > p {
	max-width: 664px;
	padding: 0 32px;
}

#mailmag > form {
	max-width: 664px;
	padding: 0 32px;
}

#mailmag ul.mailmag-form {
	transform: translateX(0);
}

#mailmag .mailmag-form > li {
	width: calc(100% - 32px);
	flex-direction: column;
	align-items: flex-start;
}

#mailmag .mailmag-form .h {
	margin: 0 8px 6px;
}

#mailmag input.inp_name,
#mailmag input.inp_mail {
	display: block;
	max-width: initial;
	max-width: auto;
	width: 100%;
	margin: 0 0 6px;
}

#kojinjoho {
	max-width: initial;
	max-width: auto;
	margin: 30px 0 24px
}

.kj_inner {
	padding: 16px;
}

.kj_inner > .list-decimal {
	margin-left: -20px;
}

#kojinjoho p.lead {
	text-align: justify;
	text-justify: inter-ideograph !important;
	text-justify: inter-character !important;
}

#kojinjoho p.lead > br {
	display: none;
}














/*
 *	水産振興ウェブ
 *	ssW-style
 */

.typeSSW #backnumbers > ul > li {
	width: 100%;
	max-width: 425px;
	margin-right: auto;
	margin-left: auto;
}

.typeSSW #backnumbers .artTitle br {
	display: none;
}

.typeSSW#ssW_Regular #body {
	width: calc(100% - 64px);
}

#ssW_Regular .content {
	position: relative;
}

#ssW_Regular .content > #contentList {
	position: fixed;
	margin-top: 58px;
	right: 0;
}

#ssW_Home #uptodate .photo img {
	margin-left: calc((720px - 100%) * -0.5);
}



/*
 *	水産振興コラム
 *	ssC-style
 */

body#ssC_Home {
	background-position: 40% 32px;
}

#ssC_Home #siteTitle {
	width: 642px;
}

#ssC_Home #uptodate {
	width: 640px;
}

#ssC_Home #siteTitle h1 {
	width: 450px;
	margin-left: -20px;
}

#ssC_Home #uptodate .photo,
#ssC_Home #uptodate .teichi .photo {
	float: none;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#ssC_Home #uptodate .photo > img {
	width: 100%;
	height: auto;
}

#ssC_Home #uptodate .teichi .photo > img {
	margin: 0;
}

#ssC_Home #uptodate .niinod-6 .photo		{ width: 100%; height: auto; }
#ssC_Home #uptodate .niinod-6 .photo > img	{ width: 100%; }

#ssC_Home #uptodate .jinnot .photo			{ width: 100%; }
#ssC_Home #uptodate .jinnot .photo > img	{ width: 100%; }

#ssC_Home #uptodate .magInfo {
	margin-top: 30px;
}

#uptodate .teichi .column {
	padding-top: 0;
}

#ssC_Home #uptodate .column img {
	width: 100%;
	margin-top: 0;
}

#ssC_Home #uptodate .artAuthor {
	margin-top: 0.5em;
	font-size: 2.0rem;
}

#ssC_Home #uptodate .magMonth {
/*	float: right;*/
	margin-top: 0.5em;
}

#uptodate .ssC p {
	-webkit-line-clamp: 4;
}

.typeSSC#ssC_Regular #body,
.typeSSR#ssR_Regular #body {
	width: calc(100% - 140px);
	padding-left: 70px;
	padding-right: 70px;
}

#ssC_Regular .column img,
#ssC_Regular.jinnot .column img {
	width: 100%;
}

#uptodate .artInfo > p {
	height: auto;
}

#ssC_Regular #intro {
	width: 100%;
}

#intro p,
#article p {
	width: 100%;
}

#ssC_Regular .p-wrap img {
	max-width: 720px;
}

#ssC_Regular .picts {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#ssC_Regular .p-wrap80 {
	width: calc(100% + 80px);
	height: auto;
	margin-left: -40px;
	margin-right: -40px;
}

#ssC_Regular .p-wrap80 img {
	width: 100%;
	max-width: 100%;
/*	height: calc((100vw - 140px) * 331 / 800);*/
	margin-left: 0;
	margin-right: 0;
}

#ssC_Regular .picts .picbox + .picbox {
	margin-top: 2.0em;
}

#ssC_Regular .picts .picbox + .picbox:before {
	content: "\A";
	white-space: pre;
}

#ssC_Regular .picts img:not(.sp),
#ssR_Regular .picts img:not(.sp) {
	width: 100%;
	max-width: 100% !important;
	height: auto;
}

#ssC_Regular #article {
	width: 100%;
}

.ssC_line-triple {
}

#ssC_Regular .picts.fR {
	margin-right: -40px;
	margin-left: 20px;
}


#ssC_Regular #article h2.pMidashi,
#ssC_Regular #article h3.pMidashi {
	width: auto;
}

#ssC_Regular #profile {
	width: calc(100% - 140px - 60px);
}

@media screen and (min-width: 753px) {
}

#ssW_Regular .content > .main {
	width: calc(100% - 102px);
}

#contentList {
	position: relative;
	width: 0 !important;
	z-index: 3000;
	background: none;
	overflow: hidden;
	transition: 0.2s all ease-in;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#contentList > ul {
	display: block;
	width: 238px;
}

#contentList.selected {
	width: 250px !important;
}

#cl {
	position: absolute;
	top: 20px;
	right: 5px;
	display: inline-block;
	width: 1.0em;
	height: 1.0em;
	padding: 5px;
	line-height: 1.0em;
	text-align: center;
	font-size: 2.4rem;
	color: #09f;
	cursor: pointer;
	z-index: 3200;
	opacity: 0.5;
	transition: 0.2s all linear;
}

#cl:hover {
	opacity: 1.0;
}

#cl:before {
	content: "\f022";
	font-family: "Font Awesome 5 Free";
}

#cl.selected:before {
	content: "\f410";
}





#niinod1-0 {
	margin-top: 0;
}




#list-backnumbers {
	justify-content: center;
}

#list-backnumbers > li {
	width: 100%;
	max-width: 600px;
	text-align: center;
}

#list-backnumbers .photo {
	max-width: 640px;
}

#list-backnumbers h2 {
	margin-top: 8px;
}

#list-backnumbers h2 img {
	max-height: 32px;
	height: auto !important;
}

#list-backnumbers .jinnot h2 img {
	max-height: 29px;
}

#list-backnumbers .yomikiri h2 img {
	max-height: 28px;
}

#list-backnumbers .bluecarbon h2 img {
	max-height: 58px;
}

#list-backnumbers .ichibanin h2 img { max-height: 48px; }
#list-backnumbers .toyosu h2 img { max-height: 38px; }
#list-backnumbers .toyosu-manual h2 img { max-height: 46px; }
#list-backnumbers .ondanka h2 img { max-height: 36px; }
#list-backnumbers .fisherman h2 img { max-height: 64px; }
#list-backnumbers .suisan-shigen h2 img { max-height: 64px; }
#list-backnumbers .ryutsu-korekara h2 img { max-height: 64px; }
#list-backnumbers .hyakunengo h2 img { max-height: 64px; }
#list-backnumbers .osakana-1001ya h2 img { max-height: 36px; }

.list-contents {
	margin-top: 6px;
}

.list-contents a {
	padding: 6px 16px;
}

.list-contents:before {
	margin-bottom: 22px;
	margin-right: auto;
	margin-left: auto;
}

#list-backnumbers h2 + .artAuthor {
	display: inline-block;
	margin: 12px auto 0;
}

#list-backnumbers .toyosu .artAuthor,
#list-backnumbers .toyosu .artAuthorOrg,
#list-backnumbers .noOrg h2 + .artAuthor {
	display: block;
	text-align: center;
}

.list-contents {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#list-backnumbers .niinod .photo img { /*top: -30%;*/ }
#list-backnumbers .yomikiri .photo img { top: -20px; }


#ssC_Home #uptodate .toyosu .photo > img {
	margin-left: 0;
}

#ssC_Home #uptodate .toyosu .column {
	padding-top: 0;
}

#ssC_Regular .flex {
	flex-direction: column;
}

#ssC_Regular.toyosu .flex.lead .picts img {
	max-width: 200px !important;
}

#ssC_Regular.news #intro .column {
	height: auto;
	font-size: 2.8rem;
}



#article .chu {
	display: block;
	max-width: calc(612px - 21px);
}
#article .chu2 {
	max-width: calc(100% - 2.2em - 2.5em);
}


