@charset "utf-8";

/* Contents
 * ****************************
 *
 * 0: base setting
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table,box
 * 5: link
 * 6: others
 *
 * ****************************
 */

/* ======= 0: base setting ======================================================== */
#contents {
	width:100%;
	margin-top:10px;
}
#pageKakeru .wrapperSection01 {
	width: auto;
	background: #FFF;
}
#pageKakeru .wrapperSection02 {
	background: url(/kakeru/img/common/bgimg01.gif) repeat 0 0;
}
#pageKakeru .wrapperSection03 {
	background: url(/kakeru/img/common/bgimg02.gif) repeat 0 0;
}
#pageKakeru .dirTtl01+.wrapperSection01,
#pageKakeru .keyv+.wrapperSection02,
#pageKakeru .dirTtl01+.wrapperSection02,
#pageKakeru .dirTtl01+.wrapperSection03 {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
}
#pageKakeru .wrapperInner {
	width: 1024px;
	margin: 0 auto;
}
#pageKakeru .wrapperInner02 {
	width: 980px;
	margin: 0 auto;
}
#pageKakeru .updateWrapper {
	border-bottom:solid 1px #D5D5D5;
}
/* [main] ----------*/
#main {
	line-height: 1.4;
}
/* [side] ナビゲーション用（右カラム） ----------*/
#side {
	position: static;
	float: right;
	width: 269px;
}
/* [mainSection] コンテンツ表示用（左カラム） ----------*/
#mainSection {
	width: 736px;
}
#mainSection.bgWhite {
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/* [relatedArticleSection] 関連記事表示用（左カラム） ----------*/
.relatedArticleSection {
	width: 736px;
}
.relatedArticleSection.bgWhite {
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/* [breadcrumbs] パンくず ----------*/
/*pageKakeru .breadcrumbs ul {
	width: 980px;
}*/

#pageKakeru .breadcrumbs {
	padding-top:7px;
	width:1024px;
}
#pageKakeru .breadcrumbs ul {
	display:inline-block;
	float:left;
	width:calc( 100% - 390px );
	margin-top:8px;
	margin-left:22px;
	padding-bottom:0;
}
.box_search02 {
	float:right;
	max-width:332px;
	width:100%;
}
.box_search02 .searchTtl {
	margin-right:13px;
	margin-top:5px;
}
.box_search02 .searchTtl ,
.box_search02 .searchform {
	float:left;
}
.box_search02 .searchform {
	position:relative;
	max-width:250px;
	width:100%;
}
.box_search02 .searchform .searchBtn {
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	height:100%;
	width:32px;
	background:transparent;
	border:0;
	background-image:url(/kakeru/img/common/icon_search.png);
	background-position:center;
	background-size:16px 16px;
	background-repeat:no-repeat;
}
.box_search02 .searchform .keywords {
	width:100%;
	padding:10px 30px 10px 22px;
	border:solid 1px #CCC;
	border-radius:7px;
}
.box_search02 .searchform .keywords:focus {
	outline:0;
}

/* ======= 1: heading ======================================================== */
/*-- h1 --------------------------------------------*/
/* [dirTtl] ディレクトリタイトル ----------*/
#pageKakeru .dirTtl01,
#pageKakeru .dirTtl02 {
	position: relative;
	min-height: 159px;
	padding: 30px 0;
	text-align: center;
}
#pageKakeru .dirTtl01 p,
#pageKakeru .dirTtl02 p {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	line-height: 39px;
}
/* インタビュー用 */
#pageKakeru .magazine .dirTtl01 {
	background: url(/kakeru/img/magazine/ma_interview/bg_ttlBox01.png) repeat 0 0;
}
#pageKakeru .magazine .dirTtl01 h1 {
	padding-top: 15px;
}
/* コラム用 */
#pageKakeru .column .dirTtl01 {
	background: url(/kakeru/img/column/index/bg_ttlBox01.png) repeat 0 0;
}
#pageKakeru .column .dirTtl01 h1 {
	padding-top: 15px;
}
/* お役立ち用 */
#pageKakeru .useful .dirTtl01,
#pageKakeru .useful .dirTtl02 {
	background: url(/kakeru/img/useful/bg_ttlBox01.png) repeat 0 0;
}
#pageKakeru .useful .dirTtl01 h1,
#pageKakeru .useful .dirTtl02 h1 {
	padding-top: 15px;
}
/* [dirInner] ディレクトリタイトル-白背景用 ----------*/
#pageKakeru .dirTtl01 .dirInner,
#pageKakeru .dirTtl02 .dirInner {
	display: table;
	width: 1024px;
	margin: 0 auto;
	border-radius: 6px;
	background: #FFF;
}
#pageKakeru .useful .dirTtl01 .dirInner {
	border-radius: 0;
}
/* コラム用 */
#pageKakeru .column .dirTtl01 .dirInner h1 {
	color: #FFCE56;
	display: table-cell;
	width: 410px;
	padding-top: 0;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
#pageKakeru .column .dirTtl01 .dirInner h1 span {
	font-size: 34px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.1;
}
/* お役立ち用 */
#pageKakeru .useful .dirTtl01 .dirInner .ttlBox {
	color: #48A1B7;
	float: left;
	display: block;
	width: 427px;
	padding-top: 0;
	text-align: left;
	vertical-align: top;
}
#pageKakeru .useful .dirTtl01 .dirInner h1 {
	margin-bottom: 20px;
	padding: 0 30px;
	font-size: 32px;
	line-height: 1.3;
}
#pageKakeru .useful .dirTtl01 .dirInner .catTtl {
	color: #FFF;
	position: static;
	display: inline-block;
	width: auto;
	margin: 25px 0 30px;
	padding: 0 30px;
	line-height: 25px;
	background: #48A1B7;
}
#pageKakeru .useful .dirTtl01 .dirInner .info {
	padding: 0 30px 25px;
	font-size: 15px;
}
#pageKakeru .useful .dirTtl02 .img img {
	border-radius: 0 6px 6px 0 / 0 6px 6px 0;
}


/*----*/
#pageKakeru .dirTtl01 .dirInner .img {
	display: table-cell;
}
#pageKakeru .dirTtl01 .dirInner .img img {
	border-radius: 0 6px 6px 0 / 0 6px 6px 0;
}
/**/
#pageKakeru .useful .dirTtl01 .dirInner .img {
	float: right;
	display: block;
	width: 592px;
	height: 247px;
	overflow: hidden;
	border: 5px solid #FFF;
}
#pageKakeru .useful .dirTtl01 .dirInner .img img {
	margin-top: -100px;
	border-radius: 0;
}
/*----*/
#pageKakeru .useful .dirTtl02 .dirInner h1 {
	color: #48A1B7;
	display: table-cell;
	width: 410px;
	padding-top: 0;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}
#pageKakeru .useful .dirTtl02 .dirInner h1 span {
	font-size: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
}

/*-- h2 --------------------------------------------*/
/* [dirTtl] ディレクトリタイトル ----------*/

/* [other] ----------*/
.box_columnList02 + h2{
	padding-top: 40px;
}

/*-- other --------------------------------------------*/
/* [sttl_popularposts01] 投稿詳細ページ-人気の記事 ----------*/
.sttl_popularposts01 {
	width: 100%;
	padding: 22px;
	text-align: center;
}
/* コラム用 */
.column .sttl_popularposts01 {background: #ffc22d;
}
/* コラム用 */
.magazine .sttl_popularposts01 {
	background: #77BD4C;
}
/* お役立ち用 */
.useful .sttl_popularposts01 {
	background: #48A1B7;
}


/* ======= 2: paragraph ======================================================== */
/* [dirTtl] ディレクトリタイトル ----------*/
#pageKakeru .dirTtl01 p {
	color: #FFF;
	font-size:14px;
}
/* インタビュー用 */
#pageKakeru .magazine .dirTtl01 p {
	background: #6EB542;
}
/* コラム用 */
#pageKakeru .column .dirTtl01 p {
	background: #FFC22E;
}
/* お役立ち用 */
#pageKakeru .useful .dirTtl01 p {
	background: #3B97AE;
}


/* ======= 3: list ======================================================== */
/*-- ul --------------------------------------------*/
/* [list_category01] カテゴリ一覧表示 ----------*/
ul.list_category01 {
	width: 1034px;
	margin: 0 auto;
	text-align: center;
}
ul.list_category01 li {
	display: inline-block;
	margin: 0 0 10px 5px;
}
ul.list_category01 li a {
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	text-decoration: none;
	line-height: 30px;
	white-space: nowrap;
	border-radius: 1em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*----*/
ul.list_category01 li.cat1 a {
	background: #FCF4DE;
}
ul.list_category01 li.cat1 a:hover {
	background: #FAEBC3;
}
/*----*/
ul.list_category01 li.cat2 a {
	background: #F6F1CF;
}
ul.list_category01 li.cat2 a:hover {
	background: #F4EDBD;
}
/*----*/
ul.list_category01 li.cat3 a {
	background: #F1F6CF;
}
ul.list_category01 li.cat3 a:hover {
	background: #EEF7B2;
}
/*----*/
ul.list_category01 li.cat4 a {
	background: #E0F3D7;
}
ul.list_category01 li.cat4 a:hover {
	background: #D2F2C3;
}
/*----*/
ul.list_category01 li.cat5 a {
	background: #D9F4E9;
}
ul.list_category01 li.cat5 a:hover {
	background: #C6F4E1;
}
/*----*/
ul.list_category01 li.cat6 a {
	background: #D9EBF2;
}
ul.list_category01 li.cat6 a:hover {
	background: #C5E4F1;
}
/*----*/
ul.list_category01 li.cat7 a {
	background: #D7E2F5;
}
ul.list_category01 li.cat7 a:hover {
	background: #C4D5F5;
}
/*----*/
ul.list_category01 li.cat8 a {
	background: #E3DCF1;
}
ul.list_category01 li.cat8 a:hover {
	background: #D5C8F0;
}
/*----*/
ul.list_category01 li.cat9 a {
	background: #F1DCF1;
}
ul.list_category01 li.cat9 a:hover {
	background: #F1CDF1;
}
/*----*/
ul.list_category01 li.cat10 a {
	background: #F1DCE1;
}
ul.list_category01 li.cat10 a:hover {
	background: #F2C8D2;
}
/*----*/
ul.list_category01 li.cat11 a {
	background: #F1E5DC;
}
ul.list_category01 li.cat11 a:hover {
	background: #F2DDCD;
}

/* [list_randColumn01] コラムランダム記事表示 ----------*/
ul.list_randColumn01 {
	display: table-cell;
	width: 315px;
}
ul.list_randColumn01 li {
	position: relative;
	float: left;
	width: 151px;
	margin: 0 13px 13px 0;
}
ul.list_randColumn01 li:nth-child(2n) {
	margin-right: 0;
}
ul.list_randColumn01 li:nth-child(n+3) {
	margin-bottom: 0;
}
ul.list_randColumn01 li a {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/*----*/
ul.list_randColumn01 li .profile {
	color: #FFF;
	margin-top: 13%;
	padding: 0 10px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-ms-transform: translateY(30%);
	-o-transform: translateY(30%);
	transform: translateY(30%);
}
ul.list_randColumn01 li a:hover .profile {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/*----*/
ul.list_randColumn01 li .name {
	font-size: 22px;
}
/*----*/
ul.list_randColumn01 li .job {
	margin-bottom: 10px;
}
/*----*/
ul.list_randColumn01 li .img {
	width: 151px;
	height: 151px;
	overflow: hidden;
}
ul.list_randColumn01 li .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
ul.list_randColumn01 li a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
/*----*/
ul.list_randColumn01 li .info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	background: #FFC600;
	background: rgba(255,198,0,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
ul.list_randColumn01 li a:hover .info {
	visibility: visible;
	opacity: 1;
}

/*-- ol --------------------------------------------*/

/*-- dl --------------------------------------------*/
/* [list_other_talk01] その他インタビュー（対談）記事表示 &
   [list_other_interview01] その他インタビュー（スペシャルインタビュー）記事表示 ----------*/
dl.list_other_talk01,
dl.list_other_interview01 {
	display: table;
	float: left;
}
dl.list_other_talk01 dt,
dl.list_other_interview01 dt {
	display: table-cell;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}
dl.list_other_interview01 dt {
	width: 190px;
}
dl.list_other_talk01 dt .btn,
dl.list_other_interview01 dt .btn {
	display: inline-block;
	padding-top: 15px;
}
dl.list_other_talk01 dt .btn a,
dl.list_other_interview01 dt .btn a {
	color: #FFF;
	position: relative;
	display: inline-block;
	padding: 0 30px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	border-radius: 6px;
	background: #77BD4C;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
}
dl.list_other_talk01 dt .btn a:after,
dl.list_other_interview01 dt .btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
dl.list_other_talk01 dt .btn a:hover,
dl.list_other_interview01 dt .btn a:hover {
	background: #92CA6F;
	background: rgba(119,189,76,0.8);
}
/*----*/
dl.list_other_talk01 dd {
	display: table-cell;
	padding-left: 15px;
}
dl.list_other_talk01 dd a {
	position: relative;
	display: block;
	width: 186px;
	overflow: hidden;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/*----*/
dl.list_other_talk01 dd a .info {
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px 10px 0 10px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	border-radius: 6px;
	background: #77BD4C;
	background: rgba(119,189,76,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
dl.list_other_talk01 dd a:hover .info {
	visibility: visible;
	opacity: 1;
}
/*----*/
dl.list_other_talk01 dd a .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
dl.list_other_talk01 dd a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
/*----*/
dl.list_other_talk01 dd a .name {
	display: inline-block;
	padding-top: 5px;
	font-size: 20px;
}
dl.list_other_talk01 dd a .profile {
	display: inline-block;
	padding-bottom: 5px;
	font-size: 14px;
}
/* [list_other_interview01] その他インタビュー（スペシャルインタビュー）記事表示 ----------*/
dl.list_other_interview01 dd {
	display: table-cell;
	padding-left: 10px;
}
dl.list_other_interview01 dd a {
	position: relative;
	display: block;
	width: 139px;
	overflow: hidden;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/*----*/
dl.list_other_interview01 dd a .info {
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 50px 10px 0 10px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	border-radius: 6px;
	background: #77BD4C;
	background: rgba(119,189,76,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
dl.list_other_interview01 dd a:hover .info {
	visibility: visible;
	opacity: 1;
}
dl.list_other_interview01 dd a .info .vol {
	font-size: 14px;
}
dl.list_other_interview01 dd a .info .name {
	display: inline-block;
	font-size: 20px;
	padding: 8px 0;
}
/*----*/
dl.list_other_interview01 dd a .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
dl.list_other_interview01 dd a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
/* [list_other_talk02] その他インタビュー（対談）記事表示2 ----------*/
dl.list_other_talk02 {
	float: left;
	padding-left: 25px;
	text-align: center;
}
dl.list_other_talk02 dt {
	padding: 8px 0 17px;
}
dl.list_other_talk02 dd {
	float: left;
	padding-right: 7px;
}
dl.list_other_talk02 dd.btn {
	padding-right: 0;
}
dl.list_other_talk02 dd a {
	position: relative;
	display: block;
	width: 116px;
	overflow: hidden;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
dl.list_other_talk02 dd.btn a {
	color: #FFF;
	position: relative;
	display: block;
	line-height: 116px;
	text-align: center;
	text-decoration: none;
	background: #77BD4C;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
dl.list_other_talk02 dd.btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
dl.list_other_talk02 dd.btn a:hover {
	background: #92CA6F;
	background: rgba(119,189,76,0.8);
}
/*----*/
dl.list_other_talk02 dd a .info {
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 20px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	border-radius: 6px;
	background: #77BD4C;
	background: rgba(119,189,76,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
dl.list_other_talk02 dd a:hover .info {
	visibility: visible;
	opacity: 1;
}
dl.list_other_talk02 dd a .info .name {
	display: inline-block;
	font-size: 16px;
	padding: 8px 0 0;
}
/*----*/
dl.list_other_talk02 dd a .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
dl.list_other_talk02 dd a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
/* [list_other_turning01] その他インタビュー（ターニングポイント）記事表示 ----------*/
dl.list_other_turning01 {
	float: left;
	width: 375px;
	padding-left: 40px;
	text-align: center;
}
dl.list_other_turning01 dt {
	padding: 10px 0;
}
dl.list_other_turning01 a img {
	display: inline-block;
	border: 5px solid #FFF;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
dl.list_other_turning01 a:hover img {
	opacity: 0.85;
	border: 5px solid #77BD4C;
}


/* ======= 4: table,box ======================================================== */
/*-- box --------------------------------------------*/
/* [keyv] キービジュアル背景 ----------*/
#pageKakeru .keyv {
	height: 316px;
	padding-top:117px;
	background: -moz-linear-gradient(left, #d04b50 0%, #b20a2c 100%);
	background: -webkit-linear-gradient(left, #d04b50 0%, #b20a2c 100%);
	background: linear-gradient(to right, #d04b50 0%, #b20a2c 100%);
}
#pageKakeru .keyv .textKeyv {
	font-size:17px;
	color:#FFF;
}
.keyv {
	position: relative;
	width: 100%;
	height: 500px;
	padding-top: 136px;
	text-align: center;
	background: linear-gradient(292deg, #95E9E4, #B9E3A5, #FDEAAA, #F9CCD8, #E7DDEE);
	background-size: 1000% 1000%;
	
	-webkit-animation: keyvAnimation 49s ease infinite;
	-moz-animation: keyvAnimation 49s ease infinite;
	animation: keyvAnimation 49s ease infinite;
}
@-webkit-keyframes keyvAnimation {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@-moz-keyframes keyvAnimation {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@keyframes keyvAnimation { 
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
.keyv p {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #FFF;
	background: rgba(179, 179, 179, 0.2);
}
#pageKakeru .keyv p {
	padding:19px 0;
	background:rgba(139, 17, 41, 0.2);
}

/* [postContent] 投稿詳細ページ-各パーツ ----------*/
.postContent {
	background: #FFF;
}
.postContent .ttlBox {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
/*----*/
.postContent .vol {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	vertical-align: middle;
	border-right: 1px solid #CCC;
}
/*----*/
.postContent .ttl {
	display: table-cell;
	padding-left: 5px; 
	font-size: 26px;
	vertical-align: middle;
	font-weight:bold;
}
/*----*/
.postContent .date {
	float: left;
	padding: 45px 0 10px;
}
.postContent .date span {
	color: #FFF;
	display: inline-block;
	padding: 0 35px;
	font-size: 16px;
	line-height: 30px;
}
/*----*/
.postContent .snsLink {
	padding: 30px 0;
	overflow: hidden;
	text-align: right;
}
.postContent .snsLink li {
	display:inline-block;
	padding-left: 10px;
	line-height:0;
	vertical-align:bottom;
}
.postContent .date + .snsLink {
	float: right;
	padding: 30px 25px;
}

.postContent .twitter_btn{
	width: 68px;
}
.postContent .arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	text-align: center;
	font-size: 13px;
	min-height: 34px;
	line-height: 34px;
	display: block;
	text-decoration: none;
	color: #333;
	border-radius: 3px;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
.postContent .arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.postContent .arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 3px;
	margin-left: -3px;
}
.postContent .arrow_box:before {
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #ccc;
	border-width: 4px;
	margin-left: -4px;
}
/*----*/
.postContent .nextLink {
	color: #77BD4C;
	display: inline-block;
	padding-left: 15px;
	background: url(/kakeru/img/common/icon_arrow01.gif) no-repeat 0 0.7em;
}
/*----*/
.postContent h2 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 22px;
	font-weight:bold;
}
.postContent h2:before {
	content: "";
	position: absolute;
	top: 0.7em;
	left: 0;
	width: 25px;
	border-bottom: 2px solid;
}
/*----*/
.postContent h3 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 20px;
	font-weight:bold;
}
.postContent h3:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 6px;
	width: 19px;
	height: 19px;
	background: no-repeat 0 0;
}
/*----*/
.postContent h4 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 18px;
	font-weight:bold;
}
.postContent h4:before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 21px;
	width: 4px;
	height: 19px;
}
/*----*/
.postContent p{
	font-size:14px;
	line-height:2;
	margin-bottom:30px;
}
.postContent .alignleft{
	float:left;
}
.postContent .alignright{
	float:right;
}
 .wp-caption.alignright{
    margin-right:25px;
	}
.wp-caption.alignright .wp-caption-text{
	padding-left:30px;
}
 .wp-caption.alignrleft{
    margin-right:25px;
	}
.wp-caption.alignleft .wp-caption-text{
	padding-right:30px;
}
.wp-caption-text{
	font-size:12px !important;
	line-height:1.5 !important;
}
/* コラム用 */
.column .postContent .ttlBox {
	border-bottom: 3px solid #FFCE56;
}
.column .postContent .date span {background: #ffc22d;
}
.column .postContent .vol {
	color: #FFCE56;
	display: table-cell;
}
.column .postContent h2:before {
	border-bottom-color: #FFCE56;
}
.column .postContent h3:before {
	background-image: url(/kakeru/img/common/icon_circle01.gif);
}
.column .postContent h4:before {
	background-color: #FFC22D;
}
/* インタビュー用 */
.magazine .postContent .ttlBox {
	border-bottom: 3px solid #77BD4C;
}
.magazine .postContent .date span {
	background: #77BD4C;
}
.magazine .postContent .vol {
	color: #77BD4C;
	display: table-cell;
}
.magazine .postContent h2:before {
	border-bottom-color: #77BD4C;
}
.magazine .postContent h3:before {
	background-image: url(/kakeru/img/common/icon_circle03.gif);
}
.magazine .postContent h4:before {
	background-color: #77BD4C;
}
/* お役立ち用 */
.useful .postContent .ttlBox {
	border-bottom: 3px solid #48A1B7;
}
.useful .postContent .date span {
	background: #48A1B7;
}
.useful .postContent .vol {
	color: #48A1B7;
	display: table-cell;
}
.useful .postContent h2:before {
	border-bottom-color: #48A1B7;
}
.useful .postContent h3:before {
	background-image: url(/kakeru/img/common/icon_circle02.gif);
}
.useful .postContent h4:before {
	background-color: #48A1B7;
}

/* [box_profile01] プロフィール表示 ----------*/
/* お役立ち用 */
.useful .box_profile01 {
	width: 736px;
	padding: 30px;
	border-top: 3px solid #48A1B7;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.useful .box_profile01 .img {
	height: 164px;
	width: 164px;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 50%;
}
/*----*/
.useful .box_profile01 .info {
	overflow: hidden;
	font-size: 14px;
}
/*----*/
.useful .box_profile01 .ttl {
	color: #644416;
	display: inline-block;
	font-size: 25px;
	vertical-align: baseline;
}
.useful .box_profile01 .ttl a {
	color:inherit;
	text-decoration:none;
}
.useful .box_profile01 .ttl a:hover {
	text-decoration:underline;
}
.useful .box_profile01 .ttl span {
	font-size: 15px;
}
/*----*/
.useful .box_profile01 .profile {
	color: #868685;
	margin-bottom: 20px;
}
/*----*/
.useful .box_profile01 .buttonCandidate,
.useful .box_profile01 .buttonSeeDetail {
	color: #FFF !important;
	display: inline-block;
	min-width: 137px;
	margin-bottom: 5px;
	padding: 0 15px !important;
	font-size: 12px !important;
	line-height: 26px;
	text-decoration: none;
	opacity: 1;
	border-radius: 6px;
	/*background: #EC7063;*/
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.useful .box_profile01 .buttonSeeDetail {
	background: #4978AE;
}
.useful .box_profile01 .buttonCandidate:hover,
.useful .box_profile01 .buttonSeeDetail:hover {
	opacity: 0.8;
}

/* [box_popularposts01] 人気の記事表示 ----------*/
.box_popularposts01 {
	border-top: 1px solid #E6E6E6;
}
.sttl_popularposts01 + .box_popularposts01 {
	border: none;
}
.box_popularposts01{
	-webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.box_popularposts01 a {
	display: block;
	position: relative;
	padding: 10px 50px 10px 20px;
	overflow: hidden;
	font-size: 16px;
	text-decoration: none;
}

.box_popularposts01 a:hover{
	background-color: #F7F7F7;
}
.box_popularposts01 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_popularposts01 a:hover:after {
	right: 25px;
}
.box_popularposts01 .catTtl,
.box_popularposts01 .vol {
	color: #FFF;
	display: inline-block;
	min-width: 100px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
}
.box_popularposts01 .catTtlSec {
	margin-bottom: 5px;
}
.box_popularposts01 .img {
	float: left;
	width: 86px;
	height: 86px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 6px;
}
/* コラム用 */
.column .box_popularposts01 .catTtl {background: #ffc22d;
}
.column .box_popularposts01 .catTtlSec {
	color: #ffbd56;
	font-size:16px;
}
.column .box_popularposts01 a:after {
	border-color: #FFCE56;
}
.column .box_popularposts01 .name {
	color: #644416;
	display: inline-block;
	padding-right: 20px;
	font-size:16px;
}
.column .box_popularposts01 h2{
	font-size:14px;
	padding-top:5px;
}
/* インタビュー用 */
.magazine .box_popularposts01 .catTtl {background: #ffc22d;
}
.magazine .box_popularposts01 .catTtlSec {
	color: #FFCE56;
}
.magazine .box_popularposts01 a:after {
	border-color: #77BD4C;
}
.magazine .box_popularposts01 .name {
	color: #4d4d4d;
	display: inline-block;
	padding-right: 15px;
}
.magazine .box_popularposts01 .profile {
	color: #929292;
	font-size:13px;
}
.magazine .box_popularposts01 .vol{
	background-color:#77bd4c;
	}
.magazine .box_popularposts01 h2{
	color:#77bd4c;
	margin-bottom: 3px;
		}
/* お役立ち用 */
.useful .box_popularposts01 .catTtl {
	background: #48A1B7;
}
.useful .box_popularposts01 .catTtlSec {
	color: #48A1B7;
}
.useful .box_popularposts01 a:after {
	border-color: #48A1B7;
}

/* [box_useful_idx01] トップ-お役立ち表示 ＆
   [box_useful01] お役立ちトップ-最新記事表示 ----------*/
.box_useful_idx01_base {
	display: table;
}
.box_useful_idx01_ttl {
	display: table-cell;
	width: 240px;
	height: 350px;
	padding-left: 20px;
	vertical-align: middle;
}
.box_useful_idx01_ttl h2 {
	margin-bottom: 20px;
	padding-left: 6px;
}
.box_useful_idx01_ttl a.btn {
	color: #FFF;
	position: relative;
	display: block;
	width: 176px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	border-radius: 6px;
	background: #48A1B7;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_useful_idx01_ttl .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.box_useful_idx01_ttl .btn:hover {
	opacity: 0.8;
}
/*----*/
.box_useful_idx01,
.box_useful01 {
	float: left;
	width: 400px;
	margin-left: 7px;
	background: #FFF;
}
.box_useful_idx01.post1 {
	width: 363px;
}
.box_useful01.post1 {
	width: 635px;
	margin-left: 0;
}
.box_useful01.post2,
.box_useful01.post3 {
	width: 374px;
}
.box_useful_idx01.post2,
.box_useful01.post2 {
	margin-bottom: 7px;
}
/*----*/
.box_useful_idx01 a,
.box_useful01 a {
	position: relative;
	display: block;
	padding: 5px;
	overflow: hidden;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_useful01.post1 a {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_useful01.post1 a:hover {
	opacity: 0.8;
	background: #48A1B7;
}
/*----*/
.box_useful_idx01 .info,
.box_useful01 .info {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 140px;
	height: 160px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_useful_idx01 a:hover .info,
.box_useful01 a:hover .info {
	visibility: hidden;
	opacity: 0;
}
.box_useful_idx01.post1 .info,
.box_useful01.post1 .info {
	width: 353px;
	height: 97px;
	background: #48A1B7;
}
.box_useful01.post1 .info ,
.box_useful01.post1 a:hover .info {
	right: auto;
	left: 5px;
	visibility: visible;
	opacity: 1;
}
.box_useful_idx01.post2 .info,
.box_useful01.post2 .info {
	right: auto;
	left: 5px;
	background: #EE6F90;
}
.box_useful_idx01.post3 .info,
.box_useful01.post3 .info {
	background: #ffc22d;
}
.box_useful_idx01 .info::after,
.box_useful01 .info::after {
	content: "";
	position: absolute;
	right: -4px;
	bottom: -4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #FFF;
}
/*----*/
.box_useful_idx01 .catTtl,
.box_useful01 .catTtl {
	position: absolute;
	top: 35px;
	min-width: 90px;
	padding: 0 20px;
	line-height: 20px;
	background: #FFF;
}
.box_useful_idx01.post1 .catTtl,
.box_useful01.post1 .catTtl {
	color: #48A1B7;
	top: 15px;
}
.box_useful_idx01.post2 .catTtl,
.box_useful01.post2 .catTtl {
	color: #EE6F90;
}
.box_useful_idx01.post3 .catTtl,
.box_useful01.post3 .catTtl {
	color: #F8C957;
}
/*----*/
.box_useful_idx01 .columnTtl,
.box_useful01 .columnTtl {
	color: #FFF;
	position: absolute;
	top: 70px;
	padding: 0 25px;
	font-size: 18px;
}
.box_useful_idx01.post1 .columnTtl,
.box_useful01.post1 .columnTtl {
	top: 50px;
}
/*----*/
.box_useful_idx01 .content,
.box_useful01 .content {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_useful_idx01.post1 .content {
	background: #48A1B7;
	background: rgba(61,184,195,0.8);
}
.box_useful01.post1 .content {
	position: absolute;
	left: auto;
	width: 273px;
	padding-top: 20px;
	text-align: center;
	visibility: visible;
	opacity: 1;
	background: #FFF;
}
.box_useful_idx01.post2 .content,
.box_useful01.post2 .content {
	background: #EE6F90;
	background: rgba(238,111,144,0.8);
}
.box_useful_idx01.post3 .content,
.box_useful01.post3 .content {
	background: #F8C957;
	background: rgba(248,201,87,0.8);
}
.box_useful_idx01 a:hover .content,
.box_useful01 a:hover .content {
	visibility: visible;
	opacity: 1;
}
.box_usefulList02 .usefulPost01 .content,
.box_usefulList02 .usefulPost01 .date,
.box_usefulList03 .usefulPost01.post1 .content,
.box_usefulList03 .usefulPost01.post2 .content,
.box_usefulList03 .usefulPost01.post3 .content,
.box_usefulList03 .usefulPost01.post1 .date,
.box_usefulList03 .usefulPost01.post2 .date,
.box_usefulList03 .usefulPost01.post3 .date,
.box_columnList04 .columnPost01 .content,
.box_columnList04 .columnPost01 .date {
	color: #929292;
	font-size: 13px;
}
.box_usefulList02 .usefulPost01 .content {
	margin-bottom: 5px;
}
.box_usefulList03 .usefulPost01.post1 .content,
.box_columnList04 .columnPost01.post1 .content {
	line-height: 1.8;
}
.box_usefulList02 .usefulPost01 .date {
	position: absolute;
	bottom: 10px;
}
.box_usefulList03 .usefulPost01 .date,
.box_columnList04 .columnPost01 .date {
	position: absolute;
	bottom: 13px;
	font-size: 14px;
}
.box_usefulList03 .usefulPost01.post1 .date,
.box_columnList04 .columnPost01.post1 .date {
	bottom: 30px;
}
/*----*/
.box_useful_idx01 .ttl,
.box_useful01 .ttl {
	color: #FFF;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0 30px;
	font-size: 17px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_useful_idx01.post1 .ttl,
.box_useful01.post1 .ttl {
	top: 85px;
	font-size: 18px;
	line-height: 1.5;
}
.box_useful01.post1 .ttl {
	color: #48A1B7;
	position: static;
	margin-bottom: 15px;
	font-size: 20px;
	text-align: left;
}
.box_useful_idx01 a:hover .ttl,
.box_useful01 a:hover .ttl {
	top: 15px;
}
.box_useful_idx01.post1 a:hover .ttl {
	top: 80px;
}
/*----*/
.box_useful01.post1 .postContent {
	padding: 0 30px;
	text-align: left;
	font-size: 14px;
    line-height: 1.5;
    color: #929292;
}
/*----*/
.box_useful_idx01 .btn,
.box_useful01 .btn {
	position: absolute;
	top: 110px;
	left: 50%;
	min-width: 160px;
	margin-left: -80px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	background: #FFF;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_useful_idx01.post1 .btn {
	color: #48A1B7;
	top: 200px;
	min-width: 190px;
	margin-left: -95px;
	font-size: 16px;
	line-height: 50px;
	border-radius: 50px;
}
.box_useful01.post1 .btn {
	color: #FFF;
	display: inline-block;
	top: auto;
	bottom: 40px;
	background: #48A1B7;
}
.box_useful_idx01.post2 .btn,
.box_useful01.post2 .btn {
	color: #EE6F90;
}
.box_useful_idx01.post3 .btn,
.box_useful01.post3 .btn {
	color: #F8C957;
}
/**/
.box_useful_idx01 .btn:after,
.box_useful01 .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid;
	border-right: 1px solid;
}
.box_useful_idx01.post1 .btn:after {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top-color: #48A1B7;
	border-right-color: #48A1B7;
}
.box_useful_idx01.post2 .btn:after {
	border-top-color: #EE6F90;
	border-right-color: #EE6F90;
}
.box_useful_idx01.post3 .btn:after {
	border-top-color: #F8C957;
	border-right-color: #F8C957;
}
/**/
.box_useful_idx01 a:hover .btn,
.box_useful01 a:hover .btn {
	top: 105px;
}
.box_useful_idx01.post1 a:hover .btn {
	top: 195px;
}
.box_useful01.post1 a:hover .btn {
	top: auto;
}
/*----*/
.box_useful_idx01 .img,
.box_useful01 .img {
	height: 160px;
	overflow: hidden;
}
.box_useful01.post1 .img {
	width: 353px;
}
.box_useful_idx01.post1 .img,
.box_useful01.post1 .img {
	height: 339px;
}
.box_useful01.post2 .img img,
.box_useful01.post3 .img img {
	margin-top: -50px;
}
.box_useful_idx01 .img img,
.box_useful01 .img img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_useful_idx01 a:hover .img img,
.box_useful01 a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

/* [box_specialIv01_idx01] トップ-スペシャルインタビュー表示 ----------*/
.box_specialIv01_idx01_base {
	width: 100%;
	overflow: hidden;
}
.box_specialIv01_idx01_base .caroufredsel_wrapper {
	width: 100% !important;
}
.box_specialIv01_idx01_base .btn {
	color: #FFF;
	display: inline-block;
	position: relative;
	width: 226px;
	line-height: 38px;
	text-decoration: none;
	opacity: 1;
	border-radius: 6px;
	background: #77BD4C;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_specialIv01_idx01_base .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.box_specialIv01_idx01_base .btn:hover {
	color: #FFF;
	opacity: 0.8;
}
/*----*/
.box_specialIv01_idx01 {
	float: left;
	position: relative;
	width: 200px;
	height: 260px;
	margin-left: 15px;
	overflow: hidden;
}
.box_specialIv01_idx01 .info {
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 35px 20px 30px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	background: #77BD4C;
	background: rgba(119,189,76,0.65);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_specialIv01_idx01 a:hover .info {
	padding-top: 30px;
	visibility: visible;
	opacity: 1;
}
/*----*/
.box_specialIv01_idx01 .vol {
	margin-bottom: 10px;
}
.box_specialIv01_idx01 .vol span {
	color: #71C547;
	display: inline-block;
	padding: 0 15px;
	line-height: 20px;
	border-radius: 20px;
	background: #FFF;
}
.box_specialIv01_idx01 .name {
	margin-bottom: 8px;
	font-size: 22px;
}
.box_specialIv01_idx01 .profile {
	margin-bottom: 5px;
}
.box_specialIv01_idx01 .profile + p {
	width: 31px;
	height: 7px;
	margin: 10px auto 15px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -9999px;
	/*border-bottom: 1px solid #FFF;*/
	background:url(/kakeru/img/index/bg_dot.png) no-repeat;
}
.box_specialIv01_idx01 .ttl {
	margin-top: 5px;
	font-size:14px;
	line-height:1.5;
	text-align:left;
}
.box_specialIv01_idx01 .iconNew01 {
	position: absolute;
	top: 0;
	left: 0;
}
.box_specialIv01_idx01 .img img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_specialIv01_idx01 a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

/* [box_update_idx01] トップ-更新情報表示 ----------*/
.box_update_idx01_base {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.box_update_idx01_base .pager {
	text-align: center;
}
.box_update_idx01_base .pager a {
	display: inline-block;
	width: 25px;
	margin-left: 1px;
	font-size: 1px;
	line-height: 5px;
	background: #E0E0E0;
}
.box_update_idx01_base .pager a span {
	visibility: hidden;
}
.box_update_idx01_base .pager a.selected {
	background: #EE6F90;
}
/*----*/
.box_update_idx01_base .prev,
.box_update_idx01_base .next {
	position: absolute;
	top: 53px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.box_update_idx01_base .prev {
	left: -50px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
}
.box_update_idx01_base .next {
	right: -50px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
/*----*/
.box_update_idx01 {
	float: left;
	width: 338px;
	padding-right: 20px;
}
.box_update_idx01 a {
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box_update_idx01 a:hover {
	opacity: 0.8;
}
/*----*/
.box_update_idx01 .img {
	float: left;
	width: 139px;
	height: 143px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 6px;
}
.box_update_idx01 .img img {
	width: auto;
	min-height: 143px;
	border-radius: 6px;
}
/*----*/
.box_update_idx01 .catTtl {
	padding: 15px 0 10px;
}
.box_update_idx01 .catTtl span {
	color: #FFF;
	display: inline-block;
	min-width: 90px;
	padding: 0 10px;
	text-align: center;
	line-height: 20px;
}
.box_update_idx01 .catTtl span.col {
	background: #ffc22d;
}
.box_update_idx01 .catTtl span.mag {
	background: #72BD4C;
}
.box_update_idx01 .catTtl span.use {
	background: #48A1B7;
}
/*----*/
.box_update_idx01 .date {
	color: #4978AE;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
/*----*/
.box_update_idx01 .ttl {
	width: 155px;
	overflow: hidden;
}

/* [box_column01_idx01] トップ-コラム一覧表示 ----------*/
.box_column01_idx01_base {
	background: #FFEBBB;
}
.box_column01_idx01_base .wrapperInner {
	display: table;
	width: 980px !important;
	margin: 0 auto;
}
.box_column01_idx01_base .box_column01_idx01_ttl {
	color: #FFF;
	display: table-cell;
	width: 313px;
	height: 313px;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;background: #ffc22d;
}
/*----*/
.box_column01_idx01 {
	display: table-cell;
}
.box_column01_idx01 li {
	float: left;
	width: 151px;
	margin-left: 15px;
	border-radius: 6px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_column01_idx01 li:nth-child(-n+4) {
	margin-bottom: 15px;
}
.box_column01_idx01 a {
	color: #FFF !important;
	display: block;
	position: relative;
	width: 151px;
	height: 151px;
	overflow: hidden;
	border-radius: 6px;
	text-decoration: none;
}
.box_column01_idx01 .info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px 10px 0;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	background: #FFC600;
	background: rgba(255,198,0,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_column01_idx01 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.box_column01_idx01 .img {
	width: 151px;
	height: 151px;
	overflow: hidden;
}
.box_column01_idx01 .img img {
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_column01_idx01 a:hover .img img {
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
.box_column01_idx01 .name {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 20px;
}
.box_column01_idx01 .profile {
	display: inline-block;
	margin-bottom: 10px;
}
.box_column01_idx01 .btn {
	position: relative;
	height: 151px;
	line-height: 151px;
}
.box_column01_idx01 .btn a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
	font-size: 15px;
	text-align: center;background: #ffc22d;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_column01_idx01 .btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.box_column01_idx01 .btn a:hover {
	opacity: 0.8;
}

/* [box_column01] コラムトップ新着表示 ----------*/
.box_column01 {
	display: table;
}
.box_column01 h1 {
	display: table-cell;
	width: 220px;
	text-align: center;
	vertical-align: middle;
}
/* [box_update01] コラムトップ最新記事表示 ＆
   [box_columnList01] コラムトップ-コラム記事一覧表示 ＆
   [box_columnList03] コラムカテゴリー-過去コラム一覧表示 ＆
   [box_usefulList01] お役立ちトップ-記事一覧表示 ＆
   [box_usefulList02] お役立ち-子カテゴリ記事一覧表示 ----------*/
.box_column01 .box_update01_base {
	display: table-cell;
	padding-right: 33px;
	vertical-align: middle;
}
.box_column01 .box_update01_base .update {
	margin-bottom: 30px;
	text-align: center;
}
.box_column01 .box_update01_base .update span {
	color: #7A715A;
	display: inline-block;
	padding: 0 70px;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	border-radius: 1em;
	background: #DADADA;
	background: rgba(218,218,218,0.8);
}
/*----*/
.box_columnList01_base,
.box_usefulList01_base {
	display: table;
}
.box_columnList01_base .columnCat01,
.box_usefulList01_base .usefulCat01 {
	display: table-cell;
	width: 152px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;background: #ffc22d;
	border-radius: 6px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box_usefulList01_base .usefulCat01 {
	background: #48A1B7;
}
.box_columnList01_base .columnCat01:hover {
	background: #FDD46D;
}
.box_usefulList01_base .usefulCat01:hover {
	background: #62ADC0;
}
.box_columnList01_base .columnCat01 .catTtl,
.box_usefulList01_base .usefulCat01 .catTtl {
	color: #FFF;
	margin-bottom: 10px;
	font-size: 16px;
}
.box_columnList01_base .columnCat01 .btn,
.box_usefulList01_base .usefulCat01 .btn {
	color: #FFCE56;
	position: relative;
	display: inline-block;
	padding: 0 20px;
	text-align: center;
	line-height: 26px;
	border-radius: 6px;
	background: #FFF;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulList01_base .usefulCat01 .btn {
	color: #48A1B7;
}
.box_columnList01_base .columnCat01 .btn:after,
.box_usefulList01_base .usefulCat01 .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-top: 1px solid #FFCE56;
	border-right: 1px solid #FFCE56;
}
.box_usefulList01_base .usefulCat01 .btn:after {
	border-color: #48A1B7;
}
/*----*/
.box_columnList01_base .box_columnList01,
.box_usefulList01_base .box_usefulList01 {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
/*----*/
.box_column01 .box_update01,
.box_columnList01_base .columnPost01,
.box_columnList03 .columnPost01,
.box_usefulList01 .usefulPost01,
.box_usefulList02 .usefulPost01,
.box_usefulList03 .usefulPost01,
.box_columnList04 .columnPost01 {
	float: left;
	width: 455px;
	min-height: 197px;
	overflow: hidden;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 0 0 0 #FFCE56 inset;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_columnList01_base .columnPost01 {
	width: 416px;
	min-height: 151px;
	margin: 20px 20px 0 0;
}
.box_columnList03 .columnPost01 {
	width: 360px;
	min-height: 151px;
	margin: 15px 15px 0 0;
}
.box_usefulList01 .usefulPost01 {
	width: 277px;
	min-height: 193px;
	margin: 13px 10px 0 0;
	border-radius: 0;
}
.box_usefulList02 .usefulPost01 {
	width: 340px;
	min-height: 160px;
	border-radius: 0;
}
.box_usefulList02 .usefulCat01 {
	float: left;
	width: 374px;
	min-height: 160px;
	margin-right: 13px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_usefulList03 .usefulPost01,
.box_columnList04 .columnPost01 {
	width: 360px;
	min-height: 160px;
}
.box_usefulList03 .usefulPost01 {
	border-radius: 0;
}
.box_usefulList03 .usefulPost01.post1,
.box_columnList04 .columnPost01.post1 {
	min-height: 335px;
	margin-right: 15px;
}
.box_usefulList03 .usefulPost01.post2,
.box_columnList04 .columnPost01.post2 {
	margin-bottom: 15px;
}
.box_columnList01_base .columnPost01:nth-child(2n),
.box_columnList03 .columnPost01:nth-child(2n),
.box_usefulList01 .usefulPost01:nth-child(3n) {
	margin-right: 0;
}
.box_columnList01_base .columnPost01:nth-child(-n+2),
.box_columnList03 .columnPost01:nth-child(-n+2),
.box_usefulList01 .usefulPost01:nth-child(-n+3) {
	margin-top: 0;
}
/*----*/
.box_column01 .box_update01 a,
.box_columnList01_base .columnPost01 a,
.box_columnList02 .columnCat01 a,
.box_columnList02 .columnPost01 a,
.box_columnList03 .columnPost01 a,
.box_usefulList01 .usefulPost01 a,
.box_usefulList02 .usefulCat01 a {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none;
	border-radius: 6px;
	background: #FFF;
}
.box_columnList02 .columnCat01 a {background: #ffc22d;
}
.box_columnList02 .columnPost01 a {
	min-height: 162px;
}
.box_columnList03 .columnPost01 a {
	min-height: 151px;
}
.box_usefulList01 .usefulPost01 a {
	padding: 3px;
	border-radius: 0;
}
.box_usefulList02 .usefulCat01 a {
	padding: 3px;
	border-radius: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulList02 .usefulCat01 a:hover {
	opacity: 0.8;
}
.box_usefulList02 .usefulPost01 a,
.box_usefulList03 .usefulPost01 a,
.box_columnList04 .columnPost01 a {
	display: block;
	text-decoration: none;
}
.box_column01 .box_update01 a:after,
.box_columnList01_base .columnPost01 a:after,
.box_columnList02 .columnCat01 a:after,
.box_columnList02 .columnPost01 a:after,
.box_columnList03 .columnPost01 a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	text-decoration: none;
	border-radius: 6px;
	box-shadow: 0 0 0 0 #FFCE56 inset;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.box_column01 .box_update01 a:hover:after,
.box_columnList01_base .columnPost01 a:hover:after,
.box_columnList02 .columnPost01 a:hover:after,
.box_columnList03 .columnPost01 a:hover:after {
	box-shadow: 0 0 0 3px #FFCE56 inset;
}
.box_columnList02 .columnCat01 a:hover:after,
.box_columnList02 .columnPost01 a:hover:after,
.box_columnList03 .columnPost01 a:hover:after {
	background: rgba(255,255,255,0.3);
}

/*----*/
.box_column01 .box_update01 .iconNew01,
.box_columnList01_base .columnPost01 .iconNew01 {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px 0 0 0 / 6px 0 0 0;
}
.box_columnList01_base .columnPost01 .iconNew01 {
	width: 42px;
}
.box_columnList01_base .columnPost01 .iconNew01 img {
	width: 100%;
	height: auto;
}
.box_usefulList01 .usefulPost01 .iconNew01,
.box_usefulList02 .usefulPost01 .iconNew01,
.box_usefulList03 .usefulPost01 .iconNew01,
.box_columnList04 .columnPost01 .iconNew01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulList02 .usefulPost01 .iconNew01,
.box_usefulList03 .usefulPost01 .iconNew01,
.box_columnList04 .columnPost01 .iconNew01 {
	top: -3px;
	left: -3px;
	width: 42px;
}
.box_columnList04 .columnPost01 .iconNew01 img {
	border-radius: 6px 0 0 0 / 6px 0 0 0;
}
.box_usefulList03 .usefulPost01.post1 .iconNew01,
.box_columnList04 .columnPost01.post1 .iconNew01 {
	width: auto;
}
.box_usefulList02 .usefulPost01 .iconNew01 img,
.box_usefulList03 .usefulPost01 .iconNew01 img,
.box_columnList04 .columnPost01 .iconNew01 img {
	width: 100%;
	height: auto;
}
.box_usefulList01 .usefulPost01 a:hover .iconNew01,
.box_usefulList02 .usefulPost01 a:hover .iconNew01,
.box_usefulList03 .usefulPost01 a:hover .iconNew01,
.box_columnList04 .columnPost01 a:hover .iconNew01 {
	opacity: 0;
}
.box_columnList04 .columnPost01 a:hover .iconNew01 img {
	border-radius: 6px 0 0 0 / 6px 0 0 0;
}
/*----*/
.box_usefulList01 .usefulPost01 .catTtl {
	color: #48A1B7;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 58px;
	background: #FFF;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulList01 .usefulPost01 a:hover .catTtl {
	opacity: 0;
}
.box_usefulList01 .usefulPost01 .catTtl * {
	display: table-cell;
	height: 58px;
	padding: 5px 15px;
	font-size: 16px;
	vertical-align: middle;
}
/*----*/
.box_column01 .box_update01 .info,
.box_columnList01_base .columnPost01 .info,
.box_usefulList01 .usefulPost01 .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: table-cell;
	width: 163px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	vertical-align: middle;
	background: #FFC600;
	background: rgba(255,198,0,0.8);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_columnList01_base .columnPost01 .info {
	width: 125px;
	padding: 0 10px;
}
.box_usefulList01 .usefulPost01 .info {
	color: #FFF;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	width: auto;
	padding: 25px;
	font-size: 15px;
	text-align: left;
	background: #3DB8C3;
	background: rgba(61,184,195,0.8);
}
.box_usefulList02 .usefulCat01 .info {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	width: 142px;
	background: #48A1B7;
}
.box_usefulList02 .usefulCat01 .info:after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #FFF;
}
.box_column01 .box_update01 a:hover .info,
.box_columnList01_base .columnPost01 a:hover .info,
.box_usefulList01 .usefulPost01 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.box_usefulList02 .usefulPost01 .info,
.box_usefulList03 .usefulPost01 .info,
.box_columnList04 .columnPost01 .info {
	position: relative;
	min-height: 160px;
	padding: 20px;
	border: 3px solid transparent;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulList03 .usefulPost01 .info,
.box_columnList04 .columnPost01 .info {
	padding: 25px 20px 20px;
}
.box_columnList04 .columnPost01 .info {
	border-radius: 6px;
}
.box_usefulList03 .usefulPost01.post1 .info,
.box_columnList04 .columnPost01.post1 .info {
	min-height: 335px;
}
.box_usefulList02 .usefulPost01 a:hover .info,
.box_usefulList03 .usefulPost01 a:hover .info {
	border-color: #48A1B7;
}
.box_columnList04 .columnPost01 a:hover .info {
	border-color: #FFCE56;
}
/*----*/
.box_column01 .box_update01 .columnTtl,
.box_columnList01_base .columnPost01 .columnTtl {
	color: #6F532E;
	display: block;
	min-height: 2.5em;
	padding: 30px 20px 0;
	overflow: hidden;
	font-size: 22px;
	box-sizing: content-box;
}
.box_columnList01_base .columnPost01 .columnTtl {
	padding: 15px 10px 5px 20px;
	font-size: 18px;
}
.box_usefulList02 .usefulCat01 .columnTtl {
	color: #FFF;
	display: table-cell;
	width: 142px;
	height: 154px;
	padding: 20px;
	font-size: 18px;
	vertical-align: middle;
}
/*----*/
.box_column01 .box_update01 .vol,
.box_columnList01_base .columnPost01 .vol {
	padding-left: 20px;
	overflow: hidden;
}
.box_column01 .box_update01 .vol span,
.box_columnList01_base .columnPost01 .vol span {
	color: #FFF;
	display: inline-block;
	min-width: 76px;
	margin-bottom: 10px;
	padding: 0 20px;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	border-radius: 1em;background: #ffc22d;
}
.box_columnList01_base .columnPost01 .vol span {
	font-size: 11px;
}
.box_usefulList02 .usefulPost01 .vol,
.box_usefulList03 .usefulPost01 .vol,
.box_columnList04 .columnPost01 .vol {
	color: #FFF;
	display: inline-block;
	min-width: 75px;
	margin-bottom: 8px;
	padding: 0 10px;
	line-height: 16px;
	text-align: center;
	border-radius: 16px;
	background: #48A1B7;
}
.box_columnList04 .columnPost01 .vol {background: #ffc22d;
}
.box_usefulList03 .usefulPost01.post1 .vol,
.box_columnList04 .columnPost01.post1 .vol {
	min-width: 86px;
	font-size: 14px;
	line-height: 22px;
}
/*----*/
.box_column01 .box_update01 .ttl,
.box_columnList01_base .columnPost01 .ttl {
	padding: 20px;
	overflow: hidden;
	font-size: 14px;
}
.box_usefulList01 .usefulPost01 .ttl {
	min-height: 4.5em;
}
.box_usefulList02 .usefulPost01 .ttl,
.box_usefulList03 .usefulPost01 .ttl,
.box_columnList04 .columnPost01 .ttl {
	color: #4D4D4D;
	margin-bottom: 8px;
	font-size: 16px;
}
.box_usefulList03 .usefulPost01.post1 .ttl,
.box_columnList04 .columnPost01.post1 .ttl {
	font-size: 22px;
}
/*----*/
.box_column01 .box_update01 .profile,
.box_columnList01_base .columnPost01 .profile {
	color: #FFF;
	margin-top: 40%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-ms-transform: translateY(30%);
	-o-transform: translateY(30%);
	transform: translateY(30%);
}
.box_columnList01_base .columnPost01 .profile {
	margin-top: 30%;
}
.box_column01 .box_update01 a:hover .profile,
.box_columnList01_base .columnPost01 a:hover .profile {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/*----*/
.box_column01 .box_update01 .name,
.box_columnList01_base .columnPost01 .name {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 18px;
}
/*----*/
.box_column01 .box_update01 .img,
.box_columnList01_base .columnPost01 .img {
	float: left;
	width: 163px;
	overflow: hidden;
}
.box_columnList01_base .columnPost01 .img {
	width: 125px;
}
.box_column01 .box_update01 .img {
	float: left;
	width: 163px;
	overflow: hidden;
	border-radius: 6px 0 0 0 / 6px 0 0 0;
}
.box_usefulList01 .usefulPost01 .img {
	width: 271px;
	height: 190px;
	overflow: hidden;
}
.box_usefulList02 .usefulCat01 .img {
	width: 250px;
	height: 154px;
	overflow: hidden;
}
.box_column01 .box_update01 .img img,
.box_columnList01_base .columnPost01 .img img,
.box_usefulList01 .usefulPost01 .img img {
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_usefulList01 .usefulPost01 .img img {
	border-radius: 0;
}
.box_column01 .box_update01 a:hover .img img,
.box_columnList01_base .columnPost01 a:hover .img img,
.box_usefulList01 .usefulPost01 a:hover .img img {
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
.box_usefulList01 .usefulPost01 a:hover .img img {
	border-radius: 0;
}
/*----*/
.box_usefulList01 .usefulPost01 .btn {
	text-align: center;
}
.box_usefulList01 .usefulPost01 .btn span {
	color: #48A1B7;
	position: relative;
	display: inline-block;
	width: 163px;
	padding: 0 20px;
	font-size: 13px;
	line-height: 30px;
	border-radius: 30px;
	background: #FFF;
}
.box_usefulList01 .usefulPost01 .btn span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #48A1B7;
	border-right: 1px solid #48A1B7;
}

/*----*/
.box_update01_base .pager {
	text-align: center;
}
.box_update01_base .pager a {
	display: inline-block;
	width: 25px;
	margin-left: 1px;
	font-size: 1px;
	line-height: 5px;
	background: #E0E0E0;
}
.box_update01_base .pager a span {
	visibility: hidden;
}
.box_update01_base .pager a.selected {background: #ffc22d;
}
/* [box_usefulList04] お役立ち-子カテゴリ記事一覧縮小表示 ＆
   [box_columnList05] お役立ち-子カテゴリ記事一覧縮小表示 ----------*/
.box_usefulList04,
.box_columnList05 {
	border-top: 3px solid #48A1B7;
}
.box_columnList05 {
	border-color: #FFCE56;
}
.box_usefulList04 .usefulPost01,
.box_columnList05 .columnPost01 {
	border-top: 1px solid #F0F0F0;
}
.box_usefulList04 .usefulPost01:nth-child(1),
.box_columnList05 .columnPost01:nth-child(1) {
	border-top: none;
}
.box_usefulList04 .usefulPost01 a,
.box_columnList05 .columnPost01 a {
	position: relative;
	display: block;
	width: 100%;
	padding: 20px;
	overflow: hidden;
	text-decoration: none;
}
.box_usefulList04 .usefulPost01 a:after,
.box_columnList05 .columnPost01 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #7A715A;
	border-right: 1px solid #7A715A;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.box_usefulList04 .usefulPost01 a:hover,
.box_columnList05 .columnPost01 a:hover {
	background: #F7F7F7;
}
.box_usefulList04 .usefulPost01 a:hover:after,
.box_columnList05 .columnPost01 a:hover:after {
	right: 10px;
}
.box_usefulList04 .usefulPost01 .vol,
.box_usefulList04 .usefulPost01 .date,
.box_columnList05 .columnPost01 .vol,
.box_columnList05 .columnPost01 .date {
	float: left;
}
.box_usefulList04 .usefulPost01 .vol,
.box_columnList05 .columnPost01 .vol {
	color: #FFF;
	display: inline-block;
	min-width: 75px;
	padding: 0 10px;
	line-height: 16px;
	text-align: center;
	border-radius: 16px;
	background: #48A1B7;
}
.box_columnList05 .columnPost01 .vol {background: #ffc22d;
}

.box_columnList05 .columnPost01 .date {
    padding: 0 15px 0 10px;
    color: #929292;
    font-size: 15px;
    border-left: 3px solid #ffc22e;
}
.box_usefulList04 .usefulPost01 .ttl,
.box_columnList05 .columnPost01 .ttl  {
	color: #4D4D4D;
	overflow: hidden;
	font-size: 14px;
}

/* [box_usefulPast01] お役立ち-過去掲載コンテンツ表示 ----------*/
.box_usefulList04 .usefulPost01 .date{
	color: #929292;
	padding: 0 15px;
}
.box_usefulPast01 .usefulPost01 {
	float: left;
	width: 236px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_usefulPast01 .usefulPost01 a {
	position: relative;
	display: block;
	width: 236px;
	min-height: 172px;
	padding: 3px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_usefulPast01 .usefulPost01 a:hover {
	background: #48A1B7;
}
.box_usefulPast01 .usefulPost01 .info {
	color: #48A1B7;
	position: absolute;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background: #FFF;
}
.box_usefulPast01 .usefulPost01 .info * {
	display: table-cell;
	height: 57px;
	padding: 15px;
	font-size: 14px;
	vertical-align: middle;
}
.box_usefulPast01 .usefulPost01 .img {
	overflow: hidden;
	height: 170px;
}

/* [box_columnList02] コラムカテゴリー-最新コラム表示 ＆
   [box_columnList03] コラムカテゴリー-過去コラム一覧表示 ----------*/
.box_columnList02 + .box_columnList02 {
	padding-top: 15px;
}
.box_columnList02 .columnCat01 {
	float: left;
	width: 360px;
	min-height: 162px;
	margin-right: 14px;
	overflow: hidden;
	border-radius: 6px;background: #ffc22d;
}
.box_columnList02 .columnPost01 {
	float: left;
	width: 360px;
	min-height: 162px;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_columnList03 .columnPost01 .img,
.box_columnList02 .columnCat01 .img {
	float: left;
	width: 125px;
	overflow: hidden;
}
.box_columnList02 .columnCat01 .img {
	width: 134px;
}
.box_columnList03 .columnPost01 .img img,
.box_columnList02 .columnCat01 .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_columnList03 .columnPost01 a:hover .img img,
.box_columnList02 .columnCat01 a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.box_columnList03 .columnPost01 .info,
.box_columnList02 .columnCat01 .info {
	float: left;
	width: 210px;
	padding-left: 20px;
}
.box_columnList02 .columnCat01 .info .columnTtl,
.box_columnList03 .columnPost01 .info .columnTtl {
	color: #6F532E;
	min-height: 2em;
	padding: 20px 0 15px;
	font-size: 18px;
	box-sizing: content-box;
}
.box_columnList02 .columnCat01 .info .columnTtl {
	color: #FFF;
	padding: 13px 0 10px;
	font-size: 20px;
	line-height: 1.2;
}
.box_columnList03 .columnPost01 .info .columnTtl {
	min-height: 2.4em;
}
.box_columnList03 .columnPost01 .info .name {
	margin-bottom: 5px;
	font-size: 15px;
}
.box_columnList02 .columnCat01 .info .name {
	color: #FFF;
    	margin-bottom: 2px;
    font-size: 16px;
}
.box_columnList03 .columnPost01 .info .profile {
	color: #929292;
	font-size: 13px;
}
.box_columnList02 .columnCat01 .info .profile {
	color: #FFF;
	font-size: 12px;
}
.box_columnList02 .columnCat01 .info .btn {
	padding-top: 10px;
	text-align: center;
}
.box_columnList02 .columnCat01 .info .btn span {
	color: #FFC22E;
	position: relative;
	display: inline-block;
	width: 144px;
	text-align: center;
	line-height: 30px;
	border-radius: 6px;
	background: #FFF;
}
.box_columnList02 .columnCat01 .info .btn span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #FFC22E;
	border-right: 1px solid #FFC22E;
}
.box_columnList02 .columnPost01 .info {
	color: #929292;
	position: relative;
	padding: 20px;
}
.box_columnList02 .columnPost01 .info .iconNew01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 41px;
}
.box_columnList02 .columnPost01 .info .vol {
	margin-bottom: 10px;
}
.box_columnList02 .columnPost01 .info .vol span {
	color: #FFF;
	display: inline-block;
	min-width: 36px;
	padding: 0 20px;
	font-size: 11px;
	text-align: center;
	line-height: 16px;
	border-radius: 1em;background: #ffc22d;
}
.box_columnList02 .columnPost01 .info .ttl {
	color: #644416;
	margin-bottom: 15px;
	font-size: 17px;
}
.box_columnList02 .columnPost01 .info .content {
	min-height: 2.4em;
	margin-bottom: 30px;
}
.box_columnList02 .columnPost01 .info .date {
	font-size: 13px;
}

/* [box_specialIv01] スペシャルインタビュー新着表示 ----------*/
.box_specialIv01 .innerBox {
	position: relative;
	float: left;
	width: 170px;
	margin-right: 10px;
	overflow: hidden;
	border: 5px solid #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_specialIv01 .innerBox a {
	color: #FFF;
	display: block;
	height: 260px;
	text-decoration: none;
}
.box_specialIv01 .innerBox.p1 {
	width: 484px;
	background-color: #77BD4C;
}
.box_specialIv01 .innerBox.p2 {
	background-color: #F8C957;
}
.box_specialIv01 .innerBox.p3 {
	background-color: #EE6F90;
}
.box_specialIv01 .innerBox.p4 {
	margin-right: 0;
	background-color: #48A1B7;
}
/*----*/
.box_specialIv01 .innerBox.p1 .info {
	position: relative;
	float: left;
	width: 273px;
	height: 260px;
	padding-top: 26px;
}
.talk .box_specialIv01 .innerBox.p1 .info {
	width: 213px;
	padding-top: 60px;
}
.box_specialIv01 .innerBox.p2 a::after,
.box_specialIv01 .innerBox.p3 a::after,
.box_specialIv01 .innerBox.p4 a::after,
.box_specialIv01 .innerBox.p1 .info::after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #FFF;
}
.box_specialIv01 .innerBox.p1 .info::after {
	right: -5px;
	bottom: -5px;
	border-width: 10px;
}
/*----*/
.box_specialIv01 .innerBox .vol {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 17px;
	background: #FFF;
}
.box_specialIv01 .innerBox.p1 .vol {
	color: #77BD4C;
	margin-bottom: 20px;
	padding: 0 10px 0 0;
	line-height: 19px;
}
.box_specialIv01 .innerBox.p1 .vol span {
	padding-left: 10px;
}
.box_specialIv01 .innerBox.p2 .vol {
	color: #F8C957;
}
.box_specialIv01 .innerBox.p3 .vol {
	color: #EE6F90;
}
.box_specialIv01 .innerBox.p4 .vol {
	color: #48A1B7;
}
/*----*/
.box_specialIv01 .innerBox .name {
	margin-bottom: 8px;
	padding-left: 14px;
	font-size: 18px;
}
.box_specialIv01 .innerBox.p1 .name {
	margin-bottom: 10px;
	padding-left: 22px;
	font-size: 24px;
}
.talk .box_specialIv01 .innerBox.p1 .name,
.talk .box_specialIv01 .innerBox.p2 .name,
.talk .box_specialIv01 .innerBox.p3 .name,
.talk .box_specialIv01 .innerBox.p4 .name {
	padding-left: 0;
}
/*----*/
.box_specialIv01 .innerBox .profile {
	padding: 0 14px;
}
.box_specialIv01 .innerBox.p1 .profile,
.box_specialIv01 .innerBox.p1 .ttl {
	padding: 0 22px;
	font-size: 15px;
}
.talk .box_specialIv01 .innerBox .profile {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 160px;
	padding-top: 20px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.talk .box_specialIv01 .innerBox.p1 .profile {
	width: 260px;
}
.talk .box_specialIv01 .innerBox a:hover .profile {
	visibility: visible;
	opacity: 1;
}
.talk .box_specialIv01 .innerBox .ttl {
	font-size: 15px;
	padding: 5px 10px;
}
.talk .box_specialIv01 .innerBox.p1 .ttl {
	font-size: 18px;
}
.box_specialIv01 .innerBox.p1 .ttl span {
	display: inline-block;
	line-height: 35px;
}
/*----*/
.box_specialIv01 .innerBox .img {
	width: 160px;
	height: 143px;
	margin-bottom: 10px;
	overflow: hidden;
}
.box_specialIv01 .innerBox.p1 .img {
	float: right;
	width: 200px;
	height: 260px;
	margin-bottom: 0;
}
.talk .box_specialIv01 .innerBox.p1 .img {
	width: 260px;
}
.box_specialIv01 .innerBox .img img {
	width: 100%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/*----*/
.box_specialIv01 .innerBox .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_specialIv01 .innerBox.p1 .btn {
	text-align: right;
	background: #77BD4C;
	background: rgba(119,189,76,0.8);
}
.box_specialIv01 .innerBox.p2 .btn {
	background: #F8C957;
	background: rgba(248,201,87,0.8);
}
.box_specialIv01 .innerBox.p3 .btn {
	background: #EE6F90;
	background: rgba(238,111,144,0.8);
}
.box_specialIv01 .innerBox.p4 .btn {
	background: #48A1B7;
	background: rgba(72,161,183,0.8);
}
.box_specialIv01 .innerBox .btn span {
	position: relative;
	display: inline-block;
	margin: 115px 0 0 auto;
	padding: 0 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 30px;
	background: #FFF;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_specialIv01 .innerBox .btn span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #77BD4C;
	border-right: 1px solid #77BD4C;
}
.box_specialIv01 .innerBox.p2 .btn span:after {
	border-color: #F8C957;
}
.box_specialIv01 .innerBox.p3 .btn span:after {
	border-color: #EE6F90;
}
.box_specialIv01 .innerBox.p4 .btn span:after {
	border-color: #48A1B7;
}
.box_specialIv01 .innerBox.p1 .btn span {
	color: #77BD4C;
	margin: 109px 25px 0 auto;
	padding: 0 40px;
}
.box_specialIv01 .innerBox.p2 .btn span {
	color: #F8C957;
}
.box_specialIv01 .innerBox.p3 .btn span {
	color: #EE6F90;
}
.box_specialIv01 .innerBox.p4 .btn span {
	color: #48A1B7;
}
/*----*/
.talk .box_specialIv01 .innerBox .btn span {
	margin: 200px 0 0;
}
.talk .box_specialIv01 .innerBox.p1 .btn span {
	margin: 200px 55px 0 auto;
}
/*----*/
.box_specialIv01 .innerBox a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
.box_specialIv01 .innerBox a:hover .btn {
	visibility: visible;
	opacity: 1;
}
/*----*/
.box_specialIv01 .innerBox .btn span  {
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-ms-transform: translateY(30%);
	-o-transform: translateY(30%);
	transform: translateY(30%);
}
.box_specialIv01 .innerBox a:hover .btn span {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/* [box_specialIv02] スペシャルインタビューバックナンバー表示 ----------*/
.wrapperSection03 p.notice{
	padding-top:30px;
}
.box_specialIv02 .innerBox {
	float: left;
	width: 505px;
	margin: 0 14px 15px 0;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.box_specialIv02 .innerBox:nth-child(2n) {
	margin-right: 0;
}
/*----*/
.box_specialIv02 .innerBox a {
	position: relative;
	display: block;
	text-decoration: none;
	border: 3px solid #FFF;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_specialIv02 .innerBox a:hover {
	border-color: #77BD4C;
}
/*----*/
.box_specialIv02 .innerBox .info {
	float: right;
	width: 310px;
	padding: 13px 15px 0 0;
}
/*----*/
.box_specialIv02 .innerBox .vol {
	margin-bottom: 10px;
}
.box_specialIv02 .innerBox .vol span {
	color: #FFF;
	display: inline-block;
	padding: 0 20px;
	font-size: 12px;
	line-height: 16px;
	border-radius: 1em;
	background: #77BD4C;
}
/*----*/
.box_specialIv02 .innerBox .ttl {
	color: #77BD4C;
	min-height: 2.4em;
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 18px;
	line-height:1.3;
}
/*----*/
.box_specialIv02 .innerBox .name {
	margin-bottom: 2px;
	padding-left: 5px;
	font-size: 16px;
}
/*----*/
.box_specialIv02 .innerBox .profile {
	color: #929292;
	padding-left: 5px;
}
/*----*/
.box_specialIv02 .innerBox .img {
	float: left;
	width: 151px;
	height: 147px;
	overflow: hidden;
}
.box_specialIv02 .innerBox .img img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_specialIv02 .innerBox a:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* [section_search01] 検索枠表示 ----------*/
.section_search01 {
	padding: 40px 0;
	overflow: hidden;
	text-align: center;
	background: #74D4A9;
}
.section_search01 .searchTtl {
	display: inline-block;
	padding-right: 30px;
	vertical-align: middle;
}
.section_search01 .searchform {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.section_search01 .keywords {
	color: #333;
	width: 420px;
	height: 45px;
	padding: 13px 20px 7px 20px;
	font-size: 17px;
	border: none;
	outline: none;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
.section_search01 .keywords::-webkit-input-placeholder {
	color: #74D4A9;
}
/* Firefox 18- */
.section_search01 .keywords:-moz-placeholder {
	color: #74D4A9;
	opacity: 1;
}
/* Firefox 19+ */
.section_search01 .keywords::-moz-placeholder {
	color: #74D4A9;
	opacity: 1;
}
/* IE 10+ */
.section_search01 .keywords:-ms-input-placeholder {
    color: #74D4A9;
}
.section_search01 .searchBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 45px;
	border: none;
	background: url(/kakeru/img/common/btn_search01.gif) no-repeat 50% 50%;
}
/* [box_search01] 検索-結果表示 ----------*/
.searchResults .results {
	color: #FFF;
	padding: 10px;
	background: #6DD1A4;
}
.searchResults .results strong {
	font-size: 18px;
}
.box_search01 {
	border-bottom: 1px solid #E6E6E6;
}
.box_search01:last-child {
	border-bottom: none;
}
.box_search01 a {
	position: relative;
	display: block;
	padding: 20px 50px 20px 20px;
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_search01 a:hover {
	background-color: #F7F7F7;
}
.box_search01 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #74D4A9;
	border-right: 2px solid #74D4A9;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.box_search01 a:hover:after {
	right: 25px;
}
.box_search01 .img {
	float: left;
	width: 86px;
	height: 86px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 6px;
}
.box_search01 .img img {
	min-height: 86px;
}
.box_search01 .ttl {
	font-size: 18px;
}
.box_search01 .txt {
	font-size: 14px;
}
.box_search01 .cat {
	color: #FFF;
	display: inline-block;
	min-width: 100px;
	margin: 0 20px 15px 0;
	padding: 0 15px;
	text-align: center;
	line-height: 19px;
}
.box_search01 .cat.column {
	background: #FFCB40;
}
.box_search01 .cat.magazine {
	background: #72BD4C;
}
.box_search01 .cat.useful {
	background: #48A1B7;
}
.box_search01 .date {
	color: #8C8C8C;
}


/* [box_yell01] 今日のエール表示 ----------*/
.box_yell01_base {
	padding: 16px 17px;
	border-radius: 5px;
	background-color: #FDE53D;
	background-image:
		url(/kakeru/img/useful/yell/bg_yell02.png),
		linear-gradient(to top, rgba(97, 186, 76, 0.2) 0%, rgba(218, 128, 62, 0.2) 54%, rgba(239, 95, 95, 0.2) 100%);
	background-repeat:
		repeat,
		no-repeat;
	background-position:
		0 0,
		50% 50%;
	background-size:
		auto,
		cover;
	-webkit-background-size:
		auto,
		cover;
/*	background-blend-mode:
		normal,
		hard-light;*/
}
.box_yell01 {
	position: relative;
	padding: 70px 30px 55px;
	border-radius: 5px;
	background: #FCF6AA;
	background: rgba(255, 255, 255, 0.5);
}
.box_yell01 .lead {
	position: absolute;
	top: -16px;
	left: -17px;
	width: 226px;
	height: 178px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/kakeru/img/useful/yell/bg_yell01.png);
}
.box_yell01 .balloon {
	position: relative;
	margin: 0 0 50px 185px;
	padding: 55px 30px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.box_yell01 .balloon::after {
	content: "";
	position: absolute;
	top: 57px;
	left: -20px;
	border: 10px solid transparent;
	border-right-color: #FFF;
}
.box_yell01 .balloon p {
	margin: 0;
	font-size: 22px;
	line-height: 1.5;
}
.box_yell01 .img {
	position: absolute;
	top: 56px;
	left: 22px;
	width: 164px;
	height: 164px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 8px 8px 0 #FFE746;
}
.box_yell01 .btn {
	text-align: center;
}
.box_yell01 .btn a {
	color: #FFF;
	display: inline-block;
	min-width: 300px;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	background: #4978AE;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box_yell01 .btn a:hover {
	background: #6A99CF;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* ======= column post style ======================================================== */
#pageKakeru .column .postTtl01 {
    position: relative;
    min-height: 159px;
	padding-bottom:30px;
	background:url(/kakeru/img/column/index/bg_ttlBox01.png) repeat 0 0;
}
#pageKakeru .column .postInner {
    width:1024px;
    margin:0 auto;
}
#pageKakeru .column .postInner .categoryTtl {
	margin-bottom:30px;
	text-align:center;
	font-size:15px;
	color:#FFF;
}
#pageKakeru .column .postInner .categoryTtl span,
#pageKakeru .column .postInner .categoryTtl:before,
#pageKakeru .column .postInner .categoryTtl:after {
	display:inline-block;
	height:27px;
	vertical-align:middle;
}
#pageKakeru .column .postInner .categoryTtl:before,
#pageKakeru .column .postInner .categoryTtl:after {
	content:"";
	width:20px;
	background-image:url(/kakeru/img/column/post/bg_category_ttl.png);
	background-repeat:no-repeat;
}
#pageKakeru .column .postInner .categoryTtl span {
	position:relative;
	padding:5px 40px 0;
	background:#FFB500;
}
#pageKakeru .column .postInner .categoryTtl:before {
	margin-left:-20px;
}
#pageKakeru .column .postInner .categoryTtl:after {
	margin-right:-20px;
	background-position:100% 0;
}
#pageKakeru .column .postInner h1 {
	margin-bottom:30px;
	text-align:center;
	font-size:32px;
	color:#FFF;
}
#pageKakeru .column .authorBox {
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
	padding:40px;
	border-radius:6px;
    background:#FFF;
	line-height:1.6;
	font-size:14px;
}
#pageKakeru .column .authorBox .img,
#pageKakeru .column .authorBox .txt {
	display:table-cell;
	vertical-align:middle;
	box-sizing:content-box;
}
#pageKakeru .column .authorBox .img {
	width:164px;
	padding-right:40px;
}
#pageKakeru .column .authorBox .img span {
	display:inline-block;
	width:164px;
	height:164px;
	overflow:hidden;
	border-radius:100%;
}
#pageKakeru .column .authorBox .name {
	font-size:24px;
	color:#644416;
}
#pageKakeru .column .authorBox .name a {
	color:inherit;
	text-decoration:none;
}
#pageKakeru .column .authorBox .name a:hover {
	text-decoration:underline;
}
#pageKakeru .column .authorBox .introduction {
	padding-top:10px;
}
#pageKakeru .column .authorBox .name span { font-size:15px; }
#pageKakeru .column .authorBox .profile {
	margin-bottom:20px;
	color:#868685;
}
#pageKakeru .column .authorBox .btn {
	position:absolute;
	top:35px;
	right:50px;
}
#pageKakeru .column .authorBox .btn li { margin-bottom:5px; }
#pageKakeru .column .authorBox .btn li a {
	display:block;
	width:136px;
	padding:8px 0;
	border-radius:6px;
	text-align:center;
	text-decoration:none;
	line-height:1;
	font-size:12px;
	color:#FFF;
}
#pageKakeru .column .authorBox .btn .red a {
	height:28px;
	padding:0 15px !important;
	font-size:12px !important;
	line-height:28px;
	/*background:#EC7063 !important;*/
}
#pageKakeru .column .authorBox .btn .blue a { background-color:#4978AE; }


/* ======= interview post style ======================================================== */

#pageKakeru .interviewSlider {
	position:relative;
	width:1096px;
	margin:0 auto;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
	outline:0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image:none;
	right:0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image:none;
	left:0;
}
#pageKakeru .swiper-slide a {
	display:block;
	max-width:200px;
	width:100%;
	margin:0 auto;
	text-decoration:none;
	transition:.5s;
}
#pageKakeru .swiper-slide a:hover {
	opacity:0.7;
}
#pageKakeru .swiper-slide .vol {
	display:inline-block;
	width:84px;
	border:0;
	border-radius:9px;
	margin-bottom:10px;
	padding:0 10px;
	background:#79BC52;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
#pageKakeru .swiper-slide .img {
	position:relative;
	margin-bottom:16px;
}
#pageKakeru .swiper-slide .iconNew01 {
	position:absolute;
	left:0;
	top:0;
}
#pageKakeru .swiper-slide .info {
	font-size:14px;
	color:#4D4D4D;
}
#pageKakeru .swiper-slide .headInfo {
	margin-bottom:11px;
	border-left:solid 2px #79BC52;
	padding-left:10px;
}
#pageKakeru .swiper-slide .name {
	margin-bottom:6px;
	font-size:16px;
	font-weight:bold;
	color:#79BC52;
	line-height:1;
}
#pageKakeru .swiper-slide .ttl {
	line-height:1.7;
}
#pageKakeru .interviewSlider .btn {
	color:#FFF;
	display:inline-block;
	position:relative;
	width:226px;
	line-height:38px;
	text-decoration:none;
	opacity:1;
	border-radius:6px;
	background:#77BD4C;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
}
#pageKakeru .interviewSlider .align_c {
	margin-top:50px;
}
.swiper-button-prev {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}
.swiper-button-next {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
.swiper-button-prev, .swiper-button-next {
	width:36px;
	height:36px;
	margin-top:-44px;
	text-indent:-9999px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
#pageKakeru .interviewSlider .swiper-pagination {
	bottom:60px;
}
#pageKakeru .interviewSlider .swiper-pagination .swiper-pagination-bullet {
	width:25px;
	height:6px;
	border-radius:0;
	margin:0 2px;
}
#pageKakeru .interviewSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#79BC52;
}
#pageKakeru .interviewSlider .btn:after {
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	width:6px;
	height:6px;
	margin-top:-3px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}
#pageKakeru .interviewSlider .btn:hover {
	color:#FFF;
	opacity:0.8;
}
#pageKakeru .swiper-slide .profile {
	font-size:12px;
	color:#777777;
}
#pageKakeru .magazine .postTtl01 {
    position: relative;
    min-height: 159px;
	padding-bottom:30px;
	background:url(/kakeru/img/magazine/ma_interview/bg_ttlBox01.png) repeat 0 0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}
#pageKakeru .magazine .postInner {
    width:1024px;
    margin:0 auto;
}
#pageKakeru .magazine .postInner .volTtl,
#pageKakeru .magazine .postInner h1 { letter-spacing:0.1em; }
#pageKakeru .magazine .postInner .volTtl {
	margin-bottom:10px;
	text-align:center;
	font-size:16px;
	color:#FFF;
}
#pageKakeru .magazine .postInner .volTtl span,
#pageKakeru .magazine .postInner .volTtl:before,
#pageKakeru .magazine .postInner .volTtl:after {
	display:inline-block;
	height:27px;
	vertical-align:middle;
}
#pageKakeru .magazine .postInner .volTtl:before,
#pageKakeru .magazine .postInner .volTtl:after {
	content:"";
	width:20px;
	background-image:url(/kakeru/img/magazine/ma_interview/bg_vol_ttl.png);
	background-repeat:no-repeat;
}
#pageKakeru .magazine .postInner .volTtl span {
	position:relative;
	padding:4px 40px 0;
	background:#5CA137;
}
#pageKakeru .magazine .postInner .volTtl:before {
	margin-left:-20px;
}
#pageKakeru .magazine .postInner .volTtl:after {
	margin-right:-20px;
	background-position:100% 0;
}
#pageKakeru .magazine .postInner h1 {
	margin-bottom:20px;
	text-align:center;
	font-size:34px;
	font-weight:bold;
	color:#FFF;
}
#pageKakeru .magazine .postInner h1 span {
	display:block;
	font-size:20px;
	font-weight:normal;
}
#pageKakeru .magazine .authorBox,
#pageKakeru .magazine .authorBox.picMulti {
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
	padding:40px;
	border-radius:6px;
    background:#FFF;
	line-height:1.6;
	font-size:14px;
}
#pageKakeru .magazine .authorBox .img,
#pageKakeru .magazine .authorBox .txt {
	display:table-cell;
	vertical-align:top;
	box-sizing:content-box;
}
#pageKakeru .magazine .authorBox .img {
	width:200px;
	padding-right:40px;
}
#pageKakeru .magazine .authorBox .imgInner {
	text-align:center;
	border-radius:6px;
	background:#77BD4C;
}
#pageKakeru .magazine .authorBox .imgInner img{
	border-top-left-radius: 6px;  
	border-top-right-radius: 6px; 
	-webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topleft: 6px;  
    -moz-border-radius-topright: 6px;  
	}
#pageKakeru .magazine .authorBox .imgInner dl {
	padding:10px 15px;
	text-align:center;
}
#pageKakeru .magazine .authorBox .imgInner dt {
	margin-bottom:15px;
	color:#FFF;
}
#pageKakeru .magazine .authorBox .imgInner dt a {
	color:inherit;
	text-decoration:none;
}
#pageKakeru .magazine .authorBox .imgInner dt a:hover {
	text-decoration:underline;
}
#pageKakeru .magazine .authorBox .btn {
	padding-bottom:10px;
	text-align:center;
}
#pageKakeru .magazine .authorBox .btn .white a {
	display:inline-block;
	width:136px;
	padding:8px 0;
	border-radius:6px;
	background:#FFF;
	text-decoration:none;
	line-height:1;
	font-size:12px;
	color:#77BD4C;
}
#pageKakeru .magazine .authorBox .title {
	margin-bottom:20px;
	line-height:1.4;
	font-size:30px;
	color:#77BD4C;
}
#pageKakeru .magazine .authorBox .txt p { margin-bottom:20px; }
#pageKakeru .magazine .authorBox .txt p:last-child { margin-bottom:0; }

#pageKakeru .magazine .authorBox.picMulti { display:block; }
#pageKakeru .magazine .authorBox.picMulti .table {
	display:table;
	width:100%;
}
#pageKakeru .magazine .authorBox.picMulti .img { padding-right:25px; }
#pageKakeru .magazine .authorBox.picMulti .txt { padding-left:15px; }


/*--keyword tab style
--------------------------------------------------------*/
#pageKakeru .magazine #keywordTtl {
	margin-top:-80px;
	margin-bottom:20px;
	padding-top:80px;
}
#pageKakeru .magazine #keywordTab {
	margin-bottom:30px;
	padding:0;
	box-shadow: 0 1px 2px 1px #F3F3F3;
    behavior: url(/js/PIE.htc);
}
#pageKakeru .magazine #keywordTab li {
	display:block;
	margin-top:-1px;
}
#pageKakeru .magazine #keywordTab .active a,
#pageKakeru .magazine #keywordTab .first a,
#pageKakeru .magazine #keywordTab a {
    display: block;
    position: relative;
    bottom:0;
    float:none;
    width: auto;
    min-height:auto;
	margin:0;
    padding: 15px 20px !important;
    border: 1px solid #E7E7E7 !important;
    background: #FFF url(/img/common/icon_arrow02.png) no-repeat 96% 50% !important;
	line-height:1;
	vertical-align:middle;
    color: #BEBEBE;
    text-decoration: none;
    text-align:left;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}
#pageKakeru .magazine #keywordTab span {
	display:inline-block;
	width:22px;
	min-height:auto;
	margin-right:15px;
	padding:6px 0;
	border:none;
	background: #BEBEBE;
	border-radius:4px;
	line-height:1;
	text-align:center;
	color:#FFF;
}
#pageKakeru .magazine #keywordTab .active a,
#pageKakeru .magazine #keywordTab a:hover {
	background: #FFF url(/img/common/icon_arrow_green.png) no-repeat 96% 50% !important;
	color:#77BD4C;
}
#pageKakeru .magazine #keywordTab a:hover { background: #F7F7F7 url(/img/common/icon_arrow_green.png) no-repeat 96% 50% !important; }
#pageKakeru .magazine #keywordTab .active span,
#pageKakeru .magazine #keywordTab a:hover span { background:#77BD4C; }
#pageKakeru .magazine .tabContents {
	padding:0;
	border:none;
}


/* ======= search result style ======================================================== */
#pageKakeru .searchResults .searchTtl {
	text-align:center;
	background:url(/kakeru/img/search/bg_ttlBox01.png) repeat 0 0;
}

#pageKakeru .searchResults .searchTtl h1 { padding:50px 0 40px; }
#pageKakeru .searchResults .searchTtl p {
	padding:20px 0;
	background:#FFF;
	font-size:18px;
}
#pageKakeru .searchResults .searchTtl strong { margin-right:5px; }

.paginationBox {
	padding:0 15px;
	overflow:hidden;
	font-size:14px;
	line-height:38px;
}
.paginationBox .postscount {
	float:left;
}
.paginationBox .postscount strong {
	font-size:18px;
}
.paginationBox .pagination {
	float:right;
}
.paginationBox .pagination li {
	display:inline-block;
	margin:0 2px;
}
.paginationBox .pagination a,
.paginationBox .pagination span {
	display:inline-block;
	width:38px;
	white-space:nowrap;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	background:#FFF;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.1);
}
.paginationBox .pagination a:hover,
.paginationBox .pagination span {
	color:#FFF;
	font-weight:bold;
	background:#6DD1A4;
}
.paginationBox .pagination .previous {
	margin-right:10px;
}
.paginationBox .pagination .next {
	margin-left:10px;
}
.paginationBox .pagination .previous a,
.paginationBox .pagination .next a {
	color:inherit;
	width:auto;
	font-weight:normal;
	box-shadow:none;
}
.paginationBox .pagination .previous a {
	padding-right:20px;
	background:url(/kakeru/img/common/ar_left01.png) no-repeat 100% 50%;
}
.paginationBox .pagination .next a {
	padding-left:20px;
	background:url(/kakeru/img/common/ar_right01.png) no-repeat 0 50%;
}

/* ======= 5: link ======================================================== */

/* ======= 6: others ======================================================== */
img {
	border: 0;
	vertical-align: bottom;
}
/* [fs]文字サイズ変更 --------------------- */
/* 14px相当 */
.f10 { font-size: 72% !important; }
.f11 { font-size: 79% !important; }
.f12 { font-size: 86% !important; }
.f13 { font-size: 93% !important; }
.f15 { font-size: 106% !important; }
.f16 { font-size: 115% !important; }
.f17 { font-size: 122% !important; }
.f18 { font-size: 129% !important; }
.f20 { font-size: 143% !important; }
.f22 { font-size: 158% !important; }
.f24 { font-size: 172% !important; }
.f26 { font-size: 186% !important; }

/*----*/
.note {
	padding-left: 1em;
	text-indent: -1em;
}
/*----*/
.align_l {
	text-align: left;
}
.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}
/*----*/
.clear {
	clear: both;
	height: auto;
}
/*----*/
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt25, .mv25, .ma25 { margin-top:    25px !important; }
.mr25, .mh25, .ma25 { margin-right:  25px !important; }
.mb25, .mv25, .ma25 { margin-bottom: 25px !important; }
.ml25, .mh25, .ma25 { margin-left:   25px !important; }
.pt25, .pv25, .pa25 { padding-top:   25px !important; }
.pr25, .ph25, .pa25 { padding-right: 25px !important; }
.pb25, .pv25, .pa25 { padding-bottom:25px !important; }
.pl25, .ph25, .pa25 { padding-left:  25px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt50, .mv50, .ma50 { margin-top:    50px !important; }
.mr50, .mh50, .ma50 { margin-right:  50px !important; }
.mb50, .mv50, .ma50 { margin-bottom: 50px !important; }
.ml50, .mh50, .ma50 { margin-left:   50px !important; }
.ml55, .mh55, .ma55 { margin-left:   55px !important; }
.mt60, .mv60, .ma60 { margin-top:    60px !important; }
.mr60, .mh60, .ma60 { margin-right:  60px !important; }
.mb60, .mv60, .ma60 { margin-bottom: 60px !important; }
.ml60, .mh60, .ma60 { margin-left:   60px !important; }
.mt90, .mv90, .ma90 { margin-top:    90px !important; }
.mr90, .mh90, .ma90 { margin-right:  90px !important; }
.mb90, .mv90, .ma90 { margin-bottom: 90px !important; }
.ml90, .mh90, .ma90 { margin-left:   90px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }

/*---- clearfix ----*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both; }
/* For IE 7 (trigger hasLayout) */
.cf { zoom:1; }
/* clearfix end */


/*Change style GloNavi*/

#naviInner > li {
	width:7.2%;
}
li#naviCandidate .icon + span {
	text-align:left;
}
li#navi01 {
	width:12.4%;
}
li#navi03 {
	width:15.6%;
}
li#navi03 a {
	text-align:left;
}
li#navi03 .icon {
	position:relative;
	margin-bottom:0;
}
li#naviCandidate {
	width:15.6%;
}