@charset "utf-8";

/*　#main　*/

.rinshoTit {
 width: 710px;
 height: 100px;
 padding: 0;
 margin-bottom: 0.6em;
 border: none;
}

.rinshoh2 {
 font-size: 2.6em;
 line-height: 1;
 text-align: left;
 display: block;
 padding: 0.5em;
 height: 2em;
 width: 710px;
 margin-bottom: 0.6em;
 border: 1px solid #c063ff;
 box-sizing: border-box;
 position: relative;
}

#print {
 position: absolute;
 top: 0.4em;
 right: 0.5em;
}

#rinshoInn {
 clear: both;
 width: 710px;
 overflow: hidden;
}

#rinshoInn .block {
 margin-bottom: 3em;
 text-align: left;
}

#rinshoInn .block .headline {
 font-size: 2em;
 line-height: 1.5;
 letter-spacing: 0.1em;
 color: #009966;
 background-image: url(../img/ico_c_circle03.png);
 background-repeat: no-repeat;
 background-position: left 0.23em;
 text-align: left;
 margin-bottom: 0.8em;
 padding-bottom: 0.35em;
 padding-left: 1em;
 border-bottom: 2px solid #009966;
 clear: both;
}

#rinshoInn .block .headline_smain {
 font-size: 2em;
 line-height: 1.5;
 letter-spacing: 0.1em;
 color: #000000 !important;
 background-image: url(../../rinsho/img/ico_rinsho_circle01.png) !important;
 background-repeat: no-repeat;
 background-position: left 0.23em;
 text-align: left;
 margin-bottom: 0em;
 padding-bottom: 0.5em;
 padding-left: 1em;
 border-bottom: 2px solid #009966 !important;
 clear: both;
}

#rinshoInn .block .headline_smain.bold {
 font-weight: bold;
 background-image: none !important;
 padding-left: 0 !important;
 border-bottom: none !important;
 color: #009966 !important;
 border-left: 5px solid #009966;
 padding: 0.1em 0.7em 0 !important;
 line-height: 1.25 !important;
}

#rinshoInn .block .area {
 padding: 0 2em;
}

#rinshoInn .block .areaGray {
 padding: 2em 2em 0;
 background-color: #ebebeb;
 clear: both;
 margin-bottom: 2em;
}

#rinshoInn .block .areaIndex {
 background-image: url(../img/bg_general_dot.gif);
 background-repeat: repeat-y;
 background-position: center top;
}

#rinshoInn .block .border {
 width: 100%;
 padding: 0 0 2em;
 margin-bottom: 2em;
 border-bottom: 1px dotted #000000;
}

#rinshoInn .block .bordernone {
 width: 100%;
 padding: 0em;
 margin-bottom: 0em;
}

#rinshoInn .block .areaIndex p {
 font-size: 1.3em;
 line-height: 1.7;
 text-align: left;
}

#rinshoInn .block .areaIndex p span {
 font-size: 1.15em;
 font-weight: bold;
 background-image: url(../../rinsho/img/ico_rinsho_arrow01.png);
 background-repeat: no-repeat;
 background-position: left 0.22em;
 padding-left: 1.2em;
}

#rinshoInn .block .areaIndex p a {
 color: #000000;
 text-decoration: none;
}

#rinshoInn .block .areaIndex p a:hover {
 text-decoration: underline;
}

#rinshoInn .block .areaIndex p img {
 margin-top: 6px;
}



#rinshoInn .block .boxleft {
 float: left;
 width: 49%;
 margin-bottom: 30px;
}

#rinshoInn .block .boxright {
 float: right;
 width: 49%;
 margin-bottom: 30px;
}

#rinshoInn .block .boxlast {
 clear: both;
 width: 315px;
}

#rinshoInn .block .txtIndent {
 text-indent: 1.5em;
}

#rinshoInn .block .txtIndent .messagePhoto {
 padding-top: 0.5em;
 text-indent: -1.5em;
}

#rinshoInn .block .txtIndent .indent0 {
 text-indent: 0em;
}

#rinshoInn .block .txtMinusIndent {
 padding: 0 0 0.5em 1em;
 text-indent: -1em;
}

#rinshoInn .block .area p {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
}

#rinshoInn .block .area.list p {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
 padding-left: 1.0em;
 text-indent: -1.0em;
}

#rinshoInn .block .area .section {
 font-size: 1.8em !important;
 font-weight: bold;
 color: #0066cc;
 margin-top: 0.5em;
}

#rinshoInn .block .area .section span {
 font-size: 0.85em;
 color: #000000;
}

#rinshoInn .block .area .section2 {
 font-size: 1.8em;
 font-weight: bold;
 color: #000000;
 border-left: 8px solid #009966;
 border-bottom: 1px dashed #cccccc;
 padding-left: 0.5em;
 margin-bottom: 0.85em;
}

#rinshoInn .block .area .section3 {
 font-size: 1.5em;
 color: #000000;
 background-color: #e0f3ed;
 padding-left: 1em;
 margin-bottom: 0.85em;
 line-height: 1.8;
 padding-top: 0.3em;
 padding-right: 1em;
}

#rinshoInn .boshu_left {
 width: 440px;
}

#rinshoInn .boshu_left .block .headline {
 clear: none;
}


#rinshoInn .areaInn {
 padding-left: 3em;
}


/**********2023.11 改修時追加分 **********/


.rinsho_list ul li ul li {
 font-size: 1rem !important;
 line-height: 1.8;
 text-align: left;
 background: none;
 padding-left: 0 !important;
}

.image_flex {
 display: flex;
 justify-content: space-between;
}

.image_flex img {
 max-width: 100%;
}

@media(max-width:620px) {
 .image_flex {
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
  gap: 20px
 }


}


/**********2024.2 改修時追加分 **********/

.grid_btn_area {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 10px;
 margin-top: 20px;
}

.grid_btn {
 display: grid;
 align-items: center;
 justify-content: flex-start;
 text-align: left;
 text-decoration: none !important;
 font-size: 14px;
 height: 36px;
 padding-left: 2em;
 color: #fff !important;
 background: #009966;
 position: relative;
 font-weight: 600;
 transition: opacity 0.3s;

}

.grid_btn:hover {
 opacity: 0.8;
}

.grid_btn::before {
 content: '';
 width: 5px;
 height: 5px;
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
 left: 7px;
 top: 45%;
 position: absolute;
 rotate: 45deg;
 transform: translateY(-50%);
}

#rinshoInn .block .area .movie p {
 display: block;
 padding: 0.7em 1em 0.6em;
 width: 100%;
 margin: 0.5em 0 2em;
 border: 2px solid #009966;
 box-sizing: border-box;
 text-align: center;
 font-weight: bold;
}

#rinshoInn .block .area .movie p:hover {
 background-color: #009966;
 color: #ffffff;
}

#rinshoInn .block .area .movie a {
 display: block;
 color: #000000;
 text-decoration: none;
}

#rinshoInn .grid_select_area {
 border-top: 2px solid #009966;
 background-color: #ebebeb;
 padding: 2em;
 display: grid;
 grid-template-columns: repeat(1, 1fr);
 gap: 8px;
 justify-content: space-between;
}

@media screen and (max-width:640px) {
 #rinshoInn .grid_select_area {
  grid-template-columns: repeat(1, 1fr);
 }
}

#rinshoInn .grid_select_area li {
 /* font-weight: bold; */
 font-size: 1rem;
 padding-left: 1.5em;
 background: url(../img/ico_c_arrow01.png) no-repeat left 5px;
}
#rinshoInn .grid_select_area li#iwakuni{
    grid-column: 1/3;
    
}
@media screen and (max-width:640px) {
    #rinshoInn .grid_select_area li#iwakuni{
        grid-column: 1/2;
        
    }
   }
#rinshoInn .grid_select_area li a {
 font-weight: normal;
 text-decoration: none;
 font-size: 1rem;
 white-space: nowrap;
 color: #000000;
}
#rinshoInn .grid_select_area li.grandchild{
    background: none;
    padding-left: 0
    ;
}
#rinshoInn .grid_select_area li a:hover {
 text-decoration: underline;
}

#rinshoInn .facility_images {
 display: flex;
 justify-content: space-between;
 column-gap: 20px;

}

#rinshoInn .facility_images figure {
 margin: 0;
 padding: 0;
}

#rinshoInn .txtIndentMinus {
 text-indent: -1em;
 padding-left: 1em;
}

#rinshoInn .facility_images figure:nth-child(1) {
 flex: 6;
}

#rinshoInn .facility_images figure:nth-child(2) {
 flex: 5;
}

#rinshoInn .facility_images figure img {
 width: 100%;
 object-fit: cover;
}

/*************図書室***************/

#rinshoInn .libraryblock {
 width: 726px;
 margin-left: 0;
 margin-right: -16px;
 overflow: hidden;
 padding-top: 20px;
}

#rinshoInn .libraryblock .area {
 float: left;
 width: 226px;
 padding: 1.5em 1.2em 0.75em 0;
 margin-right: 16px;
 box-sizing: border-box;
}

#rinshoInn .block .area .libraryTitle {
 position: relative;
}

#rinshoInn .block .area .libraryNote {
 display: none;
 position: absolute;
 bottom: 2.2em;
 left: 0;
 z-index: 9999;
 padding: 0.3em 0.6em 0.3em 1.2em;
 border: 1px solid #666666;
 border-radius: 4px;
 background: #f2f2f2;

 font-size: 1.4em;
 line-height: 1.4;
 text-indent: -0.6em;
}

#rinshoInn .block .area .libraryNote:after {
 width: 100%;
 content: "";
 display: block;
 position: absolute;
 left: 2em;
 bottom: -8px;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #666666;
}


/* スマホ用 */
@media screen and (max-width:640px) {
 #rinshoInn .libraryblock {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
 }

 #rinshoInn .libraryblock .area {
  width: 95%;
  padding: 1.5em 2.4em 0.75em 1.2em;
  margin-left: 0;
  margin-right: 0;
  float: none;
  min-height: 0;
  box-sizing: content-box;
 }

 #rinshoInn .block .area .libraryNote {
  display: block;
  position: static;
  border: none;
  border-radius: 0;
  background: none;

  font-size: 1.4em;
  padding-left: 1.5em;
  padding-bottom: 0.6em;
  text-indent: -0.6em;
  line-height: 1.3;
 }

 #rinshoInn .block .area .libraryNote:after {
  display: none;
 }

}

#rinshoInn .block .area .libraryTitle p:hover~.libraryNote {
 display: block;
}


/*************メニューリスト***************/


.rinsho_list ul {
 list-style: none outside none;
}

.rinsho_list ul li {
 font-size: 1.5em !important;
 line-height: 1.8;
 text-align: left;
 background: url("../img/ico_c_arrow01.png") no-repeat scroll 0 5px;
 padding-left: 20px;
}

.rinsho_list ul li a {
 text-decoration: none;
 color: #000000;
}

.rinsho_list ul li a:hover {
 text-decoration: underline;
 color: #009966;
}

p.s_menuTit {
 font-size: 1.85em !important;
 line-height: 1.0 !important;
 letter-spacing: 0.1em;
 color: #009966;
 text-align: left;
 margin-bottom: 0em;
 padding-bottom: 0.5em;
 padding-left: 0em;
}

p.s_menuTit.comment {
 font-size: 1.5em !important;
 line-height: 1.5 !important;
 letter-spacing: 0;
 color: #000000;
}

/*************リスト表示***************/

.shido dt,
.shido02 dt,
.shido03 dt,
.schedule dt,
.schedule2nd dt {
 font-size: 1.5em;
 text-align: left;
 clear: left;
 float: left;
}

.shido dd {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
 padding-left: 7em;
 margin-bottom: 0.8em;
}

.shido02 dd {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
 padding-left: 9em;
 margin-bottom: 0.8em;
}

.shido03 dd {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
 padding-left: 4em;
 margin-bottom: 0.8em;
}

.schedule dt.same,
.schedule2nd dt.same {
 padding-left: 3.6em;
}

.schedule dd,
.schedule2nd dd {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
}

.schedule dd {
 padding-left: 21em;
}

.schedule2nd dd {
 padding-left: 27em;
}


.katsudo_award {
 width: 100%;
 box-sizing: border-box;
}

.katsudo_award p {
 float: left;
 margin-right: 20px;
 margin-bottom: 15px;
}

.katsudo_award p:nth-child(3),
p:nth-child(6) {
 margin-right: 0 !important;
}

.ichinichi dt,
.ichinichi2 dt,
.ichinichi3 dt,
.ichinichi4 dt {
 font-size: 1.5em;
 text-align: left;
 clear: left;
 float: left;
}

.ichinichi dd,
.ichinichi2 dd,
.ichinichi3 dd,
.ichinichi4 dd {
 font-size: 1.5em;
 line-height: 1.7;
 text-align: left;
 margin-bottom: 0.8em;
}

.ichinichi dd {
 padding-left: 4em;
}

.ichinichi2 dd {
 padding-left: 8em;
}

.ichinichi3 dd {
 padding-left: 6em;
}

.ichinichi4 dd {
 padding-left: 5em;
}

.ichinichi dd:last-child,
.ichinichi2 dd:last-child,
.ichinichi3 dd:last-child,
.ichinichi4 dd:last-child {
 margin-bottom: 0;
}

.ichinichi4 dt {
 text-indent: 0;
}

.ichinichi4 dd p:nth-child(1) {
 margin-bottom: 0.5em;

}

.ichinichi4 dd p {
 font-size: 14px !important;
 text-indent: 0;

}

/*************メニューリスト***************/



/* スマホ用 */
@media screen and (max-width:640px) {
 /*　#main　*/

 .rinshoTit {
  width: 96%;
  height: auto;
  margin: 0 auto 0.6em;
 }

 .rinshoh2 {
  width: 96%;
  margin: 0 auto 0.6em;
 }

 #print {
  display: none;
 }

 #rinshoInn {
  width: 96%;
  margin: auto;
 }

 #rinshoInn .block {}

 #rinshoInn .block .headline {}

 #rinshoInn .block .area {}

 #rinshoInn .block .areaGray {}

 #rinshoInn .block .areaIndex {
  background-image: none;
 }

 #rinshoInn .block .border {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
 }

 #rinshoInn .block .bordernone {
  width: 100%;
  padding-right: 10px;

 }

 #rinshoInn .block .areaIndex p {}

 #rinshoInn .block .areaIndex p span {}

 #rinshoInn .block .areaIndex p a {}

 #rinshoInn .block .areaIndex p a:hover {}

 #rinshoInn .block .areaIndex p img {}


 #rinshoInn .block .boxleft {
  float: none;
  width: 315px;
  margin: 0 auto 5px;
 }

 #rinshoInn .block .boxright {
  float: none;
  width: 315px;
  margin: 0 auto;
 }

 #rinshoInn .block .txtIndent {}

 #rinshoInn .block .txtMinusIndent {}

 #rinshoInn .block .area p {}

 #rinshoInn .block .area .section {}

 #rinshoInn .block .area .section span {}



 /*************メニューリスト***************/

 .rinsho_list {
  margin-bottom: 10px;
 }

 .rinsho_list dl {
  width: 96%;

 }

 .rinsho_list dt {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin-bottom: 0px;
 }

 .rinsho_list dd {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px dashed #CCCCCC;
  background: url("../../rinsho/img/ico_rinsho_arrow01.png") no-repeat scroll 0 5px;
 }

 p.s_menuTit {}



 /*************リスト表示***************/

 .rinsho_list_c {
  margin-bottom: 10px !important;
 }

 .katsudo_award {}

 .katsudo_award p {}

 .katsudo_award p:nth-child(3),
 p:nth-child(6) {
  margin-right: 20px !important;
 }

 /*************メニューリスト***************/


 /*　#side　*/

 #subMenu.rinshoSub .title {}

 #subMenu.rinshoSub .first {}

 #subMenu.rinshoSub .first:hover {}

 #subMenu.rinshoSub .second li {}

 #subMenu.rinshoSub .second .third li {}


 #rinshoInn .libraryblock {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
 }

 #rinshoInn .libraryblock .area {
  width: 95%;
  padding: 1.5em 2.4em 0.75em 1.2em;
  margin-left: 0;
  margin-right: 0;
  float: none;
  min-height: 0;
  box-sizing: content-box;
 }



}