@charset "utf-8";
/* ==========================================================================
   ダイヤモンド交通  トップページ用スタイル（index.css）
   旧 css/index.css + css/index_ex.css を統合・UTF-8化
   ========================================================================== */


/*  index  */

.index_left {
	width:321px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../image/index_waku01.gif) repeat-y;
	}
	
.index_right {
	width:321px;
	margin:0px;
	padding:0px;
	float:right;
	background:url(../image/index_waku01.gif) repeat-y;
	}
	
.index_right2 {
	width:321px;
	margin:0px;
	padding:0px;
	float:right;
	background:url(../image/index_waku04.gif) repeat-y;
	}	
	
.index_waku {
	width:295px;
	margin:0px;
	padding:0px 0px 0px 12px;
	clear:both;
	}
	
.index_text {
	width:295px;
	margin:0px;
	padding:0px;
	clear:both;
	}
	
.index_text p {
	margin:0px;
	padding:5px 0px 15px 0px;
	line-height:1.5em;
	font-size:small;
	}		

.index_button {
	width:82px;
	margin:0px;
	padding:0px;
	float:right;
	}

.index_sbl {
	width:321px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.index_sbr {
	width:321px;
	margin:0px;
	padding:0px;
	float:right;
	}	
	
.index_minil {
	width:94px;
	margin:0px;
	padding:0px;
	float:left;
	}	
	
.index_minir {
	width:201px;
	margin:0px;
	padding:0px 14px 0px 0px;
	float:right;
	}	
	
.index_text2 {
	width:201px;
	margin:0px;
	padding:0px;
	clear:both;
	}
	
.index_text2 p {
	margin:0px;
	padding:7px 0px 7px 0px;
	line-height:1.5em;
	font-size:small;
	}
	
.index_flash {
	width:948px;
	height:195px;
	margin:0px;
	padding:0px;
	clear:both;
	}	
	
.index_qq01 {
	width:216px;
	margin:0px;
	padding:0px;
	}
	
.index_qq02 {
	width:218px;
	margin:0px;
	padding:0px;
	}
	
.index_he01 {
	width:92px;
	margin:0px;
	padding:0px;
	}
	
.index_he02 {
	width:212px;
	margin:0px;
	padding:0px;
	}		

.index_he03 {
	width:173px;
	margin:0px;
	padding:0px;
	}
	
.index_he04 {
	width:173px;
	margin:0px;
	padding:0px;
	}
	

/* ------------------------------- */


/* 190219 追加（メインビジュアル） */


.main_stage {
	margin:0px auto 4px auto;
	padding:0px;
	clear:both;
	display:block;
	width:948px;
	height:290px;
	font-size:0px;
	line-height:0px;
	position:relative;
	z-index:0;
}

.main_visual {
	margin:0px;
	padding:0px;
	clear:both;
	display:block;
	width:948px;
	height:290px;
	font-size:0px;
	line-height:0px;
	position:relative;
	z-index:0;
	overflow:hidden;
}

.swiper-container {
  font-size:0px;
  line-height:0px; 
}

.mv_swiper {
  width:100%;
  height:290px;
  margin:0px auto;
  border-radius:0px;
}

.mv_swiper .mb_btn1 {
  width:948px;
  height:290px;
  display:inline-block;
  position:absolute;
  top:0px;
  left:0px;
}


.mv_swiper .mb_btn0 {
  width:948px;
  height:290px;
  display:inline-block;
  position:absolute;
  top:0px;
  left:0px;
  cursor:default;
}


.mv_img1 {
	background:url(../image/top_img01.png) no-repeat;
    background-position:center;
    background-size:contain;
}

.mv_img2 {
	background:url(../image/top_img02.png) no-repeat;
    background-position:center;
    background-size:contain;
}

.mv_img3 {
	background:url(../image/top_img03.png) no-repeat;
    background-position: center;
    background-size:contain;
}


/* ------------------------------- */


/* 260528 追加 */

.index_rec {
	display:block;
	visibility:visible;
	width:321px;
	margin:0px;
	padding:0px 0px 3px 0px;
    box-sizing: border-box;
	clear:both;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    background-color: #eeeeee;    
}

.index_rec_inner {
	display:block;
	width:313px;
	margin:0px auto;
	padding:8px;
    box-sizing: border-box;    
	clear:both;
    background-color: #fff;
}


.index_rec_photo {
	font-size:0px;
	line-height:0px;
	display:block;
	width:295px;
	margin:0px auto;
	padding:0px;
    box-sizing: border-box;    
	clear:both;
}

.index_rec_photo a {
	display:block;
	width:295px;
	margin:0px;
	padding:0px;
    box-sizing: border-box;    
	clear:both;
}

.index_rec_inner p {
	display:inline-block;
	width:295px;
	margin:8px 0px 16px 0px;
	padding:0px;
    box-sizing: border-box;    
	clear:both;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.03em;
    text-align: left;
}

.index_rec_inner p em {
	display: inline;
	margin:0px;
	padding:0px;
    box-sizing: border-box;
    color: #ed145b;
    font-style: normal;
}

.index_rec_btn {
	display:block;
	width:295px;
	margin:0px auto;
	padding:0px;
    box-sizing: border-box;    
	clear:both;
    text-align: right;
}

.index_rec_btn a {
	display:inline-block;
	width:82px;
	margin:0px;
	padding:0px;
    box-sizing: border-box;    
	clear:both;
}

/* ------------------------------- */
	
	


/* 240502 追加（動画リンク） ------------------------------------------ */

.movie_link2 {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	box-sizing: border-box;
	display: flow-root;
	font-size: 0;
	line-height: 0;
	clear: both;
	position: relative;
}

.movie_btn_a,
.movie_btn_b {
	width: 525px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

.movie_btn_c {
	width: 125px;
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

.movie_link2 img { display: block; }

/* スライド（リンクなし）の上に置く透明レイヤー */
.mv_swiper .mb_btn0 { pointer-events: none; }