@charset "UTF-8";
/********************************************************************************

page-collection.css　コレクション用css

********************************************************************************/
#page-collection-list .inner {
	max-width: var(--common-inner-max-width);
}
#page-collection .inner {
	max-width: var(--common-inner-max-width);
}


/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-collection-list #mainvisual {
    background-color: var(--common-color-background2);
    padding-top: 120px;
	padding-bottom: 56px;
	margin-top: 0;
}
#page-collection-list #mainvisual .page-title {
	text-align: right;
}

/*============================================================
 セクション共通
*============================================================*/
#page-collection-list .section {
}

/*============================================================
 セクション
*============================================================*/
#page-collection-list #sec-AAA {
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/

/*============================================================
 ページ情報
*============================================================*/
#page-collection #sec-header .page-title-jp {
	font-size: 16px;
	margin-bottom: 6px;
}
#page-collection #sec-header .page-title {
	font-size: 40px;
	margin-bottom: 40px;
}
#page-collection #sec-header .outer-link {
	font-size: 14px;
	text-decoration: underline;
}
#page-collection #sec-header .point {
	margin-top: 48px;
}
#page-collection #sec-header .point h3 {
	font-size: 24px;
	margin-bottom: 16px;
	letter-spacing: 0.04em;
}
#page-collection #sec-header .point p {
	line-height: 2;
}

/*============================================================
 セクション共通
*============================================================*/
#page-collection .section {
    margin-bottom: 64px;
}

/*============================================================
 ITEM一覧
*============================================================*/
#page-collection #sec-item {
	margin-bottom: 100px;
}
#page-collection #sec-item .sec-title {
	letter-spacing: 0.08em;
}

#page-collection #sec-post {
	margin-bottom: 0;
}


/*============================================================
 セクション
*============================================================*/
#page-collection #sec-AAA {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1288px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
	#page-collection-list #mainvisual {
		padding-top: 100px;
		padding-bottom: 40px;
	}


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-collection #mainvisual {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-collection-list #mainvisual {
    }
	#page-collection-list #mainvisual {
		padding-top: 80px;
		padding-bottom: 16px;
	}


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-collection #mainvisual {
    }
	#page-collection #mainvisual.indiv .image {
		height: 480px;
		position: relative;
	}
	#page-collection #mainvisual.indiv .image img {
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	#page-collection #sec-header .page-title {
		font-size: 28px;
	}
	#page-collection #sec-header .page-title-jp {
		font-size: 14px;
		margin-bottom: 4px;
	}
	#page-collection #sec-header .point {
		margin-top: 32px;
	}
	#page-collection #sec-header .point h3 {
		font-size: 20px;
		margin-bottom: 4px;
	}
	
	#page-collection #sec-item {
		margin-bottom: 64px;
	}

}