@charset "utf-8";
/*
Theme Name: bento
Theme URI: 
Description: Sandboxをもとにしたカスタムテーマ
Version: 100.1
Author: Iwasaki
Author URI: 
Tags: orange, custom header, fixed width, two columns, widgets
Text Domain: medaka
Template: sandbox
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('2c-r.css');

/* ---------------------------------------------------------------------- */
/* タグの基本設定 */
/* ---------------------------------------------------------------------- */
*	{
margin:0;
padding:0;
}
li	{list-style:none;}
address	{font-style:normal;}
body	{
text-align:center;
font-size:medium;
line-height:1.6;
color:#333333;
background-color:#ffffff;
/* font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; */
}
img {
	height: auto;
	max-height: auto;
}

h2	{
font-size:large;
margin-top:0;
margin-bottom:20px;
font-weight:bold;
}
h3	{
font-size:medium;
margin-top:0;
margin-bottom:10px;
font-weight:normal;
}
h4, h5	{
font-size:small;
margin-top:0;
margin-bottom:10px;
font-weight:normal;
}
p	{
margin:5px;
}
a:link { color: #663300; }
a:visited { color: #663300; }
a:hover { color: #D1172A; }
a:active { color: #663300; }

a img	{
border:none;
}
div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* ---------------------------------------------------------------------- */
/* ヘッダー */
/* ---------------------------------------------------------------------- */
#header	{
position:relative;
background-image:url("../../uploads/medaka-logo_03.gif");
background-position:right top;
background-repeat:no-repeat;
}
#blog-title a	{
display: block;
background-image:url("../../uploads/medaka-logo_01.gif");
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
width:250px;
height:140px;
}
#blog-description	{
position:absolute;
top:0;
right:162px;
background-image:url("../../uploads/medaka-logo_02.gif");
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
width:438px;
height:140px;
}
/* ---------------------------------------------------------------------- */
/* メニューバー */
/* ---------------------------------------------------------------------- */
div#menu {
height:44px;
margin:0;
width:100%;
}

div#menu ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
background-image:url("../../uploads/medaka-menu.gif");
background-repeat:no-repeat;
text-indent:-9999px;
height:44px;
}
div#menu ul .page-item-4 a	{
width:88px;
background-position:left top;
}
div#menu ul .page-item-9 a	{
width:201px;
background-position:-88px 0;
}
div#menu ul .page-item-26 a,
div#menu ul .page-item-3048 a{
width:170px;
background-position:-289px 0;
}
div#menu ul .page-item-30 a	{
width:130px;
background-position:-459px 0;
}
div#menu ul .page-item-32 a	{
width:129px;
background-position:-589px 0;
}
div#menu ul .page-item-35 a	{
width:132px;
background-position:-718px 0;
}

div#menu ul .page-item-4 a:hover	{
background-position:left -44px;
}
div#menu ul .page-item-9 a:hover	{
background-position:-88px -44px;
}
div#menu ul .page-item-26 a:hover,
div#menu ul .page-item-3048 a:hover{
background-position:-289px -44px;
}
div#menu ul .page-item-30 a:hover	{
background-position:-459px -44px;
}
div#menu ul .page-item-32 a:hover	{
background-position:-589px -44px;
}
div#menu ul .page-item-35 a:hover	{
background-position:-718px -44px;
}


/* ---------------------------------------------------------------------- */
/* コンテンツ領域 */
/* ---------------------------------------------------------------------- */
.entry-title,.entry-meta {
clear:both;
}
h2.page-title, h2.entry-title		{
background:url("../../uploads/lunch-m00.gif") no-repeat left bottom;
padding-left:52px;
padding-top:12px;
padding-bottom:18px;
margin-bottom:13px;
color:#D2172A;
font-size:18px;
font-weight:bold;
}
h3.entry-title		{
background-color: #E4F2C3;
font-size: 110%;
padding: 8px;
border-left:6px solid #768C45;
border-bottom:1px dashed #768C45;
}
div#container,div#primary {
margin-top:5px;
}
div#content	{
position:relative;
}

div.post		{
margin-bottom:21px;
}

div.entry-content	{
margin-bottom:21px;
}
div.entry-meta {
text-align:right;
}

/* サブタイトル01、コメントタイトル */
.bento-subtitle, div#comments-list h3, div#respond h3	{
border-left:6px solid #768C45;
border-bottom:1px dashed #768C45;
color:#768C45;
font-size:120%;
font-weight:bold;
margin:10px 0 13px 0;
padding:3px 25px 3px 10px;
background-image:url("../../uploads/medaka-i02.gif");
background-position:right center;
background-repeat:no-repeat;
display:inline-block;
}

/* コメント */
div.comment-author, div.comment-meta	{
display:inline;
padding-right:1em;
}
div.comment-author	{
font-size:110%;
}
form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
padding:0 0 1em;
margin:0 0 1.5em;
border-bottom:1px solid silver;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

/* 右･左･中央寄せ */
.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

/* 画像フレーム */
img.imgFrame	{
border:1px solid gray;
}
img.photoFrame	{
padding:4px;
border:1px solid gray;
}

/* div.gallery */
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

/* 前の記事･次の記事へのナビゲーション */
div#nav-above {
display:none;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

/* 改ページリンク */
div.page-link	{
	font-size: 140%;
	color: #d2172a;
}

/* ---------------------------------------------------------------------- */
/* サイドバー */
/* ---------------------------------------------------------------------- */
div.sidebar h3 {

}

div.sidebar li {
list-style:none;
margin:0 0 8px;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

/* ウィジェット検索パーツ */
li#search .widgettitle	{
display:none;
}
li#search input#s	{
border:1px solid #D2172A;
width:60%;
}
li#search .button	{
background-color:#D2172A;
border:none;
color:white;
padding:2px 4px;
}

/* ウィジェットお弁当メニューカテゴリ */
#collapscat-3 .widgettitle	{
	background:url("../../uploads/medaka-submenu01-.gif") no-repeat left top;
	height:33px;
	margin-bottom:2px;
	text-indent:-9999px;
}
#collapscat-3 li	{
	list-style: none;
	padding: 12px 0 12px 0;
	border-bottom: 1px dashed #ef5704;
	font-size:110%;
}
#collapscat-3 li a	{
	background: url("../../uploads/category-icon.gif") no-repeat left center;
	padding: 12px 0 12px 40px;
}
#collapscat-3 li li	{
	font-size:90%;
	padding: 4px 0 4px 0;
}
#collapscat-3 li li a	{
	background: none;
	padding: 0;
}
#collapscat-3 span.sym	{
	margin-left: -10px;
	margin-right: 2px;
}

/* ウィジェットカテゴリーごとの最新投稿リスト */
#categoryposts-3 .widgettitle a, #categoryposts-4 .widgettitle a	{
text-indent:-9999px;
width:80%;
display:block;
height:20px;
}
.widget_categoryposts li	{
padding-bottom:1em;
background:url("../../uploads/medaka-newsline.gif") repeat-x left bottom;
}
/* news */
#categoryposts-3 .widgettitle	{
position:relative;
background:url("../../uploads/medaka-news.gif") no-repeat left top;
height:33px;
margin-bottom:2px;
}
/* information */
#categoryposts-4 {
background:url("../../uploads/medaka-submenuline.gif") repeat-x right bottom;
padding-bottom:10px;
}
#categoryposts-4 .widgettitle	{
position:relative;
background:url("../../uploads/medaka-info.gif") no-repeat left top;
height:20px;
}

/* ウィジェット　widget image */
li.widget_sp_image img	{
border:none;
}
li#widget_sp_image-3	{
margin-top:-0.5em;
}

/* ウィジェットめだか1号店スタッフブログ */
li#rss-2 ul	{
padding-bottom:8px;
border-bottom: 1px dashed silver;
}
li#rss-2 h3.widgettitle	{
background:url("../../uploads/medaka-submenu06.gif") repeat-x left top;
height:52px;
margin-bottom:2px;
position:relative;
}
li#rss-2 .widgettitle a	{
text-indent:-9999px;
width:90%;
display:block;
height:48px;
position: absolute;
left: 0;
top: 0;
}
li#rss-2 h3.widgettitle a.rsswidget img	{
position: absolute;
right: -12px;
top: 25px;
}

/* ウィジェット関連店舗リンクリスト */
#linkcat-38 h3.widgettitle	{
font-size:80%;
color: #663300;
font-weight:bold;
}
#linkcat-38 ul.blogroll, #linkcat-38 ul.blogroll li, #linkcat-38 ul.blogroll li a		{
margin:0;
padding:0;
border:none;
}

/* ウィジェットメールサービス */
li#text-5.widget		{
border:1px solid #D2172A;
margin-bottom:13px;
}
li#text-5.widget	 h3.widgettitle	{
background:url("../../uploads/medaka-mail-service.gif") repeat-x left top;
height:34px;
margin-bottom:2px;
text-indent:-9999px;
}

/* ウィジェット携帯サイト案内 */
li#text-12.widget		{
border:1px solid #D2172A;
margin-bottom:13px;
}
li#text-12.widget	 h3.widgettitle	{
background:url("../../uploads/medaka-keitai.gif") repeat-x left top;
height:34px;
margin-bottom:2px;
text-indent:-9999px;
}

/* ウィジェット店舗情報 */
li#text-14 h3.widgettitle	{
background:url("../../uploads/medaka-shopinfo.gif") no-repeat left top;
height:33px;
margin-bottom:2px;
text-indent:-9999px;
}
li#text-14 dt	{
border-left:4px solid #FF6600;
border-top:1px dashed #FF6600;
padding-left:6px;
margin-left:4px;
font-weight:bold;
}
li#text-14 dd	{
margin-left:18px;
margin-bottom:4px;
}
/* ---------------------------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------------------------- */
/* フッターのウィジェット TOPICS */
ul#medaka-tertiary	{
margin:21px 0 21px 0;
}
li#categoryposts-5 .widgettitle	{
border-bottom:1px dashed #D1172A;
color:#D1172A;
font-size:18px;
font-weight:bold;
margin:21px 0 13px 0;
padding:8px 0 8px 60px;
background:url("../../uploads/footerwidet-p02.gif") no-repeat left center;
}
li#categoryposts-5 .widgettitle a	{
color:#D1172A;
}
li#categoryposts-5 ul	{
background-color:#FFF9E9;
}
ul#medaka-tertiary ul li	{
list-style:disc;
margin-left:1em;
}

/* フッターウィジェットめだかの弁当豆知識 */
#categoryposts-7 {
background:url("../../uploads/medaka-submenuline.gif") repeat-x right bottom;
padding-bottom:10px;
margin-top:30px;
width:100%;
}
#categoryposts-7 .widgettitle	{
background:url("../../uploads/2012/03/mametisiki-title.gif") no-repeat left top;
height:64px;
margin-bottom:0;
text-indent:-9999px;
width:100%;
}
#categoryposts-7 .widgettitle a	{
text-indent:-9999px;
width:100%;
display:block;
height:64px;
}
#categoryposts-7 .cat-post-item	{
list-style: url(http://www.kenko-bento.com/wp-content/uploads/2012/03/hatena.gif);
}

/* フッター関連記事 */
div.yarpp-related {
margin: 80px 0 0 0;
}
div.yarpp-related h3 {
border:none !important;
border-bottom:1px dashed #D1172A !important;
display:block !important;
color:#D1172A !important;
font-size:18px !important;
font-weight:bold !important;
margin:0 !important;
padding:8px 0 8px 60px !important;
background:url("../../uploads/footerwidet-p02.gif") no-repeat left center !important;
}
div.yarpp-related-link-box ol	{
background-color:#FFF9E9;
}
div.yarpp-related-link-box ol li	{
list-style:decimal;
margin-left:1em;
margin-bottom:8px;
}
.yarpp-thumbnail > img {
height:auto !important;
}

/* フッター */
p.toPageTop	{
margin-top:44px;
width:580px;
text-align:right;
}
div#footer {
margin:0 0 10px 0;
padding:10px 0 10px 0;
border-top:1px solid #D1172A;
border-bottom:1px solid #D1172A;
text-align:right;
position:relative;
}
span#copyright	{
position:absolute;
left:0;
top:10px;
}

/* ---------------------------------------------------------------------- */
/* フォント */
/* ---------------------------------------------------------------------- */
.fontsize-130	{font-size:130%;}
.fontsize-120	{font-size:120%;}
.fontsize-110	{font-size:110%;}
.fontsize-100	{font-size:100%;}
.fontsize-90	{font-size:90%;}
.fontsize-80	{font-size:80%;}
.font-brown {color: #663300;}
.font-orange {color: #FF6600;}
.font-lightgreen {color: #669900;}
.font-red {color: #cc0000;}
/* ---------------------------------------------------------------------- */
/* マージン */
/* ---------------------------------------------------------------------- */
.mb8		{margin-bottom:8px;}
.mb13	{margin-bottom:13px;}
.mb21	{margin-bottom:21px;}
.mb34	{margin-bottom:34px;}
.mb55	{margin-bottom:55px;}
.ml8		{margin-left:8px;}
.ml13	{margin-left:13px;}
.ml21	{margin-left:21px;}
.ml34	{margin-left:34px;}
.ml55	{margin-left:55px;}

/* 全ページ共通スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* サイトマップページ用スタイル */
/* *********************************************************** */
/* Dagon Design Sitemap Generatorサイトマップ */
div.ddsg-wrapper h2	{
border-left:6px solid #768C45;
border-bottom:1px dashed #768C45;
color:#768C45;
font-size:120%;
font-weight:bold;
margin:10px 0 13px 0;
padding:3px 25px 3px 10px;
background-image:url("../../uploads/medaka-i02.gif");
background-position:right center;
background-repeat:no-repeat;
display:inline-block;
}
div.ddsg-wrapper ul {
margin-left:13px;
}
div.ddsg-wrapper li ul {
margin-bottom:13px;
}
div.ddsg-wrapper li strong	{
background-color:#669900;
color:#fff;
padding: 2px 8px;
margin: 4px 0;
}
div.ddsg-wrapper div p, div.ddsg-wrapper div p a	{
color:gray;
}
/* / サイトマップページ用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* 宅配エリアと宅配料ページ用スタイル */
/* *********************************************************** */
/* 宅配料金表 */
.entry-content table.delivery	{
	width: 100%;
	border: 1px solid #768c45;
}
.entry-content table.delivery td	{
	vertical-align: middle;
	text-align: center;
	border: 1px solid #768c45;
	padding: 5px;
}
.entry-content table.delivery td:first-child	{
	width: 40%;
}
.entry-content table.delivery td.midashi-top, .entry-content table.delivery td.midashi-left		{
	background-color: #e9e8d6;
	font-weight: bold;
	color: #D1172A;
}
.entry-content table.delivery td.midashi-top	{
	border-top: 2px solid #768c45;
}
.entry-content table.delivery td.midashi-left	{
}

/* 宅配料見積もりフォーム */
div.wpcf7 p	{
	margin: 10px 0 10px 0;
	padding: 6px 0 6px 12px;
	border: 1px solid #e9e8d6;
	border-left: 3px solid #768c45;
}
/* / 宅配エリアと宅配料ページ用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* お客様の声ページ用スタイル */
/* *********************************************************** */
body.page.pageid-340 .entry-content h3	{
background-color: #768c45;
color: #ffffff;
font-size: 110%;
font-weight: bold;
padding: 8px;
}
body.page.pageid-340 .entry-content p	{
margin-bottom:21px;
}
/* / お客様の声ページ用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* よくある質問ページ用スタイル */
/* *********************************************************** */
body.page.pageid-32 .question-qa-q, .question-qa-a {
	vertical-align:middle;
}
body.page.pageid-32 .question-qa-q {
	margin:70px 10px 0 0;
	padding:5px 10px 5px 30px;
	background:url("../../uploads/question-qa-q.gif") no-repeat top left;
	height:30px;
	color: #663300;
}
body.page.pageid-32 .question-qa-a	{
	margin:0 10px 0 10px;
	padding:5px 10px 5px 35px;
	background:url("../../uploads/question-qa-a.gif") no-repeat top left;
	border-bottom:2px solid silver;
}
/* / よくある質問ページ用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* 豆知識カテゴリのスタイル */
/* *********************************************************** */
body.category-mametishiki h2.page-title	{
	background:url("../../uploads/2012/03/mametisiki-title.gif") no-repeat left top;
	height:64px;
	text-indent:-9999px;
	padding-bottom:0;
}
body.category-mametishiki h3.entry-title	{
	border-left: none;
	border-bottom: 1px dashed #768C45;
	background: url("http://www.kenko-bento.com/wp-content/uploads/2012/03/hatena.gif") no-repeat 5px;
	padding-left: 25px;
}
body.category-mametishiki .entry-date	{
	display: none;
}

/* 豆知識の個別ページ用スタイル */
body.s-category-mametishiki .hentry .entry-meta {
	display: none;
}

/* *********************************************************** */
/* 投稿用スタイル */
/* *********************************************************** */
/* 記事タイトル */
body.single h2.entry-title	{
margin-bottom:0;
}

/* コンテンツエリアの見出しH3 */
body.single #content .entry-content h3	{
border-left:6px solid #768C45;
border-bottom:1px dashed #768C45;
color:#768C45;
font-size:120%;
font-weight:bold;
margin:10px 0 13px 0;
padding:3px 25px 3px 10px;
background-image:url("../../uploads/medaka-i02.gif");
background-position:right center;
background-repeat:no-repeat;
display:inline-block;
}
/* コンテンツエリアの見出しH4 */
body.single #content .entry-content h4	{
color:#D1172A;
font-size:110%;
border-bottom:1px dashed #D1172A;
padding:0 21px 3px 0;
display:inline-block;
}

body.single p	{
margin-bottom:13px;
}

/* Pタグの中の画像を左に寄せる */
body.single .entry-content p img.size-full	{
margin-left:-5px;
}
/* / 投稿用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* 弁当カテゴリの投稿用スタイル */
/* *********************************************************** */
body.single.s-category-lunch-menu .lunch-entry-fields	{
margin:8px auto;
}
body.single.s-category-lunch-menu .lunch-entry-fields .lunch-entry-price	{
display:inline;
color:#cc0000;
font-weight:bold;
font-size:110%;
}
body.single.s-category-lunch-menu .lunch-entry-fields .lunch-entry-oomori	{
display:inline;
}
body.single.s-category-lunch-menu .lunch-entry-fields .lunch-entry-kcal	{
display:inline;
color:#663300;
font-size:80%;
}
/* / 弁当カテゴリの投稿用スタイルここまで */
/* *********************************************************** */

/* *********************************************************** */
/* スマホ */
/* *********************************************************** */

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


div#wrapper {
    width: 100%;
    padding: 0;
}

#blog-description {position: static;background: none;text-indent: 0;width: 94%;height: auto;padding: 3%;text-align: center;}

#blog-title a {
    margin: 0 auto;
    background-position: right top;
    padding-left: 10%;
}

    #header {
        background-image: none;
    }

	div#access {
		overflow: hidden;
	}
	
	div#content h2 {
		overflow: hidden;
	}
	div#content h2 img {
		max-width: 200%;
	}
	
div#menu {
    height: auto;
}
	
div#menu ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#menu ul a {
    background: #ef5704;
    color: #fff;
	font-size: small;
    text-decoration: none;
    text-indent: 0;
    width: auto !important;
    height: auto;
    padding: 12px 8px;
    margin: 2px;
    border-radius: 8px;
}

div#menu ul li {
    border: 1px solid #ef5704;
    border-radius: 10px;
    margin: 2px 1%;
	float: none;
}


div#container {
    margin: 0;
    float: none;
}

div#content {
    margin: 0;
    padding: 3%;
}

div#content img {
    max-width: 100%;
    height: auto;
}

div.sidebar {
    float: none;
    width: 94%;
    margin: 3%;
}

li#rss-2 h3.widgettitle {
    background-repeat: no-repeat;
}

p.toPageTop {
    width: auto;
}

span#copyright {
    position: static;
}


/* for bento pages */
div.post .lunch-entry-image {
    margin-top: 0;
}


}

/* / スマホ */
/* *********************************************************** */