@charset "shift_jis";

/* ------------------------------------------------------------
【健康美塾】スマートフォン用：共通
--------------------------------------------------------------*/

/* elements
------------------------------------------------------------*/
body {
	background: transparent;
	color: #333333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	}

a {
	-webkit-tap-highlight-color: rgba(200,200,555,0.6);
	}
a:link, a:visited {
	color: #f2499d;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #f2499d;
	text-decoration: none;
	}
a:link[href*="tel:"], 
a:visited[href*="tel:"] {
	text-decoration: underline;
	}

/* Google Map 使用時は注意！読み込みエリアはzoom:1に戻す様にセレクタを絞り込む */
/* Retinaディスプレイ対応の為、widthを指定していないimg要素のみ半分の大きさに */
img:not([width]) {
	zoom: 0.5;
	}

sup {
	padding-left: 0.1em;
	font-size: 75%;
	vertical-align: text-top;
	}
sub {
	padding-left: 0.1em;
	font-size: 75%;
	vertical-align: baseline;
	}
em {
	font-weight: normal !important;
	color: #cc0000;
	}

/* common
------------------------------------------------------------*/
a.pc {
	vertical-align: middle;
/* 	width: 100%; */
	min-height: 15px;
	margin-right: 5px;
	padding-right: 20px;
	background: url(/kenko-bijuku/common/imgs/sp/link-pc.png) no-repeat right center !important;
	}
a.pc.outside {
	background-image: url(/common/imgs/sp/link-pc.png) !important;
	}
a.blank {
	vertical-align: middle;
/* 	width: 100%; */
	min-height: 15px;
	margin-right: 5px;
	padding-right: 20px;
	background: url(/common/imgs/sp/link-blank.png) no-repeat right center !important;
	}
ul.btn > li > a.pc, 
ul.btn > li > a.blank {
	display: block;
	margin-right: 0 !important;
	}

/* container-wrapper
------------------------------------------------------------*/
#container-wrapper {
	width: 100%;
	background: none #ffffff;
	}

/* container-head
------------------------------------------------------------*/
#container-head {
	padding: 15px 0;
	border-bottom: solid 3px #f2499d;
	text-align: center;
	}

/* container-foot
------------------------------------------------------------*/
#container-foot {
	min-width: 320px;
	padding: 0;
	border-top: none;
	background: #ffffff;
	text-align: center;
	}

#container-foot > dl {
	display: inline-block;
	min-width: 300px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	}
#container-foot > dl > dt {
	display: none;
	}
#container-foot > dl > dd {
	padding-top: 10px;
	background: #ffffff;
	}

#container-foot ul.foot-nav {
	margin: 0 auto;
	background: #ffffff;
	}
#container-foot ul.foot-nav > li a {
	color: #333333;
	text-decoration: none;
	}

#container-foot ul.foot-nav.site > li {
	padding: 9px;
	border: solid 1px #cccccc;
	border-top: none;
	}
#container-foot ul.foot-nav.site > li:first-of-type {
	border-top: solid 1px #cccccc;
	}
#container-foot ul.foot-nav.corp > li {
	padding-bottom: 10px;
	}
#container-foot ul.foot-nav.corp > li a {
	display: table-cell;
	padding-right: 20px;
	}

#container-foot p.logo {
	padding: 10px 0;
	border-top: solid 1px #cccccc;
	}
#container-foot p.copyright {
	display: inline-block;
	min-width: 300px;
	margin: 0 auto;
	padding: 0 10px;
	color: #777777;
	text-align: left;
	}

/* sns
------------------------------------------------------------*/
ul.sns {
	display: none !important;
	}

/* main
------------------------------------------------------------*/
#main {
	float: none;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: none;
	}

/* 今月のプレゼント */
dl#monthly-present {
	display: none;
}

/* main-header
------------------------------------------------------------*/
#main-header {
	display: none;
	}

/* main-wrapper
------------------------------------------------------------*/
#main-wrapper {
	min-width: 300px;
	padding: 0 10px;
	}

/* main-body
------------------------------------------------------------*/
#main-body {
	position: relative;
	padding: 10px 0 0 0;
	background: none #ffffff;
	}

/* section-map
------------------------------------------------------------*/
div#section-map {
	display: none;
	}

/* main-footer
------------------------------------------------------------*/
#main-footer-area {
	padding: 0 10px;
	}

#main-footer-area > ul.pagetop {
	min-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	}
#main-footer-area > ul.pagetop li {
	float: right;
	}
#main-footer-area > ul.pagetop li a {
	display: block;
	width: 100%;
	min-height: 10px;
	padding-left: 15px;
	background: url(/kenko-bijuku/common/imgs/sp/link-pagetop.png) no-repeat left center;
	color: #333333;
	text-decoration: none;
	}
#main-footer-area > ul.pagetop:last-of-type {
	display: none;
	}
#main-footer-area > dl {
	min-width: 300px;
	width: 100%;
	margin: 10px auto;
	padding-top: 5px;
	border-top: solid 3px #f2499d;
	background: #ffffff;
	}
#main-footer-area > dl:last-of-type {
	display: none;
	}
#main-footer-area > dl > dt {
	margin-bottom: 5px;
	color: #f2499d;
	font-weight: bold;
	}
#main-footer-area > dl > dd {
	}
#main-footer-area > dl > dd > ul#main-footer li {
	display: block;
	margin-bottom: 1px;
	padding: 9px;
	border: solid 1px #cccccc;
	border-radius: 3px;
	}
#main-footer-area > dl > dd > ul#main-footer li a {
	display: block;
	min-height: 15px;
	padding-right: 9px;
	background: url(/kenko-bijuku/common/imgs/sp/link-bg.png) no-repeat right center;
	color: #666666;
	text-decoration: none;
	}
#main-footer-area > dl > dd > ul#main-footer li a.pc {
	margin-right: 0 !important;
	padding-right: 20px;
	}

/* main-left
------------------------------------------------------------*/
#main-left {
	background: #ffffff;
	}

/* main-container
------------------------------------------------------------*/
#main-container {
	}

div#page-top a img {
	display: none;
	}

/* contents-main
------------------------------------------------------------*/
#contents-main {
	}

/* main-right
------------------------------------------------------------*/
#main-right {
	padding: 10px 0;
	}

/* right-menu
------------------------------------------------------------*/
#right-menu {
	display: none;
	}

/* バナー群 */
ul#right-banner {
	display: none;
	}

/* バックナンバー */
dl#backnumber {
	width: 100%;
	}
dl#backnumber dt {
	padding: 9px;
	border: solid 1px #cccccc;
	border-radius: 3px 3px 0 0;
	background: url(/kenko-bijuku/common/imgs/sp/btn-open.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff));
	background: url(/kenko-bijuku/common/imgs/sp/btn-open.png) no-repeat right center, -moz-linear-gradient(center top, #eeeeee 0%, #ffffff 100%);
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	}
dl#backnumber dt.close {
	background: url(/kenko-bijuku/common/imgs/sp/btn-open.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff));
	background: url(/kenko-bijuku/common/imgs/sp/btn-open.png) no-repeat right center, -moz-linear-gradient(center top, #eeeeee 0%, #ffffff 100%);
	}
dl#backnumber dt.open {
	background: url(/kenko-bijuku/common/imgs/sp/btn-close.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff));
	background: url(/kenko-bijuku/common/imgs/sp/btn-close.png) no-repeat right center, -moz-linear-gradient(center top, #eeeeee 0%, #ffffff 100%);
	}
dl#backnumber dt img {
	display: none;
	}
dl#backnumber dd {
	}
dl#backnumber dd:first-of-type {
	margin-top: 0;
	}

dl#backnumber dd ul {
	width: 100%;
	overflow: hidden;
	}
dl#backnumber dd > ul > li {
	display: none;
	padding: 3px;
	border: solid 1px #cccccc;
	border-top: none;
	background: url(/kenko-bijuku/common/imgs/sp/backnumber-link-bg.png) no-repeat right center, -moz-linear-gradient(center top, #eeeeee 0%, #ffffff 100%);
	background: url(/kenko-bijuku/common/imgs/sp/backnumber-link-bg.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff));
	}
dl#backnumber dd > ul > li a {
	display: block;
	min-height: 16px;
	height: auto !important;
	color: #333333;
	text-decoration: none;
	}
dl#backnumber dd > ul > li.sub a {
	font-size: 10px;
	line-height: 10px;
	}
dl#backnumber dd > ul > li > img {
	display: block;
	width: 35px;
	height: auto;
	float: left;
	}
dl#backnumber dd > ul > li > span.theme {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	text-align: left;
	}