@charset "utf-8";

@media screen and (min-width: 769px) {
#honeymoon_country #mv .mv_inner{
 background: url(../images/mv.png);
}
/* #reason　おすすめな理由
--------------------------------------------------------*/
#honeymoon_country #reason {
 margin-bottom: 30px;
 padding-bottom: 30px;
 background: url(../images/bg_beige-title-1.jpg);
 background-repeat: repeat;
}
#honeymoon_country #reason .inner{
 margin-bottom: 30px;
 padding-top: 30px;
 background-color: #FFF;
}
#honeymoon_country #reason .bgpi{
 background: url(../images/bg-pink-dot.png);
 background-repeat: repeat;
}
#honeymoon_country #reason .bgbl{
 background: url(../images/bg-blue-dot.png);
 background-repeat: repeat;
}
#honeymoon_country #reason .reason_tn{
	width: 100%;
}
#honeymoon_country #reason .txt{
 display: table-cell;
 vertical-align: middle;
	}
#honeymoon_country #reason .txt em{
 font-size: 16px;
 line-height: 1.5em;
 font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
	font-style: normal;
	background: linear-gradient(transparent 60%, #f7f154 0%);
	}
#honeymoon_country #reason .txt span{
	margin: 5px auto;
	padding: 4px;
 font-size: 16px;
 line-height: 1.5em;
 font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
	display: inline-block;
 background-color: #FFF;
	}
#honeymoon_country #reason .txt>img{
 margin: 0 auto;
 display: block;
}

/*--------------------#reason flexboxサイズ指定*/
#honeymoon_country #reason .cl2,
#honeymoon_country #reason .cl3{
 text-align: center;
 vertical-align: middle;
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 /* align-items */
	-webkit-box-align: stretch; /*Android4.3*/
	-moz-box-align: stretch;    /*Firefox21*/
	-ms-flex-align: stretch; /*IE10*/
	-webkit-align-items: stretch; /*PC-Safari,iOS8.4*/
	align-items: stretch;
	/*justify-content*/
  -webkit-box-pack: justify; /*Android4.3*/
  -moz-box-pack: justify;    /*Firefox21*/
  -ms-flex-pack: justify;    /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
  justify-content: space-between;
/* border-radius */
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}

/*----3カラム等分----*/
#honeymoon_country #reason .cl3.eq .no1,
#honeymoon_country #reason .cl3.eq .no2,
#honeymoon_country #reason .cl3.eq .no3{
 width: 33.33%;
	height: 350px;
}
#honeymoon_country #reason .cl3.eq .no2{
	display: table;
}
#honeymoon_country #reason .cl3.eq .no1 img,
#honeymoon_country #reason .cl3.eq .no3 img{
 width: 100%;
 overflow: hidden;
}
#honeymoon_country #reason .cl3.eq .no2 img{
 margin: 0 auto;
 display: block;
}

 /*----2カラム等分・別ポイント----*/
#honeymoon_country #reason .cl2.separate>.no1,
#honeymoon_country #reason .cl2.separate>.no2{
	width: 49.7%;
}
/*----上下、上下reverse----*/
#honeymoon_country #reason .cl2 .cl2updown.reverse .no2{
 height: 206px;
 display: table;
 width: 100%;
}
#honeymoon_country #reason .cl2 .cl2updown.row .no2{
 width: 100%;
	height: 90px;
 display: table;
}
#honeymoon_country #reason .cl2updown{
	position: relative;
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
}
#honeymoon_country #reason .cl2updown.row img.pointline{
 display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#honeymoon_country #reason .cl2updown.row{
 -webkit-flex-direction:column;
 flex-direction:column;
}		
#honeymoon_country #reason .rowreverse{
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
}
#honeymoon_country #reason .reverse{
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
/* row-reverse */
	-webkit-box-orient: vertical;   /*Android4.3*/
	-webkit-box-direction: reverse; /*Android4.3*/
	-moz-box-orient: vertical;      /*Firefox21*/
	-moz-box-direction: reverse;    /*Firefox21*/
	-ms-flex-flow: column-reverse;  /*IE10*/
	-webkit-flex-flow: column-reverse; /*PC-Safari,iOS8.4*/
	flex-flow: column-reverse;
}		

/*----3カラム1：1：2----*/
#honeymoon_country #reason .cl3.pat1 .no1,
#honeymoon_country #reason .cl3.pat1 .no2{
	width: 25%;
 display: table;
 height: 261px;
}
#honeymoon_country #reason .cl3.pat1 .no3{
	width: 50%;
}

/*----2カラム等分----*/
#honeymoon_country #reason .cl2.eq>.no1,
#honeymoon_country #reason .cl2.eq>.no2{
	width: 50%;
}
#honeymoon_country #reason .cl2.eq .no2 .txt{
	width: 550px;
	display: table-cell;
vertical-align: middle;
height: 240px;
}
/*----カラム上下----*/
 #honeymoon_country #reason .vertical{
 margin-bottom: 5px;
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 /* 上下 */
 -webkit-flex-direction:column;
 flex-direction:column;
}
#honeymoon_country #reason .vertical>.no2{
 margin: 0 auto;
 padding: 40px 0;
 width: 100%;
 text-align: center;
}
#honeymoon_country #reason .vertical .no2 .txt{
 display: inline-block;
 text-align: center;
 }
#honeymoon_country #reason .vertical .no1{
 margin: 0;
}


/* #season　時期から選ぶ
--------------------------------------------------------*/
#honeymoon_country #season{
	margin-bottom: 30px;
	width: 100%;
}
#honeymoon_country #season p {
  text-align:center;
  font-size:14px;
  margin:0 0 20px 0;
  line-height: 1.5em;
  font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
}
#honeymoon_country #season p em{
background: linear-gradient(transparent 60%, #f7f154 0%);
}

/* 表 */
#honeymoon_country .season-table {
  color: #633;
  margin-top: 20px;
}
#honeymoon_country .season-table a {
  color: #633;
  }

/* .illust */
#honeymoon_country #season .illust-left {
  left: -480px;
  top: -30px;
}
#honeymoon_country #season .illust-right {
  right: -480px;
  top: -60px;
}

#honeymoon_country #season .balloon {
  position: absolute;
  left: 7%;
  bottom: -100px;
  margin-left: -94px;
}

#honeymoon_country .season-table {
  position: relative;
}

#honeymoon_country .season-table tr.month th {
  width: 74px;
}
#honeymoon_country .season-table tr.month th:first-child,
.season-country {
  width: 168px;
  
}
#honeymoon_country .season-country {
  display: table;
  height: 64px;
}
#honeymoon_country .season-table tr {
  border-bottom: 1px solid #FFF;
}

#honeymoon_country .season-table th { background: #dbcfcf;font-size:120%; vertical-align: middle;line-height:3em; }
#honeymoon_country .season-table tr.month th:first-child,
#honeymoon_country .season-table td:nth-child(odd) { background: #efeaea; }
#honeymoon_country .season-table th:nth-child(even) { background: #dbcfcf; }
#honeymoon_country .season-table th:nth-child(odd) { background: #e1d7d7; }
#honeymoon_country .season-table td:nth-child(even) { background: #e8e1e1; }
#honeymoon_country .season-table td.on { background: #ff8d8d; }

#honeymoon_country .season-table tr.month {
  height: 40px;
}

#honeymoon_country .season-table th,
.season-table td {
  text-align: center;
  vertical-align: middle;
}

#honeymoon_country .season-table td {
  text-align: left;
  padding: 0 12px;
  font-size: 14px;
  color: #FFF;
  line-height: 1.4em;
}

#honeymoon_country .season-table tr.month th {
  font-size: 24px;
  font-weight: bold;
}


#honeymoon_country .season-country a {
  background: #e1d7d7;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
#honeymoon_country .season-country a:after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -4px;
  border-top: solid 1px #663333;
  border-right: solid 1px #663333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#honeymoon_country .season-country a:hover {
  background: #d4c5c5;
}
#honeymoon_country .season-country a:hover:after {
  right: 18px;
}

#honeymoon_country .season-table tr.month th span {
  font-size: 16px;
  font-weight: normal;
}


}



@media screen and (max-width: 768px) {
#honeymoon_country #mv .mv_inner{
 background: url(../images/mv.png);
}
/* #reason　おすすめな理由
--------------------------------------------------------*/
#honeymoon_country #reason {
 padding: 0;
 width: 100%;
 background: url(../images/bg_beige-title-1.jpg);
 background-repeat: repeat;
}
#honeymoon_country #reason .inner{
 width: 100%;
 margin: 0 0 50px 0;
 background-color: #FFF;
}
#honeymoon_country #reason .bgpi{
 padding: 20px 4%;
 background: url(../images/bg-pink-dot.png);
 background-repeat: repeat;
}
#honeymoon_country #reason .bgbl{
 padding: 20px 4%;
 background: url(../images/bg-blue-dot.png);
 background-repeat: repeat;
}
#honeymoon_country #reason .reason_tn{
	width: 100%;
}
#honeymoon_country #reason .txt{
 width: 100%;
 display: block;
}
#honeymoon_country #reason .txt em{
 font-size: 14px;
 line-height: 1.5em;
 font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
	font-style: normal;
	background: linear-gradient(transparent 60%, #f7f154 0%);
	}
#honeymoon_country #reason .txt span{
	margin: 5px auto;
	padding: 4px;
 font-size: 14px;
 line-height: 1.5em;
 font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
	display: inline-block;
 background-color: #FFF;
	}
#honeymoon_country #reason .txt>img{
 margin: 0 auto;
 width: 20%;
 display: block;
}

/*--------------------#reason flexboxサイズ指定*/
#honeymoon_country #reason .cl2,
#honeymoon_country #reason .cl3{
 margin-bottom: 20px;
 text-align: center;
 vertical-align: middle;
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 /* align-items */
  -webkit-flex-direction:column;
  flex-direction:column;
 /* align-items */
	-webkit-box-align: stretch; /*Android4.3*/
	-moz-box-align: stretch;    /*Firefox21*/
	-ms-flex-align: stretch; /*IE10*/
	-webkit-align-items: stretch; /*PC-Safari,iOS8.4*/
	align-items: stretch;
	/*justify-content*/
  -webkit-box-pack: justify; /*Android4.3*/
  -moz-box-pack: justify;    /*Firefox21*/
  -ms-flex-pack: justify;    /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
  justify-content: space-between;
/* border-radius */
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 overflow: hidden;
}


#honeymoon_country #reason .cl3.eq .no2{
}
#honeymoon_country #reason .cl3.eq .no1 img,
#honeymoon_country #reason .cl3.eq .no3 img{
 width: 100%;
 overflow: hidden;
}
#honeymoon_country #reason .cl3.eq .no2 img{
 margin: 0 auto;
 display: block;
}

#honeymoon_country #reason .cl2.separate>.no1,
	#honeymoon_country #reason .cl2.separate>.no2{
 width: 100%;
 margin-bottom: 20px;
/* border-radius */
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 overflow: hidden;
}
#honeymoon_country #reason .cl2updown{
	position: relative;
 /* flexbox */
 display: -webkit-box; /*Android4.3*/
 display: -moz-box;    /*Firefox21*/
 display: -ms-flexbox; /*IE10*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
}
#honeymoon_country #reason .cl2updown.row .txt img{
 display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#honeymoon_country #reason .cl2updown.reverse,
#honeymoon_country #reason .cl2updown.row{
 -webkit-flex-direction:column;
 flex-direction:column;
}		

#honeymoon_country #reason .cl3.pat1 .no1,
#honeymoon_country #reason .cl3.pat1 .no3{
 width: 100%;
	/*height: 180px;*/
}
#honeymoon_country #reason .cl3.pat1 .no3 img{
 height: 100%;
}
#honeymoon_country #reason .vertical>.no1{
 margin: 0;
}
#honeymoon_country #reason .vertical>.no2{
 margin-bottom: 10px;
}

/* #season　時期から選ぶ
--------------------------------------------------------*/
  #honeymoon_country #season .inner {
    padding: 40px 10px 10px;
  }
  
  /* illust */
  #honeymoon_country #season .illust-left {
    left: -280px;
    top: -40px;
  }
  #honeymoon_country #season .illust-right {
    right: -280px;
    top: -40px;
  }
  #honeymoon_country #season .illust-left img,
  #honeymoon_country #season .illust-right img{
    width: 50%;
  }
  
  #honeymoon_country #season .balloon {
    left: -3%;
    bottom: -70px;
    margin-left: 0px;
  }
  
  #honeymoon_country #season .balloon img{
    width: 70%;
  }
  
  
  
  #honeymoon_country .season-table tr.month th:first-child,
  #honeymoon_country .season-country {
    width: 148px;
    border-bottom: 1px solid #FFF;
  }
  
  #honeymoon_country .season-table th { background: #dbcfcf; vertical-align: middle;line-height:3em; }
#honeymoon_country .season-table tr.month th:first-child,
#honeymoon_country .season-table td:nth-child(odd) { background: #efeaea; }
#honeymoon_country .season-table th:nth-child(even) { background: #dbcfcf; }
#honeymoon_country .season-table th:nth-child(odd) { background: #e1d7d7; }
#honeymoon_country .season-table td:nth-child(even) { background: #e8e1e1; }
#honeymoon_country .season-table td.on { background: #ff8d8d;color:#ffffff; border-bottom: 1px solid #FFF;}
  
  #honeymoon_country .season-table tr.month,
  #honeymoon_country .season-country {
    height: 30px;
  }

  #honeymoon_country .season-country a {
    font-size: 12px;
  }
  
  #honeymoon_country .season-table {
    overflow: auto;
    white-space: nowrap;
  }
  #honeymoon_country .season-table::-webkit-scrollbar{
    height: 5px;
  }
  #honeymoon_country .season-table::-webkit-scrollbar-track{
     background: #F1F1F1;
  }
  #honeymoon_country .season-table::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  
  #honeymoon_country .season-table img {
    width: auto;
    height: 28px;
  }
  
  #honeymoon_country .season-table tr.month th {
    font-size: 18px;
/*    padding: 0 10px;
    width: 70px;*/
  }
  #honeymoon_country .season-table tr.month th span {
    font-size: 12px;
  }
  
  #honeymoon_country .season-table td {
    padding:0 10px;
    white-space: nowrap;
  }
}