@charset "utf-8";

/* .menu-content
================================================== */
.menu-content {
  width: 100%;
  margin:0 auto 5%;
  padding:1% 2% 0;
  box-sizing: border-box;
  position: relative;
}

.kazariL{
  position: absolute;
  top: 0;
  left: 0;
  width:10%;
  max-width:224px;
}

.kazariR{
  position: absolute;
  top: 0;
  right: 0;
  width:10%;
  max-width:224px;
}

.kazariL img,.kazariR img{
  width:100%;
  height:auto;
}

.menu_ttl{
  text-align: center;
}

.menu-content h2{
  font-size:2.5em;
  font-weight:600;
  font-family: 'Hina Mincho', sans-serif;
  margin-bottom:3%;
  border-bottom:1px solid #401f0f;
  padding:0 2% 10px;
  display:inline-block;
}

@media screen and (max-width: 820px) {
.menu-content h2{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.menu-content h2{
  font-size:1.6em;
}
}

.menu-catch{
  font-size:1.35em;
  margin-bottom:3%;
  text-align: center;
  line-height:1.6;
}

@media screen and (max-width: 820px) {
.menu-catch{
  font-size:1.25em;
}
}

@media screen and (max-width: 568px) {
.menu-catch{
  font-size:1em;
}
}

.menu_cation{
  background: rgba(255, 255, 255, 0.5);
  width:94%;
  margin:3% auto 1%;
  padding:2% 3%;
  box-sizing: border-box;
  font-size:1.35em;
  text-align: center;
  line-height:1.8;
}

@media screen and (max-width: 1280px) {
.menu_cation{
  width:96%;
  margin:3% auto 1%;
  font-size:1.25em;
}
}

@media screen and (max-width: 820px) {
.menu_cation{
  font-size:1.1em;
}
}

@media screen and (max-width: 568px) {
.menu_cation{
  width:100%;
  font-size:0.95em;
  text-align: left;
  line-height:1.6;
  padding:2% 3% 3%;
}
}

.menu_cation span{
  font-size:1.2em;
  color:#b40010;
}

.menu_cation2{
  width:96%;
  text-align: center;
  margin:1% auto 5%;
}

.mct01{
  display:inline-block;
  box-sizing: border-box;
  padding-right:10px;
  vertical-align: middle;
  line-height:1.2;
}

.mct02{
  display:inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  line-height:1.2;
  padding:5px 2px 5px 5px;
  font-size:1.1em;
  border:1px solid #f8011a;
  color:#f8011a;
  font-weight:600;
}

@media screen and (max-width: 568px) {
.mct01{
  display:block;
  padding-right:0px;
  line-height:1.2;
  margin:10px auto;
  font-size:0.95em;
}

.mct02{
  line-height:1.2;
  font-size:1.1em;
}
}


.course-list{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:0 2%;
  box-sizing: border-box;
}

@media screen and (max-width: 820px) {
.course-list{
  padding:0;
}
}

.course-box{
  width:100%;
  background-position:center center;
  background-repeat:repeat-y;
  background-size:100% auto;
  background-image:url(../images/bg-course.png);
  margin:0 auto -14px;
  position: relative;
  z-index:1;
}

@media screen and (max-width: 440px) {
.course-box{
  margin:0 auto -17px;
}
}

.course-top{
  width:100%;
  position: absolute;
  top: 0;
  left: 0;
}

.course-top img{
  height:auto;
  width:100%;
}

.course-bttm{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}

.course-bttm img{
  height:auto;
  width:100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  list-style-type: none;
}

.course-syousai{
  padding:16% 5% 5%;
  box-sizing: border-box;
  position: relative;
  z-index:2;
}

@media screen and (max-width: 568px) {
.course-syousai{
  padding:16% 1% 5%;
}
}

#cmbt5{
  margin-bottom:10%;
}

.crs-price{
  margin-bottom:10px;
  text-align: center;
  font-size:5em;
  line-height:1.2;
}

@media screen and (max-width: 820px) {
.crs-price{
  font-size:3.5em;
}
}

@media screen and (max-width: 568px) {
.crs-price{
  font-size:2.5em;
}
}

.course-syousai #pred{
  color:#b40010;
}

.course-syousai #pgld{
  color:#826b37;
}

.course-syousai #pblw{
  color:#714e39;
}

.crs-price span{
  margin-left:2px;
}

.crs-prc01{
  margin-bottom:10px;
  text-align: center;
  font-size:1.35em;
}

.crs-prc02{
  text-align: center;
  margin-bottom:3%;
}

@media screen and (max-width: 820px) {
.crs-prc01{
  font-size:1.2em;
}
}

@media screen and (max-width: 568px) {
.crs-prc01{
  font-size:1em;
}

.crs-prc02{
  font-size:0.95em;
}
}

.course-txt{
  width:100%;
  margin:3% auto;
  text-align: center;
}

.ctxt-ttl{
  width:50%;
  margin:0 auto;
  text-align: center;
  line-height:1;
  padding:10px 5px;
  box-sizing: border-box;
  font-size:1.5em;
  color:#FFF;
  margin-bottom:15px;
}

@media screen and (max-width: 820px) {
.ctxt-ttl{
  font-size:1.4em;
}
}

@media screen and (max-width: 568px) {
.ctxt-ttl{
  font-size:1.3em;
  margin-bottom:5px;
}
}

.course-txt #cred{
  background:#92000a;
}

.course-txt #cgld{
  background:#938052;
}

.course-txt #cblw{
  background:#714e39;
}

.course-txt ul{
  text-align: center;
}

.course-txt li{
  font-size:1.35em;
  padding:3px 0;
}

@media screen and (max-width: 1280px) {
.course-txt li{
  font-size:1.25em;
}
}

@media screen and (max-width: 568px) {
.course-txt li{
  font-size:1.15em;
  line-height:1.4;
  padding:5px 0;
}
}

@media screen and (max-width: 440px) {
.course-txt li{
  font-size:1.05em;
}
}

.cs-time{
  text-align: right;
  margin-top:3%;
  margin-right:5%;
}

.cs-time p{
  display:inline-block;
  font-size:1.1em;
  line-height:1.2;
  color:#000;
  border: 1px solid #000;
  padding:3px 10px;
}

@media screen and (max-width: 568px) {
.cs-time{
  margin-right:2%;
}

.cs-time p{
  font-size:1em;
}
}

.course-cation{
  width:80%;
  border-top: 2px solid #938052;
  margin:0 auto;
}

@media screen and (max-width: 820px) {
.course-cation{
  width:96%;
}
}

@media screen and (max-width: 568px) {
.course-cation{
  width:100%;
}
}

.course-cation ul{
  width:100%;
  max-width:500px;
  padding-top:3%;
  margin:0 auto;
}

.course-cation li{
  font-size:1.05em;
  padding:3px 0;
}

@media screen and (max-width: 820px) {
.course-cation li{
  font-size:1em;
}
}

@media screen and (max-width: 568px) {
.course-cation li{
  font-size:0.95em;
  padding:1px 0;
}
}

.course-joho{
  background: rgba(255, 255, 255, 0.5);
  width:98%;
  margin:4% auto 5%;
  padding:2% 3%;
  box-sizing: border-box;
  max-width:1100px;
}

.course-joho-txt{
  display:block;
  margin-bottom:5px;
}

.cj-tx01{
  font-size:1.3em;
  margin-bottom:5px;
}

.cj-tx01s{
  font-size:1.3em;
  display:inline-block;
  vertical-align: middle;
  margin-right:30px;
}

@media screen and (max-width: 820px) {
.cj-tx01{
  font-size:1.2em;
  margin-bottom:5px;
}

.cj-tx01s{
  font-size:1.2em;
  margin-right:20px;
}
}

@media screen and (max-width: 568px) {
.cj-tx01{
  font-size:1em;
}

.cj-tx01s{
  font-size:1em;
  margin-right:10px;
}
}

.cj-tx02{
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 568px) {
.cj-tx02{
  font-size:0.95em;
  display:block;
}
}


#cjmbt5{
  margin-bottom:2%;
}

.course-joho li{
  font-size:1.2em;
  display:inline-block;
  vertical-align: top;
  margin-right:10px;
}

@media screen and (max-width: 568px) {
.course-joho li{
  font-size:1em;
  display:block;
  margin:7px 0;
}
}

/* .news-content
================================================== */
.news-content {
  width: 100%;
  margin:0 auto 5%;
  padding:0 2%;
  box-sizing: border-box;
  position: relative;
}

.news-content .sb_ttl{
  width:80%;
  margin:0 auto 3%;
  text-align: center;
  border-bottom:1px solid #401f0f;
  padding:0 0 20px;
}

.news-content .sb_ttlL{
  width:94%;
  max-width:850px;
  margin:0 auto 3%;
  text-align: center;
  border-bottom:1px solid #401f0f;
  padding:0 0 20px;
}

@media screen and (max-width: 820px) {
.news-content .sb_ttl{
  width:100%;
  margin:0 auto 3%;
  padding:0 0 15px;
}

.news-content .sb_ttlL{
  width:100%;
  margin:0 auto 3%;
  padding:0 0 15px;
}
}

.news-content h2{
  font-size:2.5em;
  font-weight:600;
  font-family: 'Hina Mincho', sans-serif;
  margin-bottom:0;
}

@media screen and (max-width: 820px) {
.news-content h2{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.news-content h2{
  font-size:1.6em;
}
}

.sb_ttl p{
  font-size:1.5em;
  font-weight:500;
  letter-spacing:0.1em;
}

@media screen and (max-width: 820px) {
.sb_ttl p{
  font-size:1.4em;
}
}

@media screen and (max-width: 568px) {
.sb_ttl p{
  font-size:1.3em;
}
}

.news-catch{
  font-size:1.1em;
  margin-bottom:2%;
  text-align: center;
}

@media screen and (max-width: 568px) {
.news-catch{
  font-size:0.95em;
}
}

.news-box{
  width:100%;
  max-width:1100px;
  margin:3% auto 5%;
  position: relative;
}

@media screen and (max-width: 820px) {
.news-box{
  width:98%;
}
}

.news-top{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}

.news-btm{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}

.news-top img,.news-btm img{
  height:auto;
  width:100%;
}

.news-list{
  width:100%;
  box-sizing: border-box;
  padding:0 5% 3%;
  background-position:center center;
  background-repeat:repeat-y;
  background-size:100% auto;
  background-image:url(../images/top/bg-news.png);
  margin:0 auto -1px;
  position: relative;
  z-index:2;
}

@media screen and (max-width: 820px) {
.news-list{
  margin:0px auto -10px;
  padding:10px 30px 30px;
}
}

@media screen and (max-width: 568px) {
.news-list{
  margin:-5px auto -10px;
  padding:15px 20px 20px;
}
}

.news-ttl{
  font-size:2em;
  font-weight:400;
  line-height:1.4;
  margin-bottom:1.5%;
  text-align: center;
}

@media screen and (max-width: 820px) {
.news-ttl{
  font-size:1.6em;
  margin-bottom:2%;
}
}

@media screen and (max-width: 568px) {
.news-ttl{
  font-size:1.5em;
  margin-bottom:2%;
}
}

.news-list dl{
  width:100%;
  box-sizing: border-box;
  padding:2% 1% 5px;
  border-bottom:1px solid #462513;
  color:#462513;
  font-size:1.25em;
}

@media screen and (max-width: 820px) {
.news-list dl{
  font-size:1.1em;
  padding:20px 1% 5px;
}
}

@media screen and (max-width: 568px) {
.news-list dl{
  padding:15px 1% 5px;
  margin-bottom:5px;
}
}

.news-list dt{
  width:15%;
  display:inline-block;
  vertical-align:top;
  box-sizing: border-box;
  padding:0 5px;
}

.news-list dd{
  width:85%;
  display:inline-block;
  vertical-align:top;
  box-sizing: border-box;
  padding:0 0 0 2%;
  font-size:1.1em;
}

@media screen and (max-width: 820px) {
.news-list dt{
  width:100%;
  display:block;
  padding:0 8px;
  line-height:1;
  font-size:0.95em;
}

.news-list dd{
  width:100%;
  display:block;
  padding:5px;
  font-size:1em;
  line-height:1.5;
}
}

.news-list dd a{color:#462513;text-decoration:none;}
.news-list dd a:hover{color:#462513;text-decoration:underline;}


.news-syousai{
  width:100%;
  max-width:850px;
  margin:0 auto;
  padding:2% 0;
}

.news-syousai h3{
  font-size:1.4em;
  font-weight:400;
  padding:0 1%;
  text-align: center;
}

@media screen and (max-width: 568px) {
.news-syousai h3{
  font-size:1.2em;
}
}

.news-entry{
  width:100%;
  box-sizing: border-box;
  padding:2% 3% 5%;
  border-bottom:1px dotted #401f0f;
}

@media screen and (max-width: 820px) {
.news-entry{
  padding:2% 1% 5%;
}
}

@media screen and (max-width: 568px) {
.news-entry{
  padding:2% 0 5%;
}
}

.nw_day{
  width:100%;
  box-sizing: border-box;
  padding:1% 2%;
  font-size:0.95em;
  text-align: right;
}

.news-entry p{
  font-size:1em;
  line-height:1.8;
  padding:2px 5px;
}

.news-entry img{
  width:auto;
  height:auto;
  max-width:100%;
  margin:10px auto;
}

/* .qa-content
================================================== */
.qa-content {
  width: 100%;
  margin:0 auto 5%;
  padding:50px 2% 0;
  box-sizing: border-box;
  position: relative;
}

.qa-titles{
  position: absolute;
  top:-35px;
  left: 30%;
  width:150px;
}

@media screen and (max-width: 568px) {
.qa-titles{
  left: 20%;
  width:120px;
  top:-15px;
}
}

.qa-titles img{
  height:auto;
  width:100%;
}

.qa-content h2{
  font-size:2.5em;
  font-weight:600;
  font-family: 'Hina Mincho', sans-serif;
  margin-bottom:3%;
  text-align: center;
  border-bottom:1px solid #401f0f;
  padding:0 0 10px;
}

@media screen and (max-width: 820px) {
.qa-content h2{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.qa-content h2{
  font-size:1.6em;
}
}

.qa-catch{
  font-size:1.35em;
  margin-bottom:3%;
  text-align: center;
  line-height:1.6;
}

@media screen and (max-width: 820px) {
.qa-catch{
  font-size:1.25em;
}
}

@media screen and (max-width: 568px) {
.qa-catch{
  font-size:0.95em;
}
}

/* .qa-box */

.qa-box{
  width:100%;
  margin:2% auto;
  position: relative;
}

.qa-tbtm{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}

.qa-box img{
  height:auto;
  width:100%;
}

.qa-syousai{
  width:100%;
  box-sizing: border-box;
  padding:1px 5% 5px;
  background-position:center center;
  background-repeat:repeat-y;
  background-size:100% auto;
  background-image:url(../images/bg-qa.png);
  margin:0 auto -3px;
  position: relative;
  z-index:2;
}

@media screen and (max-width: 820px) {
.qa-syousai{
  margin:-2px auto -10px;
}
}

@media screen and (max-width: 568px) {
.qa-syousai{
  margin:-6px auto -11px;
}
}

.qa_list{
  width:100%;
  margin:3% auto;
}

@media screen and (max-width: 820px) {
.qa_list{
  margin:5% auto;
}
}

.qa_list dt {
  width:10%;
  display:inline-block;
}

.qa_list dt img {
  width:100%;
  height:auto;
}

.qa_list dd {
  width:90%;
  display:inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left:3%;
}

.qa dt {
  vertical-align: middle;
}

.qa dd {
  vertical-align: middle;
}

.anw{
  margin-top:2.5%;
}

.anw dt {
  vertical-align: top;
}

.anw dd {
  vertical-align: top;
}

.qa p {
  font-size:2em;
}

.anw p {
  font-size:1.3em;
}

@media screen and (max-width: 820px) {
.qa p {
  font-size:1.5em;
}

.anw p {
  font-size:1.1em;
}
}

@media screen and (max-width: 568px) {
.qa p {
  font-size:1.2em;
}

.anw p {
  font-size:0.95em;
  line-height:1.4;
}
}

@media screen and (max-width: 400px) {
.qa p {
  font-size:1.1em;
}
}

/* .jr
================================================== */
.jr-top{
  width:100%;
  margin:0 auto;
  max-width:1580px;
}

.jr-top img{
  width:100%;
  height:auto;
}

/* .jr-content
================================================== */
.jr-content {
  width: 100%;
  margin:0 auto 5%;
  padding:1% 2% 0;
  box-sizing: border-box;
}

.jr-content h2{
  font-size:2.5em;
  font-weight:600;
  font-family: 'Hina Mincho', sans-serif;
  margin-bottom:3%;
  text-align: center;
}

@media screen and (max-width: 820px) {
.jr-content h2{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.jr-content h2{
  font-size:1.6em;
}
}

.jr-catch{
  font-size:1.35em;
  margin-bottom:10px;
  text-align: center;
  line-height:1.6;
}

.jr-catchs{
  font-size:1.1em;
  margin-bottom:5%;
  text-align: center;
  line-height:1.6;
}

@media screen and (max-width: 820px) {
.jr-catch{
  font-size:1.25em;
}
}

@media screen and (max-width: 568px) {
.jr-catch{
  font-size:0.95em;
}

.jr-catchs{
  font-size:0.95em;
}
}

.jr-btn{
  width:100%;
  margin:2% auto 5%;
}

.jr-btn ul {
  display: flex;
  list-style: none;
  padding: 0
}

.jr-btn li {
  width: calc((100% - 0%) / 4);
  padding:0 1%;
  box-sizing: border-box;
}

.jrbt-nam{
  width:100%;
  height:100px;
  position: relative;
}

.jrbt-nam-bx {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background-color: #b40010;
}

.jrbt-nam-bx p{
  color:#FFF;
  font-size:1.2em;
  line-height:1.4;
}

.jrbt-nam-bx p small{
  color:#FFF;
  font-size:0.8em;
}

.jrbt-photo{
  width:100%;
  position: relative;
}

.jrbt-photo img{
  width:100%;
  height:auto;
}


.jrbt-photo p {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: center;
  padding:5px 0;
  background:#feff3a;
  color:#b40010;
  font-size:1.15em;
  letter-spacing:0.1em;
}

.jrbt-info{
  width:100%;
  padding:5px 0 0;
  background:#FFF;
}

.jrbt-info .telp{
  text-align: center;
  padding:5px 5px 10px;
  font-size:1.3em;
}

.jrbt-info .jrmbt{
  width:76%;
  max-width:329px;
  margin:0 auto 20px;
}

.jrbt-info .jrmbt img{
  width:100%;
  height:auto;
}

.jrbt-info .jrmbt a:hover img{
  opacity: 0.6;
}

.jrbt-info .bt-img{
  width:100%;
  margin:0;
  padding:0;
}

.jrbt-info .bt-img img{
  width:100%;
  height:auto;
}

.jr-box{
  width:100%;
  background:#FFF;
  margin-bottom:5%;
}

.jr-info{
  width:100%;
  padding:4% 5% 5%;
  box-sizing: border-box;
}

.jr-shop{
  width:100%;
}

.jr-name{
  width:100%;
  margin:0 auto;
  padding:15px 10px;
  box-sizing: border-box;
  background-color:#b40010;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:94% auto;
  position: relative;
  line-height:1;
  color:#FFF;
  text-align: center;
}

#bg_ck01{
  background-image:url(../images/bg-check.gif);
}

#bg_ck02{
  background-image:url(../images/bg-check2.gif);
}

.jr-obi{
  display:inline-block;
  vertical-align: middle;
  margin-left:10px;
  padding-top:10px;
}

.jr-obi p{
  padding:8px 10px 10px;
  font-size:1.15em;
  border:2px solid #FFF;
  color:#FFF;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  letter-spacing:0.1em;
}

.jrn-nam{
  display:inline-block;
  vertical-align: middle;
}

.jr-name .jrn-nam .nsm{
  font-size:1.4em;
  display:inline-block;
  vertical-align: middle;
  margin-right:10px;
}

@media screen and (max-width: 1280px) {
.jr-name .jrn-nam .nsm{
  font-size:1.25em;
}
}


.jr-name .jrn-nam .nlg{
  font-size:2.8em;
  display:inline-block;
  vertical-align: middle;
}

.jr-name .jrn-nam .nlgs{
  font-size:2em;
  display:inline-block;
  vertical-align: middle;
}

.jr-photo{
  width:38%;
  display:inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left:5px;
}

.jr-photo img{
  width:100%;
  height:auto;
}

.jr-text{
  width:62%;
  display:inline-block;
  vertical-align: top;
  padding:0 5px 0 3%;
  box-sizing: border-box;
}

.jr-text .label{
  color:#FFF;
  font-size:1.2em;
  line-height:1;
  padding:5px 8px;
  background-color:#401f0f;
  display:inline-block;
  margin-bottom:3px;
  text-align: center;
}

.jr-text #middl{
  vertical-align: middle;
}

.jr-text #inlb{
  display:inline-block;
  vertical-align: middle;
  margin-left:10px;
}

.jr-text .jtxt{
  font-size:1.25em;
  line-height:1.5;
}

.jblc{
  display:block;
  margin-bottom:15px;
}

#pm5{
  margin-bottom:15px;
}

#tm5{
  display:block;
  margin-top:25px;
}

.takuhai{
  width:100%;
  margin:2% auto 0;
  padding:0 0 15px;
  background:url(../images/takuhai.gif) repeat-x bottom center;
}

.takuhai-ttl {
  background:url(../images/takuhai.gif) repeat-x center center;
  width:100%;
  margin:0 auto 5px;
}

.takuhai-ttl p {
  padding:0 10px 0 0;
  background:#FFF;
  display:inline-block;
  letter-spacing:0.05em;
  font-size:1.1em;
}

@media screen and (max-width: 568px) {
.takuhai-ttl p {
  line-height:1.6;
  font-size:1.3em;
  margin-bottom:3%;
}
}

.tkh-tx{
  font-size:1.1em;
}

.g-map {
  width:100%;
  margin: 2% auto 0;
}

.g-map iframe {
  width: 100%;
  height: 100%;
  min-height:300px;
}

.jr-box .about-buttons{
  margin-top:3%;
  margin-bottom:3%;
  text-align: center;
  font-weight:400;
  font-size:1.4em;
}

@media screen and (max-width: 810px) {
.jr-box .about-buttons{
  text-align:center;
  margin-left:auto;
}
}

@media screen and (max-width: 568px) {
.jr-box .about-buttons{
  margin-top:5px;
  margin-bottom:5px;
  font-size:0.95em;
}
}

.jr-box .about-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.jr-box .about-button.c-button--ghost{display:inline-table;padding:10px 15%;background-color:#b30019;border:1px solid #b30019;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.jr-box .about-button.c-button--ghost:hover{border:1px solid #b30019;}
.jr-box .about-buttons a{text-decoration:none;}
.jr-box .about-buttons a:hover{text-decoration:none;display:inline-table;background-color:#FFF;color:#b30019;text-shadow:none;}


.takuhai-info {
  width:100%;
  margin:0 auto;
}

.takuhai-info-ttl {
  display:block;
  margin:0 auto 2%;
  color:#401f0f;
  border:1px solid #401f0f;
  padding:10px 0;
  font-size:1.5em;
  text-align: center;
}

.takuhai-info li {
  font-size:1.05em;
  padding:2px 1%;
}


.takuhai-info .about-buttons{
  margin-top:3%;
  text-align: center;
  font-weight:400;
  font-size:1.4em;
}

@media screen and (max-width: 810px) {
.takuhai-info .about-buttons{
  text-align:center;
  margin-left:auto;
}
}

@media screen and (max-width: 568px) {
.takuhai-info .about-buttons{
  margin-top:5px;
  margin-bottom:5px;
  font-size:0.95em;
}
}

.takuhai-info .about-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.takuhai-info .about-button.c-button--ghost{display:inline-table;padding:10px 15%;background-color:#FFF;border:1px solid #b30019;color:#b30019;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.takuhai-info .about-button.c-button--ghost:hover{border:1px solid #b30019;}
.takuhai-info .about-buttons a{text-decoration:none;}
.takuhai-info .about-buttons a:hover{text-decoration:none;display:inline-table;background-color:#b30019;color:#FFF;text-shadow:none;}

.news_list {
  width:96%;
  margin:8% auto;
}

.nws-ttl {
  font-size:3.5em;
  font-weight:500;
  margin-bottom:2%;
  text-align: center;
  font-family: 'Crimson Text', sans-serif;
  letter-spacing:0.05em;
}

.news_list li{
  width:33.3333%;
  padding: 2%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
}

@media only screen and  (max-width: 800px) {
.news_list li{
  width:50%;
  height:420px;
}
}

@media only screen and  (max-width: 568px) {
.news_list li{
  width:100%;
  height:auto;
  padding: 1% 1% 5%;
}
}

.news_photo{
  width:100%;
  display:block;
  text-align: center;
  position: relative;
  margin-bottom:10px;
}

.news_photo img {
  width:100%;
  height:auto;
}

.news_list a:hover img { opacity: 0.8; }

.news_list .nw_title {
  padding:0 5px;
  line-height:1.6;
}

.news_list .nw_title a{
  color:#401f0f;
  text-decoration	: none;
}

.news_list .nw_title a:hover{
  color:#401f0f;
  text-decoration	: underline;
}

.news_list .day{
  font-size:1em;
  text-transform: uppercase;
  line-height:1;
  padding:5px;
  color:#401f0f;
}

/* .food-video-wrapper 
================================================== */
.food-video-wrapper {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 700px;
  z-index:0;
}

@media screen and (max-width: 1300px) {
.food-video-wrapper{
  height:500px;
}
}

@media screen and (max-width: 820px) {
.food-video-wrapper{
  margin-top:-25px;
}
}

@media screen and (max-width: 568px) {
.food-video-wrapper{
  margin-top:-25px;
}
}

.food-video-wrapper .block {
  width: 100%;
  height: 700px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

@media screen and (max-width: 1300px) {
.food-video-wrapper .block {
  height:500px;
}
}
.food-video-wrapper::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(9, 2, 108, 0);
}

.food-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
 
@media screen and (max-width: 480px) {
.food-video-wrapper {
    aspect-ratio: 1 / 1;
  }
}

#vdo {
  width: auto;
  height: 100%;
}

/* .food-content
================================================== */
.food-content {
  width: 100%;
  margin:0 auto 5%;
  padding-top:40px;
  position: relative;v
}

@media screen and (max-width: 820px) {
.food-content {
  padding-top:60px;
}
}

.food-titles{
  position: absolute;
  top:-4%;
  left: 25%;
  width:35%;
  max-width:377px;
}

@media screen and (max-width: 820px) {
.food-titles{
  top:-2%;
  width:280px;
}
}

@media screen and (max-width: 820px) {
.food-titles{
  position: absolute;
  top:-3%;
  width:200px;
  left: 15%;
}
}

@media screen and (max-width:568px) {
.food-titles{
  top:-5%;
}
}

.food-content h2{
  font-size:2.8em;
  padding-top:5%;
  font-weight:500;
  margin-bottom:3%;
  text-align: center;
}

@media screen and (max-width: 820px) {
.food-content h2{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.food-content h2{
  font-size:1.6em;
}
}

.food-content img{
  width:100%;
  height:auto;
}

#fcontainer{
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}

.food-top-box{
  width:100%;
  margin:2% auto;
  position: relative;
  padding:1% 0;
}

#food-waku{
  width:49%;
  position: absolute;
  top: -0.5%;
  left: 0;
  z-index:1;
}

@media screen and (max-width: 820px) {
#food-waku{
  display:none;
}
}

@media screen and (max-width: 568px) {
#food-waku{
  width:100%;
  top: -0.5%;
  left: 0;
  display:block;
}
}

.food-ovry{
  width:100%;
  padding:0;
  background:#8c0610;
  position: relative;
}

@media screen and (max-width: 820px) {
.food-ovry{
  background:none;
}
}

.food-top-box .ft-left{
  display:inline-block;
  vertical-align: middle;
  width:50%;
  padding:1% 2% 1% 5%;
  box-sizing: border-box;
  color:#FFF;
  position: relative;
}

@media screen and (max-width: 1280px) {
.food-top-box .ft-left{
  padding:2% 4% 2% 3%;
}
}

@media screen and (max-width: 820px) {
.food-top-box .ft-left{
  background:#8c0610;
  display:block;
  width:100%;
  padding:5% 7%;
}
}

@media screen and (max-width: 568px) {
.food-top-box .ft-left{
  display:block;
  width:100%;
  padding:5% 7%;
}
}

.food-top-box .bgwine{
  position:absolute;
  width:24%;
  bottom:-5%;
  right:5%;
}

@media screen and (max-width: 1280px) {
.food-top-box .bgwine{
  width:22%;
  bottom:0%;
}
}

@media screen and (max-width: 820px) {
.food-top-box .bgwine{
  width:150px;
  right:0%;
}
}

.food-top-box .ft-left h3{
  font-size:1.6em;
  margin-bottom:10px;
  line-height:1.5;
  font-weight:500;
  position: relative;
  z-index:2;
}

@media screen and (max-width: 1280px) {
.food-top-box .ft-left h3{
  font-size:1.5em;
  margin-bottom:8px;
  line-height:1.4;
}
}

@media screen and (max-width: 820px) {
.food-top-box .ft-left h3{
  font-size:1.6em;
  margin-bottom:10px;
}
}

@media screen and (max-width: 568px) {
.food-top-box .ft-left h3{
  font-size:1.3em;
  margin-bottom:8px;
}
}

.food-top-box .ft-left p{
  position: relative;
  z-index:2;
}

@media screen and (max-width: 568px) {
.food-top-box .ft-left p{
  font-size:0.95em;
}
}

.pdcHide{
  display:block;
}

@media screen and (max-width: 1280px) {
.pdcHide{
  display:none;
}
}

#fdmb3{
  margin-bottom:35px;
}

@media screen and (max-width: 1280px) {
#fdmb3{
  margin-bottom:15px;
}
}

@media screen and (max-width: 820px) {
#fdmb3{
  margin-bottom:35px;
}
}

@media screen and (max-width: 568px) {
#fdmb3{
  margin-bottom:20px;
}
}

.food-top-box .ft-right{
  display:inline-block;
  vertical-align: middle;
  width:50%;
  padding:0;
}

@media screen and (max-width: 820px) {
.food-top-box .ft-right{
  display:block;
  width:100%;
}
}

.spph {
  width:100%;
  position: relative;
  display:block;
}

.spph img{
  width:100%;
  height:auto;
}

.spph .nmber{
  position:absolute;
  width:65px;
  top:-13px;
  left:5%;
}

@media screen and (max-width: 810px) {
.spph .nmber{
  top:-3px;
}
}

@media screen and (max-width: 568px) {
.spph .nmber{
  width:50px;
  top:0;
  margin-left:-25px;
}
}

.spph .nmber img{
  width:100%;
  height:auto;
}

#fcontainer .about-buttons{
  text-align: center;
  font-weight:400;
  margin-top:4%;
  font-size:1.5em;
}

@media screen and (max-width: 568px) {
#fcontainer .about-buttons{
  font-size:1.2em;
}
}

#fcontainer .about-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#fcontainer .about-button.c-button--ghost{display:inline-table;padding:10px 5%;border:1px solid #401f0f;color:#401f0f;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
#fcontainer .about-button.c-button--ghost:hover{border:1px solid #401f0f;}
#fcontainer .about-buttons a{text-decoration:none;}
#fcontainer .about-buttons a:hover{text-decoration:none;display:inline-table;background-color:#401f0f;color:#f2dec5;text-shadow:none;}

@media screen and (max-width: 568px) {
#fcontainer .about-button.c-button--ghost{padding:10px 50px;}
}

.food-menu-list{
  width:100%;
  max-width:1050px;
  margin:5% auto 0;
}

@media screen and (max-width: 526px) {
.food-menu-list{
  width:100%;
  margin:10% auto 0;
}
}

.food-menu-list li {
  display:inline-block;
  vertical-align: top;
  width:46%;
  margin:2%;
  position: relative;
}

@media screen and (max-width: 568px) {
.food-menu-list li {
  display:block;
  width:90%;
  margin:3% auto;
}
}

.food-menu-list li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
}

.food-menu-list li a:hover {
  background-color: #f2dec4;
  opacity: 0.2;
  z-index: 2;
}

.food-menu-list li .fmn-photo {
  width:100%;
  margin:0 auto 15px;
}

.food-menu-list .fmn-ttl {
  width:100%;
  margin:0 auto 10px;
  position: relative;
}

.food-menu-list .fmn-ttl img{
  width:100%;
  height:auto;
}

.food-menu-list .fmn-ttl p {
  position: absolute;
  top: 6px;
  left: 0;
  width:100%;
  padding:0 0 0 20px;
  box-sizing: border-box;
  z-index: 1;
  color:#FFF;
  font-size:1.2em;
  line-heigth:1.4;
}

@media screen and (max-width: 820px) {
.food-menu-list .fmn-ttl p {
  top: 2px;
  font-size:1.1em;
}
}

.food-menu-list .fmntx{
 padding:5px 10px;
}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  width:100%;
}

.bx-wrapper img{
  width:100%;
  height:auto;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .75em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  z-index:10;
  position: absolute;
  bottom: 1px;
  width:100%;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-controls-auto {
  display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  text-indent: -9999px;
  display: block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.bx-wrapper .bx-pager {
  font-size: .7em;
  bottom: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}


.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #FFF;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
  filter:alpha (opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
  background: #000;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}


.bx-wrapper .bx-prev {
 left: 10px;
}
.bx-wrapper .bx-next {
 right: 10px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: 0;
  text-indent: -9999px;
  z-index: 99;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.bx-wrapper .bx-controls-direction a:before,
.bx-wrapper .bx-controls-direction a:after {
 content: '';
 position: absolute;
 top: 16px;
 left: 12px;
}
.bx-wrapper .bx-controls-direction a:after {
 width: 16px;
 height: 16px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 transform: rotate(45deg);
}

.bx-wrapper .bx-controls-direction a.bx-prev:after {
 transform: rotate(-135deg);
 left: 20px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(66, 46, 35, 0.5);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-size: 1.1em;
  line-height:1.4;
  padding: 12px 20px 12px;
}

@media screen and (max-width: 1280px) {
.bx-wrapper .bx-caption span {
  font-size: 1.05em;
  padding: 12px 15px 12px;
}
}

@media only screen and  (max-width: 820px) {
.bx-wrapper .bx-caption span {
  padding: 8px 10px 8px;
}
}

@media only screen and  (max-width: 568px) {
.bx-wrapper .bx-caption span {
  font-size: 1em;
  padding: 5px 10px;
}
}

.bx-wrapper .bx-prev {
 left: 5px;
}
.bx-wrapper .bx-next {
 right: 5px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: -15px;
  width: 30px;
  height: 30px;
}

.bx-wrapper .bx-controls-direction a:before,
.bx-wrapper .bx-controls-direction a:after {
 content: '';
 position: absolute;
 top: 10px;
 left: 7px;
}

.bx-wrapper .bx-controls-direction a:after {
 width: 10px;
 height: 10px;
}

.bx-wrapper .bx-controls-direction a.bx-prev:after {
 left: 12px;
}

/* .story
================================================== */
.story-top{
  width:100%;
  height:800px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/story-bg.jpg);
}

@media screen and (max-width: 1580px) {
.story-top{
  height:700px;
}
}

@media screen and (max-width: 1300px) {
.story-top{
  height:500px;
}
}

@media screen and (max-width: 1100px) {
.story-top{
  height:400px;
}
}

.pcpHide{
  display:none;
}

@media screen and (max-width: 1223px) {
.story-top{
  height:auto;
  margin-top:-35px;
  background: none;
}

.pcpHide{
  display:block;
}
}

@media screen and (max-width: 568px) {
.story-top{
  margin-top:-25px;
}
}

.story-top img{
  width:100%;
  height:auto;
}

/* .story-content
================================================== */
.story-content {
  width: 100%;
  margin:0 auto 5%;
}

@media screen and (max-width: 820px) {
.story-content {
  padding:4% 2% 0;
  box-sizing: border-box;
}
}

@media screen and (max-width: 568px) {
.story-content {
  padding:5% 3% 0;
}
}

.year65{
  width: 100%;
  max-width:1150px;
  margin:0 auto;
  padding:0 0 0 20px;
  box-sizing: border-box;
  position: relative;
  background-color:#8c0610;
  position: relative;
  background-position: right -1px center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/65right.jpg);
  margin-bottom:2%;
}

@media screen and (max-width: 568px) {
.year65{
  background-image: none;
  padding:0 2%;
  margin:0 auto 2%;
}
}

#lg65{
  display:inline-block;
  vertical-align: middle;
  width:38%;
  padding:15px 0;
}

@media screen and (max-width: 1280px) {
#lg65{
  width:35%;
}
}

@media screen and (max-width: 568px) {
#lg65{
  width:100%;
  padding:15px 5% 0px;
  display:block;
  box-sizing: border-box;
}
}

.year65 img{
  width:100%;
  height:auto;
}

.text_65{
  display:inline-block;
  vertical-align: middle;
  width:62%;
  color:#f7dcc5;
  font-size:1.35em;
  box-sizing: border-box;
  padding:0 0 0 3%;
}

@media screen and (max-width: 1280px) {
.text_65{
  font-size:1.25em;
  width:65%;
}
}

@media screen and (max-width: 900px) {
.text_65{
  font-size:1.15em;
  line-height:1.4;
  padding:7px 0 7px 3%;
}
}

@media screen and (max-width: 568px) {
.text_65{
  width:100%;
  padding:8px 0 15px 0;
  display:block;
  text-align: center;
  font-size:1.1em;
}
}

@media screen and (max-width: 375px) {
.text_65{
  font-size:1em;
}
}

.story-box{
  width:100%;
  box-sizing: border-box;
  padding:4% 2% 0;
}

@media screen and (max-width: 1280px) {
.story-box{
  padding:4% 0 0;
}
}

@media screen and (max-width: 900px) {
.story-box{
  padding:4% 2% 0;
}
}

@media screen and (max-width: 568px) {
.story-box{
  padding:4% 0 0;
}
}

.story-box img{
  width:100%;
  height:auto;
}

.story_photo{
  display:inline-block;
  vertical-align: top;
  width:40%;
  box-sizing: border-box;
  border: 0.02em solid #938052;
  padding:5px;
}

@media screen and (max-width: 1280px) {
.story_photo{
  width:36%;
}
}

@media screen and (max-width: 900px) {
.story_photo{
  display:block;
  width:100%;
  max-width:595px;
}
}

@media screen and (max-width: 568px) {
.story_photo{
  display:none;
}
}

.story_photo_sp{
  display:none;
}

@media screen and (max-width: 568px) {
.story_photo_sp{
  display:block;
  width:100%;
  margin:3% auto 5%;
  box-sizing: border-box;
  border: 0.02em solid #938052;
  padding:5px;
}
}

.story_photo_sps{
  display:none;
}

@media screen and (max-width: 568px) {
.story_photo_sps{
  display:block;
  width:100%;
  margin:3% auto 0;
  box-sizing: border-box;
  border: 0.02em solid #938052;
  padding:5px;
}
}

.story_photoR{
  display:inline-block;
  vertical-align: top;
  width:40%;
  box-sizing: border-box;
  border: 0.02em solid #938052;
  padding:5px;
}

@media screen and (max-width: 1280px) {
.story_photoR{
  width:36%;
}
}

@media screen and (max-width: 900px) {
.story_photoR{
  display:none;
}
}
.w90Hide{
  display:none;
}

@media screen and (max-width: 900px) {
.w90Hide{
  display:block;
}
}

.story-box #mr2{
  margin-right:1.5%;
}

.story-box #ml2{
  margin-left:1.5%;
}

@media screen and (max-width: 900px) {
.story-box #mr2{
  margin:0 auto 5%;
}

.story-box #ml2{
  margin:0 auto 5%;
}
}

.story_syousai{
  display:inline-block;
  vertical-align: top;
  width:58.5%;
  color:#401f0f;
  padding-top:1%;
}

@media screen and (max-width: 1280px) {
.story_syousai{
  width:62.5%;
  padding-top:0;
}
}

@media screen and (max-width: 900px) {
.story_syousai{
  display:block;
  width:100%;
  padding:0 0 5%;
}
}

@media screen and (max-width: 820px) {
.story_syousai{
  padding:0 2% 5%;
}
}

@media screen and (max-width: 568px) {
.story_syousai{
  padding:0 0 5%;
}
}

.stry_info{
  display:inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

@media screen and (max-width: 526px) {
.stry_info{
  display:block;
}
}

.pcsHide{
  display:block;
}

@media screen and (max-width: 1150px) {
.pcsHide{
  display:none;
}
}


.story-box #pd01{
  padding:0 2.5% 0 2%;
  width:64%;
}

.story-box #pd02{
  padding:0 2% 0 2.5%;
  width:64%;
}

.story-box #pd03{
  padding:0 2.5% 0 2%;
  width:58%;
}

@media screen and (max-width: 1280px) {
.story-box #pd03{
  width:60%;
}
}

@media screen and (max-width: 900px) {
.story-box #pd01{
  padding:0 2.5% 0 0;
}

.story-box #pd02{
  padding:0 0 0 2.5%;
}

.story-box #pd03{
  padding:0 2.5% 0 0;
}
}

@media screen and (max-width: 568px) {
.story-box #pd01{
  padding:0;
  width:100%;
}

.story-box #pd02{
  padding:0;
  width:100%;
}

.story-box #pd03{
  padding:0;
  width:100%;
}
}

#pd03L{
  padding:0 2% 0 2.5%;
  width:100%;
}

@media screen and (max-width: 568px) {
#pd03L{
  padding:0;
}
}

.story_image{
  margin:3% auto 0;
  width:96%;
  max-width:600px;
}

@media screen and (max-width: 568px) {
.story_image{
  margin:0 auto 0;
  width:100%;
}
}

.story_image img{
  width:100%;
  height:auto;
}

.stry_info .label{
  color:#f7dcc5;
  font-size:1.2em;
  line-height:1;
  padding:5px 8px;
  background-color:#8c0610;
  display:inline-block;
  margin-bottom:5px;
  min-width:90px;
  text-align: center;
}

@media screen and (max-width: 1280px) {
.stry_info .label{
  margin-bottom:0;
  font-size:1.15em;
}
}

.stry_info h2{
  font-size:2em;
  font-weight:400;
  line-height:1.4;
  padding:5px 2% 5px;
  border-bottom:1px solid #401f0f;
  margin-bottom:5px;
}

@media screen and (max-width: 1280px) {
.stry_info h2{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.stry_info h2{
  font-size:1.4em;
}
}

.stry_info .str-txs{
  font-size:1em;
  padding:10px 3px 0;
}

.stry_img{
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 526px) {
.stry_img{
  display:block;
}
}

.story-box #wd01{
  width:36%;
}

.story-box #wd02{
  width:36%;
}

.story-box #wd03{
  width:42%;
}

@media screen and (max-width: 1280px) {
.story-box #wd03{
  width:40%;
}
}

@media screen and (max-width: 528px) {
.story-box #wd01{
  width:50%;
  margin:0 auto;
}

.story-box #wd02{
  display:none;
}

.mat05{
  padding-top:5%;
}

.story-box #wd03{
  width:50%;
  margin:0 auto;
}
}

/* .forth-content */
.forth-content {
  width: 100%;
  margin:0 auto 5%;
}

.cont-ttl{
  text-align: center;
  margin-bottom:2%;
}

.cont-ttl h3{
  font-size:3.5em;
  font-weight:500;
  color:#8c0610;
  vertical-align: middle;
  line-height:1;
}

@media screen and (max-width: 820px) {
.cont-ttl h3{
  font-size:2.5em;
}
}

@media screen and (max-width: 568px) {
.cont-ttl h3{
  font-size:2em;
}
}
.cont-ttl .kanm {
  display: inline-block;
  vertical-align: middle;
  padding-bottom:15px;
  width:auto;
  height:100px;
  margin-right:5px;
}

@media screen and (max-width: 820px) {
.cont-ttl .kanm {
  height:80px;
}
}

@media screen and (max-width: 568px) {
.cont-ttl .kanm {
  height:60px;
}
}

.cont-ttl .kanm2 {
  display: inline-block;
  vertical-align: middle;
  padding-bottom:15px;
  width:auto;
  height:100px;
  margin-left:20px;
}

@media screen and (max-width: 820px) {
.cont-ttl .kanm2 {
  height:80px;
  margin-left:5px;
}
}

@media screen and (max-width: 568px) {
.cont-ttl .kanm2 {
  height:60px;
}
}


.cont-ttl .numb {
  display: inline-block;
  vertical-align: middle;
  padding-bottom:20px;
  margin-left:5px;
  margin-right:5px;
  width:auto;
  height:80px;
}

.forth-syousai{
  width: 100%;
  margin:0 auto 5%;
  position: relative;
}

.forth-syousai ul{
  width: 100%;
  display: flex;
  position: relative;
  z-index:1;
}

.forth-syousai li{
  width: calc(100vw / 2);
   margin:1%;
  box-sizing: border-box;
  text-align: center;
  color:#FFF;
}

.ftitle{
  font-size:4em;
  display:block;
  border-bottom:1px solid #FFF;
  padding:0 0 10px;
  margin-bottom:20px;
  letter-spacing:0.1em;
  width:98%;
  margin:0 auto 20px;
}

.ftxt{
  font-size:1.1em;
  line-height:1.8;
}

.bred{
  background: rgba(106, 26, 26, 0.5);
  padding:1.5% 1% 5%;
}
.bgld{
  background: rgba(76, 61, 0, 0.5);
  padding:1.5% 1% 5%;
}

.bred2{
  background: rgba(106, 26, 26, 0.5);
  padding:3.5% 1% 4%;
}
.bgld2{
  background: rgba(76, 61, 0, 0.5);
  padding:3.5% 1% 4%;
}

.pzlogo{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -115px;
  width:230px;
  height:230px;
  background: rgba(239, 218, 189, 0.7);
  z-index:2;
  border-radius:50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pzlogo img{
  box-sizing: border-box;
  height:auto;
  width:60%;
}

/* .kodawari-box */

.kodawari-box{
  width:100%;
  margin:2% auto;
  position: relative;
}

.kdw-tbtm{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}

.kodawari-box img{
  height:auto;
  width:100%;
}

.kdw-syousai{
  width:100%;
  box-sizing: border-box;
  padding:1px 5%;
  background-position:center center;
  background-repeat:repeat-y;
  background-size:100% auto;
  background-image:url(../images/bg-hiswaku.png);
  margin:0 auto;
  position: relative;
  z-index:2;
}

.kdw-ttl{
  width:800%;
  max-width:821px;
  margin:-20px auto 4%;
}

.story-box img{
  width:100%;
  height:auto;
}

.kdw_photo{
  display:inline-block;
  vertical-align: top;
  width:51%;
  margin-left:1%;
}

.kdw_photo_box{
  display:block;
  width:100%;
  box-sizing: border-box;
  border: 1px solid #8d6d55;
  padding:10px;
}

.kdw_photo_irast{
  display:block;
  width:100%;
  margin-top:5%;
  margin-bottom:-49px;
}

.kdw_info{
  display:inline-block;
  vertical-align: top;
  width:48%;
  box-sizing: border-box;
  padding:1% 0 0 5%;
  color:#572e15;
}

.kdw_info h4{
  font-size:2em;
  font-weight:400;
  line-height:1.4;
  padding:1% 2% 20px;
  border-bottom:1px solid #572e15;
  margin-bottom:5%;
}


.kdw_info p{
  font-size:1.2em;
  line-height:1.8;
}

/* .gallery_box */

.gallery_box{
  width:100%;
  margin:3% auto;
  position: relative;
  text-align: center;
}

.gallery_box img{
  width:100%;
  height:auto;
}

.gallery-ttl{
  width:60%;
  max-width:450px;
  margin:0 auto 2%;
}

.g-catch{
  font-size:1.1em;
  margin:0 auto 2%;
}

@media only screen and  (max-width: 820px) {
.gallery-ttl{
  margin:0 auto 4%;
}

.g-catch{
  font-size:1.05em;
  margin:0 auto 4%;
}
}

@media only screen and  (max-width: 568px) {
.g-catch{
  font-size:0.95em;
}
}

.gallery_box ul {
  width:100%;
}

.gallery_box li {
  width:25%;
  padding: 1.5%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
  height: auto;
  overflow: hidden;
}

@media only screen and  (max-width: 1280px) {
.gallery_box li {
  padding: 1%;
  font-size:0.95em;
}
}

@media only screen and  (max-width: 820px) {
.gallery_box li {
  width:33.3333%;
  font-size:0.9em;
}
}

@media only screen and  (max-width: 568px) {
.gallery_box li {
  width:50%;
}
}

.gly {
  width:100%;
  overflow: hidden;
  position: relative;
  margin:0 auto 7px;
  display:block;
  box-sizing: border-box;
  border:5px solid #FFF;
  background:#FFF;
  -moz-box-shadow: 0 0 5px #cccccc;
  -webkit-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
}


.gallery_box li img {
  width:100%;
  height:auto;
}

.gallery_box li p {
  margin:0;
  text-align: center;
}

/* .hiwa-content
================================================== */
.hiwa-content {
  width: 100%;
  margin:0 auto 5%;
  box-sizing: border-box;
  padding:0 2%;
}

@media screen and (max-width: 820px) {
.hiwa-content {
  padding:4% 2%;
}
}

.hiwa-ttl{
  width:90%;
  max-width:800px;
  margin:0 auto 5%;
}

@media screen and (max-width: 568px) {
.hiwa-ttl{
  width:100%;
}
}

.hiwa-ttl img{
  width:100%;
  height:auto;
}

.hiwa-box{
  width:100%;
  margin:3% auto;
}

.hiwa-info{
  width:50%;
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 568px) {
.hiwa-info{
  width:100%;
  display:block;
}
}

#hipl5{
  padding-left:5%;
  box-sizing: border-box;
}

#hipr5{
  padding-right:5%;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
#hipl5{
  padding-left:2%;
}

#hipr5{
  padding-right:2%;
}
}

@media screen and (max-width: 568px) {
#hipl5{
  padding:0 2%;
}

#hipr5{
  padding:0 2%;
}
}

.hiwa-info h3{
  font-weight:500;
  text-align: center;
  font-size:2em;
  padding:0 5px 5px;
  border-bottom:1px solid #401f0f;
  margin-bottom:10px;
}

@media screen and (max-width: 1280px) {
.hiwa-info h3{
  font-size:1.75em;
}
}

@media screen and (max-width: 820px) {
.hiwa-info h3{
  margin-bottom:5px;
  line-height:1;
  padding:0 5px 15px;
}
}

.hiwa-info h3 small{
  font-size:0.6em;
}

.hiwa-info p{
  padding:10px 5px 0;
  font-size:1.1em;
  line-height:2;
}

@media screen and (max-width: 1280px) {
.hiwa-info p{
  font-size:1.05em;
  line-height:1.8;
}
}

@media screen and (max-width: 820px) {
.hiwa-info p{
  font-size:1em;
  line-height:1.7;
}
}

.hiwa-photo{
  width:50%;
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 568px) {
.hiwa-photo{
  width:90%;
  display:block;
  margin:0 auto;
}
}

.hiwa-photo img{
  width:100%;
  height:auto;
}

.hiwa-photoR{
  width:50%;
  display:inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 568px) {
.hiwa-photoR{
  display:none;
}
}

.hiwa-photoR img{
  width:100%;
  height:auto;
}

/* .error-content
================================================== */
.error-content {
  width: 100%;
  margin:0 auto 5%;
  box-sizing: border-box;
  padding:1% 2% 0;
}

#errorBox {
  width:100%;
  max-width:900px;
  margin:0 auto;
  box-sizing: border-box;
  padding: 5% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #FFF;
  text-align: center;
}

#errorBox h2 {
  font-size: 1.8em;
  margin-bottom:3%;
  font-weight:400;
}

@media only screen and  (max-width: 820px) {
#errorBox h2 {
  font-size: 1.4em;
}
}

@media only screen and  (max-width: 568px) {
#errorBox h2 {
  font-size: 1.3em;
}
}

#errorBox .en{
  font-weight:400;
  font-size:0.9em;
  margin-bottom: 5%;
}

#errorBox p.url {
  margin-bottom: 20px;
  font-size: 1em;
}

@media only screen and  (max-width: 568px) {
#errorBox p.url {
  text-align: left;
  font-size: 14px;
  padding:0 2%;
}
}

#errorBox p.link {
  margin-top:35px;
  font-size: 1em;
  margin-bottom: 30px;
}

@media only screen and  (max-width: 800px) {
#errorBox p.link {
	font-size: 0.9em;
}
}

@media only screen and  (max-width: 568px) {
#errorBox p.link {
text-align	: left;
padding:0 2%;
}
}

#errorBox p.link a{color:#A40605;text-decoration:underline;}
#errorBox p.link a:hover{color:#A40605;text-decoration:none;}

#errorBox p.elogo {
  width:220px;
  height:auto;
  margin:0 auto 40px;
}

.error_bt{
  margin-top:35px;
  color:#7B7B7B;
  font-size:16px;
  text-align: center;
}

@media only screen and  (max-width: 568px) {
.error_bt{
  font-size:16px;
}
}

.error_bt a{color:#FFF;padding:10px 20px;background-color:#A40605;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-decoration:none;}
.error_bt a:hover{color:#FFF;text-decoration:none;background-color:#401f11;}