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

body{ font-family: Shuei MaruGo L;}

#kv {
  width: 100vw;
  margin-left: calc((100vw - 100%) / 2 * -1);
}
header img {
  display: block;
  width: 45vw;
  margin:0 auto;
  padding-top:40px;
  padding-bottom:80px;
}

#yodogawa .inner{text-align: center;}

#talk_wrap h2 .s{
font-size:100%;
color: rgb(0, 119, 179);
padding-top:20px;}

.title .s {
font-size:140%;
color: rgb(0, 119, 179);
padding-top:30px;}

.komidashi{font-size:140%;}

#talk_body .txt_box{
    max-width: 700px;
    padding: 40px;
    margin: 20px auto 60px auto;
    box-sizing: border-box;
    background-color: #FFFFE0;
    border-radius: 20px;
}

#information li .info_desc, #information_free li .info_desc {
    max-width: 34em;
    margin: 0 auto;
    text-align: left;
}
#information li .info_img img, #information_free li .info_img img {
    width: 100%;
    max-width: 740px;
}
.y_m{max-width:80%;}
.y_m2{max-width:50%;}
.midashi{font-size:120%;background: linear-gradient(transparent 50%, #FFFFCB 50%);}
hr {border: 1px #4B202F solid;background-color: #4B202F;}
.s_brand{width:80%;padding-top:20px;}

.caption{font-size: 13px;
    color: #666;}

.kaiki{font-size:140%; color:#FF3800;
background: linear-gradient(transparent 50%, #FFFFCB 50%);}

.nofont{font-family:Meiryo UI;}

@media (min-width: 900px) {header img {
  width: 30vw;
}
}

@media (max-width: 640px) {

.title .s {
font-size:140%;
color: rgb(0, 119, 179);
padding-top:0px;}
	
 header img {
  width: 70vw;
  margin:0 auto;
  padding-top:20px;
  padding-bottom:0px;
}
article {
    max-width: 98%;
    padding: 5px;
    margin: 0 auto;
}
#kv {
  padding-top:10px;
}
#yodogawa .inner{text-align: left;}
#index_nav .title img{max-width:100%;}
#talk_body .txt_box{
    max-width: 99%;
    padding: 14px;
    border-radius: 10px;
}

.y_m{max-width:100%;}
.y_m2{max-width:100%;}
.s_brand {
    margin: 0 auto;
}
}