@charset "UTF-8";

body
{
    padding:52px 0 0 0;
}

#wrapper
{
    margin-top: -52px;
    padding-top: 52px;
}

.pcnone
{
}
.spnone
{
    display: none !important;
}
input {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

/*------------------------------
上部ログイン情報
------------------------------*/

.login_top
{
    width: 100%;
    background-color: #7f3c1b;
}

.login_top ul.login_top_left
{
    font-size:0;
    width: 100%;
    border-bottom: #9a461c 1px solid;
}
.login_top ul.login_top_left li
{
    display:inline-block;
    vertical-align: top;
    text-align: left;
    font-size:10px;
    color:#ffffff;
    padding:10px 10px 10px 10px;
    line-height:1;
}
.login_top ul.login_top_left li:nth-child(2)
{
    background:url(../img/v4/login_iconline.png) left no-repeat;
    background-size: 1px 14px;
}

.login_top ul.login_top_right
{
    font-size:0;
    width: 100%;
}
.login_top ul.login_top_right li
{
    width: 25%;
    display:inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login_top ul.login_top_right li:nth-child(1)
{
}
.login_top ul.login_top_right li:nth-child(2)
{
    border-left: #9a461c 1px solid;
}
.login_top ul.login_top_right li:nth-child(3)
{
    border-left: #9a461c 1px solid;
}
.login_top ul.login_top_right li:nth-child(4)
{
    border-left: #9a461c 1px solid;
}
.login_top ul.login_top_right li:nth-child(5)
{
    display: none;
}
.login_top ul.login_top_right li a
{
    font-size:10px;
    color:#ffffff;
    display:block;
    margin: 0;
    padding:40px 0px 10px 0px;
    line-height:1;
    text-align: center;
}
.login_top ul.login_top_right li:nth-child(1) a
{
    background:url(../img/v4/sp/login_icon1.png) center 10px no-repeat;
    background-size: 24px;
}
.login_top ul.login_top_right li:nth-child(2) a
{
    background:url(../img/v4/sp/login_icon2.png) center 10px no-repeat;
    background-size: 24px;
}
.login_top ul.login_top_right li:nth-child(3) a
{
    background:url(../img/v4/sp/login_icon3.png) center 10px no-repeat;
    background-size: 24px;
}
.login_top ul.login_top_right li:nth-child(4) a
{
    background:url(../img/v4/sp/login_icon4.png) center 10px no-repeat;
    background-size: 24px;
}
.login_top ul.login_top_right li:nth-child(5) a
{
}
.login_top ul.login_top_right li a:hover
{
}

/*------------------------------
ヘッダー
------------------------------*/

header
{
    height:52px;
    border-bottom: #dfe4d7 1px solid;
    background-color: #f6f9f1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:10000;
}
header .inner1
{
    display: none;
}
header .inner1 h1
{
    display: none;

    float: left;
    font-size:12px;
    color:#000000;
    line-height:1;
    font-weight: normal;
    padding:15px 0px 0px 20px;
}

header .inner1 ul.inner1_right
{
    font-size:0;
    float: right;
}
header .inner1 ul.inner1_right li
{
    display:inline-block;
    vertical-align: middle;
}
header .inner1 ul.inner1_right li a
{
    font-size:12px;
    font-weight: bold;
    color:#7f3c1b;
    display:block;
    line-height:1;
    margin: 4px 20px 0px 0px;
}
header .inner1 ul.inner1_right li a img
{
    width: auto;
    height: 18px;
}
header .inner1 ul.inner1_right li:nth-child(1) a
{
    display: none;

    margin-right: 30px;
}
header .inner1 ul.inner1_right li a:hover
{
}

header .inner2
{
    width:100%;
    height:48px;						/* 52->48 yoko */
    margin:0 auto;
}
header .inner2 .header-logo1
{
    width: 200px;						/* 208.5->200 yoko */
    float: left;
    padding-top: 12px;
    padding-right: 5px;					/* 10->5 yoko */
    padding-left: 10px;
}
header .inner2 .header-logo1 img
{
    width: 100%;
    height: auto;
}
header .inner2 .header-logo2
{
    width: 50px;
    float: left;
    padding-top: 16px;
}
header .inner2 .header-logo2 img
{
    width: 90%;							/* 100->90 yoko */
    height: auto;
}
header .inner2 ul.inner2_right
{
    display: none;
    
    font-size:0;
    float: right;
    margin-top: 22px;
}
header .inner2 ul.inner2_right li
{
    display:inline-block;
    vertical-align: middle;
}
header .inner2 ul.inner2_right li:nth-child(1) input
{
    border: #ebebeb 1px solid;
    padding: 8px 10px 8px 10px;
    margin-right: 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
header .inner2 ul.inner2_right li a:hover
{
    opacity:0.8;
}

/*------------------------------
グローバルナビ
------------------------------*/

nav
{
    display:none;
    
    padding:0 0 0 0;
    position:relative;
    z-index:10;
}
nav ul
{
    width:1140px;
    margin:0 auto;
    font-size:0;
    background-color: #476a0d;
}
nav ul li
{
    text-align:center;
    display:inline-block;
    vertical-align: middle;
    width:25%;
}
nav ul li:nth-child(2)
{
    background:url(../img/v4/nav_line.png) left no-repeat;
}
nav ul li:nth-child(3)
{
    background:url(../img/v4/nav_line.png) left no-repeat;
}
nav ul li:nth-child(4)
{
    background:url(../img/v4/nav_line.png) left no-repeat;
}
nav ul li a
{
    display:block;
    margin: 0;
    padding:22px 0px 22px 0px;
    line-height:1;
}
nav ul li:nth-child(4) a
{
    padding:23px 0px 23px 0px;
}
nav ul li a:hover
{
    background-color: #6c883d;
}

/*------------------------------
ページトップ
------------------------------*/

.pagetop
{
    display:none !important;
}

/*------------------------------
フッター
------------------------------*/

footer
{
    background-color:#ffffff;
}

#banner5
{
    margin: 0px 0px 0px 0px;
    text-align: center;
}
#banner5 img
{
    width: 100%;
    height: auto;
}
#banner5 img:hover
{
}

.menseki
{
    margin: 20px 12px 20px 12px;
    border-bottom: #dfe4d7 1px solid;
}
.menseki h2
{
    font-size:13px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#000000;
    padding:0px 0px 5px 0px;
    line-height:1.8;
    text-align: left;
}
.menseki p
{
    font-size:11px;
    letter-spacing: 1px;
    color:#000000;
    padding:0px 0px 15px 0px;
    line-height:1.8;
    text-align: left;
}

.footer-box
{
}

.footer-box .inner
{
    margin: 20px 12px 10px 12px;
}

.footer-box .inner .footer-logo
{
    text-align: center;
}
.footer-box .inner .footer-logo img
{
    width: 145px;
    height: auto;
}

.footer-box .inner .footer-menu1
{
    border-bottom: #dfe4d7 1px solid;
    margin-top: 15px;
}
.footer-box .inner .footer-menu1 ul
{
    font-size:0;
}
.footer-box .inner .footer-menu1 ul li
{
    display: inline-block;
    font-size:11px;
    color:#7f3c1b;
    line-height:1.6;
    letter-spacing: 1px;
    text-align: left;
    margin: 0 20px 10px 0px;
    padding-left: 12px;
    background: url(../img/v4/sp/mark.png) left center no-repeat;
    background-size: 6px;
}
.footer-box .inner .footer-menu1 ul li a
{
    color:#7f3c1b;
}
.footer-box .inner .footer-menu1 ul li a:hover
{
    color:#7f3c1b;
    text-decoration:underline;
}

.footer-box .inner .footer-menu2
{
    border-bottom: #dfe4d7 1px solid;
    margin-top: 15px;
}
.footer-box .inner .footer-menu2 ul
{
    font-size:0;
}
.footer-box .inner .footer-menu2 ul li
{
    display: inline-block;
    font-size:11px;
    color:#7f3c1b;
    line-height:1.6;
    letter-spacing: 1px;
    text-align: left;
    margin: 0 20px 10px 0px;
    padding-left: 12px;
    background: url(../img/v4/sp/mark.png) left center no-repeat;
    background-size: 6px;
}
.footer-box .inner .footer-menu2 ul li a
{
    color:#7f3c1b;
}
.footer-box .inner .footer-menu2 ul li a:hover
{
    color:#7f3c1b;
    text-decoration:underline;
}

.footer-box .inner .footer-menu3
{
    margin-top: 15px;
}
.footer-box .inner .footer-menu3 ul
{
    font-size:0;
}
.footer-box .inner .footer-menu3 ul li
{
    display: inline-block;
    font-size:11px;
    color:#7f3c1b;
    line-height:1.6;
    letter-spacing: 1px;
    text-align: left;
    margin: 0 20px 10px 0px;
    padding-left: 12px;
    background: url(../img/v4/sp/mark.png) left center no-repeat;
    background-size: 6px;
}
.footer-box .inner .footer-menu3 ul li a
{
    color:#7f3c1b;
}
.footer-box .inner .footer-menu3 ul li a:hover
{
    color:#7f3c1b;
    text-decoration:underline;
}

.footer-box .inner .footer-sns
{
}
.footer-box .inner .footer-sns ul
{
    font-size:0;
}
.footer-box .inner .footer-sns ul li
{
    display: inline-block;
    font-size:12px;
    color:#7f3c1b;
    line-height:1.6;
    text-align: left;
    margin: 0 30px 20px 0;
}
.footer-box .inner .footer-sns ul li:nth-child(1)
{
    display: block;
    font-size:12px;
    color:#7f3c1b;
    font-weight: bold;
    line-height:1.6;
    text-align: left;
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: #dfe4d7 1px solid;
}
.footer-box .inner .footer-sns ul li img
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 24px;
    height: auto;
}
.footer-box .inner .footer-sns ul li a
{
    color:#7f3c1b;
}
.footer-box .inner .footer-sns ul li a:hover
{
    color:#7f3c1b;
    text-decoration:underline;
}

.copyright
{
    border-top: #dfe4d7 1px solid;
    text-align:center;
    font-size:10px;
    color:#000000;
    padding:15px 0 15px 0;
}

.sp_footer
{
}
.sp_footer img
{
    width: 100%;
    height: auto;
}

/*------------------------------
メインビジュアル
------------------------------*/

#main-visual
{
    margin-bottom: 10px;
}
#main-visual .inner
{
    position: relative;
    background: url(../img/v4/sp/mainvisual_bg.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 36.5%;
}
#main-visual .inner .btn
{
    display: none;
}
#main-visual img.pc
{
    display: none;
}
#main-visual img.sp
{
}
#main-visual img
{
    width:100%;
    height:auto;
}
#main-visual .inner .main-item {
    position: absolute;
    top: 0;
    right: 12%;
    width: 37.2%;
}
#main-visual .logo02 {
    position: absolute;
    top: 3%;
    left: 10%;
    width: 37.6%;
}
#main-visual .main-copy {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%,0);
    width: 88.3%;
}

/*------------------------------
コンテンツ
------------------------------*/

#content
{
}

#leftbox
{
}

#rightbox
{
}

/*------------------------------
トップ - お知らせ
------------------------------*/

#news
{
}

#news h2
{
    display: none;
    
    padding-top: 10px;
    padding-bottom: 20px;
    line-height:1;
    font-weight:normal;
    text-align:left;
}
#news h2 span
{
    float: right;
}
#news h2 span a:hover
{
    opacity:0.8;
}

.news-list
{
    width:100%;
    background-color: #ffffff;
}
.news-list ul
{
}
.news-list ul li
{
    padding:15px 20px 15px 20px;
    line-height:1.6;
    font-size:13px;
}
.news-list ul li span
{
}
.news-list ul li span.date
{
    display: block;
    color:#000000;
}
.news-list ul li span.text
{
    display: block;
    color:#7f3c1b;
}
.news-list ul li span.text a
{
    color:#7f3c1b;
}
.news-list ul li span.text a:hover
{
    color:#7f3c1b;
    text-decoration:underline;
}

/*------------------------------
トップ - カロリー計算をする
------------------------------*/

#calorie
{
    margin: 10px 12px 0px 12px;
}

#calorie h2
{
    padding-bottom: 5px;
    line-height:1;
    text-align:left;
}
#calorie h2 img
{
    width: 100%;
    height: auto;
}
#calorie h2 a {
    display: block;
    background: #ffaf23 url(../img/v4/arrow01.png) 18px center no-repeat;
    -moz-box-shadow:0px 1px 0px 0px #ffdd23 inset;
    -webkit-box-shadow:0px 1px 0px 0px #ffdd23 inset;
    box-shadow:0px 1px 0px 0px #ffdd23 inset;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eb9d13;
    height: 54px;
    font-size: 20px;
    line-height: 54px;
    color: #fff;
    text-align: center;
}
#calorie h2 a:hover
{
}

#calorie ul
{
    display: none;
    
    font-size:0;
}
#calorie ul li
{
    display:inline-block;
    vertical-align: top;
    width: 128px;
    margin: 0 8px 15px 0;
    position: relative;
}
#calorie ul li:nth-child(6n)
{
    margin: 0 0px 15px 0;
}
#calorie ul li .mark
{
    position: absolute;
    top: 112px;
    right: 0;
}
#calorie ul li p
{
    font-size:13px;
    letter-spacing: 1px;
    color:#7f3c1b;
    padding:10px 0px 0px 0px;
    line-height:1.6;
    text-align: center;
}
#calorie ul li a:hover
{
    opacity:0.8;
}

/*------------------------------
トップ - グラムのわかる写真館
------------------------------*/

#photo
{
    margin: 0px 12px 0px 12px;
}

#photo h2
{
    padding-bottom: 10px;
    line-height:1;
    text-align:left;
}
#photo h2 img
{
    width: 100%;
    height: auto;
}
#photo h2 a {
    display: block;
    background: #ffaf23 url(../img/v4/arrow01.png) 18px center no-repeat;
    -moz-box-shadow:0px 1px 0px 0px #ffdd23 inset;
    -webkit-box-shadow:0px 1px 0px 0px #ffdd23 inset;
    box-shadow:0px 1px 0px 0px #ffdd23 inset;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eb9d13;
    height: 54px;
    font-size: 20px;
    line-height: 54px;
    color: #fff;
    text-align: center;
}
#photo h2 a:hover
{
}
#photo h2 a .s {
    display: none;
}

#photo ul
{
    display: none;
    
    font-size:0;
}
#photo ul li
{
    display:inline-block;
    vertical-align: top;
    width: 128px;
    margin: 0 8px 15px 0;
}
#photo ul li:nth-child(1)
{
    width: 60px;
    margin: 0 8px 15px 0;
}
#photo ul li:nth-child(7)
{
    width: 60px;
    margin: 0 0px 15px 0;
}
#photo ul li p
{
    font-size:13px;
    letter-spacing: 1px;
    color:#7f3c1b;
    padding:10px 0px 0px 0px;
    line-height:1.6;
    text-align: center;
}
#photo ul li a:hover
{
    opacity:0.8;
}

/*------------------------------
トップ - スマホ検索
------------------------------*/

/**	yoko **/
.engine_left input[type="text"]{
	height:24px;
	border: 1px solid #955619;
	border-radius: 0;
	vertical-align:middle;
	background:transparent;
/*	margin: 10;
	padding: 4;*/
    margin-left: 12px;
	display:block;
	float:left;
	line-height:1;
	font-size:15px;
}

.engine_left input[type="submit"]{
	height:24px;
	width:24px;
	border: none;
	border-radius: 0;
	background:transparent url('../img/mobile/bt_search_sm.png') no-repeat;
	margin: 0 2px;
	padding: 0;
	display:block;
	float:left;
}

/***									yoko
ul.sp_kensaku
{
    font-size:0;
    margin-left: 12px;
    margin-right: 12px;
    white-space: nowrap;
}
ul.sp_kensaku li
{
    display:inline-block;
    vertical-align: middle;
}
ul.sp_kensaku li:nth-child(1)
{
    width: calc(100% - 67px);
}
ul.sp_kensaku li:nth-child(2)
{
    margin-left: 5px;
}
ul.sp_kensaku li:nth-child(1) input
{
    width: 100%;
    display: inline-block;
    /*height: 35px;*//*
    border: #ebebeb 1px solid;
    padding: 8px 10px 8px 10px;
    margin-right: 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.sp_kensaku li:nth-child(2) img
{
    width: 57px;
    height: auto;
}
ul.sp_kensaku li a:hover
{
}
ul.sp_kensaku .sp_btn_search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    font-size: 0;
    display: block;
    width: 57px;
    height: 36px;
    background: url(../img/v4/sp/btn_kensaku.png) 0 0 no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
***/

/*------------------------------
トップ - ダイエットとお菓子
------------------------------*/

#diet
{
    display: none;
    
    margin-top: 0px;
}

#diet h2
{
    line-height:1;
    font-weight:normal;
    text-align:left;
}
#diet h2 a:hover
{
    opacity:0.8;
}

/*------------------------------
トップ - 栄養素について
------------------------------*/

#eiyouso
{
    margin: 0px 12px 0px 12px;
}
#eiyouso h2
{
    margin-top: 25px;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 3px solid #ffaf23;
    line-height:1.2;
    text-align:left;
    font-size: 16px;
}
#eiyouso h2 img
{
    width: 120px;
    height: auto;
}
#eiyouso h2 a:hover
{
}

#eiyouso ul
{
    font-size:0;
}
#eiyouso ul li
{
    display:block;
    vertical-align: top;
    margin: 0 0px 0px 0;
}
#eiyouso ul li img
{
    width: 100%;
    height: auto;
}
#eiyouso ul li:nth-child(2)
{
    margin-top: -1px;
}

#eiyouso ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    padding-left: 60px;
    border: 1px solid #dfe4d7;
    background-color: #fff;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    -webkit-background-size: 50px;
    background-size: 50px;
    line-height: 58px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#eiyouso ul li:first-child a {
    background-image: url(../img/v4/pict_eiyouso.png);
}
#eiyouso ul li:last-child a {
    background-image: url(../img/v4/pict_eiyouso02.png);
}
#eiyouso ul li a:after {
    content: url(../img/v4/calorie_mark.png);
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
}
#eiyouso ul li a:hover
{
}

/*------------------------------
トップ - スマホ（消費カロリー計算、BMI計算、アルコール摂取量計算）
------------------------------*/

ul.sp_rightbox1
{
    margin: 10px 12px 10px 12px;
}
ul.sp_rightbox1 li
{
    display:block;
    vertical-align: top;
    border: #dfe4d7 1px solid;
}
ul.sp_rightbox1 li a {
    display: table;
    width: 100%;
    background: #fff url(../img/v4/arrow03.png) right 3.5% center no-repeat;
}
ul.sp_rightbox1 li a .pict {
    display: table-cell;
    width: 11.3%;
    vertical-align: middle;
}
ul.sp_rightbox1 li a .pict img {
    width: 100%;
}
ul.sp_rightbox1 li a .txt {
    display: table-cell;
    vertical-align: middle;
    color: #7f3c1b;
    font-size: 13px;
    font-weight: bold;
}

ul.sp_rightbox1 li.sp_side_bmi
{
    border-top: none;
}

ul.sp_rightbox1 li.sp_side_alcohol
{
    border-top: none;
}

/*------------------------------
トップ - バナー1
------------------------------*/

#banner1
{
    margin-top: 20px;
}

#banner1 ul
{
    font-size:0;
    text-align: center;
}
#banner1 ul li
{
    display:inline-block;
    vertical-align: top;
}
#banner1 ul li img
{
    width: 300px;
    height: auto;
}
#banner1 ul li:nth-child(2)
{
    display: none;
}
#banner1 ul li a:hover
{
}

/*------------------------------
トップ - 栄養計算コラム
------------------------------*/

#column
{
    margin-top: 10px;
}

#column h2
{
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 12px;
    padding-left: 10px;
    border-left: 3px solid #ffaf23;
    line-height:1.2;
    text-align:left;
    font-size: 16px;
}
#column h2 img
{
    width: 120px;
    height: auto;
}
#column h2 span
{
    display: none;
    
    float: right;
}
#column h2 span a:hover
{
}

#column h3
{
    margin-bottom: 15px;
    line-height:1;
    font-weight:normal;
    text-align:left;
    display: block;
}
#column h3 span.tab1
{
    width: 20%;
    border-left:#7f3c1b 1px solid;
    border-top:#7f3c1b 1px solid;
    border-right:#7f3c1b 1px solid;
    display: inline-block;
    font-size:12px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#7f3c1b;
    padding: 10px 0% 10px 0%;
    text-align: center;
}
#column h3 span.tab2
{
    width: 20%;
    border-bottom:#7f3c1b 1px solid;
    display: inline-block;
    font-size:12px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#996349;
    padding: 10px 0% 10px 0%;
    text-align: center;
    opacity:0.8;
}
#column h3 span.tab3
{
    width: 20%;
    border-bottom:#7f3c1b 1px solid;
    display: inline-block;
    font-size:12px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#996349;
    padding: 10px 0% 10px 0%;
    text-align: center;
}
#column h3 span.tab4
{
    width: 39.3%;
    border-bottom:#7f3c1b 1px solid;
    display: inline-block;
    font-size:12px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#7f3c1b;
    padding: 10px 0% 10px 0%;
    text-align: center;
}

ul.columnul
{
    font-size:0;
    padding-top: 10px;
}
ul.columnul li
{
    display:inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #ffffff;
}
ul.columnul li:nth-child(2n)
{
    background-color: #f6f9f1;
}
ul.columnul li a
{
    display: table;
    width: 100%;
}
ul.columnul li a:hover
{
}
ul.columnul li .img
{
    display: table-cell;
    width: 20%;
    vertical-align: middle;
}
ul.columnul li .txt
{
    display: table-cell;
    width: 80%;
    padding: 10px;
    vertical-align: middle;
}
ul.columnul li .img img
{
    width: 100%;
}
ul.columnul li h4
{
    font-size:14px;
    font-weight: bold;
    letter-spacing: 1px;
    color:#7f3c1b;
    line-height:1.6;
    text-align: left;
}
ul.columnul li p
{
    display: none;
    
    font-size:12px;
    letter-spacing: 1px;
    color:#000000;
    padding:8px 20px 0px 0px;
    line-height:2.0;
    text-align: left;
}


label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #ba9a86;
  cursor: pointer;
  background-color: #f6f9f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
label.panel-label:hover {
  color: #7f3c1b;
}

#panels {
  background-color: white;
}
#panels .container {
    position: relative;
  margin: 0 auto;
  width: 100%;
    overflow-y: scroll;
}
#panels .container > section {
}
#panels section main {
  box-sizing: border-box;
  overflow-y: hidden;
}
#tabs-list li a {
    display: block;
    padding: 7px 0;
}
#tabs-list li.active a {
    border:#7f3c1b 1px solid;
    border-bottom: 1px solid #F6F9F1;
}
ul#tabs-list {
  list-style: none;
  border-bottom: 1px solid #7f3c1b;
  margin: 0;
  padding: 0;
}
ul#tabs-list li {
    display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: 20%;
  border-right:none;
  position: relative;
    bottom: -1px;
    z-index: 1;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
}
ul#tabs-list li:hover.last {
}
ul#tabs-list li:hover + li {
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding: 7px 0;
  font-size: 0.875em;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 7px;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}

main {
    width: 100%;
    margin: 0px auto 0px auto;
    background-color: #f6f9f1;
}
.panel-radios {
  display: none;
}

/*------------------------------
トップ - 右サイド
------------------------------*/

#rightbox ul.rightbox
{
    font-size:0;
    margin-top: 10px;
}
#rightbox ul.rightbox li
{
    display:block;
    vertical-align: top;
}
#rightbox ul.rightbox li a:hover
{
    opacity:0.8;
}

#rightbox ul.rightbox li.banner3
{
    display: none;
}


#rightbox ul.rightbox li.side_kaiin
{
    display: none;
}

#rightbox ul.rightbox li.side_kaiin_login
{
    display: none;
}


#rightbox ul.rightbox li.side_calorie
{
    display: none;
    
    border: #dfe4d7 1px solid;
    background-color: #ffffff;
}
#rightbox ul.rightbox li.side_calorie a
{
    vertical-align: middle;
    display: block;
}
#rightbox ul.rightbox li.side_calorie a img
{
    padding: 11px 0 11px 18px;
}

#rightbox ul.rightbox li.side_bmi
{
    display: none;
    
    border-left: #dfe4d7 1px solid;
    border-right: #dfe4d7 1px solid;
    border-bottom: #dfe4d7 1px solid;
    background-color: #ffffff;
}
#rightbox ul.rightbox li.side_bmi a
{
    vertical-align: middle;
    display: block;
}
#rightbox ul.rightbox li.side_bmi a img
{
    padding: 11px 0 11px 18px;
}

#rightbox ul.rightbox li.side_alcohol
{
    display: none;
    
    border-left: #dfe4d7 1px solid;
    border-right: #dfe4d7 1px solid;
    border-bottom: #dfe4d7 1px solid;
    background-color: #ffffff;
}
#rightbox ul.rightbox li.side_alcohol a
{
    vertical-align: middle;
    display: block;
}
#rightbox ul.rightbox li.side_alcohol a img
{
    padding: 13px 0 13px 18px;
}

#rightbox ul.rightbox li.questionnaire01
{
    width: calc(50% - 18px - .2em);
    margin: 12px 12px 12px 12px;
    display: inline-block;
    font-size: 2.5vw;
}
#rightbox ul.rightbox li.questionnaire01 a {
    position: relative;
    display: block;
    padding-top: 33%;
    background: url(../img/v4/sp/btn_questionnaire01.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#rightbox ul.rightbox li.questionnaire01 a .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    font-weight: bold;
}
#rightbox ul.rightbox li.questionnaire01 img
{
    width: 169.5px;
    height: auto;
}
#rightbox ul.rightbox li.questionnaire02
{
    width: calc(50% - 18px - .2em);
    margin: 12px 0px 12px 0px;
    display: inline-block;
    background: url(../img/v4/sp/btn_questionnaire02.png) 0 0 no-repeat;
    font-size: 2.5vw;
}
#rightbox ul.rightbox li.questionnaire02 a {
    position: relative;
    display: block;
    padding-top: 33%;
    background: url(../img/v4/sp/btn_questionnaire02.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#rightbox ul.rightbox li.questionnaire02 a .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    font-weight: bold;
}
#rightbox ul.rightbox li.questionnaire02 img
{
    width: 169.5px;
    height: auto;
}

#rightbox ul.rightbox li.banner4
{
    display: none;
    margin: 0px 0px 16px 0px;
}

#rightbox ul.rightbox li.side_youtube_pc
{
    display: none;
}

#rightbox ul.rightbox li.side_youtube
{
    margin: 0px 12px 10px 12px;
}
#rightbox ul.rightbox li.side_youtube img
{
    width: 100%;
    height: auto;
}

#rightbox ul.rightbox li.side_facebook
{
    margin: 0px 12px 5px 12px;
}
#rightbox ul.rightbox li.side_facebook img
{
    width: 100%;
    height: auto;
}
#rightbox ul.rightbox li.side_twitter
{
    margin: 0px 12px 5px 12px;
}
#rightbox ul.rightbox li.side_twitter img
{
    width: 100%;
    height: auto;
}
#rightbox ul.rightbox li.side_instagram
{
    margin: 0px 12px 10px 12px;
}
#rightbox ul.rightbox li.side_instagram img
{
    width: 100%;
    height: auto;
}

#rightbox ul.rightbox li.side_tweets
{
    margin: 0px 12px 0px 12px;
    text-align: center;
    height: 300px;
}
#rightbox ul.rightbox li.side_tweets a
{
    width: 300px;
}

#rightbox ul.rightbox li.sp_banner3
{
    margin: 15px 12px 15px 12px;
    text-align: center;
}
#rightbox ul.rightbox li.sp_banner3 img
{
    width: 300px;
    height: auto;
}


/*------------------------------
スマホメニュー
------------------------------*/

.sp-header-menu
{
    float:right;
    padding:18px 10px 0 8px;			/* left 10->8 yoko */
    height: 36px;
    border-left: #dfe4d7 1px solid;
}
.sp-header-menu ul
{
    font-size:0;
    margin-top: 0px;
}
.sp-header-menu ul li
{
    display:inline-block;
    margin:0 0px 0 0;
}
.sp-header-menu ul li img
{
    width:60px;							/* 63->60 yoko */
    height:15px;
}


/*slidemenu*/
.slidemenu {
    background: #f6f9f1 url(../img/v4/sp/slide-left.png) repeat-y;
    background-size: 8px;
}

/*plugin*/
#wrapper {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 280px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}


.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin
{
    background: #ffffff url(../img/v4/sp/slide-left.png) repeat-y;
    padding-bottom: 10px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin h2
{
    text-align: center;
    background-color: #dde7ce;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 12px 12px 0 12px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin h2 img
{
}

.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin1
{
    font-size:0;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin1 li
{
    display:block;
    vertical-align: top;
    text-align: left;
    font-size:12px;
    color:#000000;
    margin-left: 12px;
    margin-right: 12px;
    padding:5px 0px 5px 0px;
    line-height:1.6;
    border-bottom: #dfe4d7 1px solid;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin1 li:nth-child(2)
{
    font-size:11px;
    color:#000000;
    margin-left: 12px;
    margin-right: 12px;
    padding:5px 0px 5px 0px;
    border-bottom: none;
}

.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2
{
    font-size:0;
    text-align: center;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li
{
    vertical-align: top;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(1)
{
    display: inline-block;
    margin:0px 6px 6px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(1) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(2)
{
    display: inline-block;
    margin:0px 0px 6px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(2) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(3)
{
    display: inline-block;
    margin:0px 6px 10px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(3) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(4)
{
    display: inline-block;
    margin:0px 0px 10px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(4) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(5)
{
    display: block;
    margin:0px 0px 10px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(5) img
{
    width: 253.5px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(6)
{
    display: block;
    margin:0px 12px 0px 0px;
    text-align: right;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin ul.slidemenu_kaiin2 li:nth-child(6) img
{
    width: 136px;
    height: auto;
}


.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login
{
    background: #ffffff url(../img/v4/sp/slide-left.png) repeat-y;
    padding-bottom: 10px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login h2
{
    text-align: center;
    background-color: #dde7ce;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 12px 12px 8px 12px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login h2 img
{
}

.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1
{
    font-size:0;
    text-align: center;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li
{
    vertical-align: top;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(1)
{
    display: inline-block;
    margin:0px 6px 8px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(1) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(2)
{
    display: inline-block;
    margin:0px 0px 8px 0px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(2) img
{
    width: 123px;
    height: auto;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(3)
{
    margin:0px 0px 8px 0px;
    color: #f94a63;
    font-size: 12px;
    font-weight: bold;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(4)
{
    display: block;
    margin:0px 12px 0px 0px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(4) a {
    display: inline-block;
    padding-right: 25px;
    background: url(../img/v4/arrow04.png) right center no-repeat;
    color: #000;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_kaiin_login ul.slidemenu_kaiin1 li:nth-child(4) img
{
    width: 136px;
    height: auto;
}


.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn1
{
    border-bottom: #dfe4d7 1px solid;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn1 a
{
    display: block;
    padding: 12px 0 10px 15px;
    color:#7f3c1b;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    background: url(../img/v4/sp/mark.png) 262px center no-repeat;
    background-size: 6px;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn2
{
    padding: 6px 0 2px 15px;
    font-size: 11px;
    font-weight: bold;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn2 img
{
    width: 18px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn3
{
    padding: 2px 0 6px 15px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: #dfe4d7 1px solid;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn3 img
{
    width: 18px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn4
{
}
.slidemenu .slidemenu-body .slidemenu-content li.slidemenu_sidebtn4 a
{
    display: block;
    padding: 10px 0 8px 15px;
    color:#7f3c1b;
    font-size: 11px;
    text-align: left;
}


.slidemenu-right {
    right: 0;
}