@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Acme);
@import url("//fonts.googleapis.com/css?family=M+PLUS+1p");
@import url("//fonts.googleapis.com/css?family=Kaisei+Decol");

/* .model-top
================================================== */
.model-top {
  width: 100%;
  padding:0 0;
}

@media screen and (max-width: 810px) {
.model-top {
  padding:3% 0 0;
}
}

@media screen and (max-width: 568px) {
.model-top {
  background:#FAFAE8;
  background:#FFF;
  padding:10px 0;
  margin-bottom:3%;
}
}

.model-title {
  width: 100%;
  text-align: center;
  margin:0 auto 1%;
}

.model-title p{
  font-family: 'Arial Black','Arial-BoldMT', sans-serif;
  letter-spacing:.01em;
  font-weight:500;
  text-transform: uppercase;
  font-size:2em;
  line-height:1;
  color:#FFD900;
  margin-bottom:5px;
}

@media screen and (max-width: 568px) {
.model-title p{
  font-size:1.5em;
  margin-bottom:3px;
}
}

.model-title h1{
  color:#6A6A36;
  font-size:1.5em;
  font-weight:500;
  letter-spacing: 0.05em;
  margin-bottom:12px;
}

@media screen and (max-width: 568px) {
.model-title h1{
  font-size:1.25em;
  margin:12px 0;
  letter-spacing: 0em;
}
}

.md-tp-tx{
  font-weight:400;
  text-align: center;
  padding:0 3%;
}

/* model-course
--------------------------------------------------*/
#model-course{
  width:100%;
  box-sizing: border-box;
  padding:3% 2% 1%;
  margin:0 auto;
  text-align: center;
  position: relative;
}

.model-ttl .ons-top {
  width:50px;
  margin:0 0 5px 5px;
}

.model-ttl .ons-top img{
  width:100%;
  height:auto;
}

@media screen and (max-width: 900px) {
.model-ttl .ons-top {
  margin:0 auto;
}
}

.model-ttl{
  display: inline-block;
  margin-bottom:1%;
}

.model-ttl dt{
  width:9%;
  display: inline-block;
  vertical-align: middle;
}

.model-ttl dt img{
  width:100%;
  max-width:80px;
  height:auto;
  margin:0 auto;
}

.model-ttl dd{
  display: inline-block;
  vertical-align: middle;
  padding-left:2%;
  font-weight:500;
  color:#6A6A36;
  font-size:1.5em;
}

@media screen and (max-width: 900px) {
.model-ttl dt{
  width:15%;
  display: inline-block;
}

.model-ttl dd{
  display: block;
  padding-left:0;
  font-size:1.5em;
}
}

@media screen and (max-width: 568px) {
.model-ttl dd{
  font-size:1.25em;
}
}

.model-list{
  text-align: center;
  width:100%;
  max-width:1000px;
  box-sizing: border-box;
  margin:3% auto 4%;
}

@media only screen and  (max-width: 810px) {
.model-list{
  padding:0;
  max-width:500px;
}
}

.model-list li{
  display:inline-block;
  width:33.3333%;
  vertical-align: top;
  box-sizing: border-box;
  padding:1.5% 3%;
  font-weight:500;
  color:#6A6A36;
}

@media only screen and  (max-width: 810px) {
.model-list li{
  width:50%;
  padding:0 2%;
}
}

.model-list li .thumbnail {
  background: transparent;
  border: 0;
}
.model-list li img.img-circle{border-radius:50%}

.model-list li img.img-circle.cir-img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  transition: all 1s;
  margin:0 auto 10px;
}

.model-list li img {
  width: 100%;
  height: auto;
}


.model-list-tx{
  font-size: 1.2em;
  font-weight:500;
  color:#6A6A36;
}

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

/* model-tour
--------------------------------------------------*/
.model-tour{
  width:100%;
  margin:0 auto 5%;
}

.mtour-syousai{
  width:100%;
  max-width:950px;
  margin:2% auto;
}

.mtour-top{
  width:100%;
  margin:0 auto;
  padding:0;
}

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

.mtour-bottom{
  width:100%;
  margin:0 auto;
  padding:0;
}

.mtour-bottom img{
  width:100%;
  height:auto;
}

.mtour-info {
  width:100%;
  margin: 0 auto;
  background-size:100% auto;
  background-repeat: repeat-y;
  background-image: url(../images/bg_tour.png);
  box-sizing: border-box;
  padding:1px 7%;
}

@media only screen and  (max-width: 810px) {
.mtour-info {
  padding:1px 5%;
}
}

@media only screen and  (max-width: 568px) {
.mtour-info {
  padding:1px 7%;
}
}

.mtour-day{
  width:100%;
  box-sizing: border-box;
  padding:2% 2%;
}

@media only screen and  (max-width: 810px) {
.mtour-day{
  padding:2% 0;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day{
  padding:2% 1%;
}
}

#mbb{
  margin-bottom:5%;
  border-bottom:1px dotted #6A6A36;
}

.mday-ttl{
  display: inline-block;
  margin:0 auto 1%;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
  background:#6A6A36;
  padding:10px 30px;
}

@media only screen and  (max-width: 810px) {
.mday-ttl{
  margin:0 0 2% 2%;
}
}

@media only screen and  (max-width: 568px) {
.mday-ttl{
  display: block;
  padding:10px 5px;
  text-align: center;
  margin:0 auto 1%;
}
}

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

.mday-ttl dt{
  font-size: 1.8em;
  font-weight:500;
  display: inline-block;
  vertical-align: middle;
  color:#FFD900;
}

.mday-ttl dd{
  font-size: 1.6em;
  font-weight:500;
  color:#FFF;
  display: inline-block;
  vertical-align: middle;
  line-height:1.5;
  padding-left:10px;
}

@media only screen and  (max-width: 810px) {
.mday-ttl dt{
  font-size: 1.5em;
}

.mday-ttl dd{
  font-size: 1.3em;
  padding-left:7px;
}
}

@media only screen and  (max-width: 568px) {
.mday-ttl dt{
  font-size: 1.2em;
  display: block;
}

.mday-ttl dd{
  font-size: 1.15em;
  display: block;
   padding-left:0px;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day .tm-hy{
  margin:2% auto;
  padding-top:5%;
}
}

.mtour-day .tm-hy li{
  width:100%;
  box-sizing: border-box;
  padding:2% 0;
  text-align: center;
}

@media only screen and  (max-width: 568px) {
.mtour-day .tm-hy li{
  padding:0;
}
}

.mtour-day li .mw23{
  width:24%;
  display: inline-block;
  vertical-align: bottom;
}
.mtour-day li .mw23 img{border-radius:50%}

@media only screen and  (max-width: 810px) {
.mtour-day li .mw23{
  width:31%;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day li .mw23{
  width:75%;
  display: block;
  margin:0 auto;
}
}

.mtour-day li .mw23s{
  width:24%;
  display: inline-block;
  vertical-align: bottom;
}
.mtour-day li .mw23s img{border-radius:50%}

@media only screen and  (max-width: 810px) {
.mtour-day li .mw23s{
  width:31%;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day li .mw23s{
  display: none;
}
}

.mtour-day li .mw27{
  width:26%;
  display: inline-block;
  vertical-align: bottom;
}

@media only screen and  (max-width: 810px) {
.mtour-day li .mw27{
  width:31%;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day li .mw27{
  width:75%;
  display: block;
  margin:0 auto;
}
}

.mtour-day li .mw27 img{border-radius:50%}

.mtour-day li .mw50{
  width:50%;
  display: inline-block;
  vertical-align: bottom;
  font-size:0.95em;
  color:#6A6A36;
  font-weight:400;
}

@media only screen and  (max-width: 810px) {
.mtour-day li .mw50{
  width:38%;
  padding-bottom:5px;
}
}

@media only screen and  (max-width: 568px) {
.mtour-day li .mw50{
  display: none;
}
}

.mtour-day li .mw50 img{
  width:100%;
  margin:0 auto 0;
}

.mtour-day li .mw50 .fa{font-size:1.4em;padding-right:2px;}
.mtour-day li .mw50 p{margin-bottom:-8px;}


.mtour-day li .mw50sp{
  display: none;
}

@media only screen and  (max-width: 568px) {
.mtour-day li .mw50sp{
  display: block;
  position: relative;
}

.mtour-day li .mw50sp .ovl{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height:100%;
  display:block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mtour-day li .mw50sp p{
  margin:auto;
  background:#F6EED8;
  background: rgba(246, 238, 216, 1);
  font-weight:400;
  color:#6A6A36;
  line-height:1.3;
}

.mtour-day li .mw50sp .fa{font-size:1.4em;padding-right:2px;}

.mtour-day li .mw50sp img{
  width:15px;
  margin:0 auto 0;
}
}

.mtour-day li .ybt{
  background:#FFD900;
  -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
  color:#6A6A36;
  font-weight:500;
  padding:5px 10px;
}

@media only screen and  (max-width: 810px) {
.mtour-day li .ybt{
  padding:5px;
  font-size:0.9em
}
}

@media only screen and  (max-width: 568px) {
.mtour-day li .ybt{
  padding:5px 10px;
  font-size:1em;
}
}

.mtour-day li .ms-sb{
  margin:5px auto 2px;
  color:#6A6A36;
  font-size:13px;
}

.md-ic{
  width:100%;
  margin:0 auto 5px;
}

.md-ic img{
  width:80%;
  max-width:100px;
  height:auto;
  margin:0 auto;
}

@media only screen and  (max-width: 568px) {
.md-ic img{
  width:80%;
  max-width:150px;
}
}

.md-ph{
  width:100%;
  margin:0 auto 5px;
  position: relative;
}

.md-ph img{
  width:80%;
  max-width:100px;
  height:auto;
  margin:0 auto;
}

@media only screen and  (max-width: 568px) {
.md-ph img{
  width:80%;
  max-width:150px;
}
}

.mt-point{
  font-size: 1.2em;
  color:#6A6A36;
  font-weight:500;
  padding:5% 2%;
  text-align: center;
}

@media only screen and  (max-width: 810px) {
.mt-point{
  font-size: 1.05em;
  text-align: left;
  padding:5% 1%;
}
}

.mt-point2{
  font-size: 1.2em;
  color:#6A6A36;
  font-weight:500;
  padding:3% 2% 3%;
  text-align: center;
}

@media only screen and  (max-width: 810px) {
.mt-point2{
  font-size: 1.05em;
  text-align: left;
  padding:3% 1%;
}
}

.mt-point-sub{
  font-size: 14px;
  color:#6A6A36;
  padding:0 2%;
}

@media only screen and  (max-width: 568px) {
.mt-point-sub{
  padding:0 1%;
}
}

.mtour-day .tm-ph{
  width:100%;
  margin-bottom:1%;
}

.mtour-day .tm-ph li{
  width:25%;
  display: inline-block;
  vertical-align:top;
  box-sizing: border-box;
  padding:1%;
}

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

.mtour-day .tm-ph li img{
  width:100%;
  height:auto;
}

.ot-spot{
  width:96%;
  max-width:600px;
  margin:3% auto;
  -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
  overflow: hidden;
}


@media only screen and  (max-width: 810px) {
.ot-spot{
  margin:5% auto;
}
}

.ot-spot .ospttl{
  font-size:1.1em;
  font-weight:500;
  width:100%;
  box-sizing: border-box;
  padding:7px 0;
  font-weight:normal;
  background:#A19F73;
  color:#FFF;
  letter-spacing:0.05em;
  text-align: center;
}

@media only screen and  (max-width: 568px) {
.ot-spot .ospttl{
  letter-spacing:0.05em;
}
}

.ot-spot .ospttx{
  width:100%;
  padding:10px 1.5%;
  font-size:1em;
  background:#FFF;
  box-sizing: border-box;
  text-align: left;
}

@media only screen and  (max-width: 568px) {
.ot-spot .ospttx{
  padding:5px 2%;
}
}

.ot-spot .ospttx p{
  padding:1.5% 2%;
  color:#535323;
  font-weight:400;
}

.mt-rgt{
  font-size: 14px;
  color:#6A6A36;
  padding:0 2%;
  text-align: right;
}

@media only screen and  (max-width: 568px) {
.mt-rgt{
  text-align: left;
}
}