@charset "utf-8";

/* ---------------------------------------------
*   fishcollagen_main
--------------------------------------------- */
.fishcollagen_main p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, address {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.fishcollagen_main img{
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom;
}

/*  newamic_container
--------------------------------------------- */
.fishcollagen_main .newamic_container {
	overflow: hidden;
}

/*  item_article_head
--------------------------------------------- */
.fishcollagen_main .item_article_head {
	position: relative;
	z-index: 2;
	padding-top: 6.6vw;
}

/* item_title */
.fishcollagen_main .item_article_head .item_title {
	width: 63%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* item_text */
.fishcollagen_main .item_article_head .item_text {
	text-align: center;
	font-size: 16px;
}


/* ---------------------------------------------
*   fishcollagen_twocolumns
--------------------------------------------- */
.fishcollagen_twocolumns {
	position: relative;
}


/*  fishcollagen_twocolumns_title
--------------------------------------------- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_title {
	position: absolute;
	z-index: 2;
}


/*  fishcollagen_twocolumns_contents
--------------------------------------------- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_contents {
	/*position: absolute;*/
	z-index: 1;
/*	width: 520px;
	height: 320px;*/
	box-sizing: border-box;
/*	padding-top: 63px;
	padding-right: 43px;
	padding-left: 43px;*/
	background-color: #fff;
}

/* item_container */
.fishcollagen_twocolumns .fishcollagen_twocolumns_contents .item_container {
	/*padding-left: 5.3vw;*/
}

/* item_text */
.fishcollagen_twocolumns .fishcollagen_twocolumns_contents .item_text {
	margin-top: 5.3vw;
	line-height: 1.8;
	font-size: 3.2vw;
}


/*  fishcollagen_twocolumns_image
--------------------------------------------- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_image {
	position: relative;
	max-width: 940px;
	overflow: hidden;
}

/* -- item_names -- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_image .item_names {
	position: absolute;
	z-index: 1;
	text-align: left;
	line-height: 1.6;
}

/* -- item_text -- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_image .item_names .item_text {
	margin-bottom: 2px;
}

/* -- fishcollagen_photo -- */
.fishcollagen_twocolumns .fishcollagen_twocolumns_image .fishcollagen_photo {
	padding-right: 5.3vw;
}

.fishcollagen_twocolumns .fishcollagen_twocolumns_image .fishcollagen_photo img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom;
}

/* ---------------------------------------------
*   fishcollagen_twocolumns(skin_num)
--------------------------------------------- */
/*  skin_1
--------------------------------------------- */
.fishcollagen_twocolumns.skin_1 {
	margin-top: -22%;
}

/* -- fishcollagen_twocolumns_title -- */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_title {
	top: -2.5vw;
	right: 4.3vw;
	width: 89%;
}

/* -- fishcollagen_twocolumns_contents  -- */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_contents {
	position: relative;
	margin: -10vw 0 0 5.3vw;
	padding: 8.6vw 5.3vw 13.3vw;
}

/* item_inner */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_contents .item_inner {

}

/* item_img */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_contents .item_img {
	width: 87.7%;
	margin-top: 6vw;
	margin-left: 2vw;
}

/* item_caption */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_contents .item_caption {
	width: 65.7vw;
}

/* item_mark */
.fishcollagen_twocolumns.skin_1 .fishcollagen_twocolumns_contents .item_mark {
	position: absolute;
	top: 24%;
	right: 5.73vw;
	width: 19.7vw;
}


/*  skin_2
--------------------------------------------- */
.fishcollagen_twocolumns.skin_2 {
	margin-top: 18.6vw;
}

/* -- fishcollagen_twocolumns_contents  -- */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_contents {
	padding: 0 3.3vw;
}

/* -- fishcollagen_twocolumns_title  -- */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_title {
	position: static;
}

/* item_container */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_contents .item_container {

}

/* item_img */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_contents .item_img {
	width: 84.5%;
	margin-top: 8vw;
	margin-left: auto;
	margin-right: auto;
}

/* item_caption */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_contents .item_caption {
	width: 58.9vw;
	margin-top: 5.3vw;
}

/* item_text */
.fishcollagen_twocolumns.skin_2 .fishcollagen_twocolumns_contents .item_text {
	margin-top: 3.3vw;
	line-height: 1.8;
}


/*  skin_3
--------------------------------------------- */
.fishcollagen_twocolumns.skin_3 {
	margin-top: 16.5vw;
}

/* fishcollagen_twocolumns_title */
.fishcollagen_twocolumns.skin_3 .fishcollagen_twocolumns_title {
    top: -4.2vw;
    right: 5.3vw;
    width: 63.6%;
}

/* fishcollagen_twocolumns_contents */
.fishcollagen_twocolumns.skin_3 .fishcollagen_twocolumns_contents {
	position: relative;
	margin: -10vw 0 0 5.3vw;
	padding: 8.6vw 5.3vw 13.3vw;
}

/* item_text */
.fishcollagen_twocolumns.skin_3 .fishcollagen_twocolumns_contents .item_text {
	margin-top: 3.3vw;
}

/* item_text_small */
.fishcollagen_twocolumns.skin_3 .fishcollagen_twocolumns_contents .item_text_small {
	text-align: right;
	margin-top: 3.3vw;
	font-size: 2.6vw;
}

/* item_caption */
.fishcollagen_twocolumns.skin_3 .fishcollagen_twocolumns_contents .item_caption {
	width: 49.3vw;
}

/* lead_text */
.fishcollagen_main .lead_text {
	padding: 0 3.3vw;
}


/* ---------------------------------------------
*   sp_hide
--------------------------------------------- */
.sp_hide {
	display: none;
}