@charset "utf-8";
/* CSS Document */
* {	margin: 0; 	padding: 0; }






/* kazokudetabisiyou  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/

#contentsBody #btn_area {
	position:relative;
}
#contentsBody #btn_box {
	position:absolute;
	bottom:40px;
	left:40px;
}
#contentsBody #btn_box img {
	margin-right:10px;
}

/* End/kazokudetabisiyou  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/









#breadcrumbs {
    width: 950px;
    padding-bottom: 8px;
    margin: 0 auto;
    background-color: #f5f5f5!important;
    border: none!important;
}
	#breadcrumbs p {
		font-size: 13px;
		margin-left: 0!important;
	}
		#breadcrumbs p a {
			font-size: 13px;
		}


/* コンテンツ */

#contentsBody {
  color: #725959;
  font-family: "メイリオ", Meiryo, Osaka, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 auto;
  position: relative;
  width: 970px;
}

/* 共通 */

a {
  color: #9e7474 !important;
}

img{
  vertical-align: bottom !important;
}

#contentsBody a img {
  transition: all .3s;
}

#contentsBody a:hover img {
  opacity: .7;
}

.totop {
  font-size: 12px;
  margin: 20px auto 0 !important;
  text-align: right;
  width: 910px !important;
}

.txt span {
  font-size: 12px;
}

.fix_inr{
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 950px;
  z-index: 1000;
}

.fix_inr.fixed{
  position: fixed;
}

.btn-fix {
  right: 20px;
  position: absolute;
  top: 0;
  width: 250px;
  z-index: 999;
}

/* トップ */

#top .voice {
  display: -webkit-flex;
  display: flex;
}

#top .point {
  position: relative;
}

#top .point .txt {
  font-size: 16px;
  left: 0;
  line-height: 1.5;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: justify;
  top: 110px;
  width: 830px;
}

#top .point .txt span{
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
}

body{
  
  background: #f5f5f5 !important;
  
}

/* たまる！ */

#tamaru {
  background: url(../img/bg01.jpg)repeat 50% 0;
}

#tamaru h2 {
  border: 0;
}

#tamaru ul, #tamaru .icon, #tamaru .icon + p{
  margin: 0 auto;
}

#tamaru ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
  width: 780px;
}

#tamaru li {
  line-height: 0;
  list-style: none;
  width: 240px;
}

#tamaru .icon {
  margin-top: 12px;
  width: 48px;
}

#tamaru .icon + p {
  margin-top: 12px;
  width: 780px;
}

/* 使える！ */

#tsukaeru {
  background: url(../img/bg01.jpg)repeat 50% 0;
  padding-bottom: 30px;
  position: relative;
}

#tsukaeru ul {
  margin: 0 auto;
  width: 780px;
}

#tsukaeru h2 {
  border: 0;
}

#tsukaeru h2 img {
  margin-top: 30px;
}

#tsukaeru ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
  width: 780px;
}

#tsukaeru li {
  list-style: none;
  width: 374px;
}

/* 旅行をおトクに！ */

#otoku {
  background: url(../img/bg02.jpg)repeat;
  position: relative;
}

#otoku > p,
#otoku ul {
  margin: 0 auto;
  width: 780px;
}

#otoku h2 {
  border: 0;
}

#otoku h2 img {
  position: relative;
}

#otoku ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 36px auto 0;
}

#otoku li {
  list-style: none;
  width: 240px;
}

#otoku .txt {
  text-align: right;
}

#otoku .box {
  background: url(../img/recommend-bg.jpg) repeat-y;
  background-size: contain;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 910px;
}

#otoku .box::after{
  background: url(../img/recommend-bg-bottom.jpg) no-repeat 0 0;
  content: "";
  display: block;
  height: 30px;
  margin: 0 auto 30px;
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 910px;
}

#otoku .box ~ .box {
  margin-top: 20px;
}

#otoku .box{
  position: relative;
}

#otoku h4,
#otoku .box > .inr {
  margin: 0 auto;
  width: 860px;
}

#otoku .box .planWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  width: 860px;
}

#otoku .plan {
  margin-top: 36px;
  width: 280px;
}

#otoku .pamph {
  margin: 20px auto 0;
  width: 106px;
}

#otoku .pamph + p{
  font-size: 12px;
  text-align: center;
}

/*#otoku .lb > ol{
  display: block;
  margin: 20px auto 0;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  width: 270px;
}

#otoku .lb > ol li{
  font-size: 12px;
  text-indent: -1.5em;
  padding-left: 1.5em;
  width: auto;
}

#otoku .lb > ol li:before{
  counter-increment: item;
  content: counter(item)'.';
  font-weight: bold;
  margin-right: 3px;
}

#otoku .lb > ol li:not(:first-child){
  margin-top: 10px;
}*/

#otoku .lb > p:nth-child(1){
  font-size: 14px;
  margin: 20px auto 0;
  width: 270px;
}

#otoku .price,
#otoku .detail + p,
#otoku .btn {
  margin-top: 20px;
}

#otoku .detail p.number {
  display: block;
  margin-bottom: 38px;
}

#vol1 {
  margin-top: 30px !important;
}

#vol2 .plan:nth-child(1) .exsample {
  margin-top: 20px;
}

/*#vol2 .plan:nth-child(3) .price {
  margin-top: 42px;
}*/

/* リンク */

#link {
  background: url(../img/bg02.jpg);
  padding-bottom: 40px;
  position: relative;
}

#link p {
  margin: 0 auto;
  width: 634px;
}

#link p:nth-child(1) a {
  display: inline-block;
  margin-top: 40px;
}

#link .visit {
  margin-top: 48px;
}