/*--------------------------------------------
 Diary CSS
----------------------------------------------*/
/* 記事ジャンプ 打ち消しマージン */
#d20150617, #d20150607, #d20150506{
	padding-top:125px;
	margin-top:-100px;
}
/* --------------------------
	タブ内コンテンツスタイル
-----------------------------*/
#responsiveTabs {
	margin: 10px 0px 35px 0px !important;
}
#responsiveTabs #tab1,
#responsiveTabs #tab2,
#responsiveTabs #tab3,
#responsiveTabs #tab4,
#responsiveTabs #tab5,
#responsiveTabs #tab6,
#responsiveTabs #tab7,
#responsiveTabs #tab8{
	width:100%;
	border-top: 4px solid #E25960;
	border-bottom: 4px solid #E25960;
}
#responsiveTabs ul#tabs li{
	width: calc(100% / 8);
	height:30px;
	display:table-cell;
	vertical-align:middle;
	border-collapse:separate;
  border-left: 1px solid #fff;
	text-align:center;
  line-height: 1.4;
}
#responsiveTabs ul#tabs li.r-tabs-state-active {
	background-color: #E25960;
}
#responsiveTabs #tabs {
	width:100%;
	max-width: 960px;
	margin:0 auto;
	display:table;
}
#responsiveTabs #tabs li {
	width:20%;
	background-color: #FCE6E2;
	color: #4C444A;
	display:table-cell;
	border-collapse:separate;
  border-left: 1px solid #fff;
	text-align:center;
	vertical-align:middle;
}
#responsiveTabs #tabs li a{
	display:block;
}
#responsiveTabs .tab_cont {
	width:100%;
	max-width: 960px;
	margin:0 auto;
/*	padding-top:15px;*/
	padding-bottom: 30px;
}
.tab_cont dt {
	width: 31%;
	float:left;
}
.tab_cont dt img{
	width:100%;
	height:auto;
}
.tab_cont dd {
	width: 69%;
	height:auto;
	float:right;
	box-sizing:border-box;
	padding-left:25px;
}
.tab_cont h3 {
	font-size:2.4rem;
	color:#E1585F;
}
.tab_cont .diary {
	margin: 15px 0px 0px 0px;
}
.tab_cont li {
	border-bottom: 1px solid #E7DDD8;
	padding: 30px 0px;
}
.tab_cont li:last-child {
	border-bottom:none;
}
.diary_title{
	background-image:url(../images/diary/title_line.png);
	background-repeat:repeat-x;
	background-position:0px bottom;
	background-size: 6px;
	padding-bottom:8px;
	display:table;
	width:100%;
}
.diary_title h3{
	display:table-cell;
}
.diary_title .planner {
	display:table-cell;
	text-align:right;
	vertical-align:bottom;
	width: 80px;
}

/*----------------------------------------------------
 style end
----------------------------------------------------*/
/***********************************
幅が960px以下の場合
***********************************/
@media screen and (max-width: 960px){
.tab_cont {
	width: 100%;
	padding:0 10px;
	box-sizing:border-box;
}
}

/***********************************
幅が640px以下の場合
***********************************/
@media screen and (max-width: 640px){
	#responsiveTabs #tabs {
		display:none;
	}
	#responsiveTabs #tab1,
	#responsiveTabs #tab2,
	#responsiveTabs #tab3,
	#responsiveTabs #tab4,
	#responsiveTabs #tab5,
	#responsiveTabs #tab6,
	#responsiveTabs #tab7,
	#responsiveTabs #tab8,
	#responsiveTabs #tab9{
		border-top: 0px;
		border-bottom: 0px;
	}

	.tab_cont {
		width: 100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	.tab_cont li {
		padding-bottom: 25px;
	}
	.tab_cont dt {
		width: 100%;
		float:none;
	}
	.tab_cont dd {
		width: 100%;
		float:none;
		padding-left: 0px;
		padding-top: 10px;
	}
	.diary_title {
		display: block;
		width: 100%;
		background-size: 3px;
		font-size: 1.3rem
	}
	.diary_title h3 {
		display: block;
		font-size: 1.6rem;
	}
	.diary_title .planner {
		display:table-cell;
		text-align:left;
		vertical-align:bottom;
		width: 80px;
	}

}

/***********************************
幅が920px以下の場合
***********************************/
@media screen and (max-width: 920px){
/* 非表示設定 */
	.sp920_hide {
		display:none;
	}
}