@charset "utf-8";

/*Color Scheme
black#2E2E2E
link,blue#03a
green#23651C
red#953227
*/


/************************************************

Link Color

************************************************/

a:link {
color: #03a;
text-decoration: none;
}
a:visited {
color: #532;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #03a;
}
a.no_cursor {
cursor: default;
}

/************************************************

Media Screen

************************************************/

/*SP*/
@media screen and (max-width: 750px) {
img {
max-width: 100%;
}
.sp {
display: inline-block !important;
visibility: visible !important;
}
.pc {
display: none !important;
visibility: hidden !important;
}
}

/*PC*/
@media screen and (min-width: 751px) {
.pc {
display: inline-block !important;
visibility: visible !important;
}
.sp {
display: none !important;
visibility: hidden !important;
}
}

/************************************************

Layout Block

************************************************/

#container {
margin: 0 auto;
}

.imgChange {
display: none;
}
img {
max-width: 100%;
}

/*SP*/
@media screen and (max-width: 750px) {

}

/*PC*/
@media screen and (min-width: 751px) {


}

/* Header
----------------------------------------------------- */
#header {
position: fixed;
width: 100%;
background: #ffffff;
z-index: 160;
}
#header:after,
#header-content:after,
#header-side:after,
#header-side #h_navSP:after,
#fonts_box #fonts:after,
.lang_box #lang:after {
clear: both;
content:"";
display: block;
}
#header-content {
padding: 10px;
background: #ffffff;
}
#header #logo {
float: left;
width: 52%;
}
#header #logo img {
width: 100%;
max-width: 373px;
}
#header-side {
float: right;
width: 45%;
}
#header-side #h_navSP li {
float: left;
width: 30%;
margin-left: 3.3%;
line-height: 1;
}
#header-side #h_navSP li#snsSP01 {
width: 33%;
margin-left: 0%;
font-size: 0;
}

#header-side #h_navSP li#snsSP01 li {
width: 40%;
margin: 0 0 6% 9%;
}
#header-side #h_navSP li#snsSP01 li img {
border: 1px solid #b3b3b3;
}

#header-side .lang_box img {
	width: 100%;
}
#header-side .cse-search-box form,
#side_navSP01 .cse-search-box dd {
position: relative;
background-color: rgba(42, 111, 147, 0.8);
}

/*SP*/
@media screen and (max-width: 750px) {
#h_navPC,
#target_navlistPC,
#header-side #fonts_box,
#header-side .lang_box,
#header-side .cse-search-box,
#header-side .fund_box {
display: none;
}
#header-content {
box-sizing: border-box;
}
#side_navSP01 .cse-search-box dd {
padding: 3.8%;
}
#side_navSP01 .lang_box {
	background-color: rgba(175, 65, 70, 0.8);
}

}

/*PC*/
@media screen and (min-width: 751px) {
#header {
min-width: 960px;
padding-bottom: 0;
}
#h_navPC,
#target_navlistPC,
#header-side #fonts_box,
#header-side .lang_box,
#header-side .cse-search-box,
#header-side .fund_box {
display: block;
}
#h_navSP,
#side_navSP01,
#target_navlistSP {
display: none;
}
#header-content {
position: relative;
width: 960px;
margin: 0 auto;
padding: 0;
}
#header #logo {
width: 300px;
padding-top: 30px;
}
#header #logo img {
width: 237px;
}
#header #logo img:hover {
opacity: 0.7;
}
#header-side {
width: 660px;
text-align: right;
}
#header-side #h_navPC {
float: left;
width: 340px;
padding: 23px 20px 0 0;
}
#header-side #h_navPC li {
padding: 6px 0;
font-size: 14px;
}
#header-side #h_navPC li a {
display: inline-block;
padding: 4px 0 1px 20px;
color: #333333;
line-height: 1;
}
#header-side #h_navPC .map01 a {
background: url("../img/h_ico_link01.png") no-repeat left top;
}
#header-side #h_navPC .inquiry01 a {
background: url("../img/h_ico_link02.png") no-repeat left top;
padding-top: 0;
}
#header-side #h_navPC .interview01 a {
background: url("../img/h_ico_link03.png") no-repeat left top;
}
#header-side #fonts_box,
#header-side .lang_box,
#header-side .cse-search-box {
position: relative;
float: left;
width: 100px;
}
#header-side #fonts_box img,
#header-side .lang_box img,
#header-side .cse-search-box img {
display: block;
cursor: pointer;
}
#header-side #fonts_box img:hover,
#header-side .lang_box img:hover,
#header-side .cse-search-box img:hover,
#header-side .fund_box img:hover {
opacity: 0.7;
}
#header-side #fonts_box #fonts,
#header-side .lang_box #lang,
#header-side .cse-search-box form {
position: absolute;
display: none;
right: 0;
}
#header-side #fonts_box #fonts.active,
#header-side .lang_box #lang.active,
#header-side .cse-search-box form.active {
display: block;
}
#header-side #fonts_box #fonts {
width: 273px;
padding: 10px;
background-color: rgba(181, 178, 94, 0.8);
}
#header-side #fonts_box #fonts li {
float: left;
width: 91px;
}
#header-side #fonts_box #fonts img {
width: 91px;
}

#header-side .lang_box #lang{
width: 182px;
padding: 10px;
}
#header-side .cse-search-box form {
width: 200px;
padding: 10px;
background-color: rgba(42, 111, 147, 0.8);
}

#fonts_box #fonts li,
.lang_box #lang li {
float: left;
width: 91px;
}
#header-side .fund_box {
	text-align: right;
}
#header-side .fund_box a {
	width: 300px;
}

}


/* Main nav
----------------------------------------------------- */
#main_nav {
display: none;
position: absolute;
z-index: 150;
width: 100%;
}
#main_nav a {
color: #ffffff;
line-height: 1;
}
#main_nav a:hover {
text-decoration: none;
}
#main_navlist li a {
display: block;
padding: 20px 15px;
border-bottom: 1px solid #ffffff;
}
#main_navlist li.main_nav07 a {
background: #548443;
font-size: 4.8vw;
}
#main_navlist li.main_nav07 a span {
background: #548443;
font-size: 5.3vw;
font-weight: bold;
}
#main_navlist:after,
#target_navlistSP:after,
#snsSP01:after,
#side_navSNS01:after {
clear: both;
content:"";
display: block;
}
#side_navSNS01 {
display: none;
}
#target_navlistSP li {
float: left;
box-sizing: border-box;
width: 33.3%;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
text-align: center;
}
#target_navlistSP li:first-child,
#target_navlistSP li:nth-child(3n+1) {
border-left: none;
}
#target_navlistSP a,
#target_navlistPC a {
display: block;
line-height: 1.2;
}
#target_navlistSP .sub_nav01 a,
#target_navlistPC .sub_nav01 a {
padding-top: calc(20px + 53%);
padding-bottom: 10px;
background: url("../img/bg_sub_nav01.png") no-repeat center 15px;
}
#target_navlistSP .sub_nav02 a,
#target_navlistPC .sub_nav02 a {
background: url("../img/bg_sub_nav02.png") no-repeat center 15px;
}
#target_navlistSP .sub_nav03 a,
#target_navlistPC .sub_nav03 a {
background: url("../img/bg_sub_nav03.png") no-repeat center 15px;
}
#target_navlistSP .sub_nav04 a,
#target_navlistPC .sub_nav04 a {
background: url("../img/bg_sub_nav04.png") no-repeat center 15px;
}
#target_navlistSP .sub_nav05 a,
#target_navlistPC .sub_nav05 a {
background: url("../img/bg_sub_nav05.png") no-repeat center 15px;
}
#target_navlistSP .sub_nav06 a,
#target_navlistPC .sub_nav06 a {
padding-top: calc(20px + 53%);
padding-bottom: 10px;
background: url("../img/bg_sub_nav06.png") no-repeat center 15px;
}

/*SP*/
@media screen and (max-width: 750px) {
#main_nav {
position: block;
background: rgba(0, 0, 0, 0.8);
font-size: 3.7vw;
}
#main_navWrap {
display: block;
position: fixed;
width: 100%;
background: rgba(255, 255, 255, 0.5);
z-index: 90;
}
#main_nav00 {
display: none;
}
#target_navlistSP li {
font-size: 3.7vw;
}
#target_navlistSP a,
#target_navlistPC a {
padding-top: calc(20px + 53% + 2.3vw);
padding-bottom: calc(10px + 2.3vw);
-webkit-background-size: 52.36% !important;
background-size: 52.36% !important;
}
#side_navSP01 {
padding: 20px 10px;
}
#side_navSP01 dt,
#side_navSP01 dd {
display: table-cell;
line-height: 1;
}
#side_navSP01 dt {
width: 23.5%;
}
#side_navSP01 dt img {
display: block;
}
#side_navSP01 dd {
width: 76.5%;
text-align: center;
vertical-align: middle;
}
#side_navSP01 dd img {
width: 45%;
}

#side_navSP02 li a {
display: block;
padding: 20px 15px 20px calc(10px + 8.7%);
-webkit-background-size: 5.77% !important;
background-size: 5.77% !important;
border-bottom: 1px solid #ffffff;
}
#side_navSP02 .map01 a {
background: url("../img/h_ico_link01_sp.png") no-repeat 10px center;
}
#side_navSP02 .inquiry01 a {
background: url("../img/h_ico_link02_sp.png") no-repeat 10px center;
}
#side_navSP02 .interview01 a {
border-top: 1px solid #ffffff;
background: url("../img/h_ico_link03_sp.png") no-repeat 10px center;
}

#main_nav .closeBtn01 {
display: block;
margin: 20px 10px;
padding: 15px;
border-radius: 10px;
border: 1px solid #ffffff;
color: #ffffff;
text-align: center;
}
#main_nav .closeBtn01 span {
padding-left: 6%;
background: url("../img/ico_gmenu_close01.png") no-repeat left center;
-webkit-background-size: 20%;
background-size: 20%;
}
}

/*PC*/
@media screen and (min-width: 751px) {
#main_nav {
position: fixed;
display: block;
min-width: 960px;
margin-top: 134px;
background: url(../img/bg_main_nav01.png) repeat left top;
font-size: 16px;
}
#main_nav #side_navSP02,
#main_nav .closeBtn01 {
display: none;
}
#main_nav #side_navSNS01 {
position: fixed;
display: block;
top: 190px;
right: 0;
}
#main_nav #side_navSNS01 #snsBtn01 {
float: right;
cursor: pointer;
}
#main_nav #side_navSNS01 ul {
float: right;
margin: 4px 0 0 0;
padding: 10px;
background: #ffffff;
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
#main_nav #side_navSNS01 ul li {
padding: 2px;
}
#main_nav #side_navSNS01 ul li img {
width: 44px;
max-widht: 44px;
}

#main_nav #side_navSNS01  img:hover {
opacity: 0.7;
}


#main_navlist {
width: 960px;
margin: 10px auto;
}
#main_navlist li {
float: left;
display: block;
box-sizing: border-box;
width: 150px;
padding: 0;
border-right: 1px solid #6b6b6b;
border-bottom: none;
text-align: center;
font-size: 16px;
}
#main_navlist li:first-child {
width: 60px;
border-left: 1px solid #6b6b6b;
}
#main_navlist #main_nav00 img {
width: 23px;
}
#main_navlist li a {
padding: 12px;
border-bottom: none;
}
#main_navlist li#main_nav00 a {
padding: 10px;
}
#main_navlist li a:hover {
background: rgba(255, 255, 255, 0.5);
}
#main_navlist li.main_nav07 {
display: none;
}
}


/* Content
----------------------------------------------------- */
#content {
background: #efefef;
}
#content-inner:after,
#main_contents:after,
#main_contents .bgWrap01:after,
#main_side:after {
clear: both;
content:"";
display: block;
}
#path a {
color: #333333;
}
#main_contents .bgWrap01 {
background: #ffffff;
box-shadow:0px 0px 2px 2px rgba(153, 153, 153, 0.1);
}

/*SP*/
@media screen and (max-width: 750px) {
#content {
font-size: 4.2vw;
}
#path {
padding: 30px 10px 10px;
font-size: 3.7vw;
}
#content-inner {
padding: 10px;
}
#main_contents .bgWrap01 {
padding: 15px;
}
}

/*PC*/
@media screen and (min-width: 751px) {
#content {
padding-top: 194px;
min-width: 960px;
}
#path {
width: 960px;
margin: 0 auto;
padding: 30px 0 20px;
font-size: 14px;
}
#content-inner {
width: 960px;
margin: 0 auto;
padding-bottom: 50px;
}
#main_contents.wideFull {
width: 100%;
}
#main_contents .bgWrap01 {
width: 700px;
box-sizing: border-box;
padding: 30px;
}
#main_contents.wideFull .bgWrap01 {
width: 100%;
}
}


/* Footer
----------------------------------------------------- */
#footer {
background: #1b1b1b;
}
#pagetop {
position: fixed;
width: 18.66%;
right: 0;
bottom: 60px;
z-index: 20;
}
#pagetop img {
opacity: 0.6;
}
#pagetop img:hover {
opacity: 1;
}
#ftLinks02 {
position: relative;
background: #494949;
}
#ftLinks02 #staff-only li a {
display: inline-block;
padding: 12px 15px;
background: #1b1b1b;
color: #ffffff;
line-height: 1;
}
#ftLinks02 #staff-only li a:hover {
background: rgba(27, 27, 27, 0.6);
text-decoration: none;
}
#footer-inner {
padding: 35px 0;
}
#footer-inner:after,
#ftInfo:after {
clear: both;
content:"";
display: block;
}
#footerSNS {
font-size: 0;
text-align: center;
}
#footerSNS li {
display: inline-block;
margin: 5px;
}
#footerLink01 li a {
display: inline-block;
color: #ffffff;
}
#ftInfo {
text-align: center;
color: #000;
}
#ftInfo address {
color: #ffffff;
}
#copyright {
background: #ffffff;
text-align: center;
}

/*SP*/
@media screen and (max-width: 750px) {
#ftLinks02 {
padding: 15px 10px;
}
#ftLinks02 #staff-only li {
padding-top: 10px;
}
#ftLinks02 #staff-only li:first-child {
padding-top: 0;
}
#ftLinks02 #staff-only li a {
font-size: 4.26vw;
}
#footerSNS {
padding-bottom: 20px;
}
#footerSNS li {
width: 13.73%;
margin: 5px;
}
#footerLink01 li {
border-bottom: 1px solid #ffffff;
}
#footerLink01 li:first-child {
border-top: 1px solid #ffffff;
}
#footerLink01 li a {
display: block;
padding: 15px 20px;
background: url("../img/ico_flink01_sp.png") no-repeat 10px center;
-webkit-background-size: 4px;
background-size: 4px;
}
#ftInfo {
padding: 35px 0 0;
text-align: center;
color: #000;
}
#foot_logo img {
width: 45.33%;
}
#ftInfo address {
padding: 10px 0 0;
font-size: 3.7vw;
line-height: 1.4;
}
#copyright {
padding: 25px 0 20px;
font-size: 2.8vw;

}
}

/*PC*/
@media screen and (min-width: 751px) {
#footer {
min-width: 960px;
}
#pagetop {
width: 70px;
}
#ftLinks02 {
padding: 15px 0;
}
#ftLinks02 #staff-only {
width: 960px;
margin: 0 auto;
font-size: 0;
}
#ftLinks02 #staff-only li {
display: inline-block;
margin-right: 15px;
font-size: 16px;
}
#footerSNS {
margin-bottom: 10px;
text-align: right;
}
#footerSNS li {
width: 50px;
}
#footerSNS li:last-child {
margin-right: 0;
}
#footerSNS li img:hover {
opacity: 0.6;
}
#footer-inner {
width: 960px;
margin: 0 auto;
}
#ftLinks01 {
float: right;
width: 400px;
}
#footerLink01 {
text-align: left;
}

#footerLink01 li {
display: inline-block;
margin-left: 10px;
}
#footerLink01 li:nth-child(3) {
padding-right: 2em;
}
#footerLink01 li:nth-child(4) {
padding-right: 3em;
}
#footerLink01 li:nth-child(6) {
padding-right: 1em;
}


#footerLink01 li a {
padding: 5px 0 10px 10px;
background: url("../img/ico_flink01_sp.png") no-repeat left 10px;
-webkit-background-size: 4px;
background-size: 4px;
line-height: 1;
}
#ftInfo {
float: left;
text-align: left;
}
#foot_logo {
float: left;
width: 280px;
}
#ftInfo address {
float: left;
padding-top: 5px;
font-size: 14px;
line-height: 1.5;
}
#foot_logo img {
width: 254px;
}
#copyright {
padding: 20px 0 50px;
font-size: 14px;
}
}

/* 第二階層以下タイトル
----------------------------------------------------- */

/* ヘッダータイトル部分 */
#page_title {
color: #ffffff;
font-weight: bold;
line-height: 1;
}

#page_title_image_introduction,
#page_title_image_education,
#page_title_image_research,
#page_title_image_international,
#page_title_image_pr,
#page_title_image_admission,
#page_title_image_for-prep-student,
#page_title_image_for-student,
#page_title_image_for-alumni,
#page_title_image_for-parents,
#page_title_image_for-resident,
#page_title_image_for-business,
#page_title_image_movie,
#page_title_image_interview {
-webkit-background-size: cover !important;
background-size: cover !important;
}

#main_contents .page_title span {

}
#main_contents .page_title h1 {

}

#page_title.tm {

}

#page_title.tm span {

}

#main_contents .page_title {
}


/*SP*/
@media screen and (max-width: 750px) {
/* ヘッダータイトル部分 */
#page_title {
padding: 45px 20px;
font-size: 8vw;
}
#page_title_image_introduction {
background: #000000 url("../img/page_title_image_introduction_sp.jpg") no-repeat center center;
}
#page_title_image_education {
background: #000000 url("../img/page_title_image_education_sp.jpg") no-repeat center center;
}
#page_title_image_research {
background: #000000 url("../img/page_title_image_research_sp.jpg") no-repeat center center;
}
#page_title_image_international {
background: #000000 url("../img/page_title_image_international_sp.jpg") no-repeat center center;
}
#page_title_image_pr {
background: #000000 url("../img/page_title_image_pr_sp.jpg") no-repeat center center;
}
#page_title_image_admission {
background: #000000 url("../img/page_title_image_admission_sp.jpg") no-repeat center center;
}
#page_title_image_for-prep-student {
background: #000000 url("../img/page_title_image_for-prep-student_sp.jpg") no-repeat center center;
}
#page_title_image_for-student {
background: #000000 url("../img/page_title_image_for-student_sp.jpg") no-repeat center center;
}
#page_title_image_for-alumni {
background: #000000 url("../img/page_title_image_for-alumni_sp.jpg") no-repeat center center;
}
#page_title_image_for-parents {
background: #000000 url("../img/page_title_image_for-parents_sp.jpg") no-repeat center center;
}
#page_title_image_for-resident {
background: #000000 url("../img/page_title_image_for-resident_sp.jpg") no-repeat center center;
}
#page_title_image_for-business {
background: #000000 url("../img/page_title_image_for-business_sp.jpg") no-repeat center center;
}
#page_title_image_movie {
background: #000000 url("../img/page_title_image_movie_sp.jpg") no-repeat center center;
}
#page_title_image_interview {
background: #000000 url("../img/page_title_image_interview_sp.jpg") no-repeat center center;
}


/* 第三階層タイトル部分 */
#main_contents .page_title h1 {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 4px solid #03832e;
font-size: 6.4vw;
}

}

/*PC*/
@media screen and (min-width: 751px) {
/* ヘッダータイトル部分 */
#page_title {
width: 960px;
margin: 0 auto;
padding: 70px 0 80px;
font-size: 48px;
}
#page_title_image_introduction {
background: #000000 url("../img/page_title_image_introduction.jpg") no-repeat center center;
}
#page_title_image_education {
background: #000000 url("../img/page_title_image_education.jpg") no-repeat center center;
}
#page_title_image_research {
background: #000000 url("../img/page_title_image_research.jpg") no-repeat center center;
}
#page_title_image_international {
background: #000000 url("../img/page_title_image_international.jpg") no-repeat center center;
}
#page_title_image_pr {
background: #000000 url("../img/page_title_image_pr.jpg") no-repeat center center;
}
#page_title_image_admission {
background: #000000 url("../img/page_title_image_admission.jpg") no-repeat center center;
}
#page_title_image_for-prep-student {
background: #000000 url("../img/page_title_image_for-prep-student.jpg") no-repeat center center;
}
#page_title_image_for-student {
background: #000000 url("../img/page_title_image_for-student.jpg") no-repeat center center;
}
#page_title_image_for-alumni {
background: #000000 url("../img/page_title_image_for-alumni.jpg") no-repeat center center;
}
#page_title_image_for-parents {
background: #000000 url("../img/page_title_image_for-parents.jpg") no-repeat center center;
}
#page_title_image_for-resident {
background: #000000 url("../img/page_title_image_for-resident.jpg") no-repeat center center;
}
#page_title_image_for-business {
background: #000000 url("../img/page_title_image_for-business.jpg") no-repeat center center;
}
#page_title_image_movie {
background: #000000 url("../img/page_title_image_movie.jpg") no-repeat center center;
}
#page_title_image_interview {
background: #000000 url("../img/page_title_image_interview.jpg") no-repeat center center;
}

/* 第三階層タイトル部分 */
#main_contents .page_title h1 {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 4px solid #03832e;
font-size: 24px;
}

}



/* 第二階層構成
----------------------------------------------------- */

/* 新着情報部分 */
.info-wide,
.info-wide-g {
background: #ffffff;
box-shadow:0px 0px 2px 2px rgba(153, 153, 153, 0.1);
}
.bgWrap01 .info-wide {
box-shadow:none;
}
.info-wide h2,
.info-wide-g h2 {
color: #03832e;
font-weight: bold;
text-align: center;
}
.info-wide .list_foot,
.info-wide-g  .list_foot {
text-align: center;
}
.info-wide a.ico_showall,
.info-wide-g a.ico_showall {
border: 1px solid #c9c9c9;
line-height: 1;
}
.info-wide dl dd,
.info-wide-g dl dd {
border-bottom: 1px solid #d2d2d2;
}




/* メニューリスト部分 */
ul.link_list li {
}
ul.link_list_wide li {
}
ul.link_list li p {
background: #03832e;
}
ul.link_list li p a {
display: block;
color: #ffffff;
font-weight: bold;
}
ul.link_list li p a:hover {
text-decoration: none;
}

/* extra folder */
ul.exfolder,
ul.exfolder_2 {
}
ul.exfolder li,
ul.exfolder_2 li {
}
li.exfolder-box {
}
li.exfolder-box2 {
}


/* list_box 最初から */
.list_wrap .list_box {
float:none;
width: 100%;
margin-right: 0;
}
.list_wrap .list_box:first-child li p {
margin-top: 0;
}


/* バナーリスト部分 */
#main_side {
}
#main_side:after,
#main_side li:after {
clear: both;
content:"";
display: block;
}
#main_side li {
border: 1px solid #c9c9c9;
background: #ffffff;
}
#main_side li a {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
flex-shrink: 0;
max-width: 100%;
box-sizing: border-box;
color: #2a2a2a;
}
#main_side li a:hover {
background: #eeeeee;
text-decoration: none;
}
#main_side li a.asset-image {
display: block;
padding: 0 !important;
}
#main_side li img {
float: left;
display: block;
border: 1px solid #c9c9c9;
}
#main_side li a.asset-image img {
float: none;
height: auto;
border: none;
margin: 0;
}

#main_side li span {
float: left;
display: block;
}
#main_side .textCenter {
justify-content: center;
-webkit-justify-content: center;
align-items: center;
}

/*SP*/
@media screen and (max-width: 750px) {
/* 新着情報部分 */
.info-wide,
.info-wide-g {
margin-bottom: 30px;
padding: 15px;
}
.info-wide h2,
.info-wide-g h2 {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #c9c9c9;
font-size: 6.4vw;
}
.info-wide h2,
.info-wide-g h2 {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #c9c9c9;
font-size: 6.4vw;
}
.info-wide dl,
.info-wide-g dl {
margin: 0 !important;
font-size: 4.26vw;
}
.info-wide dl dt,
.info-wide-g dl dt {
margin-bottom: 5px;
}
.info-wide dl dd,
.info-wide-g dl dd {
margin-bottom: 15px;
padding-bottom: 15px;
}
.info-wide .list_foot,
.info-wide-g .list_foot {
clear: both;
padding: 20px 0;
}
.info-wide a.ico_showall,
.info-wide-g a.ico_showall {
padding: 12px 10px 8px;
font-size: 4.8vw;
}
.info-wide a.ico_showall span,
.info-wide-g a.ico_showall span {
padding-left: 8%;
background: url("/common/img/ico_list01.png") no-repeat left 0.3em;
-webkit-background-size: 12%;
background-size: 12%;
}

/* メニューリスト部分 */
#main_contents {
}
ul.link_list li {
margin-top: 15px;
}
ul.link_list li:first-child {
margin-top: 0;
}
ul#list02 li:first-child {
margin-top: 15px;
}
ul.link_list li p a {
padding: 15px 6% 15px 15px;
background: url("/common/img/icon_link_03_sp.png") no-repeat 98% center;
-webkit-background-size: 2.77%;
background-size: 2.77%;
}
ul.link_list li ul {
display: none;
}

/* extra folder */
ul.exfolder li,
ul.exfolder_2 li {
margin-bottom: 15px;
}

/* バナーリスト部分 */
#main_side {
margin-top: 25px;
}
#main_side li {
float: left;
display: block;
width: calc(49% - 2px);
margin-left: 2%;
margin-bottom: 2%;
font-size: 3.2vw;
}
#main_side li:first-child,
#main_side li:nth-child(2n+1) {
margin-left: 0;
}
#main_side li a {
padding: 10px;
}
#main_side li img {
width: calc(27% - 2px);
margin-right: 5%;
}
#main_side li a.asset-image img {
width: 100%;
}
#main_side li span {
width: calc(68%);
}
#main_side .textCenter {
padding: 10px 5px !important;
}
}

/*PC*/
@media screen and (min-width: 751px) {
/* 新着情報部分 */
.info-wide,
.info-wide-g {
width: 700px;
box-sizing: border-box;
margin-bottom: 60px;
padding: 30px;
}
.bgWrap01 .info-wide {
width: auto;
}
.info-wide h2,
.info-wide-g h2 {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #c9c9c9;
font-size: 24px;
}
.info-wide dl,
.info-wide-g dl {
font-size: 16px;
}
.info-wide dl dt,
.info-wide-g dl dt {
margin-bottom: 5px;
}
.info-wide dl dd,
.info-wide-g dl dd {
margin-bottom: 10px;
padding-bottom: 10px;
}
.info-wide .list_foot,
.info-wide-g .list_foot {
clear: both;
padding: 20px 0;
}
.info-wide a.ico_showall,
.info-wide-g a.ico_showall {
padding: 15px 20px 13px;
font-size: 16px;
color: #03832e;
}
.info-wide a.ico_showall:hover,
.info-wide-g a.ico_showall:hover {
background: #efefef;
text-decoration: none;
}
.info-wide a.ico_showall span,
.info-wide-g a.ico_showall span {
padding-left: 28px;
background: url("/common/img/ico_list01.png") no-repeat left 0.2em;
-webkit-background-size: 18px;
background-size: 18px;
}

/* メニューリスト部分 */
#main_contents {
float: left;
}
ul.link_list li {
width: 100%;
box-sizing: border-box;
}
ul.link_list_wide li {
width: 700px;
}
ul.link_list#list01 {
}
ul.link_list#list02 {
}
ul.link_list li {
margin-bottom: 20px;
}
ul.link_list li:first-child {
margin-top: 0;
}
ul.link_list li p:hover {
background-color: #359c58;
}
ul.link_list li p a {
padding: 20px 30px 20px 15px;
background: url("/common/img/icon_link_03.png") no-repeat 620px center;
}
ul.link_list li ul li {
float: left;
width: 50%;
margin-bottom: 0;
border: 1px solid #c9c9c9;
border-top: none;
}
ul.link_list li ul li {
}
ul.link_list li ul li a {
display: block;
padding: 20px 30px 20px 15px;
background: url("/common/img/icon_link_04.png") no-repeat 300px center;
color: #231000;
}
ul.link_list li ul li a:hover {
background-color: #f2f2f2;
text-decoration: none;
}
ul.link_list li img {
width: 1em;
height: 1em;
}
ul.link_list li .link_list_sub {
display: none;
}

/* list_box */
.list_wrap .list_box {
}


/* extra folder */
ul.exfolder,
ul.exfolder_2 {
}
ul.exfolder li,
ul.exfolder_2 li {
width: 100%;
margin-bottom: 20px;
}
ul.link_list li ul:after,
ul.exfolder li:after,
ul.exfolder_2 li:after {
clear: both;
content:"";
display: block;
}
ul.exfolder li p a,
ul.exfolder_2 li p a {
padding: 20px 30px 20px 15px;
background: url("/common/img/icon_link_03.png") no-repeat 620px center;
}
ul.exfolder li.exfolder-box_2,
ul.exfolder_2 li.exfolder-box_2 {
float: left;
width: 50%;
}
ul.link_list li ul li:nth-child(even),
ul.exfolder li.exfolder-box_2:nth-child(even),
ul.exfolder_2 li.exfolder-box_2:nth-child(even) {
border-left: none;
}
ul.exfolder li.exfolder-box_2 a,
ul.exfolder_2 li.exfolder-box_2 a {
display: block;
padding: 20px 30px 20px 15px;
background: url("/common/img/icon_link_04.png") no-repeat 300px center;
color: #231000;
}
li.exfolder-box {
}

li.exfolder-box2 {
}

/* バナーリスト部分 */
#main_side {
float: right;
width: 225px;
}
#main_side li {
margin-bottom: 15px;
}
#main_side li a {
padding: 10px;
}
#main_side li img {
width: 54px;
margin-right: 10px;
}
#main_side li a.asset-image img {
width: 225px;
}
#main_side li span {
width: 130px;
}
#main_side .textCenter {
padding: 15px 10px !important;
}
}


/* 第三階層構成
----------------------------------------------------- */


/*SP*/
@media screen and (max-width: 750px) {

.third_page #main_contents {
}
.third_page #page_side_bar {
display: none;
}


}

/*PC*/
@media screen and (min-width: 751px) {

/*ページ内2カラム（3rd以降）*/
.page_2column .fl_L {
width: 427px;
line-height: 1.6;
}
.page_2column .fl_R {
width: 270px;
}
/*ページ内1カラム（3rd以降）*/
.page_1column .fl_L {
float: none !important;
width: 100%;
}
.page_1column .fl_R {
display: none;
}

/* サイドメニュー */
#category_title {
display: none;
}
.third_page #main_contents {
float: right;
}
.third_page #page_side_bar {
float: left;
width: 240px;
}
.third_page #page_side_bar_inner {
background: #fff;
}

.third_page .asset-body {
margin-bottom: 1.5em;
font-size: 100%;
color: #333;
}
.third_page .asset-more-link {
margin-bottom: 2.0em;
}

ul.sidebar_list {
border-bottom: 1px solid #ffffff;
}

/* サイドメニュー 第1階層 */
ul.sidebar_list li {
border: 1px solid #ffffff;
border-bottom: none;
}
ul.sidebar_list li a {
display: block;
padding: 20px 25px 20px 15px;
background: #03832e url("/common/img/icon_link_03.png") no-repeat 220px center;
color: #ffffff;
}
ul.sidebar_list li a.active {
background: #006221;
}
ul.sidebar_list li a:hover {
background-color: #359c58;
text-decoration: none;
}

/* サイドメニュー 第2階層 */
ul.sidebar_list li ul li {
width: auto;
margin-bottom: 0;
border: 1px solid #c9c9c9;
border-top: none;
}
ul.sidebar_list li ul li {
}
ul.sidebar_list li ul li a {
display: block;
padding: 20px 25px 20px 15px;
background: url("/common/img/icon_link_04.png") no-repeat 217px center;
color: #231000;
}
ul.sidebar_list ul li a.active {
background: #e3e3e3;
}
ul.sidebar_list li ul li a:hover {
background-color: #f2f2f2;
text-decoration: none;
}
ul.sidebar_list ul li a.active {
background-color: #f2f2f2;
text-decoration: none;
}

/* サイドメニュー 第3階層以降 */
ul.sidebar_list ul {
border-top: 1px solid #c9c9c9;
}
ul.sidebar_list ul li li {
border: none;
background: #fbfbfb;
}
ul.sidebar_list ul li li a {
padding: 10px 25px 10px 25px;
background: url("/common/img/icon_link_06.png") no-repeat 10px center;
}
ul.sidebar_list ul li li a.active {
background: #f2f2f2 url("/common/img/icon_link_06.png") no-repeat 10px center;
}
ul.sidebar_list ul li li ul {
border: none;
}



}

/* 第三階層 画面要素
----------------------------------------------------- */

#content-inner h2 {
clear: both;
border-bottom: 4px solid #03832e;
font-weight: bold;

}

/* メニューリスト */
ul.body-menu-list {
}
ul.body-menu-list li {
position: relative;
margin: 0.5em 0 0.5em 1em;
text-indent: -1em;
}
ul.body-menu-list li:before {
content: "●";
margin: 0.5em 0 0 0;
color: #03832e;
}
ul.body-menu-list ul,
ul.body-menu-list-2nd {
margin: 0 !important;
padding: 0 !important;
}
ul.body-menu-list ul li {
margin: 0.5em 0 0.5em 0;
text-indent: 0;
}
ul.body-menu-list ul li:before {
display: none;
}

/*SP*/
@media screen and (max-width: 750px) {
#content-inner h2 {
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 6.4vw;
}
ul.body-menu-list ul li,
ul.body-menu-list-2nd li {
padding-left: 15px !important;
background: url(../img/icon_link_06_sp.png) no-repeat 0 5px !important;
-webkit-background-size: 8px !important;
background-size: 8px !important;
}

}

/*PC*/
@media screen and (min-width: 751px) {
#content-inner h2 {
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 24px;
}
ul.body-menu-list ul li,
ul.body-menu-list-2nd li {
padding-left: 18px !important;
background: url(../img/icon_link_06.png) no-repeat 0 5px !important;
}

}

/* 第三階層 画面要素 asset-body
----------------------------------------------------- */

.asset-body h2 {
clear: both;
line-height: 1.5;
margin-bottom: 1em;
padding: 10px 15px 7px !important;
border: none !important;
background: #03832e;
color: #ffffff;
font-size: 120%;
font-weight: normal !important;
}
.asset-body h3 {
margin-bottom: 1em;
padding: 5px 10px 10px;
border-left: 5px solid #03832e;
border-bottom: 1px solid #bcbcbc;
}
.asset-body h4 {
font-size: 105%;
font-weight: bold;
margin: 1em 0 0.5em 0;

}
.asset-body h5 {
font-size: 100%;
font-weight: bold;
color: #532;
margin-bottom: 0.5em;

}
.asset-body h6 {
font-size: 85%;
font-weight: bold;
margin-bottom: 1em;

}


#content.third_page .asset-body ul li {
background:none;
border-bottom:none;
list-style:disc;
padding-left: 0;
}


/*SP*/
@media screen and (max-width: 750px) {
.asset-body h2 {
margin: 0 0 1em;
font-size: 5vw !important;
}

.asset-body h3 {
font-size: 4.2vw;
}
.asset-body h4 {
margin: 1em 10px 0.5em;

}
.asset-body h5 {
margin: 10px 10px 0.5em;
}
.asset-body h6 {
margin: 0 10px 1em;

}
}

/*PC*/
@media screen and (min-width: 751px) {
.asset-body h2 {
font-size: 125% !important;
}
.asset-body h3 {
font-size: 100%;
}

}

/* NEWS & EVENT
----------------------------------------------------- */
div.third_page #main_contents #newsList dl,
div.third_page #main_contents #eventList dl {
margin: 0;
}
div.third_page #main_contents #newsList dl dt,
div.third_page #main_contents #eventList dl dt {
margin: 0;
padding: 15px 0 0;
border-bottom: none;
font-weight: normal;
}
div.third_page #main_contents #newsList dl dd,
div.third_page #main_contents #eventList dl dd {
margin: 0;
padding: 10px 0 0;
padding-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
}
div.third_page #main_contents #newsList dt span,
div.third_page #main_contents #eventList dt span {
display: inline-block;
border-radius: 3px;
margin-left: 10px;
padding: 6px 10px 4px;
color: #ffffff;
line-height: 1;
}
div.third_page #main_contents #newsList .ico_news01 {
background: #f0c722;
}
div.third_page #main_contents #newsList .ico_study01 {
background: #3d62a5;
}
div.third_page #main_contents #newsList .ico_release01 {
background: #b64437;
}
div.third_page #main_contents .past_list {
margin: 20px 0;
}
div.third_page #main_contents .past_list a {
display: block;
border: 1px solid #03832e;
color: #03832e;
font-weight: bold;
text-align: center;
}
div.third_page #main_contents .past_list a:hover {
background: #f2f2f2;
text-decoration: none;
}

/*SP*/
@media screen and (max-width: 750px) {
div.third_page #main_contents #newsList dl,
div.third_page #main_contents #eventList dl {
font-size: 4vw;
}
div.third_page #main_contents .past_list a,
div.third_page #main_contents .ico_calendar a {
padding: 12px 10px 8px;
font-size: 4vw;
}
div.third_page #main_contents .past_list span {
padding-left: 8%;
background: url("/common/img/ico_list01.png") no-repeat left 0.3em;
-webkit-background-size: 8%;
background-size: 8%;
}
}

/*PC*/
@media screen and (min-width: 751px) {

/*記事一覧*/
.news_fiscal_title {
margin-bottom: 0 !important;
padding: 20px 25px 20px 15px;
border: none !important;
border-right: 1px solid #ffff !important;
border-left: 1px solid #ffff !important;
background: #2b2b2b;
color: #ffffff;
text-align: center;
font-weight: bold;
}

.button-showall a,
.button-calendar a {
display: block;
border: solid 1px #aaa;
color: #03832e;
font-size: 18px;
font-weight: bold;
}
/*一覧へのリンクボタン*/
.button-showall {
margin-top: 20px;
background: #fff;
}
.button-showall a {
padding-left: 28px;
padding: 8px 10px 8px 38px;
background: url("/common/img/ico_list01.png") no-repeat 10px 10px;
-webkit-background-size: 18px;
background-size: 18px;
}
.button-showall a:hover,
.button-calendar a:hover {
background-color: #f2f2f2;
text-decoration: none;
}

/*イベントカレンダーへのリンクボタン*/
.button-calendar {
margin-top: 0;
background: #fff;
}
.button-calendar a {
border-top: none !important;
padding:  8px 10px 8px 38px;
background: url("/common/img/ico_calendar01.png") no-repeat 7px 5px;
-webkit-background-size: 24px;
background-size: 24px;
}

div.third_page #main_contents #newsList dt span,
div.third_page #main_contents #eventList dt span {
margin-left: 15px;
font-size: 14px;
}
div.third_page #main_contents .past_list {
margin: 30px 0 20px;
}
div.third_page #main_contents .past_list a {
padding: 22px 10px 18px;
font-size: 18px;
}
div.third_page #main_contents .past_list span {
padding-left: 28px;
background: url("/common/img/ico_list01.png") no-repeat left 0.2em;
-webkit-background-size: 18px;
background-size: 18px;
}
}

/* Movie
----------------------------------------------------- */
#movieList ul:after {
clear: both;
content:"";
display: block;
}
#movieList li {
float: left;
}
#movieList li img {
display: block;
border: 1px solid #dddddd;
}
#movieList li span {
display: inline-block;
margin-top: 5px;
}
#movieList .wrap02 {
border-top: 1px solid #03832e;
padding-top: 20px;
}

#movieList #movie01 {
clear: both;
color: #ffffff;
text-align: center;
line-height: 1.8;
}
#movieList #movie01:after {
clear: both;
content:"";
display: block;
}
#movieList #movie01 #movieImg {
}
#movieList #movie01 h2 {
border-bottom: none !important;
background: url("/movie/img/bg_h2_sp.png") no-repeat center bottom;
text-align: center;
}
#movieList #movie01 .moreBtn01 {
display: inline-block;
border: 1px solid #ffffff;
color: #ffffff;
line-height: 1;
}
#movieList #movie01 .moreBtn01:hover {
background-color: rgba(255, 255, 255, 0.6);
text-decoration: none;
}
#movieList #introductionTitle {
text-align: center;
}
#movieList #tabBtn01 img,
#movieList #mapArea01 img,
#movieList #mapArea02 img,
#movieList #mapArea03 img {
border:none;
}
#movieList #tabBtn01 li {
margin-bottom: 0;
font-size: 0;
cursor: pointer;
}
#movieList #tabBtn01 li.active {
cursor: default;
}
#movieList #tabBtn01 li img {
margin-bottom: 0;
}
#movieList #tabBtn01 li:hover img {
opacity: 0.6;
}
#movieList #tabBtn01 li.active:hover img {
opacity: 1;
}
#movieList .wrap01 h3 {
margin: 30px 0 20px;
padding: 10px 0 10px 10px;
border-bottom: 1px solid #b5b5b5;
border-left: 10px solid #04832e;
}
#movieList .wrap01 h4 {
margin-bottom: 10px;
padding: 2% 0 2% 10%;
-webkit-background-size: 8% !important;
background-size: 8% !important;
font-weight: bold;
}
#movieList #areaNorth h4.no01 {
background: url("/movie/img_introduction/ico_n01.png") no-repeat left center;
}
#movieList #areaNorth h4.no02 {
background: url("/movie/img_introduction/ico_n02.png") no-repeat left center;
}
#movieList #areaNorth h4.no03 {
background: url("/movie/img_introduction/ico_n03.png") no-repeat left center;
}
#movieList #areaNorth h4.no04 {
background: url("/movie/img_introduction/ico_n04.png") no-repeat left center;
}
#movieList #areaNorth h4.no05 {
background: url("/movie/img_introduction/ico_n05.png") no-repeat left center;
}
#movieList #areaNorth h4.no06 {
background: url("/movie/img_introduction/ico_n06.png") no-repeat left center;
}
#movieList #areaNorth h4.no07 {
background: url("/movie/img_introduction/ico_n07.png") no-repeat left center;
}
#movieList #areaNorth h4.no08 {
background: url("/movie/img_introduction/ico_n08.png") no-repeat left center;
}
#movieList #areaNorth h4.no09 {
background: url("/movie/img_introduction/ico_n09.png") no-repeat left center;
}
#movieList #areaNorth h4.no10 {
background: url("/movie/img_introduction/ico_n10.png") no-repeat left center;
}

#movieList #areaMainst h4.no01 {
background: url("/movie/img_introduction/ico_m01.png") no-repeat left center;
}
#movieList #areaMainst h4.no02 {
background: url("/movie/img_introduction/ico_m02.png") no-repeat left center;
}
#movieList #areaMainst h4.no03 {
background: url("/movie/img_introduction/ico_m03.png") no-repeat left center;
}
#movieList #areaMainst h4.no04 {
background: url("/movie/img_introduction/ico_m04.png") no-repeat left center;
}
#movieList #areaMainst h4.no05 {
background: url("/movie/img_introduction/ico_m05.png") no-repeat left center;
}
#movieList #areaMainst h4.no06 {
background: url("/movie/img_introduction/ico_m06.png") no-repeat left center;
}
#movieList #areaMainst h4.no07 {
background: url("/movie/img_introduction/ico_m07.png") no-repeat left center;
}
#movieList #areaMainst h4.no08 {
background: url("/movie/img_introduction/ico_m08.png") no-repeat left center;
}
#movieList #areaMainst h4.no09 {
background: url("/movie/img_introduction/ico_m09.png") no-repeat left center;
}
#movieList #areaMainst h4.no10 {
background: url("/movie/img_introduction/ico_m10.png") no-repeat left center;
}

#movieList #areaWest h4.no01 {
background: url("/movie/img_introduction/ico_w01.png") no-repeat left center;
}
#movieList #areaWest h4.no02 {
background: url("/movie/img_introduction/ico_w02.png") no-repeat left center;
}
#movieList #areaWest h4.no03 {
background: url("/movie/img_introduction/ico_w03.png") no-repeat left center;
}
#movieList #areaWest h4.no04 {
background: url("/movie/img_introduction/ico_w04.png") no-repeat left center;
}
#movieList #areaWest h4.no05 {
background: url("/movie/img_introduction/ico_w05.png") no-repeat left center;
}
#movieList #areaWest h4.no06 {
background: url("/movie/img_introduction/ico_w06.png") no-repeat left center;
}
#movieList #areaWest h4.no07 {
background: url("/movie/img_introduction/ico_w07.png") no-repeat left center;
}
#movieList #areaWest h4.no08 {
background: url("/movie/img_introduction/ico_w08.png") no-repeat left center;
}
#movieList #areaWest h4.no09 {
background: url("/movie/img_introduction/ico_w09.png") no-repeat left center;
}
#movieList #areaWest h4.no10 {
background: url("/movie/img_introduction/ico_w10.png") no-repeat left center;
}

#movieList #areaEast h4.no01 {
background: url("/movie/img_introduction/ico_e01.png") no-repeat left center;
}
#movieList #areaEast h4.no02 {
background: url("/movie/img_introduction/ico_e02.png") no-repeat left center;
}
#movieList #areaEast h4.no03 {
background: url("/movie/img_introduction/ico_e03.png") no-repeat left center;
}
#movieList #areaEast h4.no04 {
background: url("/movie/img_introduction/ico_e04.png") no-repeat left center;
}
#movieList #areaEast h4.no05 {
background: url("/movie/img_introduction/ico_e05.png") no-repeat left center;
}
#movieList #areaEast h4.no06 {
background: url("/movie/img_introduction/ico_e06.png") no-repeat left center;
}
#movieList #areaEast h4.no07 {
background: url("/movie/img_introduction/ico_e07.png") no-repeat left center;
}
#movieList #areaEast h4.no08 {
background: url("/movie/img_introduction/ico_e08.png") no-repeat left center;
}
#movieList #areaEast h4.no09 {
background: url("/movie/img_introduction/ico_e09.png") no-repeat left center;
}
#movieList #areaEast h4.no10 {
background: url("/movie/img_introduction/ico_e10.png") no-repeat left center;
}

#movieList #areaSouth h4.no01 {
background: url("/movie/img_introduction/ico_s01.png") no-repeat left center;
}
#movieList #areaSouth h4.no02 {
background: url("/movie/img_introduction/ico_s02.png") no-repeat left center;
}
#movieList #areaSouth h4.no03 {
background: url("/movie/img_introduction/ico_s03.png") no-repeat left center;
}
#movieList #areaSouth h4.no04 {
background: url("/movie/img_introduction/ico_s04.png") no-repeat left center;
}
#movieList #areaSouth h4.no05 {
background: url("/movie/img_introduction/ico_s05.png") no-repeat left center;
}
#movieList #areaSouth h4.no06 {
background: url("/movie/img_introduction/ico_s06.png") no-repeat left center;
}
#movieList #areaSouth h4.no07 {
background: url("/movie/img_introduction/ico_s07.png") no-repeat left center;
}
#movieList #areaSouth h4.no08 {
background: url("/movie/img_introduction/ico_s08.png") no-repeat left center;
}
#movieList #areaSouth h4.no09 {
background: url("/movie/img_introduction/ico_s09.png") no-repeat left center;
}
#movieList #areaSouth h4.no10 {
background: url("/movie/img_introduction/ico_s10.png") no-repeat left center;
}
#movieList #areaSouth h4.no11 {
background: url("/movie/img_introduction/ico_s11.png") no-repeat left center;
}
#movieList #areaSouth h4.no12 {
background: url("/movie/img_introduction/ico_s12.png") no-repeat left center;
}

#movieList #Fisheries h4.no01 {
background: url("/movie/img_introduction/ico_h01.png") no-repeat left center;
}
#movieList #Fisheries h4.no02 {
background: url("/movie/img_introduction/ico_h02.png") no-repeat left center;
}
#movieList #Fisheries h4.no03 {
background: url("/movie/img_introduction/ico_h03.png") no-repeat left center;
}
#movieList #Fisheries h4.no04 {
background: url("/movie/img_introduction/ico_h04.png") no-repeat left center;
}
#movieList #Fisheries h4.no05 {
background: url("/movie/img_introduction/ico_h05.png") no-repeat left center;
}
#movieList #Fisheries h4.no06 {
background: url("/movie/img_introduction/ico_h06.png") no-repeat left center;
}
#movieList #Fisheries h4.no07 {
background: url("/movie/img_introduction/ico_h07.png") no-repeat left center;
}
#movieList #Fisheries h4.no08 {
background: url("/movie/img_introduction/ico_h08.png") no-repeat left center;
}
#movieList #Fisheries h4.no09 {
background: url("/movie/img_introduction/ico_h09.png") no-repeat left center;
}
#movieList #Fisheries h4.no10 {
background: url("/movie/img_introduction/ico_h10.png") no-repeat left center;
}



/*SP*/
@media screen and (max-width: 750px) {
#movieList #tabMenu01 .tab01,
#movieList #tabMenu01 .tab02 {
visibility:hidden;
height: 0;
}
#movieList #tabMenu01 .tab01.active,
#movieList #tabMenu01 .tab02.active {
visibility:visible;
height: auto;
}
#movieList #tab01Wrap,
#movieList #tab02Wrap {
display: none;
}
#movieList #tab01Wrap.active,
#movieList #tab02Wrap.active {
display: block;
}
#movieList li {
float: left;
width: 48%;
margin: 0 0 20px 4%;
}
#movieList li:first-child,
#movieList li:nth-child(2n+1) {
margin-left: 0;
}
#movieList li img {
margin-bottom: 10px;
}
#movieList #movie01 {
margin-bottom: 30px;
font-size: 3.7vw;
}
#movieList #movie01 #movieImg {
}
#movieList #movie01 #movieDetail {
padding: 25px 0;
background: url("/movie/img/img_movie02_sp.png") no-repeat left center;
-webkit-background-size: cover;
background-size: cover;
}
#movieList #movie01 h2 {
margin-bottom: 15px;
padding-bottom: 20px;
-webkit-background-size: 7.73%;
background-size: 7.73%;
}
#movieList #movie01 h2 img {
width: 83.84%;
}
#movieList #movie01 #movieDetail p {
font-size: 4.8vw;
}
#movieList #movie01 .moreBtn01 {
margin-top: 15px;
padding: 10px 15px;
font-size: 5.9vw;
}
#movieList #introductionTitle {
margin-bottom: 40px;
padding: 75% 0 0;
background: url("/movie/img_introduction/bg_h1_sp.jpg") no-repeat left top;
-webkit-background-size: 100%;
background-size: 100%;
font-size: 3.2vw;
}
#movieList #introductionTitle h1 {
margin-bottom: 20px;
}
#movieList #introductionTitle h1 img {
width: 73.92%;
}
#movieList #introductionTitle p {
margin-bottom: 45px;
line-height: 1.8;
}
#movieList #mapArea01 {
margin-bottom: 50px;
}
#movieList #mapArea01 #mapArea01PC,
#movieList #mapArea02 #mapArea02PC,
#movieList #mapArea03 #mapArea03PC,
#movieList #mapArea01 ul,
#movieList #mapArea02 ul,
#movieList #areaNorthMapPC,
#movieList #areaMainstPC,
#movieList #areaWestMapPC,
#movieList #areaEastMapPC,
#movieList #areaSouthMapPC {
display: none;
}
#movieList #areaNorthMapSP,
#movieList #areaMainstSP,
#movieList #areaWestMapSP,
#movieList #areaEastMapSP,
#movieList #areaSouthMapSP {
margin-bottom: 20px;
}

}

/*PC*/
@media print, screen and (min-width: 751px) {
#movieList #tabMenu01 .tab01,
#movieList #tabMenu01 .tab02,
#movieList #tab01Wrap,
#movieList #tab02Wrap {
display: none;
}
#movieList #tabMenu01 .tab01.active,
#movieList #tabMenu01 .tab02.active,
#movieList #tab01Wrap.active,
#movieList #tab02Wrap.active {
display: block;
}
#movieList li {
float: left;
width: 210px;
margin: 0 0 40px 20px;
}
#movieList li:first-child,
#movieList li:nth-child(4n+1) {
margin-left: 0;
}
#movieList li img {
margin-bottom: 10px;
}
#movieList #movie01 {
padding-left: 600px;
margin-bottom: 40px;
background: url("/movie/img/img_movie01.jpg") no-repeat left center;
font-size: 16px;
}
#movieList #movie01 #movieImg {
display: none;
}
#movieList #movie01 h2 {
margin-bottom: 25px;
padding-bottom: 30px;
-webkit-background-size: 40px;
background-size: 40px;
}
#movie01 h2 img {
width: 272px;
}
#movieList #movie01 #movieDetail {
width: 310px;
height: 350px;
padding: 100px 0 0;
background: url("/movie/img/img_movie02.png") no-repeat left center;
}
#movieList #movie01 #movieDetail p {
font-size: 16px;
}
#movieList #movie01 .moreBtn01 {
margin-top: 30px;
padding: 10px 20px;
font-size: 18px;
}
#movieList #introductionTitle {
padding: 286px 0 0;
background: url("/movie/img_introduction/bg_h1.jpg") no-repeat left top;
-webkit-background-size: 900px;
background-size: 900px;
font-size: 16px;
}
#movieList #introductionTitle h1 {
margin-bottom: 28px;
}
#movieList #introductionTitle p {
margin-bottom: 50px;
line-height: 1.8;
}
#movieList #mapArea01,
#movieList #mapArea02,
#movieList #mapArea03 {
background: url("/movie/img_introduction/bg_map01.png") repeat left top;
}
#movieList #mapArea01:after,
#movieList #mapArea02:after {
clear: both;
content:"";
display: block;
}
#movieList #mapArea02 {
margin-top: 35px;
}
#movieList #mapArea01 #mapArea01SP,
#movieList #mapArea01 #mapArea01_02SP,
#movieList #mapArea02 #mapArea02SP,
#movieList #mapArea03 #mapArea03SP {
display: none;
}
#movieList #mapArea01 #mapArea01PC,
#movieList #mapArea02 #mapArea02PC {
display: inline-block;
float: left;
width: 420px;
margin: 105px 17px 0 8px;
text-align: center;
}
#movieList #mapArea02 #mapArea02PC {
margin: 27px 17px 0 8px;
}
#movieList #mapArea01 #mapArea01PC img:nth-of-type(2) {
margin-top: 70px;
}
#movieList #mapArea01 ul,
#movieList #mapArea02 ul {
float: right;
width: 420px;
margin: 27px 20px 10px 0;
}
#movieList #mapArea01 li,
#movieList #mapArea02 li {
width: 420px;
margin: 0 0 17px 0;
}
#movieList #mapArea01 li img,
#movieList #mapArea02 li img {
margin: 0;
}
#movieList #mapArea01 li a:hover img,
#movieList #mapArea02 li a:hover img {
opacity: 0.8;
}
#movieList .wrap01 h3 {
margin: 40px 0 30px;
padding: 10px 0 10px 12px;
font-size: 24px;
}
#movieList .wrap01 h4 {
margin-bottom: 15px;
padding: 5px 0 5px 40px;
-webkit-background-size: 28px !important;
background-size: 28px !important;
font-size: 20px;
}
#movieList #areaNorthMapSP,
#movieList #areaMainstSP,
#movieList #areaWestMapSP,
#movieList #areaEastMapSP,
#movieList #areaSouthMapSP {
display: none;
}
#movieList #areaNorthMapPC,
#movieList #areaMainstPC,
#movieList #areaWestMapPC,
#movieList #areaEastMapPC,
#movieList #areaSouthMapPC {
margin-bottom: 25px;
}
#movieList #mapArea01PC,
#movieList #mapArea02PC,
#movieList #mapArea03PC,
#movieList #areaNorthMapPC,
#movieList #areaMainstPC,
#movieList #areaWestMapPC,
#movieList #areaEastMapPC,
#movieList #areaSouthMapPC {
position: relative;
}
#tabBtn01 li {
width: 430px;
}
#tabBtn01 li.tab02 {
margin-left: 40px;
}
#movieList #mapArea01 .areaBtn01 li,
#movieList #mapArea01 .areaBtn02 li,
#movieList #mapArea02 .areaBtn01 li,
#movieList #mapArea03 .areaBtn01 li,
#movieList .noBtn01 li {
position: absolute;
}
#movieList .noBtn01 li {
width: 28px;
}
#movieList .noBtn01 li img {
border:3px solid #ffffff;
border-radius: 17px;
filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
}
#movieList #mapArea01 .areaBtn01 li a:hover img,
#movieList #mapArea01 .areaBtn02 li a:hover img,
#movieList #mapArea02 .areaBtn01 li a:hover img,
#movieList #mapArea03 .areaBtn01 li a:hover img,
#movieList .noBtn01 li a:hover img {
opacity: 0.8;
filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
}
#movieList #mapArea01 .areaBtn01 li {
width: 120px;
}
#movieList #mapArea01 .areaBtn01 li:nth-child(1) {
top: 85px;
left: 217px;
}
#movieList #mapArea01 .areaBtn01 li:nth-child(2) {
width: 190px;
top: 291px;
left: 209px;
}
#movieList #mapArea01 .areaBtn01 li:nth-child(3) {
top: 377px;
left: 44px;
}
#movieList #mapArea01 .areaBtn01 li:nth-child(4) {
top: 366px;
left: 304px;
}
#movieList #mapArea01 .areaBtn01 li:nth-child(5) {
top: 493px;
left: 113px;
}

#movieList #mapArea01 .areaBtn02 li {
width: 169px;
}
#movieList #mapArea01 .areaBtn02 li:nth-child(1) {
top: 788px;
left: 50px;
}

#movieList #mapArea02 .areaBtn01 li:nth-child(1) {
width: 212px;
top: 205px;
left: 153px;
}

#movieList #mapArea03 .areaBtn01 li:nth-child(1) {
width: 339px;
top: 655px;
left: 138px;
}
#movieList #mapArea03 .areaBtn01 li:nth-child(2) {
width: 181px;
top: 525px;
left: 193px;
}
#movieList #mapArea03 .areaBtn01 li:nth-child(3) {
width: 279px;
top: 550px;
left: 382px;
}

#movieList #areaNorth .noBtn01 li:nth-child(1) {
top: 278px;
left: 497px;
}
#movieList #areaNorth .noBtn01 li:nth-child(2) {
top: 298px;
left: 374px;
}
#movieList #areaNorth .noBtn01 li:nth-child(3) {
top: 545px;
left: 516px;
}
#movieList #areaNorth .noBtn01 li:nth-child(4) {
top: 83px;
left: 340px;
}


#movieList #areaWest .noBtn01 li:nth-child(1) {
top: 868px;
left: 483px;
}
#movieList #areaWest .noBtn01 li:nth-child(2) {
top: 625px;
left: 666px;
}
#movieList #areaWest .noBtn01 li:nth-child(3) {
top: 234px;
left: 729px;
}
#movieList #areaWest .noBtn01 li:nth-child(4) {
top: 813px;
left: 726px;
}
#movieList #areaWest .noBtn01 li:nth-child(5) {
top: 574px;
left: 256px;
}
#movieList #areaWest .noBtn01 li:nth-child(6) {
top: 312px;
left: 546px;
}

#movieList #areaEast .noBtn01 li:nth-child(1) {
top: 429px;
left: 320px;
}
#movieList #areaEast .noBtn01 li:nth-child(2) {
top: 598px;
left: 447px;
}
#movieList #areaEast .noBtn01 li:nth-child(3) {
top: 755px;
left: 298px;
}

#movieList #areaSouth .noBtn01 li:nth-child(1) {
top: 284px;
left: 302px;
}
#movieList #areaSouth .noBtn01 li:nth-child(2) {
top: 248px;
left: 522px;
}
#movieList #areaSouth .noBtn01 li:nth-child(3) {
top: 92px;
left: 387px;
}
#movieList #areaSouth .noBtn01 li:nth-child(4) {
top: 344px;
left: 475px;
}
#movieList #areaSouth .noBtn01 li:nth-child(5) {
top: 308px;
left: 524px;
}
#movieList #areaSouth .noBtn01 li:nth-child(6) {
top: 302px;
left: 560px;
}
#movieList #areaSouth .noBtn01 li:nth-child(7) {
top: 155px;
left: 512px;
}
#movieList #areaSouth .noBtn01 li:nth-child(8) {
top: 205px;
left: 442px;
}
#movieList #areaSouth .noBtn01 li:nth-child(9) {
top: 257px;
left: 439px;
}
#movieList #areaSouth .noBtn01 li:nth-child(10) {
top: 257px;
left: 454px;
}
#movieList #areaSouth .noBtn01 li:nth-child(11) {
top: 213px;
left: 608px;
}
#movieList #areaSouth .noBtn01 li:nth-child(12) {
top: 359px;
left: 794px;
}

}



/* ????????
----------------------------------------------------- */

/*SP*/
@media screen and (max-width: 750px) {

}

/*PC*/
@media screen and (min-width: 751px) {

}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/













/************************************************

Contents

************************************************/

#content-inner { }


#main_contents .entry-title {
font-size: 183.1%;
font-weight: bold;
border-left: 4px solid #23651c;
color: #333;
padding-left: 12px;
margin-top: 0.5em;
margin-bottom: 1.5em;
}

#main_contents .entry-title span{
font-size: 56.1%;
font-weight: normal;
padding-bottom: 6px;
padding-left: 2px;
display: none;
}

/*イベント情報*/


/*イベント情報 トップ*/


a.ico_rss {
background: url(../../img/title_rss.gif) no-repeat 100% 50%;
padding-right: 14px;
font-size: 90%;
font-weight: bold;
}

.top-border {
clear: both;
background: #1d4a24;
height: 2px;
margin: 0 0 1em 0;
}

.top-border_g {
/*clear: both;*/
background: #1d4a24;
height: 2px;
margin: 0 0 1em 0;
font-size: 90%; !important
}


/*イベントカレンダー*/
li.event_list a{
background: url(../img/sidebar_list01.gif) no-repeat 0px center;
padding: 0.5em 0 0.5em 16px;
}
#main_contents table.event_calendar{
width: 100%;
}
#main_contents table.event_calendar th{
background: #23651C;
color: #fff;
}
#main_contents table.event_calendar th.w40{
width: 40px !important;
}


.second_page #main_contents,
.second_page #main_side {
}


.list_wrap {
width: 100%;/*714px*/
overflow: auto;/*auto → hidden*/
}



/*ユーザー入力用タグスタイル*/
strong,b,em {
font-weight: bold;
}
s,del {
 text-decoration: line-through;
}
i {
 font-style: italic;
}
ins,u {
 text-decoration: underline;
}
blink {
 text-decoration: blink;
}
#main_contents table {
border: 1px solid #ccc;
margin: 1.5em 0;

}

#main_contents td, #main_contents th {
padding: 0.5em 0.5em;
border: 1px solid #ccc;
line-height: 1.5;
}

#main_contents th {
font-weight: bold;
text-align: center;
background: #f2f2f2;
}

table.wide {
width: 100%;
margin: 5px 10px;
}
table.font-small td,th {
font-size: 90%;
}

caption {
font-weight: bold;margin-bottom: 0.5em;
}
blockquote {
border: 1px solid #23651C;
padding: 1em;
font-style: italic;
margin: 0.5em;
background: #f2f2f2;
}
.asset-body blockquote p {
 margin-bottom: 0px;
}


div.imagebox {
 float: left;
 font-size: 90%;
}

div.imagebox_left{
float: left;
padding: 0 1px 1px 1px;
}

.imagebox_left span{
display: block;
font-size: 90%;
text-align: center;
}

div.imagebox_right{
float: right;
padding: 0 1px 1px 1px;
}

.imagebox_right span{
display: block;
font-size: 90%;
text-align: center;
}

div.clear{
clear: both;
margin: 0 0 10px 0;
}
div.third_page #main_contents ul, #main_contents ol, #main_contents dl {
margin-bottom: 15px;
margin-left: 15px;
}




div.third_page #main_contents ul li {
list-style-type: disc;
list-style-position: inside;
}
div.third_page #main_contents ol li {
list-style-type: decimal;
}
div.third_page #main_contents dl dt {
border-bottom: 1px dotted #888;
font-weight: bold;
margin-top: 1em;
margin-bottom: 8px;
}
div.third_page #main_contents dl dd {
margin-left: 10px;
margin-bottom: 1.5em;
line-height: 150%;
}

.asset-body p {
line-height: 1.8;
margin-bottom: 1em;
margin-left: 15px;
padding: 0;
}
.asset-body h1 {
 font-size: 155%;
font-weight: bold;
margin-bottom: 0.5em;

}


.asset-body ol li {
line-height: 1.8em;
margin-bottom: 0.2em;
margin-left: 1em;
}

.asset-body ul li {
float: none;
font-weight: normal;
padding-bottom: 0;
width: auto;
padding-left: 1.5em;
line-height: 1.5em;
list-style: none !important;
background-position: 10px 10px;
border-bottom: dashed 1px #ccc;
}


.asset-body ul li ul {
padding-left: 10px;
margin-bottom: 0.5em;
}
.asset-body ul li ul li {
margin-bottom: 0.2em;
padding: 0;
list-style: disc;
list-style-position: inside;
}




a.icon{
background: url(../img/sidebar_list01.gif) no-repeat 0px center;
padding: 0.5em 0 0.5em 16px;
}

/* add 2012.1.4 */
#main_contents table.noborder { border:none; }
#main_contents table.noborder td, #main_contents table.noborder th{border:none; }
#main_contents table.tight td,th { margin:0; padding:2px !important; }




ul.std-list {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.std-list li {
display: block;
margin: 0.2em 0;
padding-left: 2em !important;
background: url(../img/list-rect.png) no-repeat 0.5em 0.5em !important;
}

ul.std-list ul {
margin: 0 !important;
padding: 0 !important;
}

ul.std-list li li {
display: block;
margin: 0.2em 0 !important;
padding-left: 1.5em !important;
background: url(../img/list-arrow.png) no-repeat 0.5em 0.5em !important;
}

ul.table-list {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
display: inline-table;
}

ul.table-list li {
display: block;
width: 25%;
padding: 0.5em;
float: left !important;
padding-left: 1.5em !important;
background: url(../img/list-rect.png) no-repeat 0.5em 1em !important;
}

ul.table-list2 {
list-style-type: none;
margin: 0 0 20px 0 !important;
padding: 0 !important;
width: 100% !important;
display: inline-table !important;
}

ul.table-list2 li {
display: block !important;
clear: none !important;
width: 42%;
padding: 0;
float: left !important;
padding-left: 2em !important;
background: url(../img/list-rect.png) no-repeat 0.5em 0.5em !important;
}

ul.table-list2 ul {
margin: 0 !important;
padding: 0 !important;
}

ul.table-list2 ul li {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 10px !important;
background: url(../img/list-arrow.png) no-repeat 0 0.5em !important;
}

ul.table-list-in-list {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
border-bottom: solid 1em #fff;
}

ul.table-list-in-list:after {
margin-bottom: 1em !important;
}

ul.table-list-in-list li {
display: block !important;
clear: none !important;
width: 45%;
font-size: 90%;
line-height: 120%;
padding: 0.5em;
float: left !important;
padding-left: 2em !important;
background: url(../img/list-rect.png) no-repeat 0.5em 1em !important;
}

ul.table-list-in-list li a {
color: #333;
}




.image-right {
float: right;
}

.image-right img {
border: none;
margin: 5px 0 5px 5px;
}

dl.image-showcase {
display: block;
float: left;
}

dl.image-showcase dt {
width: 300px;
border-bottom: solid 1px #aaa;
}

dl.image-showcase dd img {
border: none;
margin: 10px;
}

dl.show-all {
font-size: 120%;
}

dl.show-all dt {
color: #333;
}



.pdf-box {
border: #666666 1px dotted;
font-size: 80%;
padding: 8px;
margin: 0 auto;
width: 550px;
text-align: right
}

span.pdf {
display: inline-block;
width: 1em;
height: 1em;
background: url(../img/pdficon_small.png) no-repeat left center;
-webkit-background-size: contain;
background-size: contain;
margin-left: 4px;
overflow: hidden;
color: rgba(0, 0, 0, 0);
}

span.outside {
display: inline-block;
width: 1em;
height: 1em;
margin-left: 4px;
background: url(../img/window_open_icon.png) no-repeat left center;
-webkit-background-size: contain;
background-size: contain;
overflow: hidden;
color: rgba(0, 0, 0, 0);
}

span.ichoc{
float: center;
}

span.ichor{
float: right;
}

/*admission*/
table.haikei_menu {
width: 100%;
border-collapse: separate;
border-spacing: 2px;
border: none !important;
}

table.haikei_menu td {
border-left: solid 1px #8f6e07 !important;
border-top: solid 1px #8f6e07 !important;
background: url(/admission/img/menu_haikei.png) right bottom no-repeat;
}

p.return {
font-size: 90%;
text-align: right;
}

div.mawari{
float: left;
margin-right: 2em;
margin-bottom: 1em;
}

/* clearfix */

div.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;8
height: 0;
}


table.gak{
border-collapse: collapse;
table-layout: fixed;
width: 670px;
}


table.icho {
 border-collapse: collapse;
 border: solid 010px #ffffff !important;
 margin: 0px;
 padding: 0px;
 width: 550px;
}

table.icho td{
 border:0px #ffffff !important;
}

table.icho tr{
 border:0px #ffffff !important;
}

table.icho2 {
 border-collapse: collapse;
 border: solid 010px #ffffff !important;
 margin: 0px;
 padding: 0px;
 width: 580px;
}

table.icho2 td{
 border:0px #ffffff !important;
}

table.icho2 tr{
 border:0px #ffffff !important;
}

table.fact {
 border-collapse: collapse;
 border: solid 010px #ffffff !important;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

table.fact td{
 border:0px #ffffff !important;
 text-align: left;
}

table.fact td.t100{
 border:0px #ffffff !important;
 width:100%;
 display:block;
}

table.fact tr{
 border:0px #ffffff !important;
}

p.gakusei_yamagoya{
border-style: dashed none dashed none !important;
border-style: solid;
border-width: 1px;
margin-left: -1px;
}

table.pro {
 border-collapse: separate;
 background-color: transparent;
 border: solid 010px #ffffff !important;
 margin: 0px;
 padding: 0px;
 border-radius: 1em;
}

table.pro th{
 border-collapse: separate;
 background-color: transparent;
 border: solid 010px #ffffff !important;
 margin: 0px;
 padding: 0px;
}

table.pro td{
 border-collapse: separate;
 border: solid 1px;
 margin: 0px;
 padding: 0px;
 border-radius: 1em;
}

table.pro tr{
 background-color: transparent;
 border:0px #ffffff !important;
}


/*SP*/
@media screen and (max-width: 750px) {


.third_page #main_contents {

}








/*イベント情報*/


/*イベント情報 トップ*/


.asset-body p {
margin-left: 0;
}


.asset-body img {
max-width: 100%;
height: auto !important;
}




ul.table-list-in-list li {
box-sizing: border-box;
width: 100%;
}

.list_wrap {
width: 100%;
}



/*ページ内1カラム（3rd以降）*/
.page_1column {
padding: 0;
}

.page_1column .fl_L {
width: 100%;
}





.masonry-brick {
position: relative !important;
}

.pdf-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 97%;
}

}