@charset "utf-8";

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

.clear{
	clear:both;
}

div#utility {
	height:30px;
}

.lastNotice>p {
    display: none;
}

#content #container {
	width:100%;
	padding:0 0 0 0;
    padding-top: 0 !important;
}

#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;
}

#PublicRelationsMagazine_thisMonth {
	display:flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
}
#PublicRelationsMagazine_thisMonth .book01 {
    flex-basis: 45%;
    margin: 3rem auto;
}
#PublicRelationsMagazine_thisMonth .book01 img {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #000;
    box-shadow: 5px 5px 5px #79bcd3;
}
#PublicRelationsMagazine_thisMonth section.center {
    max-width: 300px;
    margin: 1rem auto;
    padding-left: 3rem;
}
#PublicRelationsMagazine_thisMonth  a.btn_02{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 80%;
	padding: 0 1rem;
	height: 40px;
	position: relative;
	border-radius: 30px;
	box-sizing: border-box;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.3s;
	position: relative;
	overflow: hidden;
position: relative;
z-index: 1;
}
#PublicRelationsMagazine_thisMonth a.btn_02 {
    color: #79bcd3 !important;
    background: #fff;
    border: 1px solid #79bcd3;
}
#PublicRelationsMagazine_thisMonth a.btn_02::after{
  background: #79bcd3;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
}
#PublicRelationsMagazine_thisMonth a.btn_01:hover,
#PublicRelationsMagazine_thisMonth a.btn_02:hover {
  color: #fff !important;
}
#PublicRelationsMagazine_thisMonth a.btn_01:hover::after,
#PublicRelationsMagazine_thisMonth a.btn_02:hover::after {
  transform: scale(1, 1);
}
#PublicRelationsMagazine_thisMonth a.btn_01 svg,
#PublicRelationsMagazine_thisMonth a.btn_02 svg {
    width: 10%;
    fill: #276b20;
    padding-left: 3rem;
}
#PublicRelationsMagazine_thisMonth a.btn_01:hover .cls-1,
#PublicRelationsMagazine_thisMonth a.btn_01:hover .cls-2,
#PublicRelationsMagazine_thisMonth a.btn_02:hover .cls-1,
#PublicRelationsMagazine_thisMonth a.btn_02:hover .cls-2{
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
}
#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;
}
#headerImage_PC{
	width: 100%;
	margin: 0 auto;
}
#headerImage_PC img {
	width: 100%;
	margin: 0 auto;
}
#healthyLife_headerImage_SP{
	display: none;
}
#healthyLife_headerImage_PC{
	display: block;
}
.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: none;
    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;
}
.movie{
	width: 100%;
	margin: 0 auto;
}
.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 {
    display: none;
    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;
}
#PublicRelationsMagazine_thisMonth section.center {
	max-width: 300px;
	margin: 1rem auto;
	padding-left: 0;
}
#PublicRelationsMagazine_thisMonth a.btn_02 {
	width: 100%;
	height: 60px;
}
#PublicRelationsMagazine_thisMonth a.btn_02 svg {
	width: 20%;
	padding-left: 1rem;
}
}

@media screen and (min-width: 376px) and (max-width: 480px) {
	#PublicRelationsMagazine_thisMonth section.center {
    max-width: 300px;
    margin: 1rem auto;
    padding-left: 0;
}
#PublicRelationsMagazine_thisMonth a.btn_02 {
    width: 100%;
    height: 60px;
}
#PublicRelationsMagazine_thisMonth a.btn_02 svg {
    width: 20%;
    padding-left: 1rem;
}
#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;
}
#healthyLife_headerImage_SP{
	display: block;
	width: 100%;
	margin: 0 auto;
}
#healthyLife_headerImage_PC{
	display: none;
}
}

@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) {

#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 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) {

#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%;
    display: none;
}

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

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

#linkToHomePage img {
    width: 100%;
    margin: 3rem auto;
}

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

#PublicRelationsMagazine_thisMonth {
    margin: 0;
}

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

#aboutBook {
    width: 69%;
    display: none;
}

#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 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%;
}

}