@charset "UTF-8";

#outline h2,#map h2{font-size: 22px; margin-bottom: 20px; text-align: center;}

#outline .gaiyoLogo{max-width: 300px; margin: auto; padding: 20px 10px;}

#map .mapBox{max-width: 1000px;margin: 0 auto 50px;text-align: center;}

.singleBox {
  max-width: 1000px;
  margin: 0 auto 50px;
  padding: 150px 20px 0;
}
.typeBox .typeName {
  background-color: #ececd7;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
  align-items: center;
/*  margin: 0 0 20px;*/
	flex-wrap: wrap
}
.typeBox .typeName .type {
  font-family: FuturaPT;
  color: #a3a25c;
  font-size: 30px;
  font-weight: 100;
  letter-spacing: 0.1em
}
.typeBox .typeName .type span {
  font-size: 120%;
}
.typeBox .typeName .senyu-menseki{font-size: 16px; letter-spacing: 0.1em;text-align: right;}
.typeBox .typeName .senyu-menseki .num01{font-size: 150%;}
.typeBox .typeName .senyu-menseki .num02{font-size: 120%;}
.typeBox .typeName .senyu-menseki .num03{font-size: 11px;}
.typeBox .madori {
  font-family: FuturaPT;
  color: #a3a25c;
  font-size: 30px;
/*  text-align: center;*/
  letter-spacing: 0.1em;
  font-weight: 100;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: #a3a25c 1px solid;
}
.typeBox .madori span {
  font-size: 120%;
}
.typeBox .spec {
/*  text-align: center;*/
  font-size: 16px;
  letter-spacing: 0.1em
}
.typeBox .nav-tab {
  max-width: 1000px;
  margin: 70px auto 80px;
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}
.typeBox .nav-tab li {
  width: 30%;
}
.typeBox .nav-tab li.c2 {
  width: 48%;
}
.typeBox .nav-tab li a {
  display: block;
  font-family: FuturaPT;
  color: #ffde9e;
  font-weight: 200;
  font-size: 16px;
  padding: 20px 0 20px 16px;
  position: relative;
  transition: all 0.3s;
  background: #333333;
  letter-spacing: 0.1em
}
.typeBox .nav-tab li a::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 100%;
  background-color: #fff;
  top: -1px;
  right: 0;
  clip-path: polygon(103% 0, 0 0, 103% 103%);
}
.typeBox .nav-tab li a:hover, .typeBox .nav-tab li a.active {
  color: #fff;
  background: #666;
}
.typeImg {
  text-align: center;
	padding: 20px;
}
.hanrei {
  text-align: left;
  margin-bottom: 10px;
}

.btnWrap{display: flex; justify-content: center;padding-top: 50px;}
.btnWrap a{display: inline-block; margin: 0 15px; padding: 25px 100px;font-size: 19px; background-color: #ececd7; text-align: center; transition: 0.5s; cursor: pointer}
.btnWrap a:hover{background-color: #cacab1;}
.btnWrap a span{}
.btnWrap a span:after{display: inline-block; margin-left: 15px; content: url("../../common/imgs/btn-arrow.png")}

.madoriBox{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center}

.madoriBox .colL{width: 68%;text-align: left;}
.madoriBox .colR{width:26%;padding: 20px;}

.price{padding:30px 0;}


@media screen and (max-width: 768px) {
	.typeBox{padding: 10px;}
	.typeBox .typeName .type{font-size: 6vw;}
	.typeBox .typeName .senyu-menseki{font-size: 3.2vw;}
	.typeBox .nav-tab{padding: 15px; margin-bottom: 40px;margin-top: 10px;}	
	.typeBox .nav-tab li,.typeBox .nav-tab li.c2 {width: 100%;margin-bottom: 10px;}	
	.btnWrap a{display: block; width: 100%;padding: 25px 0;}
	.typeBox .typeName .type {width: 100%; text-align: center; margin-bottom: 10px;}

	.typeBox .typeName .senyu-menseki{width: 100%;text-align: center;}
	.typeBox .madori {
  font-size: 24px;
}
	.madoriBox .colL{width: 55%;text-align: left;}
.madoriBox .colR{width:43%;padding: 20px;}
	.typeBox .spec{font-size: 2.7vw; line-height: 1.5;}
}