@charset "UTF-8";

/* Home
--------------------------------------------------------------------------*/
/* ヘッドライン */
#headline ul {
	display: block;
	height: 24px;
	overflow: hidden;
}
#headline li {
	display: block;
	width: 750px;
	height: 24px;
}
#header #headline .newmark {
	position: static;
	z-index: 3;
}



/* トップイメージ（201507-） */

.topvisual {
	margin: -35px 0 30px;
	background: url(../../images/home/bg_topimg.png) no-repeat 10px top;
	width: 710px;
	min-height: 862px;
	position: relative;
}

.topvisual .rightBox{
	width: 470px;
/*  position: absolute;
  right: 0;
  top: 220px;*/
  position: relative;
	z-index:10;
  float: right;
  margin-top: 220px;
}


.topvisual .tour{
	margin-bottom:10px;
	width: 440px;
	/*height:336px;
	padding: 8px 13px;
	background: url(../../images/home/plan/bg_tour.png);*/
	background-color: #fefefd;
	padding: 4px 13px 8px;
	border:2px solid #9ea251;
	border-radius:8px;
}

.topvisual .tour .tour-new{
	position: absolute;
	top: -18px;
	left: -10px;
}

.topvisual .tour h2 {
	margin: 0 -13px;
}

.topvisual ul li{
	margin:0 0 6px 0;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
}

.topvisual ul li.last{
	border:none;
	margin-bottom:3px;
}


.topvisual ul li h3{
	float:left;
}

.topvisual ul li a{
	float:right;
	display:block;
}

.topvisual ul li .day {
	padding-top: 6px;
}
.topvisual ul li .day .img{
	float:left;
}
.topvisual ul li .day .img{
	line-height:1;
}
.topvisual ul li .day .text{
	padding-left: 62px;
	line-height:18px;
	font-size:14px !important;
}

.topvisual .top-funamoto{
	position:absolute;
	left:0;
	bottom:0;
}

.topvisual .topimg-box {
	position: absolute;
	width:318px;
	height:224px;
	top:2px;
	right:-8px;
	z-index:9;
}
.topvisual .topimg-box .img {
	position: absolute;
	top:0; left:0;
}
.topvisual #topimg01 {
	animation: topimg01 15s infinite;
}
.topvisual #topimg02 {
	animation: topimg02 15s infinite;
}
.topvisual #topimg03 {
	animation: topimg03 15s infinite;
}
@keyframes topimg01 {
0% {opacity:1;}
30% {opacity:1;}
33.3333% {opacity:0;}
96.6666% {opacity:0;}
100% {opacity:1;}
}
@keyframes topimg02 {
0% {opacity:0;}
30% {opacity:0;}
33.3333% {opacity:1;}
63.3333% {opacity:1;}
66.6666% {opacity:0;}
100% {opacity:0;}
}
@keyframes topimg03 {
0% {opacity:0;}
63.3333% {opacity:0;}
66.6666% {opacity:1;}
96.6666% {opacity:1;}
100% {opacity:0;}
}

/* ラベル */

.label-box{
	position:relative;
}

.label-box .label-ic{
	position:absolute;
	top:-10px;
	left:-20px;
}



/* その他プラン紹介 */
/*.order{
	border:1px solid #78A5C3;
	background:url(../../images/home/bg-order.jpg) repeat-x;
	padding:18px;
	position:relative;
	height:230px;
	margin-bottom:20px;
}

.order .label{
	position:absolute;
	top:-10px;
	left:-20px;
}
*/
.etc-plan{
	width:725px;
	margin-right:-15px;
	margin-bottom:30px;
}

.etc-plan li{
	float:left;
	margin-right:10px;
}

/* サポート */

.support01 h3{
	text-align:center;
	margin-bottom:20px;
}

.support01 p{
	text-align:center;
	margin-bottom:10px;
}

.support02{
	background:url(../../images/home/bg-support.png);
	text-align:center;
	margin-bottom:40px;
}

.support02 p{
	margin-bottom:10px;
}

.support02 .text{
	padding:0 20px;
	text-align:left;
	line-height:1.4;
}

.support02 p.bottom{
	background:url(../../images/home/btm-support02.png);
	height:15px;
	margin:0;
}

/* PR */
.pr{
	margin-bottom:40px;
}

/* ハチハチブログ */
.blog-list {
	margin: 24px 0 8px -10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.blog-list li {
	width:33.3333%;
}
.blog-list a {
	display:block;
	margin-left: 10px;
	padding: 15px;
	background-color: #f6f5ed;
	border-top: 4px solid #d9debd;
	color:#000;
	text-decoration: none;
	transition: opacity 0.2s ease;

    height: 100%;
    box-sizing: border-box;
}
.blog-list a:hover {
	opacity:0.8;
}
.blog-list .title, .blog-list .body {
	line-height:1.45;
	font-size:14px !important;
}
.blog-list .title {
	font-weight:bold;
  min-height: 2.9em;
}
.blog-list .img {
	margin: 8px 0;
	position: relative; padding-top: 75%; overflow:hidden;
}
.blog-list img {
    max-width: 100%;
    height: auto;
	position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
}
.blog-list .date {
	font-size:12px !important;
	font-weight:bold;
	padding-top: 4px;
}

/*船本様バナー*/

#funamoto{
	background:url(../../images/home/img_funamoato.jpg);
	position:relative;
	height:371px;
	width:710px;
}

#funamoto #goFunamoto{
	display:block;
	position:absolute;
	bottom:73px;
	left:130px;
}


/*その他バナー*/

#bnr_etc li{
	float:left;
	margin-right:5px;
}

#bnr_etc li.last{
	margin-right:0 !important;
}



/**/
#home #box-plan .unit, #home #box-plan .unit2 { width: 348px; }
#home #box-plan .junrei, #home #box-plan .order {
	padding: 15px 15px 10px;
	border: 1px solid #68823E;
	border-top: 0;
}
#home #box-plan .order { border-color: #c93; }
#home #box-plan .junrei li, #home #box-plan .order li {
	padding: 0 0 7px 18px;
	background: url(../icon/list-arrow-green.gif) no-repeat 0 3px;
	line-height: 1.4;
}
#home #box-plan .order li {
	background-image: url(../icon/list-arrow-red.gif);
}
#home #box-plan .junrei li li, #home #box-plan .order li li {
	padding: 5px 0 0 11px;
	background: url(../icon/list-triangle-green.gif) no-repeat 0 10px;
}

/* おすすめコンテンツ */
#home #reco-contents {
	padding: 19px 9px 9px;
	border: 1px solid #C4B983;
	background-color: #FBFAF3;
}
#home #reco-contents li {
	width: 325px;
	padding: 0 10px 10px;
}

/* お知らせ */
#home .h-topics {
	position: relative;
	width: 710px;
}
#home .h-topics .list {
	position: absolute;
	top: 0;
	right: 0;
	width: 110px;
	height: 23px;
	font-size: 0;
}
#home #list-topics {
	padding: 17px 17px 10px;
	border: 1px solid #7E8D3D;
	background-color: #FBFAF3;
}


#home .interview {
}