/*--------------------------------------
カスタムフロントページのスタイル
--------------------------------------*/
.page-forfront-custom #inner-content.wrap {
	width: 92%;
}
/*スマホ*/
@media only screen and (max-width: 480px) {
    /*上部の隙間*/
    .page-forfront-custom {
    	padding-top: 15px!important;
    }

    /*カスタムフロントページの見出し*/
    .page-forfront-custom p.top-title.ssfp-yoko {
        margin-left: auto;
        margin-right: auto;
    }
}

/*PC*/
@media only screen and (min-width: 768px) {
    .page-forfront-custom .header-image__headline {
    	font-size: 2.3em;
    }

    .page-forfront-custom #inner-content.wrap {
        width: 96%;
    }
}

@media only screen and (min-width: 1030px) {
    .page-forfront-custom #inner-content.wrap {
        width: 1000px;;
    }
    /*カスタムフロントページの見出し*/
    .page-forfront-custom p.top-title.ssfp-yoko {
        width: 94%;
    }
}

/*カスタムフロントページ全体*/
.page-forfront-custom {
	/*background-color: #fff;*/
	margin-top: 0!important;
	padding-top: 35px;
}

/*ヘッダーアイキャッチの見出し*/
.page-forfront-custom .header-image__text {
	padding: 1% 20px 1%!important;
}

/*ヘッダーアイキャッチの範囲*/
.page-forfront-custom #header-image {
	min-height: 50px!important;
	background-color: #a2bbff;
}

.maximg {
	margin-top: 0!important;
}

/*カスタムフロントページの見出し*/
.page-forfront-custom p.top-title {
    margin-top: 1em!important;
    font-size: 1.45em;
}
/*カスタムフロントページの見出し*/
.page-forfront-custom p.top-title.ssfp-tate {
    /*width: 90%;*/
    margin-left: auto;
    margin-right: auto;
}

/*カスタムフロントページの記事カード*/
article.tatenarabi {
	width:100%!important;
	box-shadow:0 2px 4px rgba(0, 0, 0, .25);
}

/*.page-forfront-custom .cell {
	width: 92%!important;
	margin: auto;
}*/

/*タイトル*/
/*.top-title {
	margin-top: 0;
	font-size: 1.45em;
	font-weight: bold;
	color: #389bff;
}*/

/*カテゴリー記事下の隙間調整*/
.page-forfront-custom .shtb2:nth-of-type(n+2) .cell {
	padding-bottom: 50px!important;
}