@charset "utf-8";

/* メディアクエリ外は、ページ幅:320pxを想定 */

.clear{
	clear:both;
}

div#utility {
	height:30px;
}

.lastNotice>p {
    padding: 1.5em 15%;
    font-weight: bold;
    color: #f00 !important;
}

#container {
	width:100%;
	padding:0 0 0 0;
}

#headerImage {
	padding:500px 0 0 0;
	height:0;
	background:url('../img/subpage/kyokai_kenpo/headerImage_SP.jpg') 0 0 no-repeat;
	background-size:contain;
	margin:0 0;
	width:100%;
}

#headerImage img {
	display:block;
	width:101%;
	margin:-1.5% 0 0 -1%;
	overflow:hidden;
}

#toQuestionnaire {
	width:96%;
	margin:0 2%;
	height:0;
	padding:180px 0 0 0;
	margin:-400px 2% -120px 2%;
}

#toQuestionnaire .banner_sp {
	display:block;
	margin:-180px 0 0 0;
}

#toQuestionnaire .banner_sp img{
	width:100%;
}

#toQuestionnaire .banner_pc {
	display:none;
}

#tab-01 {
	width:97%;
}

#tab-01 img {
	width:50%;
	display:block;
	margin:0 0 36px 1%;
}

#container hr.tabUnderLine {
	size:3px;
	height:12px;
	border:0;
	box-shadow:inset 0 -25px 25px -25px rgba(214,19,76,1);
	margin:-70px -2% 0 0;
	width:100%;
	overflow:hidden;
}

#getDataDemo {
	display:block;
}

#PublicRelationsMagazine_thisMonth {
	display:block;
	width:97%;
	margin:30px 0 0 0;
}

#PublicRelationsMagazine_thisMonth .new_cover {
	width:98%;
}

#PublicRelationsMagazine_thisMonth .new_cover .cover_new img {
	border:solid 5px #D5134C;
	width:80%;
	height:auto;
	margin:0 10%;
}

#thisMonthsContent_sp {
	width:90%;
	margin:20px 4.5% 20px 1%;
}

#thisMonthsContent_sp ul {
	width:98%;
	margin:0 0 0 0;
}

#thisMonthsContent_sp>img:nth-child(1) {
	width:50%;
	margin:0 0 0 1%;
	float:left;
}

#thisMonthsContent_sp p {
	display:none;
}

#thisMonthsContent_sp>img:nth-child(3) {
	width:40%;
	margin:0 0 0 5%;
}

#thisMonthsContent_sp span {
	color:#666;
	line-height:1.7em;
	font-size:0.9em;
}

#thisMonthsContent_sp li {
	margin:10px 0 15px 10%;
	list-style-type:square;
	color:#F29691;
	border-bottom:dashed 1px #666;
}

#thisMonthsContent_sp li.emptyList {
	color:rgba(242,198,196,0.5);
	border-bottom:dashed 1px #666;
	line-height:1.7em;
	font-size:0.9em;
}

#thisMonthsContent_sp .bookPages {
	display:none;
}

#aboutBook {
	display:block;
	width:100%;
	background-color:#fff;
}

#aboutBook img {
	width:94%;
	margin:10px 2.9% 10px 2.9%;
}

#linkToHomePage {
	display:block;
	width:100%;
}

#linkToHomePage img {
	width:94%;
	margin:10px 2.9% 10px 2.9%;
}

#healthyLife {
	display:block;
	background:url("../img/subpage/kyokai_kenpo/healthyLife_bgBorder_sp.jpg") repeat-y;
	width:100%;
	margin:0 0;
	padding:0 0 20px 0;
	overflow:hidden;
}

#healthyLife_headerImage_SP img {
	display:block;
	width:94%;
	margin:0 2.9% -20px 2.9%;
}

#healthyLife_headerImage_PC img {
	display:none;
}

.youtubeEmbeded {
	position: relative;
	width: 96%;
	margin:0 2%;
	padding-top: 56.25%;
}

.youtubeEmbeded iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#healthyLife img {
	width:90%;
	margin:-5px 5% 0 5%;
}

#healthyLife #exercise {
	width:91%;
	background-color:#fff;
	margin:30px 5% 10px 4%;
	border:solid 2px #B4B4B4;
}

#healthyLife #exercise img {
	width:96%;
	margin:5px 2%;
}

#healthyLife #exercise p {
	width:96%;
	margin:5px 2%;
	line-height:1.75em;
	font-size:0.9em;
	text-align:center;
}

#healthyLife #exercise #exerciseBacknumber p {
	text-align:center;
}

#healthyLife #doctorAdvice {
	width:91%;
	background-color:#fff;
	margin:30px 5% 10px 4%;
	border:solid 2px #B4B4B4;
}

#healthyLife #doctorAdvice img {
	width:96%;
	margin:5px 2%;
}

#healthyLife #doctorAdvice p {
	width:96%;
	margin:5px 2%;
	line-height:1.75em;
	font-size:0.9em;
	text-align:center;
}

#healthyLife #doctorAdvice #exerciseBacknumber p {
	text-align:center;
}

#healthyLife #healthyCooking {
	width:91%;
	background-color:#fff;
	margin:30px 5% 10px 4%;
	border:solid 2px #B4B4B4;
}

#healthyLife #healthyCooking img {
	width:96%;
	margin:5px 2%;
}

#healthyLife #healthyCooking .healthyCookingThumbnail {
	margin:0.3em 0;
}

#healthyLife #healthyCooking .healthyCookingThumbnail img {
	position: relative;
	width: 96%;
	margin:0 2%;
}


#healthyLife #healthyCooking p {
	width:96%;
	margin:5px 2%;
	line-height:1.75em;
	font-size:0.9em;
	text-align:center;
}

#healthyLife #healthyCooking #healthyCookingBacknumber p {
	text-align:center;
}

#healthyCooking .passedThumbnail {
	margin:0 1% 1em 1%;
}

#bookBacknumber {
	width:100%;
	margin:20px 0;
	display:block;
	background-color:#E6EEE4;
	border-top:solid 2px #62A26F;
	border-bottom:solid 2px #62A26F;
}

#bookBacknumber:after {
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}

#bookBacknumber .backnumberBanner>img:nth-child(1) {
	width:40%;
	float:left;
	margin:0 0 0 3%;
}

#bookBacknumber .backnumberBanner a>img {
	width:29%;
	float:right;
	margin:0 7% 0 0;
}

#container #healthyLife #exercise p.cornerTitle,
#container #healthyLife #doctorAdvice p.cornerTitle,
#container #healthyLife #healthyCooking p.cornerTitle {
	color:#f83;
	font-size:0.9em;
	font-weight:bold;
}

.passedThumbnail {
	width:31%;
	float:left;
	margin:0 1%;
	display:block;
}

.passedThumbnail iframe {
	width:100%;
}

.passedThumbnail p {
	display:block;
}


#bookBacknumber .bookshelf {
	width:96%;
	margin:30px 2%;
}

#bookBacknumber .bookshelf .bookFrame .bookInfo img {
	width:90%;
	clear:both;
	margin:10px 5%;
}

#bookBacknumber .bookshelf .bookInfo {
	display:block;
	background-color:#fff;
}

#bookBacknumber .bookFrame {
	width:30%;
	float:left;
	margin:0 1% 10px 1%;
	border-bottom:solid 2px #CBDCCF;
}

p.bookTitle {
	width:95%;
	clear:both;
	margin:6px 2.5% 10px 2.5%;
	text-align:center;
	font-size:0.95em;
}

#bookBacknumber .backnumberBanner {
	height:15px;
	display:block;
}

.passed {
	display:none;
}

.movieThumbnail {
	position: relative;
}

.movieThumbnail a { display: block; }

a.playIcon {
 position: absolute;
 top: 3em;
 left: 30%;
 width: inherit;
}

a.playIcon-passed {
 position: absolute;
 top: 1.6em;
 left: 36%;
 width: inherit;
}

@media screen and (min-width: 321px) and (max-width: 375px) {

div#utility {
	height:30px;
}

#tab-01 img {
	margin:0 0 36px 2.5%;
}

#toQuestionnaire {
	margin:-375px 2% -120px 2%;
}

#toQuestionnaire .banner_sp {
	margin:-190px 0 0 0;
}

#container hr.tabUnderLine {
	margin:-75px -2% 0 0;
}

#PublicRelationsMagazine_thisMonth .new_cover .cover_new img {
	width:75%;
	height:auto;
}

#thisMonthsContent_sp ul {
	margin:0 0 0 -2%;
}

#thisMonthsContent_sp>img:nth-child(1) {
	margin:0 0 0 2.5%;
}

#aboutBook img {
	width:93%;
	margin:10px 1% 10px 2%;
}

#linkToHomePage img {
	width:93%;
	margin:10px 1% 10px 2%;
}

#healthyLife {
	margin:0 0;
}

#healthyLife_headerImage_SP img {
	margin:0 0 -22px 2.5%;
	width:91%;
}

p.bookTitle {
	font-size:1em;
}

#bookBacknumber {
	margin:20px 0;
}

#bookBacknumber .backnumberBanner a>img {
	margin:0 4.5% 0 0;
}

#bookBacknumber .backnumberBanner>img:nth-child(1) {
	width:40%;
	float:left;
	margin:0 0 0 3%;
}

#bookBacknumber>img:nth-child(2) {
	margin:0 7% 0 0;
}

#thisMonthsContent_sp span {
	font-size:1em;
}

#bookBacknumber .bookshelf .bookInfo img {
	
}

a.playIcon {
 position: absolute;
 top: 3.8em;
 left: 35%;
 width: inherit;
}

}

@media screen and (min-width: 376px) and (max-width: 480px) {

#toQuestionnaire {
	margin:-320px 2% -120px 2%;
}

#toQuestionnaire .banner_sp {
	margin:-210px 0 0 0;
}

#container hr.tabUnderLine {
	margin:-64px -2% 0 0%;
}

#tab-01 img {
	margin:0 0 18px 1%;
}

#thisMonthsContent_sp span {
	font-size:1em;
}

#healthyLife {
	padding:20px 5px 20px 0;
}

#healthyLife_headerImage_SP img {
	margin:0 0 -29px 3%;
	width:92%;
}

#PublicRelationsMagazine_thisMonth {
	margin:45px 0 0 0;
}

#bookBacknumber {
	margin:20px 1%;
}

#bookBacknumber .backnumberBanner {
	height:20px;
	display:block;
}

a.playIcon {
 position: absolute;
 top: 5.3em;
 left: 37.5%;
 width: inherit;
}

a.playIcon-passed {
 position: absolute;
 top: 2.4em;
 left: 37%;
 width: inherit;
}

}

@media screen and (min-width: 481px) and (max-width: 568px) {
#headerImage {
	margin:-1.1% 0 0 0%;
}

#tab-01 img {
	margin:0 0 18px 1%;
}

#toQuestionnaire {
	margin:-300px 2% -120px 2%;
}

#toQuestionnaire .banner_sp {
	margin:-220px 0 0 0;
}

#healthyLife_headerImage_SP img {
	margin:0 0 -33px 1%;
}

#healthyLife {
	padding:20px 0 20px 0;
}

a.playIcon {
 position: absolute;
 top: 7em;
 left: 40%;
 width: inherit;
}

a.playIcon-passed {
 position: absolute;
 top: 2.7em;
 left: 36%;
 width: inherit;
}

}

@media screen and (min-width: 569px) and (max-width: 667px) {

#tab-01 img {
	margin:55px 0 36px 2%;
}

#container hr.tabUnderLine {
	margin:-95px -2% 0 0;
}

#toQuestionnaire {
	margin:-300px 2% -120px 2%;
}

#toQuestionnaire .banner_sp {
	margin:-190px 0 0 0;
}

#thisMonthsContent_sp {
	margin:20px 4.5%;
}

#healthyLife {
	margin:-40px 0 0 0;
}

#healthyLife #exercise {
	margin:60px 4% 10px 4%;
}

#healthyLife_headerImage_SP img {
	width:91.5%;
	margin:0 4% -20px 4%;
}

#healthyLife #doctorAdvice {
	margin:50px 4% 10px 4%;
}

#healthyLife #healthyCooking {
	margin:10px 5% 10px 4%;
}

#bookBacknumber {
	margin:20px 0;
}

#bookBacknumber .backnumberBanner {
	height:30px;
}

a.playIcon {
 position: absolute;
 top: 8.5em;
 left: 42%;
 width: inherit;
}

a.playIcon-passed {
 position: absolute;
 top: 3.2em;
 left: 37%;
 width: inherit;
}

}

@media screen and (min-width: 668px) and (max-width: 768px) {

#headerImage {
	background:url('../img/subpage/kyokai_kenpo/headerImage_PC.jpg') 0 0 no-repeat;
	background-size:contain;
	margin:0 0 0 0;
	width:100%;
}

#toQuestionnaire {
	margin:0 0 0 0;
}

#toQuestionnaire .banner_sp {
	display:none;
}

#toQuestionnaire .banner_pc {
	display:block;
	margin:-1170px 0 0 77%;

	display: inline-block;
	vertical-align: middle;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;

	-webkit-transition-property: box-shadow,background-color;
	transition-property: box-shadow,background-color;

	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */

	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:8px;

	background-color:rgba(0, 178, 236, 0.4);
}


#toQuestionnaire .banner_pc:hover,
#toQuestionnaire .banner_sp:hover {

	box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */

	background-color:rgba(0, 98, 236, 0.7);

}


#toQuestionnaire .banner_pc a:hover,
#toQuestionnaire .banner_pc img:hover,
#toQuestionnaire .banner_sp a:hover,
#toQuestionnaire .banner_sp img:hover {
	opacity:1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}

#toQuestionnaire .banner_pc img {
	width:100%;
}

#tab-01 {
	width:100%;
	margin:-440px 0 0 0;
}

#tab-01 img {
	width:30%;
	margin:0 0 45px 3.5%;
}

#linkToHomePage img {
	width:93%;
}

#container hr.tabUnderLine {
	margin:-90px 0 0 0;
	width:100%;
}

#PublicRelationsMagazine_thisMonth {
	width:38.4%;
	margin:30px 0 0 0;
	float:left;
}

#PublicRelationsMagazine_thisMonth .new_cover .cover_new img {
	width:100%;
	height:auto;
}

#thisMonthsContent_sp {
	width:50%;
	margin:30px 0 30px 8.5%;
	float:left;
}

#thisMonthsContent_sp>img:nth-child(1) {
	float:left;
	width:38.6%;
}

#thisMonthsContent_sp p {
	display:block;
	float:left;
	margin:30px 0 0 2.15%;
	font-weight:bold;
	font-size:0.75em;
}

#thisMonthsContent_sp>img:nth-child(3) {
	width:28.4%;
	margin:0 0 0 3%;
}

#thisMonthsContent_sp ul {
	margin:-39px 0 0 -5%;
	width:103%;
}

#thisMonthsContent_sp li {
	font-size:1.1em;
	border-bottom:dashed 1px #666;
}

#thisMonthsContent_sp .bookPages {
	display:block;
	float:left;
	width:19%;
	margin:0 5% 0 0;
}

#thisMonthsContent_sp .bookPages img {
	width:100%;
}

#aboutBook img {
	width:39%;
	margin:-5px 2.5% 10px 3.25%;
}

#linkToHomePage {
	width:53.5%;
	margin:-73px 0 0 45.5%;
}

#healthyLife {
	width:100%;
	margin:-37px 0 0 0;
	padding:45px 0 40px 0;
}

#healthyLife_headerImage_SP img {
	display:none;
}

#healthyLife_headerImage_PC img {
	display:block;
	width:91.5%;
	margin:0 0 0 3.5%;
}

#healthyLife img {
	margin:-14px 0 0 5%;
}

#healthyLife #exercise {
	width:29.05%;
	float:left;
	margin:13px 0 0 3.5%;
}

#healthyLife #exercise p {
	font-size:0.8em;
}

#healthyLife #doctorAdvice {
	width:29.05%;
	float:left;
	margin:13px 0 0 1.75%;
}

#healthyLife #doctorAdvice p {
	font-size:0.8em;
}

#healthyLife #healthyCooking {
	width:29.05%;
	float:left;
	margin:13px 0 0 1.75%;
}

#healthyLife #healthyCooking p {
	font-size:0.8em;
}

#container #healthyLife #exercise p.cornerTitle,
#container #healthyLife #doctorAdvice p.cornerTitle,
#container #healthyLife #healthyCooking p.cornerTitle
{
	font-size:1em;
}

#bookBacknumber {
	width:100%;
	margin:20px 0;
}

#bookBacknumber .backnumberBanner>img:nth-child(1) {
	width:22%;
	margin:0 0 0 3%;
}

#bookBacknumber .backnumberBanner a>img {
	width:15.5%;
	margin:0 4.5% 0 53.5%;
}

#bookBacknumber .bookFrame {
	width:14.35%;
	border-bottom:solid 2px #CBDCCF;
	margin:0 1% 10px 1%;
}

#bookBacknumber .bookshelf {
	width:96%;
	margin:40px 2%;
}

a.playIcon {
 position: absolute;
 top: 2.4em;
 left: 35.5%;
 width: 30%;
}

a.playIcon-passed {
 position: absolute;
 top: 1.2em;
 left: 37%;
 width: inherit;
}

}

@media screen and (min-width: 769px) {

#headerImage {
	background:url('../img/subpage/kyokai_kenpo/headerImage_PC.jpg') 0 0 no-repeat;
	background-size:contain;
	margin:0 0 0 0;
	width:100%;
}

#toQuestionnaire {
	margin:0 0 0 3%;
}

#toQuestionnaire .banner_sp {
	display:none;
}

#toQuestionnaire .banner_pc {
	margin:-1130px 3.2% 0 77%;

	display: inline-block;
	vertical-align: middle;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;

	-webkit-transition-property: box-shadow,background-color;
	transition-property: box-shadow,background-color;

	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */

	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:8px;

	background-color:rgba(0, 178, 236, 0.4);
}


#toQuestionnaire .banner_pc:hover,
#toQuestionnaire .banner_sp:hover {

	box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */

	background-color:rgba(0, 98, 236, 0.7);

}


#toQuestionnaire .banner_pc a:hover,
#toQuestionnaire .banner_pc img:hover,
#toQuestionnaire .banner_sp a:hover,
#toQuestionnaire .banner_sp img:hover {
	opacity:1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}




#toQuestionnaire .banner_pc img {
	width:100%;
}

#tab-01 {
	width:100%;
	margin:-440px 0 0 0;
}

#tab-01 img {
	width:30%;
	margin:0 0 45px 3.75%;
}

#linkToHomePage img {
	width:93%;
}

#container hr.tabUnderLine {
	margin:-100px 0 0 0;
	width:100%;
}

#PublicRelationsMagazine_thisMonth {
	width:38.4%;
	margin:30px 0 0 0;
	float:left;
}

#PublicRelationsMagazine_thisMonth .new_cover .cover_new img {
	width:100%;
	height:auto;
}

#aboutBook {
	width:69%;
}

#thisMonthsContent_sp {
	width:50%;
	margin:30px 0 30px 8.5%;
	float:left;
}

#thisMonthsContent_sp>img:nth-child(1) {
	float:left;
	width:38.6%;
}

#thisMonthsContent_sp p {
	display:block;
	float:left;
	margin:30px 0 0 2.15%;
	font-weight:bold;
	font-size:0.75em;
}

#thisMonthsContent_sp>img:nth-child(3) {
	width:28.4%;
	margin:0 0 0 3%;
}

#thisMonthsContent_sp ul {
	margin:-39px 0 0 -5%;
	width:103%;
}

#thisMonthsContent_sp li {
	font-size:1.1em;
	border-bottom:dashed 1px #666;
}

#thisMonthsContent_sp .bookPages {
	display:block;
	float:left;
	width:19%;
	margin:0 5% 0 0;
}

#thisMonthsContent_sp .bookPages img {
	width:100%;
}

#aboutBook img {
	width:56%;
	margin:0 2.5% 10px 5.5%;
}

#linkToHomePage {
	width:53.5%;
	margin:-73px 0 0 45.5%;
}

#healthyLife {
	width:100%;
	margin:-37px 0 0 0;
	padding:45px 0 40px 0;
}

#healthyLife_headerImage_SP img {
	display:none;
}

#healthyLife_headerImage_PC img {
	display:block;
	width:91.5%;
	margin:0 0 0 3.5%;
}

#healthyLife img {
	margin:-14px 0 0 5%;
}

#healthyLife #exercise {
	width:29.05%;
	float:left;
	margin:13px 0 0 3.5%;
}

#healthyLife #exercise p {
	font-size:0.8em;
}

#healthyLife #doctorAdvice {
	width:29.05%;
	float:left;
	margin:13px 0 0 1.75%;
}

#healthyLife #doctorAdvice p {
	font-size:0.8em;
}

#healthyLife #healthyCooking {
	width:29.05%;
	float:left;
	margin:13px 0 0 1.75%;
}

#healthyLife #healthyCooking p {
	font-size:0.8em;
}

#bookBacknumber {
	width:100%;
	margin:20px 0;
}

#bookBacknumber .backnumberBanner>img:nth-child(1) {
	width:22%;
	margin:0 0 0 3%;
}

#bookBacknumber .backnumberBanner a>img {
	width:15.5%;
	margin:0 4.5% 0 53.5%;
}

#bookBacknumber .bookFrame {
	width:14.35%;
	border-bottom:solid 2px #CBDCCF;
	margin:0 1% 10px 1%;
}

#bookBacknumber .bookshelf {
	width:96%;
	margin:40px 2%;
}

a.playIcon {
 position: absolute;
 top: 3.3em;
 left: 35%;
 width: 30%;
}

}