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

body {
	font-family: 'Midashi Go MB31';
	color:#4d4d4d;
}

#wrap{background-image: url(./images/back_05.jpg);
	background-position: center 360px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}
#yodogawa .inner {
	letter-spacing: 0.14em;}
article {
	max-width: 700px;
	padding: 0;
  border-left: 15px solid #3483ef;
  border-right: 15px solid #3483ef;
  background-color: rgba(255,255,255,0.9);
}


  
.profile_detail{text-align: center;}

.talker_icon {
	width: 60px;
}


#index_nav .date {
  text-align: center;
}

#index_nav .title {
  padding: 50px;
}
#index_nav .title img {
  width: 271px;
height: auto;
  max-width: 100%;
}
	
#talk_wrap {
	padding-top: 50px;
}
#information_free{background-color:#fff;}

footer {
  padding-top: 100px;
  background-color:#fff;
}
#index_nav, #talk_nav, .talk_nav, #information li, #information_free li {
  margin-top: 0;
  margin-bottom: 0;
}

#talk_wrap h2 img {
   width: 271px;
height: auto;
  max-width: 100%;
}
#talk_wrap .talk_end, #talk_wrap .talk_end p {
  margin: 0;
}
#talk_wrap .talk_end {
  padding-top: 3em;
}
#talk_wrap .talk_end p + p {
  padding-top: 10px;
  padding-bottom: 5em;
}

#yodogawa {
  padding-top: 30px; 
  padding-bottom: 2em; 
}
#yodogawa .btn_profile {
  text-align: center;
}
#information li, #information_free li {
  padding-top: 80px;
  padding-bottom: 10px;
}
@media (min-width: 641px){
  #yodogawa .inner {
    text-align: center;
  }
}

@media (max-width: 906px) {
  #kv {
    margin-left: calc((906px - 100vw) / 2 * -1);
  }
}
@media (max-width: 640px){
	#wrap{background-image: none;
}
article {
  border-left: 5px solid #3483ef;
  border-right: 5px solid #3483ef;
  background-color: rgba(255,255,255,0.9);
}

  #kv {
    margin-left: 0;
    width: 100%;
  }
  #yodogawa {
    padding: 10px 10px 0px 10px;
    text-align: center;
  }
  #talk_body dl {
    margin: 0 1rem;
  }
  .only_tablet #talk_body dl {
    margin: 0 auto; 
  }
  #talk_body dd {
    padding: 0 0;
    letter-spacing: 0.1em;
  }
  #information li .info_desc, #information_free li .info_desc {
    letter-spacing: 0.1em;
    text-align: justify;
  }
  #yodogawa .inner {
    letter-spacing: 0.1em;
    text-align: justify;
  } 
  footer {
    padding-top: 80px;
  }
	#information li .info_img, #information_free li .info_img {
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
  }
  #information li .info_desc, #information_free li .info_desc {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .only_tablet #information li .info_desc, .only_tablet #information_free li .info_desc {
    max-width: 480px;
    margin: 0 auto;
  }
  #information_free li {
    padding-top: 20px;
  }
  #talk_wrap h2 img, #index_nav .title img {
    width: 180px;
  }
	#information li, #information_free li {
  padding-top: 40px;
}
}