@charset "utf-8";

a {
  margin: 0;
  padding:0;
  color:inherit;
  text-decoration:none;
}

*{
  font-family:'メイリオ', Meiryo;
  box-sizing: border-box;
}

img {
  vertical-align: bottom;
}

/*container*/

.conainer {
	width:100%;
}


header img {
  width:100%;
}

/*main*/
main {
  width:100%;
}

h2 {
  margin:3.125% 3.125% 11.5px;
  height:98px;
  padding:5px 0;
  font-size:18px;
  line-height:19px;
  color:#fff;
  background:#ff7d73;
  border-radius: 1.5px;
  text-decoration: underline;
  color: #fff;
}

h2 a {
  display: block;
  color:#fff;
  text-decoration:none;
  padding-left:1.66%;
  border-left:2.5px solid #ffe073;
  margin-left:1%;
}

/*h2の１行のときの記述*/
.line {
  height:48px;
  margin:3.125% 3.125% 1.5625%;
  padding:4px 0;
  font-size:18px;
  line-height:19px;
  vertical-align: middle;
  color:#fff;
  background:#ff7d73;
  border-radius: 1.5px;
}

.twoline+.twoline{
  margin-top:10px;
}

/*section*/
section {
  display: flex;
  flex-direction:column;
  flex-wrap: nowrap;
  width:100%;
}

/*section　子要素１*/
h2{
  order: 2;
}

/*section　子要素2*/
.traveltext{
  margin:0 3.125%;
  order: 3;
}

/*section　子要素3*/
.travelimg{
  order: 1;
}

/*travelimg*/
.travelimg img{
  width:100%;
  height:auto;
}

.travelimg-b {
  order: 1;
}


.travelimg-b img{
  width:100%;
  height:auto;	
}

/* traveltextのテキスト指定 */
.pricetext {
	font-size:16px;
	text-align: center;
   letter-spacing: -0.0528em;
}


.price {
	font-size:38px;
  	font-weight: bolder;
	color:#ff0000;
	
}


.en {
	font-size:18px;
	color:#ff0000;
}

.annotation {
	display:none;
}


/*travelbtn お申し込みはこちら*/
.travelbtn {
  clear:both;
  text-align: center;
  order: 4;
  margin:3.5px 0 22.5px;
}

.travelbtn a{
  width:100%;
  height:30px;
  font-size:13.5px;
  font-weight: 400;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/button.jpg) no-repeat center/contain;
}


/*ポイント　dl*/

.onelines dl {
  overflow: hidden;
  margin:12px 0 10px;
}

.onelines dt {
  float:left;
  width:22.17%;
  font-size:14px;
  color:#fff;
  text-align:right;
  line-height: 30px;
  padding-right:1.16%;
  background:#ff7d73;
}

.onelines dd {
  float:right;
  width:77.83%;
  font-size:16px;
  color:#ff7d73;
  line-height: 30px;
  text-indent:2.83%;
  background:#fff0b9; 
}

.traveltext-b {
  order:3;
  margin:0 3.125%;
}

.twolines  {
  display:table;
  width:100%;
  height: 60px;
  margin:12px 0 7px; 
}

.twolines dl {
  margin:12px 0 10px;
}

.twolines dt {
  float:none;
  display: table-cell;
  vertical-align: middle;
  width:22.17%;
  height: 60px;
  font-size:14px;
  line-height: 60px;
  text-align:right;
  color:#fff;
  padding-right:1.33%;
  background:#ff7d73;
}

.twolines dd {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  font-size:16px;
  line-height: 19px;
  color:#ff7d73;
  text-indent:0;
  padding-left:2.83%;
  background:#fff0b9; 
}


/*ポイント　ul*/
.point {
  font-size:11px;
  line-height:15px;
}

.point li {
  padding-left:3.5%;
  padding-bottom:19px; 
  background: url(../images/circle.gif)no-repeat 0 3px;
}

/*footer*/
footer {
 padding:0 3.125% 5px;
 text-align: right;
}

.sbtn {
  display: inline-block;
  width:10%;
  height:30px;
  line-height:30px;
  text-align: center;
  vertical-align: middle;
  background: #ffcbc7;
}

.sbtn-p {
  width:75%;
  height:30px;
  font-size:15px;
  color:#fff;
  padding-left:25%;
  /*padding-left:7.5px;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.sbtn-p:before {
  content:"\025b2";
}

.scroll{
  white-space:nowrap;
  text-indent:100%;
  overflow:hidden;
}