@charset "UTF-8";
/*============
サイトのレスポンシブ化・追加の調節
=============*/
/* ノートPC */
html {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.pc-none {
  display: none;
}
@media (max-width: 1025px) {
  .pc-none {
    display: block;
  }
}

.sp-none {
  display: block;
}
@media (max-width: 1025px) {
  .sp-none {
    display: none;
  }
}

/*パンくずリスト設定*/
ol#breadcrumb {
  padding: 0;
  list-style: none;
}
@media (max-width: 1025px) {
  ol#breadcrumb {
    padding: 0 0 1% 0;
  }
}
@media (max-width: 767px) {
  ol#breadcrumb {
    font-size: 12px;
  }
}
ol#breadcrumb li {
  font-size: 16px;
  display: inline;
  color: #333;
}
@media (max-width: 1025px) {
  ol#breadcrumb li {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  ol#breadcrumb li {
    font-size: 12px;
  }
}
ol#breadcrumb li a {
  color: inherit;
  text-decoration: underline;
}
ol#breadcrumb li a:hover {
  opacity: 1;
}
ol#breadcrumb li + li:before {
  content: "»";
  margin-right: 0.3em;
  /*margin-left:.3em;*/
}

div#main ol#breadcrumb li {
  margin-left: 0;
}

/*============
ヘッダー
=============*/
@media (max-width: 1025px) {
  div#header {
    background: #fff;
    height: 125px;
  }
  #container #header-inner {
    position: absolute;
    width: 100%;
    height: 115px;
    margin-top: 5px;
  }
  div#header .header_menu_sp {
    display: flex;
    justify-content: end;
    -moz-column-gap: 1em;
         column-gap: 1em;
    padding: 0.5em 1em 0;
  }
  div#header .header_menu_sp ul {
    display: flex;
    z-index: 99;
  }
  div#header .header_menu_sp li a {
    font-size: 8px;
    font-weight: 700;
    font-family: sans-serif;
    text-decoration: none;
    color: #fff;
    background-color: #3f58aa;
    padding: 4px 8px;
    border: solid 1px #3f58aa;
  }
  div#header .header_menu_sp li.current a {
    color: #333;
    background-color: #fff;
  }
  #header-inner #HPheader2024_ST, #header-inner #HPheader2024_ST_en {
    top: 28px;
    left: 10px;
    width: 35%;
    height: 80px;
    background-size: 100%;
  }
  #header-inner #HPheader2024_ST a, #header-inner #HPheader2024_ST_en a {
    width: 100%;
    height: 80px;
  }
  #header-inner #HPheader2024_IIR {
    top: 46px;
    left: initial;
    right: 37.5%;
    width: 18%;
    height: 50px;
    background-size: 100%;
  }
  #header-inner #HPheader2024_IIR a {
    width: 100%;
    height: 50px;
  }
  #header-inner #HPheader2024_IIR_en {
    top: 33px;
    left: initial;
    right: 52px;
    width: 35%;
    height: 25px;
    background-size: 100%;
  }
  #header-inner #HPheader2024_msl {
    top: 46.5px;
    left: initial;
    right: 2%;
    width: 35%;
    height: 50px;
    background-size: 100%;
  }
  #header-inner #HPheader2024_msl a {
    width: 100%;
    height: 50px;
  }
  #header-inner #HPheader2024_msl_en {
    top: 54px;
    left: initial;
    right: 2%;
    width: 40%;
    height: 25px;
    background-size: 100%;
  }
  #header-inner #HPheader2024_msl_logo {
    display: none;
  }
  #HPheader2024_search {
    display: none;
  }
  #header-inner #HPheader2024_CRP a {
    top: 85px;
    left: initial;
    right: 2%;
    width: 200px;
    height: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  div#header {
    height: 85px;
  }
  #container #header-inner {
    height: 105px;
    margin-top: 5px;
  }
  div#header .header_menu_sp {
    -moz-column-gap: 1em;
         column-gap: 1em;
    padding: 0.5em 1em 0;
  }
  div#header .header_menu_sp li a {
    font-size: 8px;
    padding: 4px 8px;
  }
  #header-inner #HPheader2024_ST {
    top: 28px;
    left: 10px;
    width: 35%;
    height: 50px;
  }
  #header-inner #HPheader2024_ST a {
    height: 50px;
  }
  #header-inner #HPheader2024_IIR {
    top: 36px;
    right: 37.5%;
    width: 18%;
    height: 25px;
  }
  #header-inner #HPheader2024_IIR a {
    height: 25px;
  }
  #header-inner #HPheader2024_IIR_en {
    width: 40%;
    top: 30px;
    right: 26px;
  }
  #header-inner #HPheader2024_msl {
    top: 36.5px;
    right: 2%;
    width: 35%;
    height: 25px;
  }
  #header-inner #HPheader2024_msl a {
    height: 25px;
  }
  #header-inner #HPheader2024_msl_en {
    top: 42px;
    width: 45%;
  }
  #header-inner #HPheader2024_CRP a {
    top: 55px;
    right: 2%;
    width: 150px;
    height: 15px;
    font-size: 10px;
  }
}
/*============
トグルボタン
=============*/
@media (max-width: 1025px) {
  .toggle_btn {
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transition: all 0.8s;
    z-index: 99;
  }
  .toggle_btn span {
    position: absolute;
    width: 25px;
    height: 2.5px;
    right: 0;
    background: #3f58aa;
    border-radius: 0;
    transition: all 0.5s;
  }
  .toggle_btn span:nth-child(1) {
    top: 3px;
  }
  .toggle_btn span:nth-child(2) {
    top: 11.5px;
  }
  .toggle_btn span:nth-child(3) {
    bottom: 3px;
  }
  .open .toggle_btn span:nth-child(1) {
    transform: translateY(8.5px) rotate(45deg);
  }
  .open .toggle_btn span:nth-child(2) {
    opacity: 0;
  }
  .open .toggle_btn span:nth-child(3) {
    transform: translateY(-8.5px) rotate(-45deg);
  }
}
/*============
メニュー
=============*/
.accordion_child {
  display: none;
}

.accordion_headings4 {
  padding: 0px;
  padding-top: 14px;
  background-image: url(../img/menu/btn2_b2.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: 68px;
  color: #FFFFFF;
  line-height: 18px;
  text-indent: 0.75em;
  display: block;
  cursor: pointer;
}

.accordion_headings4:hover {
  background-image: url(../img/menu/btn2_b2_h.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: 68px;
}

.accordion_headings.header_highlight + div .accordion_child {
  display: block;
}

.accordion_headings2.header_highlight + div .accordion_child {
  display: block;
}

.accordion_headings3.header_highlight + div .accordion_child {
  display: block;
}

.accordion_headings4.header_highlight + div .accordion_child {
  display: block;
}

@media (max-width: 1025px) {
  div#sidebar {
    display: none;
  }
  body.body.open #sidebar {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    /*height: 420px;*/
    padding-bottom: 1em;
    background-color: #3f58aa;
    overflow-y: scroll;
    z-index: 99;
  }
  #basic-accordian {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .accordion_headings, .accordion_headings2, .accordion_headings3, .accordion_headings4 {
    width: 100%;
    height: auto;
    background-color: #3f58aa;
    border-bottom: 1px solid #ccc;
    background-image: none;
    position: relative;
  }
  .accordion_headings::after, .accordion_headings2::after, .accordion_headings3::after, .accordion_headings4::after {
    display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
  }
  .accordion_headings:hover, .accordion_headings2:hover, .accordion_headings3:hover, .accordion_headings4:hover {
    width: 100%;
    height: auto;
    background-image: none;
  }
  .accordion_headings3, .accordion_headings4 {
    padding-top: 0;
  }
  .accordion_headings4 {
    line-height: 24px;
  }
  .accordion_child {
    width: 100%;
    margin: 0;
    text-indent: 0;
    margin-left: 0;
    position: inherit;
    background-color: #1c3177;
    text-align: left;
    padding-left: 2em;
  }
  .accordion_child li .accordion_child {
    padding-top: 0;
  }
  .accordion_child li a, .accordion_child li span {
    color: #fff;
    text-decoration: none;
    background-image: none;
    text-align: left;
    margin: 0 auto;
    padding: 0;
  }
  .accordion_child li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0.8rem 0;
  }
  .accordion_child li .accordion_child li a {
    padding: 0.4rem 0;
  }
  .accordion_headings.header_highlight, .accordion_headings2.header_highlight, .accordion_headings3.header_highlight, .accordion_headings4.accordion_headings4.header_highlight {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #1c3177;
    background-image: none;
    background-color: #1c3177;
  }
  .accordion_headings.header_highlight::after, .accordion_headings2.header_highlight::after, .accordion_headings3.header_highlight::after, .accordion_headings4.accordion_headings4.header_highlight::after {
    content: "\f068";
  }
  .contact_menu {
    width: 100%;
  }
  .contact_menu ul {
    width: 100%;
  }
  .contact_menu li {
    width: 100%;
    height: auto;
    background-color: #3f58aa;
    border-bottom: 1px solid #ccc;
  }
  .contact_menu li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    padding: 0.8rem 0;
    text-indent: 0.75em;
  }
  .contact_menu li:hover {
    background-color: #1c3177;
    border-bottom: 1px solid #1c3177;
  }
}
@media (max-width: 767px) {
  body.body.open #sidebar {
    position: initial;
    width: 100%;
  }
}
#HPheader2024_search #s-box {
  position: absolute;
  top: 87px;
  left: 480px;
  width: 110px;
  height: 22px;
  display: block;
  padding-left: 2px;
  border: 1px solid #ccc;
}

#HPheader2024_search #s-btn-area {
  position: absolute;
  top: 87px;
  left: 594px;
  width: 22px;
  height: 22px;
  display: block;
  background: #888;
  border: none;
  cursor: pointer;
}

@media (max-width: 1025px) {
  #HPheader2024_search_sp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 2em auto;
    -moz-column-gap: 2%;
         column-gap: 2%;
  }
  #HPheader2024_msl_logo_sp {
    width: 69px;
    height: 24px;
    display: block;
    background-image: url(../img/common/MSL_logo_2024.png);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  #HPheader2024_msl_logo_sp a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -7777px;
    overflow: hidden;
  }
  #HPheader2024_search_sp #form {
    display: flex;
    align-items: center;
    width: calc(98% - 69px);
  }
  #HPheader2024_search_sp #form #s-box {
    width: 100%;
    height: 30px;
    display: block;
    padding-left: 2px;
    border: 1px solid #ccc;
  }
  #HPheader2024_search_sp #form #s-btn-area {
    width: 30px;
    height: 30px;
    background: #888;
    border: none;
  }
  #HPheader2024_search_sp #form #s-btn-area img {
    width: 30px;
  }
  #banner {
    width: 100%;
    margin-top: 1em;
  }
  #banner ul {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px 10px;
  }
  #banner li a:hover {
    background-position: left;
  }
  #banner .bannerBtn3, #banner .bannerBtn_elec, #banner .bannerBtn_tit {
    width: 45%;
    margin: 0;
  }
  #banner a#banner2016_IIR, #banner a#banner2016_MRRC, #banner a#banner2016_6ken, #banner a#banner2016_GENSO, #banner a#banner2018_JointUsage, #banner a#banner2018_Council, #banner a#banner2016_elec, #banner a#banner_ST, #banner a#banner2016_IIR_en, #banner a#banner2016_MRRC_en, #banner a#banner2016_GENSO_en, #banner a#banner2018_JointUsage_en, #banner a#banner2018_Council_en {
    width: 100%;
    height: 38px;
  }
  #banner a#banner2016_IIR, #banner a#banner2016_MRRC, #banner a#banner2016_6ken, #banner a#banner2016_GENSO, #banner a#banner2018_JointUsage, #banner a#banner2018_Council, #banner a#banner2016_IIR_en, #banner a#banner2016_MRRC_en, #banner a#banner2016_GENSO_en, #banner a#banner2018_JointUsage_en, #banner a#banner2018_Council_en {
    background-size: 210%;
  }
  #banner .bannerBtn_elec, #banner .bannerBtn_tit {
    margin-top: 20px;
  }
  #banner a#banner2016_elec, #banner a#banner_ST {
    background-size: 100%;
  }
}
/*============
共通
=============*/
#main h1, #main h2, #main h4, #main h5, #main h6 {
  width: auto;
  height: auto;
}

#main h3 {
  width: auto;
}

#main h1, #main h5, #main h6 {
  background: #333;
  border: solid 5px #ccc;
  margin: 20px auto;
  padding: 6px;
  line-height: normal;
}

#main h2 {
  background: #333;
  border-left: solid 3px #ccc;
  margin: 20px auto;
  padding: 6px;
}

#main h2 span {
  color: #fff;
}

@media (max-width: 1025px) {
  #main {
    word-break: break-all;
  }
  #main h3 {
    height: auto;
    background: none;
    border-top: dotted 2px #ccc;
    border-bottom: dotted 2px #ccc;
  }
  div#container {
    width: 100%;
    background: #fff;
  }
  div#wrapper-bg {
    width: 100%;
    background: #fff;
  }
  div#wrapper {
    width: 100%;
  }
  div#toparea {
    width: 100%;
  }
  div#contents {
    width: 100%;
  }
  div#main {
    width: 90%;
    margin: 0 auto;
  }
  #main p.gotop {
    width: 100%;
    background-size: 100%;
  }
  #main table {
    width: 100%;
  }
  #inner_content img {
    max-width: 90%;
  }
  .scroll {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .scroll {
    width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
/*============
トップ
=============*/
@media (max-width: 1025px) {
  #navlist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  #navlist li:nth-child(1), #navlist li:nth-child(4) {
    width: 12em;
  }
  #navlist li:nth-child(2), #navlist li:nth-child(5) {
    width: 6em;
  }
  #navlist li a {
    border: none;
  }
  #navlist li a:link {
    color: #1c3177;
  }
  #navlist li a.current {
    color: #fff;
    border-bottom: none;
    /*background-color: rgb(28, 49, 119);*/
  }
  #navlist.en li:nth-child(1), #navlist.en li:nth-child(4) {
    width: 9em;
  }
}
/*============
講演会・イベント
=============*/
@media (max-width: 1025px) {
  #main table {
    width: 100%;
  }
}
/*============
研究成果一覧
=============*/
span.image_list-img img {
  width: auto;
  height: 100px;
  aspect-ratio: 179/100;
}

.result_tab td {
  word-break: break-all;
}
.result_tab td:first-child {
  word-break: keep-all;
}

@media (max-width: 767px) {
  span.image_list-img img {
    height: 60px;
  }
  .result_tab td {
    word-break: break-all;
  }
  .result_tab td img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .result_tab td:first-child {
    width: 5%;
    font-size: 11px;
  }
  .result_tab td:nth-child(2) {
    width: 55%;
    font-size: 10px;
  }
  .result_tab td:last-child {
    width: 40%;
    vertical-align: middle;
  }
}
/*============
教員一覧
=============*/
#main.member .teacher_list span.member-img {
  display: block;
  width: 80px;
  height: 95px;
  overflow: hidden;
}

#main.member .teacher_list span.member-img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -o-object-fit: cover;
     object-fit: cover;
}

#main.member .member-img-wrap {
  text-align: center;
  margin: 0 auto;
}

#main.member .member-img-wrap span.member-img img {
  width: 200px;
  height: auto;
  vertical-align: middle;
}

#main.member h1.topic {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background: none;
  border: none;
  padding: 0.25em;
  margin-bottom: 0.5em;
  margin-top: 0;
  border-bottom: solid 1px #3f58aa;
}

#main.member p.ct {
  color: #1c3177;
  margin-left: 2em;
}
#main.member p.ct a {
  color: #1c3177;
  text-decoration: none;
  white-space: nowrap;
}

#main.member h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background-image: none;
  background-color: #3f58aa;
  border-style: none;
  padding: 0.25em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#main.member p.text-wrap, #main.member .list1 {
  margin-left: 1em;
  margin-right: 1em;
}

#main.member .list-box {
  margin: 2em auto 3em;
}

#main.member .teacher_list {
  border: 1px #ccc solid;
  margin: 0 0.5em 1em;
}
#main.member .teacher_list table, #main.member .teacher_list td {
  border-style: none;
  padding: 0;
}
#main.member .teacher_list td.teacher-img {
  width: 80px;
}
#main.member .teacher_list .teacher-text-wrap {
  display: flex;
  align-items: center;
}
#main.member .teacher_list p.teacher-name {
  width: 35%;
  font-size: 15px;
  padding: 0 2em;
  margin-bottom: 0;
}
#main.member .teacher_list p.teacher-name span {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  margin-top: 0.5em;
}
#main.member .teacher_list p.teacher-name-en {
  width: 35%;
  font-size: 12px;
  line-height: 1.2;
  padding: 0 2em;
  margin-bottom: 0;
}
#main.member .teacher_list p.teacher-name-en span {
  display: block;
  font-size: 16px;
  margin-top: 0.5em;
}
#main.member .teacher_list p.teacher-detail {
  width: 65%;
  font-size: 15px;
  padding: 0 2em 0 0;
  margin-bottom: 0;
}
#main.member .teacher_list a {
  text-decoration: none;
}

#main.member .teacher_table {
  width: 90%;
  margin: 2em auto;
  margin-top: 2em;
  border-color: #fff;
  border-width: 1px;
}
#main.member .teacher_table th {
  text-align: left;
  color: #fff;
  font-weight: 500;
  background-color: #5376bb;
  border-color: #fff;
  border-bottom-width: 3px;
  word-break: break-word;
}
#main.member .teacher_table tr th:first-child, #main.member .teacher_table tr td:first-child {
  width: 25%;
}
#main.member .teacher_table tr:nth-child(even) td {
  background-color: #cfd6f1;
}
#main.member .teacher_table tr:nth-child(odd) td {
  background-color: #e3e7f3;
}
#main.member .teacher_table td {
  border-color: #fff;
  border-width: 1px;
  word-break: break-all;
}

#main.member #inner_content h3 {
  color: #333;
  background: transparent;
  border: none;
  border-left: solid 5px #3f58aa;
}

@media (max-width: 767px) {
  #main.member .teacher_list span.member-img {
    width: 100px;
    height: 130px;
  }
  #main.member .member-img-wrap span.member-img img {
    width: 150px;
  }
  #main.member h1.topic {
    font-size: 14px;
  }
  #main.member p.ct a {
    font-size: 10px;
  }
  #main.member p.ct a:nth-child(4):before {
    content: "|";
    font-size: 12px;
    padding-right: 0.25em;
  }
  #main.member p.ct.en a:nth-child(4):before {
    content: none;
  }
  #main.member p.topic, #main.member h2 {
    font-size: 13px;
  }
  #main.member .list-box {
    margin: 1em auto 2em;
  }
  #main.member .teacher_list td.teacher-img {
    width: 100px;
  }
  #main.member .teacher_list .teacher-text-wrap {
    flex-direction: column;
  }
  #main.member .teacher_list p.teacher-name {
    display: block;
    width: 85%;
    font-size: 12px;
    padding: 0 1em 1em;
  }
  #main.member .teacher_list p.teacher-name-en {
    display: block;
    width: 85%;
    font-size: 12px;
    line-height: 1.2;
    padding: 0 1em 1em;
  }
  #main.member .teacher_list p.teacher-name-en span {
    font-size: 13px;
  }
  #main.member .teacher_list p.teacher-detail {
    display: block;
    width: 85%;
    font-size: 12px;
    padding: 1em 1em 0;
    word-break: break-word;
  }
  #main.member .teacher_list p.teacher-detail.en {
    font-size: 11px;
  }
  #main.member .teacher_table tr th:first-child, #main.member .teacher_table tr td:first-child {
    width: 45%;
  }
}
/*============
共同利用機器一覧
=============*/
#main .equipment-wrap .equipment-list:nth-child(odd) {
  background-color: #f5f5f5;
}
#main .equipment-wrap .equipment-list:last-child .list-left, #main .equipment-wrap .equipment-list:last-child .list-right {
  border-bottom: solid 1px #333;
}

#main .equipment-list {
  display: flex;
}
#main .equipment-list .list-left {
  width: 80.5%;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 5px;
  border: solid 1px #333;
  border-right-style: none;
  border-bottom-style: none;
}
#main .equipment-list .list-left td {
  border-bottom-style: none;
}
#main .equipment-list .list-left tr {
  width: 100%;
}
#main .equipment-list .list-right {
  width: 19.5%;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 5px;
  border: solid 1px #333;
  border-left-style: none;
  border-bottom-style: none;
}
#main .equipment-list .list-right td {
  border-left-style: none;
  border-bottom-style: none;
}
#main .equipment-list td.topic {
  text-align: center;
  height: 20px;
  color: #fff;
  background: #99ccff;
}
#main .equipment-list td.wide {
  width: 87%;
}
#main .equipment-list td.narrow {
  width: 13%;
}

@media (max-width: 767px) {
  #main .equipment-list .list-left {
    width: 65%;
  }
  #main .equipment-list .list-right {
    width: 35%;
  }
  #main .equipment-list td.wide {
    width: 80%;
  }
  #main .equipment-list td.narrow {
    width: 20%;
  }
}
/*============
共同利用研究
=============*/
#main.crp_top div.update dt {
  background-position: 0 40%;
}

#main.crp_top div.update dd {
  padding: 7px 3px 6px 7.6em;
}

#main .results {
  width: 400px;
  float: left;
}

#main.crp_workshops table td.text-box {
  text-align: left;
  width: 50%;
}

#main.crp_workshops table td.img-box {
  text-align: center;
  width: 50%;
}

@media (max-width: 1025px) {
  #main.crp_top div.section, #main.crp_top .update, #main.crp_info div.section {
    width: 100%;
  }
  #main .results {
    width: 100%;
    float: initial;
  }
  #main.crp_workshops table td .img-size {
    width: 100%;
  }
  #main.saitaku table {
    width: 100%;
  }
  #main p.word-box span {
    display: block;
    padding-top: 1em;
  }
}
@media (max-width: 767px) {
  #main.saitaku table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
/*============
国際・産学連携インヴァースイノベーション材料創出プロジェクト
=============*/
div#wrapper.rokken {
  margin-top: -6px;
}

div#wrapper.rokken div#main-6ken h1, div#wrapper.rokken div#main-6ken h2, div#wrapper.rokken div#main-6ken h4, div#wrapper.rokken div#main-6ken h5, div#wrapper.rokken div#main-6ken h6 {
  width: auto;
  height: auto;
}

div#wrapper.rokken div#main-6ken h3 {
  width: auto;
  height: auto;
}

@media (max-width: 1025px) {
  div#wrapper.rokken {
    margin-top: -10px;
  }
  #wrapper.rokken div#main-6ken h1 {
    width: auto;
  }
  div#wrapper.rokken div#main-6ken h3 {
    height: auto;
    background: none;
    border-top: dotted 2px #ccc;
    border-bottom: dotted 2px #ccc;
  }
  div#sidebar-6ken {
    display: none;
  }
  body.body.open #sidebar-6ken {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    padding-bottom: 1em;
    background-color: #228B22;
    overflow-y: scroll;
    z-index: 99;
  }
  body.body.open .sidebar-6ken2 {
    width: 100%;
    height: 100%;
  }
  body.body.open .sidebar-6ken2 ul {
    padding: 0;
    margin: 0;
  }
  body.body.open .sidebar-6ken2 ul li a {
    background-image: none;
    background-color: #228B22;
  }
  body.body.open #header-inner-6ken {
    display: none;
  }
  div#wrapper-bg div#header-inner-6ken {
    width: 100%;
  }
  div#wrapper-bg div#header-inner-6ken img {
    width: 100%;
  }
  div#wrapper.rokken div#box_6ken {
    width: 100%;
  }
  #wrapper.rokken div#main-6ken {
    width: 90%;
    margin: 0 auto;
  }
  #wrapper.rokken #news-6ken {
    width: 100%;
    margin: 0 auto;
  }
  #wrapper.rokken .rokken-img {
    width: 100%;
  }
  #wrapper.rokken .rokken-img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.body.open #sidebar-6ken {
    position: initial;
    width: 100%;
  }
}
/*============
フッター
=============*/
@media (max-width: 1025px) {
  div#footer {
    height: 150px;
  }
  div#footer-inner {
    width: 100%;
    text-align: center;
  }
  div#footer-inner #copyright_sp {
    padding: 1em;
    text-align: center;
    font-size: 8px;
    color: #fff;
  }
  div#footer-inner a {
    text-decoration: none;
  }
  div#footer-inner img {
    width: 30%;
    height: auto;
  }
}
/*============
スライドショー設定
=============*/
div#toparea {
  background-color: transparent;
}

.top-slider {
  width: 100%;
  height: 100%;
  margin-left: auto;
}
.top-slider .slick-list {
  width: 100%;
  height: 100% !important;
}
.top-slider .slick-slide {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ccc;
}
.top-slider .slick-dots li {
  width: 10px;
  margin: 0;
}
.top-slider .top-text {
  display: flex;
  align-items: center;
  width: 260px;
  height: 100%;
  padding: 8px;
}
@media (max-width: 1025px) {
  .top-slider .top-text {
    width: 35%;
  }
}
.top-slider p.text-g {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-slider p.text-g {
    font-size: 8px;
  }
}
.top-slider .top-img {
  width: 480px;
  height: 100%;
}
@media (max-width: 1025px) {
  .top-slider .top-img {
    width: 65%;
  }
}
.top-slider img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.top-slider .text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: url(../img/top/top_txt_bk.jpg) repeat-x;
  height: 60px;
}
@media (max-width: 767px) {
  .top-slider .text-wrap {
    background: #333;
    height: 28px;
  }
}
.top-slider p.text-b {
  font-size: 11px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-slider p.text-b {
    font-size: 6px;
  }
}
.top-slider p.text-b sub {
  color: #fff;
}

/*============
スライドショー設定
英語
=============*/
body.english p.text-g {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body.english p.text-g {
    font-size: 6px;
  }
}

/*body.english .slick-dots{
  display: none;
}*//*# sourceMappingURL=style.css.map */