@charset "utf-8";

/* key visual */
.keyvisual {
	width: 100%;
	height: 700px;	/* default photo h600 > 700 */
	background-color: #000;
	background: url("../images/home/keyvisual_bk.jpg") no-repeat top center;
	background-size: 100% 100%;
}
.keyvisual .inner {
	display: flex;
	flex-flow: row nowrap;
}
.keyvisual .inner .photoarea {
	display: block;
	width: 900px;	/* default 900 */
	padding-top: 50px; /* default */
	/*padding: 50px 134px 0 133px; for V */
}
.keyvisual .inner .photoarea .photo {padding: 0;}
.keyvisual .inner .photoarea .photographer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	padding: 5px 16px 0;	/* default LR50 */
}
.keyvisual .inner .photoarea .photographer a {color: #fff;}

.keyvisual .inner .newsarea {
	display: block;
	width: 700px;	/* default 700 */
	color: #fff;
	padding: 100px 50px 55px 100px; /* default top:200 */
}
.keyvisual .inner .newsarea .title {
	width: 137px;
	height: 36px;
	margin-bottom: 50px;
	padding: 0;
}
.keyvisual .inner .newsarea .news_Wrapper {
	width: 550px;	/* default 550 */
	padding: 0 0 0 60px;
}
.keyvisual .inner .newsarea .news_Wrapper .each {
	display: flex;
	flex-flow: row nowrap;
	line-height: 1.5;
	margin-bottom: 10px;
}
.keyvisual .inner .newsarea .news_Wrapper .each .date {width: 110px;}
.keyvisual .inner .newsarea .news_Wrapper .each .item {width: 440px;}
.keyvisual .inner .newsarea .news_Wrapper .each .item a {color: #fff;}
.keyvisual .inner .newsarea .news_Wrapper .backnumber {width: 100%; text-align: right; margin-top: 20px;}
.keyvisual .inner .newsarea .news_Wrapper .backnumber a {color: #fff;}
.keyvisual .inner .newsarea .news_Wrapper .each .item p {width: 200px;} /* banner CP+ */

/* home menu */
#homemenu.block {background-color: #000;}
#homemenu .menus {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	background-color: #fff;
}
#homemenu .menus .menuarea {
	display: block;
	position: relative;
	padding: 48px 32px 0 32px; /* 52px 32px 0 70px */
}
#homemenu .menus .menuarea .menuicon {
	position: absolute;
	width: 64px;
	height: 64px;
	top: 32px;
	right: 32px;
}
#homemenu .menus .menuarea .title {
	font-size: 24px;
	color: #fff;
	margin-bottom: 40px; /* 50px */
}
#homemenu .menus .menuarea .link {
	font-size: 18px;
	line-height: 1.5;
	text-indent: -1em;
	padding: 0 0 12px 12px;
}
#homemenu .menus .menuarea .linksep {
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin-bottom: 18px;
}
#homemenu .menus .menuarea .linksp {
	font-size: 15px;
	line-height: 1.2;
	/*letter-spacing: -1px;*/
	padding: 0 0 12px 0;
}
#homemenu .menus .menuarea .linksp a {color: #fff;}
#homemenu .menus .menuarea .link a {color: #fff;}
#homemenu .menus .stats_img {width: 800px; height: 399px;}
#homemenu .menus .std_img {width: 799px; height: 398px; margin-top: 1px;}
#homemenu .menus .env_img1 {width: 399px; height: 400px;}
#homemenu .menus .env_img2 {width: 399px; height: 400px;}
#homemenu .menus .about_img {width: 800px; height: 399px; margin-top: 1px;}
#stats {
	width: 399px;
	height: 399px;
	background: url("../images/home/bk_stats.jpg") no-repeat top center;
    background-size: contain;
	margin-right: 2px;
}
#std {
	width: 400px;
	height: 398px;
	background: url("../images/home/bk_std.jpg") no-repeat top center;
    background-size: contain;
	margin-top: 1px;
}
#env {
	width: 399px;
	height: 400px;
	background: url("../images/home/bk_env.jpg") no-repeat top center;
    background-size: contain;
	margin-left: 2px;
}
#about {
	width: 399px;
	height: 399px;
	background: url("../images/home/bk_about.jpg") no-repeat top center;
    background-size: contain;
	margin-top: 1px;
	margin-right: 2px;
}

/* special */
#special .inner .links {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	width: 1320px;
	margin: 0 auto;
	padding: 60px 0;
}
#special .inner .links .linkbox {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	height: 140px;
	font-size: 16px;
	line-height: 1.5;
	border: solid 1px #ccc;
}
#special .inner .links .linkbox .linkimg {width: 80px; height: 80px;}
#special .inner .links .linkbox .linktxt a {color: #606060;}
#special .inner .links .linkbox.cpplus {width: 480px; padding: 0 30px; margin-right: 30px;}
#special .inner .links .linkbox.cpplus .linktxt {width: 320px; margin-left: 20px;}
#special .inner .links .linkbox.pictbridge {width: 480px; padding: 0 30px;}
#special .inner .links .linkbox.pictbridge .linktxt {width: 320px; margin-left: 20px;}

/* ---------- @media settings ---------- */
@media only screen and (max-width: 1600px) {

/* key visual */
.keyvisual {height: 520px;} /*photo h:600 > 520 */
/* .keyvisual .inner .photoarea { for photo v only
	padding: 50px 60px 0 60px;
} */
.keyvisual .inner .newsarea {padding: 100px 60px 25px 70px;} /* default 100 50 70 100 */
/* .keyvisual .inner .newsarea .news_Wrapper {width: 600px;} default none*/
/* .keyvisual .inner .newsarea .news_Wrapper .each .item {width: 490px;} default none*/
.keyvisual .inner .newsarea .title {margin-bottom: 40px;} /* default 30 */
.keyvisual .inner .newsarea .news_Wrapper {
	width: 600px; /* default 550 */
	padding: 0 0 0 40px; /* default 0 0 0 60 */
}
.keyvisual .inner .newsarea .news_Wrapper .each {margin-bottom: 4px;}	/* default 10 */
.keyvisual .inner .newsarea .news_Wrapper .each .item {width: 480px;} /* default 440 */

/* home menu */
#homemenu .menus {
	width: 1200px;
	background-color: #000;
	margin: 0 auto;
}
#homemenu .inner .menus .stats_img {order: 1;}
#homemenu .inner .menus #stats {order: 2;}
#homemenu .inner .menus .env_img1 {order: 5;}
#homemenu .inner .menus #std {order: 3;}
#homemenu .inner .menus .std_img {order: 4;}
#homemenu .inner .menus #env {order: 7;}
#homemenu .inner .menus .about_img {order: 9;}
#homemenu .inner .menus #about {order: 8;}
#homemenu .inner .menus .env_img2 {order: 6;}
#homemenu .menus .stats_img {width: 800px; height: 399px;}
#homemenu .menus .std_img {width: 800px; height: 399px; margin-top: 0;}
#homemenu .menus .env_img1 {width: 400px; height: 399px; margin-top: 0;}
#homemenu .menus .env_img2 {width: 400px; height: 399px; margin-top: 0;}
#homemenu .menus .about_img {width: 800px; height: 399px; margin-top: 0;}
#stats {
	width: 400px;
	height: 399px;
	margin-right: 0;
}
#std {
	width: 400px;
	height: 399px;
	margin-top: 0;
}
#env {
	width: 400px;
	height: 399px;
	margin-top: 0;
	margin-left: 0;
}
#about {
	width: 400px;
	height: 399px;
	margin-top: 0;
	margin-right: 0;
}

} /* ---@media max1600--- */

@media only screen and (max-width: 1299px) {

/* key visual */
.keyvisual {height: 380px;} /*photo h:600 > 380 */
.keyvisual .inner .newsarea {padding: 50px 50px 10px 50px;} /* default top:---, bottom:--- */
.keyvisual .inner .newsarea .title {width: 100px; margin-bottom: 20px;}  /* default: 20px */
.keyvisual .inner .photoarea .photographer {font-size: 12px;}
.keyvisual .inner .photoarea .photographer .description {margin-right: 12px;}

/* home menu */
#homemenu .menus {width: 1024px;}
#homemenu .menus .menuarea {padding: 36px 32px 0 32px;}
#homemenu .menus .menuarea .menuicon {
	width: 48px;
	height: 48px;
}
#homemenu .menus .menuarea .title {
	font-size: 20px;
	margin-bottom: 36px;
}
#homemenu .menus .menuarea .link {font-size: 14px;}
#homemenu .menus .menuarea .linksp {font-size: 13px;}
#homemenu .menus .stats_img {width: 680px; height: 339px;}
#homemenu .menus .std_img {width: 680px; height: 339px; margin-top: 0;}
#homemenu .menus .env_img1 {width: 340px; height: 339px; margin-top: 0;}
#homemenu .menus .env_img2 {width: 340px; height: 339px; margin-top: 0;}
#homemenu .menus .about_img {width: 680px; height: 339px; margin-top: 0;}
#stats {width: 340px;height: 339px;}
#std {width: 340px;height: 339px;}
#env {width: 340px;height: 339px;}
#about {width: 340px;height: 339px;}

/* special */
#special .inner .links {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 1000px;
	padding: 30px 0 10px;
}
#special .inner .links .linkbox {margin-bottom: 20px;}
#special .inner .links .linkbox.pictbridge {margin-left: 0;}

} /* ---@media max1299--- */

@media only screen and (max-width: 1024px) {

/* key visual */
.keyvisual {
	width: 100%;
	height: auto;
	background-color: #000;
}
.keyvisual .inner {
	flex-flow: row wrap;
	background: #000000;
}
.keyvisual .inner .photoarea {
	width: 80vw;
	margin: 0 auto;
	padding-top: 4vw;
}
.keyvisual .inner .photoarea .photographer {
	flex-flow: row wrap;
	font-size: 3vw;
	padding: 0;
}

.keyvisual .inner .newsarea {
	width: 100vw;
	padding: 10vw;
}
.keyvisual .inner .newsarea .title {
	width: 30vw;
	margin-bottom: 8vw;
}
.keyvisual .inner .newsarea .news_Wrapper {
	width: 100%;
	padding: 0;
}
.keyvisual .inner .newsarea .news_Wrapper .each {margin-bottom: 4vw;}
.keyvisual .inner .newsarea .news_Wrapper .each .date {width: 20vw;}
.keyvisual .inner .newsarea .news_Wrapper .each .item {width: 60vw;}
.keyvisual .inner .newsarea .news_Wrapper .backnumber {margin-top: 4vw;}
.keyvisual .inner .newsarea .news_Wrapper .each .item p {width: 60vw;} /* banner CP+ */

/* home menu */
#homemenu .menus .menuarea {
	width: 100%;
	padding: 10vw 10vw 0 10vw;
}
#homemenu .menus .menuarea .menuicon {
	position: absolute;
	width: 14vw;
	height: 14vw;
	top: 7vw;
	right: 7vw;
}
#homemenu .menus .menuarea .title {
	font-size: 4.8vw;
	margin-bottom: 14vw;
}
#homemenu .menus .menuarea .link {
	font-size: 3.6vw;
	padding: 0 0 3vw 3vw;
}
#homemenu .menus .menuarea .linksep {margin-bottom: 3.6vw;}
#homemenu .menus .menuarea .linksp {font-size: 3.2vw; padding: 0 0 3vw 0;}
#homemenu .menus {width: 100%;}
#homemenu .inner .menus .stats_img {order: 1;}
#homemenu .inner .menus #stats {order: 2;}
#homemenu .inner .menus .env_img1 {/*order: 5;*/ display: none;}
#homemenu .inner .menus #std {order: 4;}
#homemenu .inner .menus .std_img {order: 3;}
#homemenu .inner .menus #env {order: 7;}
#homemenu .inner .menus .about_img {order: 8;}
#homemenu .inner .menus #about {order: 9;}
#homemenu .inner .menus .env_img2 {order: 6;}
#homemenu .menus .stats_img {width: 100vw; height: 50vw;}
#homemenu .menus .std_img {width: 100vw; height: 50vw; margin-top: 0;}
#homemenu .menus .env_img1 {width: 100vw; height: 50vw; margin-top: 0;}
#homemenu .menus .env_img2 {width: 100vw; height: 50vw; margin-top: 0;}
#homemenu .menus .about_img {width: 100vw; height: 50vw; margin-top: 0;}
#stats {
	width: 100vw;
	height: 100vw;
	margin-right: 0;
}
#std {
	width: 100vw;
	height: 100vw;
	margin-top: 0;
}
#env {
	width: 100vw;
	height: 100vw;
	margin-top: 0;
	margin-left: 0;
}
#about {
	width: 100vw;
	height: 100vw;
	margin-top: 0;
	margin-right: 0;
}

/* special */
#special .inner .links {
	flex-flow: row wrap;
	justify-content: center;
	width: 90vw;
	padding: 4vw 0;
}
#special .inner .links .linkbox {
	height: auto;
	font-size: 3vw;
	margin-bottom: 2vw;
}
#special .inner .links .linkbox .linkimg {width: 24vw; height: 24vw;}
#special .inner .links .linkbox .linktxt a {color: #606060;}
#special .inner .links .linkbox.cpplus {width: 80vw; padding: 2vw; margin-right: 0;}
#special .inner .links .linkbox.cpplus .linktxt {width: 50vw; margin-left: 4vw;}
#special .inner .links .linkbox.pictbridge {width: 80vw; margin-left: 0; padding: 2vw;}
#special .inner .links .linkbox.pictbridge .linktxt {width: 50vw; margin-left: 4vw;}

} /* ---@media max1024--- */