@charset "UTF-8";
/* CSS Document */

body{font-family: Shuei MaruGo L;}

#yodogawa a{background:linear-gradient(transparent 60%, #FFF600 60%);}

#wrap{
    background-color: #FFF600;
    background-image:
	 repeating-linear-gradient(45deg,#fff, #fff 30px,transparent 0, transparent 70px);
	 background-attachment: fixed;
}


article {
    max-width: 870px;
    padding: 20px 0px;
    background-color: #fff;
    margin: 0 auto;
}

#kv {
  width:600px;
  margin:0 auto;
  padding-bottom:80px;
}

#index_nav{
  display: none;
}
.talk_nav_top, .talk_nav_bottom .index {
  display: none;
}

#talk_wrap .next_post{display:none;}

#talk_wrap{padding-top: 60px;border-top:1px solid #2E77FF;}

#yodogawa .inner {color: #2E77FF;
padding-bottom:60px;
text-align:center;
}

#talk_wrap h2 .s{
font-size:60%;
color: #2E77FF;
padding-top:20px;}


#talk_body .txt_box{
    max-width: 870px;
    padding: 80px;
    margin: 20px auto 60px auto;
    box-sizing: border-box;
}

.memo{background-color:#fff;
padding:50px;
line-height:1.8em;
border:  solid 1px #2E77FF;
border-top: solid 12px #2E77FF;}

.trip{color: #2E77FF;
font-size:1.6em;
}

.trip ul{
    display: flex;
}

.trip img{width:56px;}

.masako{padding-top:60px;
padding-bottom:30px}

.icon{text-align:right;
      color:#2E77FF;}

.pt20{padding-top: 20px;
width:280px;}

.yukari{border-top: 3px #2E77FF dotted;
padding-top:40px;}

#talk_body .pic.v {
    max-width: 700px;
}

#information li .info_desc, #information_free li .info_desc {
    max-width: 470px;
    margin: 0 auto;
    text-align: left;
}

#information .info_title, #information_free .info_title {
    /* margin: 80px 0 50px 0; */
    margin: 0 0 50px 0;
    line-height: 1.7em;
    font-size:1.6em;
    color: #2E77FF;
    width: 470px;
    margin: 0 auto;
    padding-bottom: 40px;
  padding-top:20px;
}
hr.style-one { border: 0;
    border-bottom: 1px solid #2E77FF;
}
/* #information_free{border-top: 1px solid #2E77FF;} */


#information li .info_img img, #information_free li .info_img img {
    width: 100%;
    max-width: 540px;
}

.book{width:50%;
padding-top:20px;}

.cap{color: #666699;}


/* アイコンの目次 */
.index_gallery {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  background-color: rgb(255,255,255);
  padding: 1em 5em 4em 5em;
}
.index_gallery:before {
  content:"";
  display:block;
  width: 18%;
  height:0;
  order:1;
}
.index_gallery:after {
  content:"";
  display:block;
  width: 18%;
  height:0;
}
.index_gallery img {
  max-width: 100%;
  object-fit: cover;
  width: 100px;
  height: 100px;
}
.index_gallery li {
  width: 18%;
  text-align: center;
  margin-top: 1em;
  padding-left:0.8em;
}
.is_pc .index_gallery a .index_img:hover {
  transition: opacity .15s ease .0s;
  opacity: .7;
}
.index_gallery .index_img {
  max-width: 100px;
  margin: 0 auto;
}
.index_gallery .index_img div {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
}
.index_gallery p {
  margin-top: 3%;
  font-size: 80%;
}
/* アイコンの目次 ここまで */


@media (max-width: 900px) {
  #kv {
  max-width:100%;
  padding-top:10px;
}}

@media (max-width: 640px) {
#wrap{
    background-color: #FFF600;
    background-image:
	 repeating-linear-gradient(45deg,#fff, #fff 18px,transparent 0, transparent 40px);
}
#kv {
  width:100%;
 margin:0 auto;
 padding-bottom:20px;
}

#yodogawa .inner {
  width:20em;
  max-width: 100%;
  color: #2E77FF;
padding-left:0px;
margin-top:0px;
text-align: justify;
 text-justify: inter-ideograph;}

#talk_wrap{padding-top: 50px;}

article {
    max-width: 86%;
    padding: 3%;
    background-color: #fff;
    margin: 0 auto;
}
.title .s {
font-size:140%;
color: rgb(0, 119, 179);
padding-top:0px;}




#talk_body .txt_box{
    max-width: 100%;
    padding: 0px;
    margin: 60px auto 40px auto;
    font-size:98%;
}


.memo{background-color:#fff;
padding:15px;
border:  solid 1px #2E77FF;
border-top: solid 8px #2E77FF;}

.trip{color: #2E77FF;
font-size:1.2em;
padding-top:10px;
}

.trip ul{
    display: flex;
}

.trip img{width:56px;}

.masako{padding-top:60px;
padding-bottom:30px}


.yukari{border-top: 1px #2E77FF dotted;
padding-top:40px;}

.pt20{width:100%;}

#information li .info_desc, #information_free li .info_desc {
    max-width: 90%;
}

#information li .info_img img, #information_free li .info_img img {
    width: 70%;
    max-width: 320px;
}

#information .info_title, #information_free .info_title {
    /* margin: 10px 0 20px 0; */
    line-height: 1.7em;
    font-size:1.6em;
    color: #2E77FF;
    width: 90%;
}



footer .inner {padding-top:50px;}

/* アイコンの目次 */
.index_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: rgb(255,255,255);
  padding: 0em 0.5em 2em 0.5em;
  border-bottom: 1px solid #2E77FF;
}
.index_gallery:before {
  content:"";
  display:block;
  width: 22%;
  height:0;
  order:1;
}
.index_gallery:after {
  content:"";
  display:block;
  width: 22%;
  height:0;
}
.index_gallery img {
  max-width: 100%;
}
.index_gallery li {
  width: 22%;
  text-align: center;
  margin-top: 1em;
  padding-left:0em;
}
.index_gallery p {
  margin-top: 3%;
  font-size: 60%;
}
}