@charset "UTF-8";

.picture-ttl {
	background: #00B2C3;
}

/* 写真ダウンロード */
.downdload {
	margin: -6px 0 0;
}

.download_introText {
	text-align: center;
	margin-top: 25px;
}

.download_areaSlide {
	position: relative;
	z-index: 1;
	max-width: 860px;
	margin: 30px auto 0;
}

.download_areaSlide_controller {
	position: absolute;
	z-index: 1;
	top: 38.7%;
}

.download_areaSlide_controller.-prev {
	left: 0;
}

.download_areaSlide_controller.-next {
	right: 0;
}

/* フレーム部分 */
.frame {
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.frame_image {
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	left: 0;
}

.frame-pc {
	background-image: url(../kenki/picture/img/bg-frame-pc.png);
	width: 627px;
	height: 347px;
	margin-left: 8px;
}

.frame-sp {
	background-image: url(../kenki/picture/img/bg-frame-sp.png);
	width: 162px;
	height: 284px;
	right: 85px;
	top: 62px;
	position: absolute;
	z-index: 1;
}

.frame-pc_image {
	width: 430px;
	height: 282px;
	top: 25px;
	background-size: 100% auto;
}

.frame-sp_image {
	width: 144px;
	height: 217px;
	top: 29px;
}

.frame_image.-no1 {
	background-image: url(../kenki/picture/img/pt-frame11.jpg);
}

.frame-sp_image.-no1 {
	background-image: url(../kenki/picture/img/pt-frame11_short.jpg);
	background-size: auto 100%;
}

.frame_image.-no2 {
	background-image: url(../kenki/picture/img/pt-frame12.jpg);
}

.frame-sp_image.-no2 {
	background-image: url(../kenki/picture/img/pt-frame12_short.jpg);
	background-size: auto 100%;
}

.frame_image.-no3 {
	background-image: url(../kenki/picture/img/pt-frame13.jpg);
}

.frame-sp_image.-no3 {
	background-image: url(../kenki/picture/img/pt-frame13_short.jpg);
	background-size: auto 100%;
}

.frame_image.-no4 {
	background-image: url(../kenki/picture/img/pt-frame14.jpg);
}

.frame-sp_image.-no4 {
	background-image: url(../kenki/picture/img/pt-frame14_short.jpg);
	background-size: auto 100%;
}

.frame_image.-no5 {
	background-image: url(../kenki/picture/img/pt-frame15.jpg);
}

.frame-sp_image.-no5 {
	background-image: url(../kenki/picture/img/pt-frame15_short.jpg);
	background-size: auto 100%;
}

.frame_image.-no6 {
	background-image: url(../kenki/picture/img/pt-frame01.jpg);
}

.frame_image.-no7 {
	background-image: url(../kenki/picture/img/pt-frame02.jpg);
}

.frame_image.-no8 {
	background-image: url(../kenki/picture/img/pt-frame04.jpg);
}

.frame_image.-no9 {
	background-image: url(../kenki/picture/img/pt-frame06.jpg);
}

.frame_image.-no10 {
	background-image: url(../kenki/picture/img/pt-frame08.jpg);
}

.frame_image.-no11 {
	background-image: url(../kenki/picture/img/pt-frame09.jpg);
}

.frame_image.-no12 {
	background-image: url(../kenki/picture/img/pt-frame10.jpg);
}

/* ナビゲーション */
.download_areaSlide_navi {
	text-align: center;
	margin: 19px 0 0;
}

.download_areaSlide_navi_list {
}

.download_areaSlide_navi_list li {
	display: inline-block;
	padding: 8px;
	cursor: pointer;
}

.download_areaSlide_navi_list li:hover a {
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}

.download_areaSlide_navi_list li a {
	display: block;
	background-color: #ccc;
	border-radius: 11px;
	width: 11px;
	height: 11px;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}

.download_areaSlide_navi_list li a.is-active {
	background-color: #FFC926;
}

/* ダウンロードボタン */
.download_buttonsList {
	margin: 11px 0;
	text-align: center;
}

.download_buttonsList li {
	display: inline-block;
}

.download_buttonsList li > a {
	width: 139px;
	line-height: 29px;
	background-color: #00B2C3;
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 15px;
}

/* 利用方法 */
.download_guide {
	margin: 36px 0 15px;
	border: 11px solid #CAF0F3;
	border-radius: 11px;
	padding: 20px;
}

.download_guide_title {
	color: #00B2C4;
}

.download_guide_list {
	list-style: outside decimal;
	padding: 0 0 0 2em;
}

.download_guide_attentionList {
	font-size: 13px;
	color: #FF7A4D;
	margin: 14px 0 0;
}

.download_guide_attentionList > li {
	text-indent: -1em;
	padding-left: 1em;
}

.download_guide_attentionList > li > a {
	color: #00A3D8;
	text-decoration: underline;
}

.download_guide_attentionList > li > a:hover {
	text-decoration: none;
}

/* タブレット以下設定 */
@media screen and (max-width:939px) {

	/* 写真ダウンロード */
	.downdload {
		margin: 0;
	}

	.download_introText {
		text-align: left;
	}

	.download_areaSlide {
		max-width: 610px;
		margin-top: 20px;
	}

	.download_areaSlide_controller {
		width: 24px;
	}

	/* フレーム部分 */
	.frame-pc {
		margin-left: 0px;
		width: 470px;
		height: 260px;
	}

	.frame-sp {
		width: 121px;
		height: 213px;
		right: 42px;
		top: 46px;
	}

	.frame-pc_image {
		width: 322px;
		height: 211px;
		top: 19px;
	}

	.frame-sp_image {
		width: 108px;
		height: 163px;
		top: 21px;
	}

	/* ダウンロードボタン */
	.download_buttonsList {
		margin: 11px 0;
		text-align: center;
	}

	.download_buttonsList li {
		display: inline-block;
		margin: 0 0 5px;
	}

	.download_buttonsList li > a {
		width: 110px;
		line-height: 26px;
		border-radius: 14px;
	}

	/* 利用方法 */
	.download_guide {
		margin: 26px 0 15px;
		border-width: 8px;
		border-radius: 8px;
		padding: 10px;
	}

}

/* スマホ設定 */
@media screen and (max-width:639px) {

	/* 写真ダウンロード */
	.download_introText {
		margin-top: 15px;
	}

	.download_areaSlide {
		margin: 20px 0 0;
	}

	.download_areaSlide_controller {
		width: 16px;
	}

	/* フレーム部分 */
	.frame-pc {
		display: none;
	}

	.frame-sp {
		margin: 0 auto;
		width: 162px;
		height: 284px;
		position: static;
	}

	.frame-pc_image {
		width: 322px;
		height: 211px;
		top: 19px;
	}

	.frame-sp_image {
		width: 144px;
		height: 217px;
		top: 29px;
	}

	/* ダウンロードボタン */
	.download_buttonsList {
		margin: 11px 0;
		text-align: center;
	}

	.download_buttonsList li {
		display: inline-block;
		margin: 0 0 5px;
		width: 48%;
	}

	.download_buttonsList li > a {
		width: 100%;
	}

	/* 利用方法 */
	.download_guide {
		margin: 15px 0;
		border-width: 6px;
		border-radius: 6px;
		padding: 10px;
	}

}