@charset "utf-8";

/* ========================= */
/* 							 */
/* 	collection CSS			 */
/* 	last update 181204		 */
/* 							 */
/* ========================= */




/* 内容部分全体：container（base.css上書
-------------------------------------------- */

#container {
	width: 100%;
	}


/* 枠：コンセプト：con_concept
---------------------------------------------------- */

/*---- 枠：項目全体 ----*/
#con_concept {
	max-width: 820px;
	margin: 0 auto 30px;
	position: relative;
	padding: 0 0 0px;
	}
#con_concept h3 {
	display: none;
	}
	
p#concept {
	position: relative;
	padding: 0 8px 50px 300px;
	font-size: 0.85em;
	line-height: 234%;
	letter-spacing: 1px;
	}
p#concept span {
	position: absolute;
	bottom: 0;
	right: 50px;
	}
p#concept span a {
	position: relative;
    top: 8px;
    left: 0px;
	}
#con_concept .profile {
	position: absolute;
	bottom: 8px;
	right: 6px;
	display: block;
	width: 69px;
	text-indent: -9999px;
	background: url(../img/a-dot_profile.gif) no-repeat;
	}
p#profile:hover {
	background-position: 0px -22px;
	}


/* 枠：プロフィール：prof
---------------------------------------------------- */

/*---- 枠：項目全体 ----*/
#fb_prof {
    width: 708px;
    height: 343px;
	padding: 40px 60px 0px;
	background: #fff url(../img/bg_profile.gif) no-repeat;
	}
#fb_prof h3 {
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 2px;
	}
#fb_prof p {
	font-size: 11px;
	line-height: 257%;
	letter-spacing: 1px;
	}	


/* 枠：インデックス：col_index
---------------------------------------------------- */

/*---- 枠：全体 ----*/
#col_index {
	margin: 0 0 60px 0;
	padding: 0 0 0 0;
	}

/*記事ベース*/
#col_index ul {
	padding: 0px 0px;
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	}
	
/*記事セクション*/
#col_index li.col_index {
	margin-bottom: 22px;
	position: relative;
	min-width: 138px;
	background: url(../img/bg_indeximg.png) no-repeat 0px 0px;
	}

.col_main {
	margin: 7px auto 23px;
	}

.index_img {/*imgあり*/
	width: 108px;
	margin: 0 auto;
	}
.index_img img {
    background: #fff;
	}
.index_noimg {/*imgなし*/
	text-align: center;
	}
.index_noimg a {
	color: #948969;
	}
.index_noimg a:hover {
	color: #c2b99f;
	}
.index_noimg p {
	width: 108px;
	height: 108px;
	margin: 0 auto;
	letter-spacing: 1px;
	}

/*---- パーツ： ----*/

.col_index h3 {
	position: absolute;
	top: 124px;
	left: 14px;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 130%;
	}
.col_index p.text {
	display: none;
	}
.col_index div.date {
	display: none;
	}
.col_index p.mark_new {
	position: absolute;
	top: -8px;
	left: -28px;
	display: block;
	width: 68px;
	height: 52px;
	text-indent: -9999px;
	background: url(../../common/images/tag_new-maru.png) no-repeat 8px 0px;
	}


/* 枠：記事本体：col_contents【iframe枠内】
---------------------------------------------------- */

/*---- 枠：全体 ----*/

#contents_if {
	max-width: 800px;
	height: 100%;
	margin: 0 auto;
	}
#col_contents {
	height: 100%;
	position: relative;
	font-family:'ヒラギノ明朝 Pro W3' ,'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , '細明朝体' ;
	}
#col_contents a {/*以下全てのリンク*/
	color: #3C3C3C;
	text-decoration: none;
	}
#col_contents a:hover {
	color: #CCC;
	}

/*ページ往来ボタン*/
p.page_but {
	position: absolute;
	top: 47%;
	width: 100%;
	font-size: 11px;
	letter-spacing: 1px;
	z-index: 100;
	}
p.page_but .page_but-l,
p.page_but .page_but-r {
	position: absolute;
	height: 100%;
	}
p.page_but .page_but-l {
	left: -46px;
	text-align: left;
	}
p.page_but .page_but-r {
	right: -46px;
	text-align: right;
	}
p.page_but .page_but-partition {
	display: none;
	width: 40px;
	text-align: center;
	color: #3C3C3C;
	}
p.page_but .articles {
	text-align: center;
	}

/*---- 枠：記事リスト ----*/

#item_base {
	height: 100%;
	list-style: none;
	}
	
#item_base li.col_list {
	height: 100%;
	}
#item_base li p.mark_new {
	display: block;
	width: 68px;
	height: 52px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: -20px;
	background: url(../../common/images/tag_new-maru.png) no-repeat 8px 0px;
	z-index: 10;
	}	
	
/*---- 枠：記事内容メイン ----*/

.col_covermain {
	height: 100%;
	}
	
.col_covermain h3 {
	position: absolute;
	top: 10px;
	right: 0px;

	text-align: right;
	font-size: 11px;
	color: #929292;
	letter-spacing: 1px;
	z-index: 20;
	}

/*---- 枠：項目イメージ部分 ----*/

/*コメントあり*/
.img_base_com {/*イベージベース*/
	height: 100%;
	}
	
.covimg_base_com {/*カバーイベージベース*/
	list-style: none;
	height: 100%;
	}
.covimg_base_com li.img_cap,
.covimg_base_com li.img_nocap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;/*cycleのsize上書き記述*/
	height: 100%;
	}
	
/*コメントなし*/
.img_base_nocom {/*イベージベース*/
	position: relative;
	height: 100%;
	}
	
.covimg_base_nocom {/*カバーイベージベース*/
	position: relative;
	top: -10px;/*縦配意位置微調整*/
	list-style: none;
	height: 100%;
	}
.covimg_base_nocom li.img_cap,
.covimg_base_nocom li.img_nocap {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	}

/*イメージ（カバー画像部分）*/
.cover-outer {
	position: relative;
    top: 50%;
	transform: translateY(-50%);
	}
img.cover {
	display: block;
    max-width: 100%;
    margin: 0 auto;
	-webkit-box-shadow: 0px 0px 20px -5px #777;
	   -moz-box-shadow: 0px 0px 20px -5px #777;
	        box-shadow: 0px 0px 20px -5px #777;
	}

/*イメージ（キャプション有無）*/
li.img_cap p.c_cap,
li.img_nocap p.c_cap {
	margin: 0 auto;
	position: relative;
	text-align: left;
	letter-spacing: 1px;
	font-size: 10px;
	color: #999;
	}
	
/*イメージリスト内コメント（カバー画像部分）*/
.cover-outer_comm {
	position: relative;
	top: 20%;
	max-width: 550px;
	margin: 0px auto;
	text-align: center;
	
	background: url(../img/bg_paper-kei.png) repeat-y;
	}
p.cover_comm {
	width: 260px;
	margin: 0px auto 18px;
	text-align: left;
	line-height: 200%;
	letter-spacing: 1px;
	font-size: 12px;
	color: #999;
	}	
	
/*イメージナビ*/
#inav {
	position: absolute;
	top: 20px;
	right: 0px;
	font-family: Georgia;
	text-align: right;
	font-size: 20px;
	z-index: 100;
	}
#inav a {
	padding-left: 16px;
	}
#inav a.activeSlide {
	font-size: 26px;
	color: #999;
	}

/*---- 枠：項目コメント部分 ----*/

p.comm_text {
	position: absolute;/*test*/
	top: 0px;/*test*/
	display: none;/*test*/
	
	width: 190px;
	font-size: 10px;
	color: #CCC;
	letter-spacing: 1px;
	line-height: 180%;
	}


/* フレーム部分：
-------------------------------------------- */

html#frame {
	height: 100%;/*限界画像サイズ*/
}
body#frame {
	height: 100%;/*限界画像サイズ*/
	background: url(../../common/images/bg_paper-i-mid.jpg) repeat 0px 0px;
	}

.fancybox-slide--iframe {
	padding: 0 !important;
	}
.fancybox-slide--iframe .fancybox-content {
	height: calc(100% - 0px);
	margin-bottom: 0px !important;
	}

.fancybox-close {
    right: 5px !important;
	}
.fancybox-prev {
    right: 5px !important;
	}
.fancybox-next {
    right: 5px !important;
	}


@media screen and (max-width: 640px) { /* ヨコ640px以下 */ 


#con_title img {
    top: 20px;
	}
#contents {
    top: 210px;
	}
#contents.onMenu {
    top: 332px;
	}

p#concept {
    padding: 0 26px 50px;
	text-align: justify;
	text-justify: inter-ideograph;
	}

/*---- 枠：項目イメージ部分 ----*/	

/*イメージ（カバー画像部分）*/
.col_covermain h3 {
	width: 100%;
    top: 10px;
    text-align: center;
    font-size: 11px;
	}
#inav {
	width: 100%;
    top: 20px;
    text-align: center;
	}

}