@charset "Shift_JIS";

/* ページ構造 */



/*基本設定*/

#top,
.js { max-width:950px; *width:950px;
}

#top {
	font-size:1.15em;/*デフォルトは1em＝14px 変更したい場合は0.88em,1.12em等,emで指定してください。*/
	line-height:1.5;/*変更したい場合は単位なしで増減させてください。文字サイズに関わらず、一律で調整されます。*/
}

.js { background-color:#fff; }

/*その他*/
h2,
h3,
h4 { margin-bottom:0.5em; }

h2 {
	margin-top:3.5em;
	margin-bottom:1em;
	overflow:hidden;
}

body.body_sph h2 { margin-top:2em; }

body.body_sph h2 img { min-width:140%; }

h3 { margin-top:1em; }

h4 {
	margin-top:2em;
	font-size:1.3em;
	color:#002067;
}

body.body_sph h4 { margin-top:1em; }

/*p { clear:both; }*/

.top_copy { margin:1em; }

body.body_pc .inbox { margin-left:20px; }

body.body_sph .inbox { margin:0 1em; }

/*=========================================
レスポンシブボックス
=========================================*/
.responsive_box {
	border-collapse:separate;
	margin:1em 0;
}

.responsive_box img { max-width:100%; }

.responsive_box dl { position:relative; }

.responsive_box a.responsive_link {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-9999em;
}

body.body_pc .responsive_box {
	border-spacing:0.3em;
	display:table;
	width:100%;
	table-layout:fixed;
}

body.body_pc .responsive_box dl {
	display:table-cell;
	text-align:center;
}

body.body_sph .responsive_box dl {
	margin-bottom:0.3em;
	display:table;
	width:100%;
}

body.body_sph .responsive_box dt,
body.body_sph .responsive_box dd {
	display:table-cell;
	vertical-align:middle;
}

/*個別設定*/
.responsive_box dl { border:0.15em solid #ccc; }

.responsive_box dt {
	color:#002067;
	font-weight:bold;
}

.responsive_box dt strong { font-size:1.2em; }

.responsive_box dt,
.responsive_box dd { padding:0.5em; }

/*=========================================
ナビゲーション
=========================================*/
#top_img {
	position:relative;
	overflow:hidden;
}

.navi_menu {
	position:absolute;
	right:0;
}

.navi_menu li {
	text-align:right;
	line-height:1.2;
}

.navi_menu a { display:none; }

body.body_pc .navi_menu { bottom:1.5em; }

body.body_pc .navi_menu a {
	width:90px;
	display:inline-block;
}

/*body.body_pc .navi_menu a:hover { width:480px;
}*/

body.body_pc .navi_menu img {
	height:70px;
	width:auto;
}

body.body_sph .navi_menu { bottom:0; }

body.body_sph .navi_menu a {
	width:4em;
	display:inline-block;
}

body.body_sph .navi_menu a img {
	height:3.2em;
	max-width:none;
}

/*=========================================
こだわり
=========================================*/
/*-----------------------------------------
ダイジェスト
-----------------------------------------*/
.kodawari_digest {
	background:url(../image/kodawari_bg.jpg) no-repeat left center;
	padding:0.5em 0;
}

.kodawari_digest dl { display:table; }

.kodawari_digest dt,
.kodawari_digest dd {
	display:table-cell;
	padding:0.2em 0.5em;
	vertical-align:middle;
}

.kodawari_digest dd p {
	margin-top:0.5em;
	margin-bottom:0;
}

body.body_pc .kodawari_digest dl { margin-left:370px; }

body.body_sph .kodawari_digest {
	background-size:120% auto;
	-webkit-background-size:120% auto;
	-moz-background-size:120% auto;
	-o-background-size:120% auto;
	-ms-background-size:120% auto;
}

body.body_sph .kodawari_digest dl {
	background-color:rgba(255,255,255,0.65);
	margin:0.7em;
}

body.body_sph .kodawari_digest dt { width:6em; }

body.body_sph .kodawari_digest dt,
body.body_sph .kodawari_digest dd { padding:0.5em; }

body.body_pc .mark { margin-right:0.5em; }

body.body_sph .mark {
	width:30%;
	height:auto;
}

/*-----------------------------------------
こだわり共通
-----------------------------------------*/
.kodawari_copy {
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:1em;
	border-top:0.1em dotted #002067;
	margin-top:2em;
}

body.body_sph .kodawari_copy {
	background-position:right 1.2em;
	background-size:95% auto;
	-webkit-background-size:95% auto;
	-moz-background-size:95% auto;
	-o-background-size:95% auto;
	-ms-background-size:95% auto;
}

.kodawari_copy h3 { margin-bottom:1.5em; }

body.body_pc .kodawari_copy h3 { width:480px; }

body.body_sph .kodawari_copy h3 { margin-right:3em; }

body.body_pc .kodawari_copy p { width:530px; }

/*-----------------------------------------
こだわり1 味
-----------------------------------------*/
#flavor dt {
	padding:0;
	vertical-align:top;
}

body.body_pc #flavor dl { width:20%; }

body.body_sph #flavor dt { width:20%; }

/*-----------------------------------------
こだわり2 味
-----------------------------------------*/
#seibun dt {
	text-align:center;
	background-color:#FFC;
}

body.body_pc #seibun dl { width:20%; }

body.body_sph #seibun dt { width:10em; }

/*-----------------------------------------
こだわり3　カロリー表
-----------------------------------------*/
.kcal { margin:1em 0; }

/*clearfix*/
.kcal:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.kcal { min-height: 1px; }

* html .kcal { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.kcal li .justHeight {
	margin:0.5em;
	padding:0.5em;
	background-color:#FFC;
}

body.body_pc .kcal_box {
	width:50%;
	float:left;
}

.kcal h4 {
	margin-top:0;
	text-align:center;
}

.kcal table {
	width:100%;
	border:0.2em solid #ccc;
	border-collapse:separate;
	text-align:center;
	border-spacing:2px;
	background:#fff;
}

.kcal caption,
.kcal .caption { font-size:0.88em; }

.kcal th { background-color:#B4D5FE; }

.kcal .average td {
	font-weight:bold;
	font-size:1.1em;
	border-top:0.1em dotted #999;
}

/*-----------------------------------------
挿絵つきテキスト
-----------------------------------------*/
.float_box { }

/*clearfix*/
.float_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.float_box { min-height: 1px; }

* html .float_box { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

body.body_pc .float_box .float_left {
	width:450px;
	float:left;
}

body.body_pc .float_box .float_right { float:right; }

/*=========================================
ダイエットコース
=========================================*/
#navi_course {
	border-collapse:separate;
	margin:1em 0;
	border-spacing:0.3em;
	display:table;
	width:100%;
	table-layout:fixed;
}

#navi_course img { max-width:100%; }

#navi_course dl {
	position:relative;
	display:table-cell;
	text-align:center;
	border:0.15em solid #ccc;
	width:33%;
}

#navi_course dl:hover,
#navi_course dl.selected { background:#ffc; }

#navi_course dt,
#navi_course dd { padding:0.5em; }

#navi_course dt {
	color:#002067;
	font-weight:bold;
}

#navi_course dt strong { font-size:1.2em; }

#navi_course dd { background:url(../image/arrow.png) no-repeat right bottom; }

body.body_sph #navi_course dd {
	font-size:0.88em;
	text-align:left;
}

#navi_course a.responsive_link {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-9999em;
}

/*

body.body_sph #course .responsive_box dt {
	width:7em;
	text-align:center;
}*/

/*-----------------------------------------
コース導入
-----------------------------------------*/
.course_box { width:100%; }

.course_copy {
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:1.5em;
}

body.body_sph .course_copy {
	background-position:right top;
	background-size:70% auto;
	-webkit-background-size:70% auto;
	-moz-background-size:70 auto;
	-o-background-size:70% auto;
	-ms-background-size:70 auto;
}

body.body_pc table.week_menu,
body.body_pc .course_copy p { width:510px; }

body.body_sph table.week_menu {
	width:100%;
	table-layout:fixed;
}

table.week_menu th,
table.week_menu td { padding:0.2em 0.5em; }

table.week_menu th { color:#002067; }

table.week_menu td {
	vertical-align:middle;
	width:33%;
	text-align:center;
}

/*-----------------------------------------
まとめ買い
-----------------------------------------*/
.matomegai {
	border:0.2em double #B4D5FE;
	background:#ffc;
	padding:0.7em;
	margin-bottom:1em;
}

.matomegai h4 {
	margin-top:0!important;
	text-align:center;
	font-size:1.15em;
}

.matomegai li { position:relative; }

.matome_count {
	font-size:0.8em;
	line-height:1;
	color:#F6C;
	background-color:#fff;
	position:absolute;
	right:1.2em;
	bottom:0.7em;
	width:5.5em;
	text-align:center;
	border:1px solid #F6C;
	padding:0.15em;
}

.matomegai .btn,
.matomegai .copy { display:none; }

.matomegai .name {
	font-weight:normal;
	font-size:0.88em;
}

body.body_pc .matomegai li {
	width:50%;
	float:left;
}

/*body.body_sph .matomegai li { border-top:0.1em dotted #B4D5FE; }*/

.matomegai .goods_set {
	background-color:#fff;
	padding:0.7em;
}

.matomegai .goods_set { margin-bottom:0; }

/*body.body_sph .matomegai .goods_set { margin:0.7em 0; }*/

body.body_sph .matomegai .img_box { width:5.5em; /*float:left;*/ }

body.body_sph .matomegai .img_box img { height:auto; }

body.body_sph .matomegai .txt_box { margin-left:6em; }

/*body.body_sph .matomegai .txt_box {
	width:75%;
	float:right;
	text-align:left;
}*/

/*=========================================
坂口さんコーナー
=========================================*/
#sakaguchi { margin:1em 0; }

#sakaguchi h4 { text-align:center; }

.movie { text-align:center; }

@media screen and (max-width:650px) {
	 .BrightcoveExperience {
	width:300px;
	height:170px;
}
 }

/*=========================================
成功者
=========================================*/
/*clearfix*/
#success ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#success ul { min-height: 1px; }

* html #success ul { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.success_list li,
.success_navi li {
	float:left;
	margin-bottom:1em;
}

body.body_pc .success_navi li { width:25%; }

body.body_pc .success_list li { width:33%; }

body.body_sph .success_navi li,
body.body_sph .success_list li {
	width:50%;
	text-align:center;
}

body.body_sph #success li img { width:98%; }

/*=========================================
商品一覧
=========================================*/
#items .display_matrix dd {
	width:155px;
	float:left;
	text-align:center;
}

body.body_sph #items .display_matrix dd { width:50%; }

#items dt {
	font-size:1.2em;
	font-weight:bold;
	color:#002067;
	border-left:0.5em solid #ff0;
	margin-bottom:1em;
	padding:0.2em 0.5em;
	background:#b4d5fe;
}

#items .img_box img {
	padding:0.5em;
	border:0.2em solid #ccc;
}

#items .img_box img:hover { border-color:#e60012; }

body.body_sph #items dt{background-image:url(../image/arrow.png);background-repeat: no-repeat;background-position:right bottom;
	background-size:auto 1.5em;
	-webkit-background-size:auto 1.5em;
	-moz-background-size:auto 1.5em;
	-o-background-size:auto 1.5em;
	-ms-background-size:auto 1.5em;
	font-size:1.1em;
	padding:0.5em;}

#top .display_matrix .copy,
#top .display_exact2 .copy { display:none; }

.campaign_items ul { border-bottom:0.1em solid #ccc; }

.campaign_items li { border-top:0.1em solid #ccc; }

body.body_pc .campaign_items li {
	width:50%;
	float:left;
}

.protein_item { border:0.15em solid #002067; }

/*=========================================
ダイエット相談室
=========================================*/
body.body_pc #soudan .inbox {
	background:url(/common/image/staff_isou.png) no-repeat right top;
	padding-right:340px;
}