@charset "utf-8";

/* �u���O�V
================================================== */
.res-lst{
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding:2% 1%;
  text-align: center;
}

.rsvbt-box{
  display:none;
}

@media screen and (max-width: 900px) {
.rsvbt-box{
  width: 100%;
  margin: 2% auto;
  display:block;
  min-height: 50vh;
}
}

.rsvbt-box li{
  width: 46%;
  margin: 2%;
  display:inline-block;
  position: relative;
  background:#C93710;
  vertical-align: top;
  padding:3% 4%;
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
.rsvbt-box li{
  width: 96%;
  margin: 5% auto 5%;
  display:block;
  padding:5% 4%;
  text-align: center;
}
}

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

.rsvbt-box li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
}

.rsvbt-box li a:hover {
  background-color: #fff;
  opacity: 0.4;
  z-index: 1;
}

.rsv-tx01{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  font-size:1.25em;
  color:#FFF;
  line-height:1.2;
}

@media screen and (max-width: 810px) {
.rsv-tx01{
  font-size:1.2em;
}
}

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

.rsv-tx011{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  font-size:1.25em;
  color:#6A6A36;
  margin-bottom:8px;
  line-height:1.2;
}

@media screen and (max-width: 810px) {
.rsv-tx011{
  font-size:1.2em;
}
}

@media screen and (max-width: 568px) {
.rsv-tx011{
  font-size:1.1em;
}
}

.rsv-tx02{
  color:#FFF;
  font-size:1.25em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  line-height:1.2;
}

@media only screen and  (max-width: 810px) {
.rsv-tx02{
  font-size:1.2em;
}
}

@media only screen and  (max-width: 568px) {
.rsv-tx02{
  font-size:1.1em;
}
}

.rsv-tx02 strong{
  color:#FFD900;
  font-size:2em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:600;
}

.rsv-tx02 span {
  background: linear-gradient(transparent 95%, #FFD900 95%);
  padding-right:3px;
  padding-left:3px;
  font-weight:bold;
}

.rsv-tx022{
  color:#6A6A36;
  font-size:1.25em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  line-height:1.2;
}

@media only screen and  (max-width: 810px) {
.rsv-tx022{
  font-size:1.2em;
}
}

@media only screen and  (max-width: 568px) {
.rsv-tx022{
  font-size:1.1em;
}
}

.rsv-tx022 strong{
  color:#5B6F3A;
  font-size:2em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:600;
}

.rsv-tx022 span {
  background: linear-gradient(transparent 95%, #5B6F3A 95%);
  padding-right:3px;
  padding-left:3px;
  font-weight:bold;
}

.res_syousai{
  width: 48%;
  margin: 1%;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 900px) {
.res_syousai{
  width: 100%;
  margin: 2% auto 5%;
  display:block;
}
}

.res-import{
  margin:0 5% 4%;
  text-align: center;
  width:90%;
}

@media screen and (max-width: 900px) {
.res-import{
  margin:4% 0 4%;
  width:100%;
}
}

.res-import .res-import-box{
  width:100%;
  box-sizing: border-box;
  margin:0 auto;
  background:#6A6A36;
  color:#FFF;
  padding:20px 10px 20px;
  display:block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

@media screen and (max-width: 1000px) {
.res-import .res-import-box{
  font-size:0.9em;
  padding:20px 10px 20px;
}
}

.res-import .res-import-box::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #6A6A36;
}

.res-import .res-import-box2{
  width:100%;
  box-sizing: border-box;
  margin:0 auto;
  background:#FFD900;
  color:#6A6A36;
  padding:20px 10px 30px;
  display:block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

@media screen and (max-width: 1000px) {
.res-import .res-import-box2{
  font-size:0.9em;
  padding:20px 10px 25px;
}
}

.res-import .res-import-box2::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #FFD900;
}

.res_syousai .rbox{
  width: 100%;
  padding:3% 4%;
  box-sizing: border-box;
  position: relative;
  background:#F8F8F0;
  color:#6A6A36;
}

.res_syousai .rbox .rtx001{
  padding:5px 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
}

.res_syousai .rbox .rtx001 span{
  color:#C93710;
}

.res_syousai .rbox .rtx001 strong{
  font-weight: 500;
}

.res_syousai .rbox .rlft{
  display:block;
  text-align: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  font-size:1.3em;
  color:#6A6A36;
  font-size:1.3em;
  margin:10px 0;
}

@media screen and (max-width: 810px) {
.res_syousai .rbox .rlft{
  font-size:1.2em;
}
}

@media screen and (max-width: 568px) {
.res_syousai .rbox .rlft{
  font-size:1.15em;
}
}

.res_syousai .rlft a{color:#FFF;display:block;padding:10px 20px 12px;background-color:#C93710;text-decoration:none;}
.res_syousai .rlft a:hover{color:#FFF;text-decoration:none;background-color:#8D2206;}


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

@media screen and (max-width: 568px) {
.rshow-box{
  padding: 0 2%;
}
}
.rshow-box h3{
  font-family: 'Kiwi Maru', sans-serif;
  font-weight:400;
  text-align: center;
  margin-bottom:40px;
  font-size:2em;
}

@media screen and (max-width: 568px) {
.rshow-box h3{
  margin:20px 0;
  font-size:1.7em;
}
}

.rs-name {
  width: 100%;
  text-align: center;
  margin:0 auto;
  padding:2.5% 0 1%;
}

.rs-name p{
  color:#6A6A36;
  font-size:1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  margin-bottom:12px;
}

@media screen and (max-width: 568px) {
.rs-name p{
  margin-bottom:5px;
}
}

.rs_list{
  width:100%;
  margin:3% auto 0;
  padding:0;
}

.rs_list li{
  width:50%;
  overflow:hidden;
  box-sizing: border-box;
  padding:0 2.5%;
  display: inline-block;
  vertical-align:top;
  text-align: left;
}

@media only screen and  (max-width: 810px) {
.rs_list li{
  width:100%;
  padding:2.5%;
  display: block;
}
}

.rsh-tt{
  width:100%;
  display:block;
  padding:10px 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.rsh-tt{
  text-align: left;
  padding:10px 5px 5px;
}
}

.rsh_title{
  font-size:1.3em;
  margin-left:15px;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  vertical-align: middle;
  display: inline-block;
  color:#6A6A36;
}

.rsh-tt .poi{
  vertical-align: middle;
  display: inline-block;
  font-family: 'Arial Black','Arial-BoldMT', sans-serif;
  letter-spacing:.01em;
  font-weight:500;
  text-transform: uppercase;
  font-size:1.3em;
  line-height:1;
  color:#FFD900;
}

@media screen and (max-width: 568px) {
.rsh_title{
  font-size:1.15em;
}
.rsh-tt .poi{
  font-size:1.em;
}
}

.rs_list strong {
  color:#F85403;
  font-weight:500;
}

.rs_list .ft {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  padding:0 5px;
  color:#6A6A36;
}

.rs_list .ft2 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  padding:15px 5px 0;
  color:#6A6A36;
}

@media only screen and  (max-width: 810px) {
.rs_list .ft {
  text-align: left;
  font-size:0.95em;
}

.rs_list .ft2 {
  text-align: left;
  font-size:0.95em;
  padding:5px 5px 0;
}
}

.rs_list p a{color:#CC3300!important;text-decoration:underline!important;}
.rs_list p a:hover{color:#CC3300;text-decoration:none!important;}
.rs_list p a:active{color:#CC3300!important;}
.rs_list p a:visited{color:#CC3300!important;}

.rsh_list .s_but{
  text-align: center;
  margin-top:5px;
}


/* res_before
================================================== */
.res_before {
  width: 100%;
  padding:0 0 5%;
}

.bef-text01{
  text-align: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  padding:0 0 2% 0;
  color:#6A6A36;
  line-height:2;
  font-size:1.1em;
}

@media only screen and  (max-width: 810px) {
.bef-text01{
  text-align: left;
  font-size:0.95em;
}
}

.bef-text01 span {
  background: linear-gradient(transparent 70%, #FFD900 70%);
  padding-right:2px;
  padding-left:2px;
}

.bef-list{
  width:100%;
  max-width:850px;
  margin:2% auto 5%;
  -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
  border:2px solid #FFD900;
  overflow:hidden;
  box-sizing: border-box;
  padding-bottom:2%;
}

.bef-import{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  margin:0 auto;
  background:#FFD900;
  color:#6A6A36;
  padding:15px;
  display:block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  position: relative;
}

.bef-tx01{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  font-size:1.25em;
  color:#6A6A36;
  line-height:1.2;
}

@media screen and (max-width: 810px) {
.bef-tx01{
  font-size:1.2em;
}
}

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

.bef-list ul{
  width:100%;
  margin:0 auto;
  box-sizing: border-box;
  padding:2% 3% 0 5%;
}

.bef-list li{
  margin:1% auto;
}

.bef-list li dl{
  text-align: left;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  font-size:1em;
  color:#6A6A36;
}

@media screen and (max-width: 568px) {
.bef-list li dl{
  font-size:0.95em;
}
}

.bef-list li dt{
  width:5%;
  vertical-align: top;
  display: inline-block;
}

.bef-list li dd{
  width:95%;
  vertical-align: top;
  display: inline-block;
  padding-left:2px;
  box-sizing: border-box;
}

.bef-list li dd span{
  font-weight:500;
  font-size:1.1em;
  color:#C93710;
}

.bef-list .bef-ot{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  font-size:1em;
  color:#C93710;
  text-align: left;
  padding:10px 3% 0 5%;
}

@media screen and (max-width: 568px) {
.bef-list .bef-ot{
  font-size:0.95em;
  padding:5px 3% 0 5%;
}
}

.bef-text02{
  text-align: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  padding:0 0 5% 0;
  color:#6A6A36;
  line-height:2;
  font-size:1.2em;
}

@media screen and (max-width: 810px) {
.bef-text02{
  font-size:1em;
  text-align: left;
  line-height:1.7;
}
}

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

.bef-text02 span {
  background: linear-gradient(transparent 70%, #FFD900 70%);
  padding-right:2px;
  padding-left:2px;
}

.patarn{
  width:100%;
  margin:2% auto 0;
  text-align: left;
  max-width:850px;
}

.pttltx{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  font-size:1.1em;
  color:#6A6A36;
  padding-bottom:25px;
}
@media screen and (max-width: 568px) {
.pttltx{
  font-size:1em;
  padding-bottom:15px;
}
}
.pttltx span {
  color:#C93710;
  padding-right:8px;
  padding-left:8px;
  font-size:1.2em;
}

.patarn-lst {
  width:100%;
  margin:0 auto 5%;
  position: relative;
}

.pr_title{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  font-size:1.1em;
  padding:5px 15px 5px 15px;
  color:#FFD900;
  margin-top:0;
  margin-left:10px;
  display:inline-block;
  background  : #6A6A36;
  -webkit-border-top-left-radius:8px;-moz-border-top-left-radius:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-top-right-radius:8px;border-top-right-radius:8px;
}

.patarn_box{
  width:100%;
  margin:-2px auto 10px;
  border  : 3px solid  #6A6A36;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
  padding:3%;
  background:#F8F8F0;
  box-sizing: border-box;
  text-align: center;
}

.patarn-lst ul img{
  width:100%;
  height:auto;
}

.patarn-lst .pwt30{
  vertical-align: middle;
  display: inline-block;
  width:30%;
  padding:0 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.patarn-lst .pwt30{
  padding:0 5px;
}
}

.patarn-lst .pwt3{
  vertical-align: middle;
  display: inline-block;
  width:5%;
  padding:0 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.patarn-lst .pwt3{
  padding:0 2px;
}
}

.pttltx2{
  font-size:14px;
  color:#6A6A36;
  padding-top:2%;
}

.kakunin{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  color:#C93710;
  padding-top:3%;
  text-align: center;
  font-size:1.1em;
}

.kakunin span{
  background: linear-gradient(transparent 75%, #FFD900 75%);
}