@charset "UTF-8";
/* @override 
	http://www.bar-rakuto.com/wp-content/themes/rakuto/style.css
*/
/*  
Theme Name: 楽都
Theme URI: http://www.bar-rakuto.com/
Description: 「ダイニングバー楽都」オリジナルテーマファイル
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/



/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
caption {width: 100%;}



/***** 共通のタグ *****/
body{font: 95%/155% -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; -webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,p{margin: 15px 0;padding: 0;}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: "Yu Gothic", YuGothic;
}

a{ outline:none;color: #666;text-decoration: underline;}
a:hover{color: #999;text-decoration: none;}
p{}
h1{font-size: 180%;line-height: 100%;}
h2{font-size: 160%;line-height: 100%;}
h3{font-size: 140%;line-height: 100%;}
h4{font-size: 105%;line-height: 100%;}
h5{font-size: 100%;line-height: 100%;}
h6{font-size: 75%;line-height: 100%;}
small{font-size: 80%;}
big{font-size: 130%;}
a.more-link {} 
ul{list-style-position: outside;padding: 0 0 0 25px;list-style-type: disc;line-height: 180%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;list-style-type: decimal;line-height: 140%;}
ul ul,ol ol,ul ol,ol ul{padding-left: 3%;}
blockquote {margin: 15px 0;background-color: #eee;border: 1px solid #ccc;clear: both;padding: 10px 10px 0;color: #333;font-size: 85%;}
blockquote p{margin: 0;padding: 0px 0px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: auto;border-style: none;height: 1px;background-color: #999;clear: both;}
.displaynon{display: none;}

.midashi01,
.linktitle{
padding:5px 0 5px 15px;
background:#F5F5F5;
border-top:none;
border-right:none;
border-left:#d02f2f 8px solid;
border-bottom:#666666 1px solid;
font-size: small;
font-weight: bold;
color:#333;clear: both;}

.midashi02{
padding:5px 0 5px 15px;
border-left:#d02f2f 8px solid;
border-bottom:#666666 1px solid;
font-size: small;
font-weight: bold;
color:#333;
}



/***** スペース領域 *****/
#body{text-align: center;}
#header{clear:both;margin: auto;width: 950px;text-align: left;background: url(img/logo.gif) no-repeat;}
#footer{clear:both;margin: auto;width: 950px;text-align: left;border-top: 1px solid #666;padding: 10px 0 20px;}
#topimage{margin: auto auto 20px;width: 950px;height: 303px;clear: both;background-image: url(img/topimage.jpg);}
#container{width: 950px;margin: auto;text-align: left;}
#main{text-align:left;overflow: hidden;width: 710px;float: right;padding: 20px 0 0;}
#sidebar{float: left;width: 220px;overflow: hidden;margin: 20px 0 10px;font-size: 100%;line-height: 100%;background-image: url(img/box-bg.gif);padding: 0;}
#wrap{clear:both;float: left;width: 100%;overflow: hidden;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding-bottom: 30px;}



/***** ヘッダー *****/
#header .header_ttl{float: left;width: auto;margin: 0;}
#header .header_ttl a{margin:0;padding: 0;float: left;width: 280px;height: 75px;text-indent: -9999px;}
#header .header_description{color: #333;font-weight: normal;font-style: normal;margin: 0;padding: 37px 0 0;font-size: 80%;float: right;line-height: 100%;width: 660px;text-align: right;}



/* ヘッダーナビ */
#header_navi {padding: 0;margin: auto;clear: both;height: 48px;}
#header_navi ul{list-style-type:none;white-space: nowrap;width: 100%;padding: 0;margin: 0;float: left;background: url(img/header_navi.gif) 0 -96px;font-size: 1px;line-height: 1px;}
#header_navi li{padding: 0;margin: 0;float: left;width: auto;}
#header_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;width: auto;}
#header_navi li ul li{padding: 0;}
#header_navi li a{float: left;width: 120px;height: 48px;background: url(img/header_navi.gif) 0 0;text-indent: -9999px;}
#header_navi .active.selected a{background: none;}
#header_navi .home a{background-position: 0 0;}
#header_navi .home a:hover{background-position: 0 -48px;}
#header_navi .concept a{background-position: -120px 0;}
#header_navi .concept a:hover{background-position: -120px -48px;}
#header_navi .menu a{background-position: -240px 0;}
#header_navi .menu a:hover{background-position: -240px -48px;}
#header_navi .access a{background-position: -360px 0;}
#header_navi .access a:hover{background-position: -360px -48px;}
#header_navi .coupon a{background-position: -480px 0;}
#header_navi .coupon a:hover{background-position: -480px -48px;}
#header_navi .blog a{background-position: -600px 0;}
#header_navi .blog a:hover{background-position: -600px -48px;}
#header_navi .column a{background-position: -720px 0;}
#header_navi .column a:hover{background-position: -720px -48px;}
#header_navi .contact a{width: 110px;height: 24px;background-image: none;}
#header_navi .contact a:hover{background: url(img/header_navi.gif) -840px -48px;}
#header_navi .link a{width: 110px;height: 24px;background-image: none;}
#header_navi .link a:hover{background: url(img/header_navi.gif) -840px -72px;}



/* トップページ */
#topimage #today {padding: 0 0 0 20px;color: #fff;width: 520px;float: left;overflow: hidden;margin-top: 46px;height: 70px;}
#topimage #today .today-date{font-size: 130%;line-height: 100%;float: left;font-weight: bold;color: #ff9500;margin-right: 5px;}
#topimage #today .today-date small{font-size: 60%;line-height: 100%;font-weight: normal;font-style: normal;}
#topimage #today .today-title{float: left;font-size: 90%;line-height: 100%;padding: 6px 0 0;margin-bottom: 7px;}
#topimage #today .today-body p{float: left;margin: 0;clear: both;font-size: 80%;line-height: 125%;padding: 0;width: 100%;}
#topimage #today .wp_social_bookmarking_light{display:none;}
#top-left {float: left;width: 510px;padding: 0 0 30px;}
#top-right{float: right;width: 420px;padding: 0 0 30px;}
#top-info{font-size: 100%;line-height: 100%;}
#top-info-ttl{height: 30px;font-size: 1px;line-height: 1px;text-indent: -9999px;background-image: url(img/topics.gif);}
#top-info-list {clear: both;list-style-type: none;margin: 0;padding: 6px 0 0;font-size: 80%;line-height: 160%;width: 100%;}
#top-info-list li{padding: 7px 0;border-bottom: 1px solid #ccc;}
#top-info-list li .date {color: #999;}
#top-info-list li .category a {background-color: #eda000;color: #fff;text-decoration: none;padding: 3px 10px;font-size: 80%;line-height: 100%;margin: 0 3px;}
#top-info-list li .category a:hover {color: #fff;}

#top-info-list li a{color: #444;text-decoration: none;}
#top-info-list li a:hover{color: #666;}
#top-about{color: #666;font-size: 100%;line-height: 100%;padding: 0;float: left;width: 420px;}
#top-about-ttl {font-size: 1px;line-height: 1px;text-indent: -9999px;height: 30px;background-image: url(img/about.gif);}
#top-about-body {font-size: 80%;line-height: 160%;padding: 0;}
#top-about-body p{margin: 10px 0;}

#top-osirase-ttl {font-size: 1px;line-height: 1px;text-indent: -9999px;height: 30px;background-image: url(img/oshirase.gif);}/* TOPお知らせ用に追加 後に画像変更 */

#top-tweet-ttl{height: 30px;font-size: 1px;line-height: 1px;text-indent: -9999px;background: url(img/StaffsTweet.gif) no-repeat;margin: 30px 0px 0px;}
#top-tweet{font-size: 80%;line-height: 140%;color: #666;margin: 30px 0px 0px}/* TOPtweet表示用に追加 サイドバーはプラグイン内cssにて定義 */


/* フッター */
#footer .copyright {text-indent: -9999px;background: url(img/copyright.gif) no-repeat center top;height: 20px;}



/* コンテンツ */
.pagename{font-size: 120%;font-weight: bold;padding: 0;clear: both;margin: 0;color: #fff;height: 140px;overflow: hidden;line-height: 120%;background: url(img/pagename.jpg) no-repeat left top;}
.pagename span{padding: 104px 0 0 10px;display: block;}
.pagename a{color: #fff;text-decoration: underline;}
.pagename a:hover{color: #fff;text-decoration: none;}
.content {clear: both;font-size: 90%;line-height: 160%;color: #333;padding: 20px 20px 40px;}
.title{font-size: 150%;line-height: 100%;font-weight: bold;border-bottom: 1px solid #999;padding: 0 0 10px;background: url(img/title.gif) no-repeat left bottom;color: #777;}
.title a{text-decoration: none;color: #777;}
.title a:hover{color: #eda000;}
.postmetadata {margin: 40px 0 0;color: #666;clear: both;border-top: 1px solid #999;padding: 1px 0 0;font-size: 80%;line-height: 100%;}
.postmetadata span.category a {background-color: #eda000;color: #fff;text-decoration: none;padding: 5px 15px;float: left;margin-left: 1px;}
.postmetadata span.category a:hover {background-color: #e8b900;color: #fff;}
.postmetadata span.tags a {background-color: #e6442f;color: #fff;text-decoration: none;padding: 5px 10px;float: left;margin-left: 1px;}
.postmetadata span.tags a:hover {background-color: #fb3509;color: #fff;}
.postmetadata .date {background-color: #777;color: #fff;padding: 5px 15px;float: left;}



/* サイドバー */
#sidebar .widget {padding: 10px 10px 30px;background: url(img/box-btm.gif) no-repeat left bottom;font-size: 80%;clear: both;}
#sidebar .module_title {margin: -10px -10px 0;padding: 9px 10px 17px;background: url(img/box-top.gif) no-repeat;}
#sidebar ul{margin: 0;padding: 0;color: #666;list-style-type: none;line-height: 160%;}
#sidebar ul li{padding: 0;margin: 0;}



/* ナビゲーション */
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #666;color: #fff;border-color: #666;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #666;border-color: #666;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #eda000;color: #fff;border-color: #eda000;}
.navigation div.alignright a {float: right;color: #fff;background-color: #999;padding: 4px 60px 4px 10px;font-size: 90%;line-height: 100%;width: auto;}
.navigation div.alignleft a {float: left;color: #fff;background-color: #999;padding: 4px 10px 4px 60px;font-size: 90%;line-height: 100%;width: auto;}
.navigation div.alignright a:hover {text-decoration: none;background-color: #777;}
.navigation div.alignleft a:hover {text-decoration: none;background-color: #777;}
.totop {text-align: right;padding: 20px 0;clear: both;}
.totop a{color: #999;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/* コンセプト */
.concept-page{float: left;width: 680px;padding: 0;background: url(img/concept-top.gif) no-repeat left top;}
.concept-btm{margin: 0;padding: 0 0 520px;background: url(img/concept-btm.jpg) no-repeat left bottom;clear: both;text-indent: -9999px;}
.concept-aoki{width: 300px;float: left;margin: 0;padding: 15px 15px 0;}
.concept-tamae{width: 300px;float: right;margin: 0;padding: 15px 15px 0;}



/* リンク */
.linkpage ul{list-style-type: none;padding-left: 0;}
.linkpage ul ul{padding-left: 30px;font-size: 90%;line-height: 130%;}
.linkpage ul ul a{margin: 0 15px 15px 0;float: left;}
.linkpage ul ul li{clear: both;}



/* その他 */
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
.edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}




/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 7px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 7px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

.alignrightfifth {float: right; width: 49%;}
.alignleftfifth {float: left; width: 49%;}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 0 10px 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */


#wp-admin-bar-comments{display:none;}

