@charset "utf-8";
/*
Theme Name: Korien Style Grid Theme
Theme URI: http://www.itoy.jp/
Description:香里園スタイルテーマ(グリッド)
Version: 1.0
Author: Code Factroy Inc.
Author URI: http://www.codefactory.co.jp/
Tags: 

*/

/* ****************************************************
                         基本
******************************************************* */
* {
 margin: 0;
 padding: 0;
}

/* 画像の属性 */
img {
    border: none;
    margin: 0px;
    padding:0px;
}

a img {
    border: none;
}

#main a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* 強調文の属性*/
h1,h2,h3,h4,p{
    font-weight: normal;
}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {
    color: #0000FF;
    text-decoration: none;
}

a:hover {
    color: #F79147;
    text-decoration: none;
}


body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Verdana, Helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    color: #000;
    line-height: 1.7;
    background-color: #ffffff;
}

/* ****************************************************
                          基本枠
******************************************************* */
#container {
    width:96%;
    max-width:1100px;
    margin: 0 auto;
    background:url("img/back_main.png") repeat-y;
}


/* ****************************************************
                          ヘッダー
******************************************************* */
/* トップページ */

#head_description {
    height:20px;
    width:100%;
    padding:2px 10px 8px 10px;
    color:#000;
    font-size:12px;
    text-align:left;
}

/* ****************************************************
                      ヘッダー
******************************************************* */
header {
    float:left;
    margin:0;
    padding:14px 0 20px 0;
    width:260px;
    height:180px;
    text-align: center;
    color:#B93131;
}

/* ****************************************************
                      メインコンテンツ
******************************************************* */
#main {
    float: right;
    width: 100%;
    margin: 0 0 0 -280px;
}

#content {
    width:90%;
    max-width:820px;
    margin-left:280px;
    font-size: 11pt;
    text-align: left;
}

#cover_logo {
    float:left;
    margin-top:-14px;
    margin-left:-250px;
}
#content h2{
    height:80px;
    width:100%;
    background:url("img/h2_back.png") no-repeat;
    margin-top:14px;
    padding:40px 0 0 40px;
    font-size: 1.6em;
    color:#B03031;
}

#content h3{
    clear:both;
    margin:30px 0 10px -10px;
    padding-left:5px;
    border-left:5px solid #c42627;
    border-bottom:1px solid #c42627;
    font-size: 1.2em;
    font-weight:bolder;
    color:#666666;
}

#content h4{
    margin-top:5px;
    margin-left:-5px;
    font-size: 1.1em;
    font-weight:bold;
    padding:2px 10px;
    background-color:#f6e2e2;
}

#content h5{
    margin-top:5px;
    margin-left:-5px;
    font-size: 1.1em;
    font-weight:bold;
}
#content h5:before{
    content:"■ ";
    font-size: 1.2em;
    color:#c42627 ;
}

#content .entry{
    padding:10px 20px;
}

#content .entry p{
    padding:0 0 10px 0;
}

#content .entry img{
    margin:5px;
}

#content .entry ol{
    margin-left:25px;
}

#content .entry ul{
    margin-left:20px;
}

#content .entry dl{
    margin-top:-15px;
    margin-bottom:10px;
}

#content .entry dt{
    margin-top:5px;
    float:left;
    font-weight:bold;
    clear:left;
}

#content .entry dt.w160{
    width:160px;
}

#content .entry dt.w120{
    width:120px;
}

#content .entry dt.w100{
    width:100px;
}

#content .entry dt.w80{
    width:80px;
}

#content .entry dt.w40{
    width:40px;
}

#content .entry dd{
    padding-top:5px;
    margin-left:10px;
}

#content .entry dd.w160{
    text-indent:0px;
    margin-left:80px;
    padding-left:80px;
}

#content .entry dd.w120{
    text-indent:0px;
    margin-left:60px;
    padding-left:60px;
}

#content .entry dd.w100{
    text-indent:0px;
    margin-left:50px;
    padding-left:50px;
}

#content .entry dd.w80{
    text-indent:0px;
    margin-left:40px;
    padding-left:40px;
}

#content .entry dd.w40{
    text-indent:0px;
    margin-left:20px;
    padding-left:20px;
}


#content .entry .half{
    float:left;
    width:300px;
    margin:5px;
}

#content .entry .one-thirds{
    float:left;
    width:202px;
    margin:4px;
}

#content .entry .two-thirds{
    float:left;
    width:410px;
    margin:5px;
}

#content .entry .highlight1{
    color:#C32525;
    font-weight:bold:
}

/* 表組1 */
#content .entry table{
    margin: 10px 0px;
    padding:0px;
    border-top:double #d59261;
    border-bottom:double #d59261;
    border-left:none;
    border-right:none;
}

#content .entry table th{
    padding:2px 2px 2px 20px;
    font-size:12px;
    border-left:none;
    border-right:solid 1px #d59261;
    border-top:none;
    border-bottom:dotted 1px #d59261;
}

#content .entry table td{
    padding:5px;
    font-size:12px;
    line-height:120%;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:dotted 1px #d59261;
}

#content .metainfo{
    clear:both;
    margin-top:5px;
    padding-top:5px;
    height:4px;
    border-top:1px #666666 solid;
}

#content .twi-btn{
    margin-left:10px;
    margin-right:10px;
}

#content .kakomi1{
    padding:10px;
    border:1px solid #d59261;
    background-color:#FFF3D9;
    border-radius: 15px;
    font-size:90%;
}


/* ****************************************************
                       香里園バル関連
******************************************************* */
#content h2.kourienbar-top{
    background:url("img/kourien-bar2019.jpg") no-repeat;
    height:940px;
    width:840px;
    text-indent:-1000px;
}

#content h2.kourienbar-sub{
    padding-top:60px;
    background:url("img/bar2019_h2_back.jpg") no-repeat;
    height:60px;
    width:840px;
    font-size:30px;
    font-weight:bold;
    text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
}

#content h3.kourienbar{
    clear:both;
    height:55px;
    margin:30px 0 10px -10px;
    padding:25px 0 0 90px;
    border:none;
    background:url("img/back_h3bar2019.png") no-repeat;
    font-size: 1.8em;
    font-weight:bolder;
    color:#fff;
    clear: all;
}

#content h4.kourienbar{
    background:none;
    margin-left:0px;
    padding-left:0px;
    font-weight:bolder;
    color:#3eb034;
    clear: all;
}

#content h5.kourienbar{
    margin-top:5px;
    margin-left:-5px;
    font-size: 1.1em;
    font-weight:bold;
    padding:2px 10px;
    background-color:#D9E368;
}
#content h5.kourienbar:before{
    content:none;
}


#content ul.kourienbar-menu {
    margin-left:0;
    list-style-type:none;
}

#content ul.kourienbar-menu li{
    margin:0 0 10px 0;
    float:left;
    list-style-type:none;
}

#content .barinfo-title {
    width:120px;
}

#content .barinfo-body {
    text-indent:0px;
    margin-left:60px;
    padding-left:60px;
}

#content .kbb1{
    font-weight:bold;
    color:#F39801;
}

#pickup_list.bar{
    width:820px;
    margin-bottom:10px;
    background:none;
}

#pickup_list .barno{
    float:left;
    margin-left:-18px;
    padding-bottom:2px;
    width:45px;
    height:28px;
    font-size:18px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    background:url("img/back_barno2019.jpg") no-repeat center;;
}

#pickup_list.bar ul{
    margin-top:0px;
    border-bottom:1px dotted #666666;
}

#pickup_list li.barline{
    clear:both;
    width:800px;
    border-top:1px dotted #666666;
}
#pickup_list li.barline div.event_body{
    width:780px;
    padding-left:20px;
}


#pickup_list li .event_body h6.barshop{
    float:left;
    margin-right:10px;
    font-size: 1.2em;
    font-weight:bolder;
    color:#333333;
    background:none;
}

#pickup_list li .event_body .baricon{
    height:32px;
}

#pickup_list li .event_body .baricon img{
    margin:0;
}

#pickup_list li .event_body img.barshop_thumbnail{
    margin:0 10px 0 0;
}

#pickup_list li.barline div.entry{
    padding:5px 0 0 0;
}

#content .barcontent{
    float:left;
    width:350px;
    margin-right:10px;
}

#content img.bar-menubutton{
    height:auto;
}

/* ****************************************************
                       TOPページ
******************************************************* */
/* *************** 記事一覧 **************** */
.entry_box{
    float:left;
    width:250px;
    height:300px;
    margin-top:20px;
    margin-left:10px;
    margin-right:0px;
    margin-bottom:10px;
    border:1px dotted #666666;
}

.entry_box p{
    font-size:11px;
}


.entry_box .entry_box_header{
    font-size:12px;
}

.entry_box .attachment-top-thumbnails{
    display:block;
    margin: 0 auto;
}

.entry_box_date{
    float:left;
    padding-left:5px;
}

.entry_box_cat{
    float:right;
    padding-right:5px;
}

.entry_box .info_body{
    padding:2px;
}

/* 写真展 */
.cat3{
    background-color:#99D1D1;
}

/* イベント情報 */
.cat5{
    background-color:#FFBBBB;
}

/* ニュース */
.cat6{
    background-color:#AAE8AA;
}

/* 街の風景 */
.cat9{
    background-color:#A5B5D9;
}

/* お知らせ */
.cat10{
    background-color:#FFE8BB;
}

/* お知らせ */
.cat8{
    background-color:#E0E0E0;
}


.catselect{
    padding:5px 10px;
    background-color:#F0F0F0;
}
/* *************** ピックアップ **************** */
#pickup_list{
    width:800px;
    margin-top:20px;
    margin-bottom:10px;
    padding-top:14px;
    background:url("img/back_orange.png") repeat-x;
    border-bottom:1px dotted #666666;
}

#pickup_list ul {
    margin-top:20px;
    list-style:none;
}

#pickup_list li {
    clear:both;
    width:670px;
    border-top:1px dotted #666666;
}

#pickup_list .head_title{
    float:left;
    margin-top:-14px;
    font-weight:bold;
    padding:4px 0 1px 10px;
    color:#FFFFFF;
    border-left:10px solid #7F400C;
}

#pickup_list li small{
    font-size:0.8em;
    margin:0;
    padding:0;
}

#pickup_list li .attachment-post-thumbnail{
    float:left;
    margin-right:5px;
}

#pickup_list li .info_body{
    float:right;
    width:520px;
}

#pickup_list .btn_archive {
    margin-top:-9px;
    margin-bottom:6px;
    margin-right:14px;
}

#pickup_list li .event_body{
    width:655px;
    padding-left:20px;
}

#pickup_list li .event_body h6{
    margin-left:-16px;
    padding-left:16px;
    font-size: 1.2em;
    font-weight:bolder;
    color:#333333;
    background:url("img/mark1.png") no-repeat left;
}

#pickup_list li .event_body dt{
    float:left;
    width:35px;
    line-height:1.2em;
    font-size:0.9em;
}

#pickup_list li .event_body dd{
    margin-top:0;
    line-height:1.2em;
    font-size:0.9em;
}

#pickup_list li .attachment-post-thumbnail{
    margin-top:5px;
}

/* ****************************************************
                       サイドバー
******************************************************* */

#side{
    float: left;
    margin:0;
    padding:14px 0 20px 0;
    width:260px;
    text-align: left;
}

/* メニュー */
ul#side_menu{
    margin:10px 0;
    list-style:none;
}

ul#side_menu{
    margin-bottom:20px;
}

ul#side_menu li{
    font-size:11pt;
    font-weight:bold;
    text-align:left;
    width:100%;
}

ul#side_menu li a{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:26px;
    display:block;
    background:url("img/mark2.png") no-repeat 12px 6px;
}
ul#side_menu li a:link ,ul#side_menu li a:visited ,ul#side_menu li a:active {
    color:#666666; 
}
ul#side_menu li a:hover {
    background:#FFF url("img/mark2.png") no-repeat 12px 6px;
}

ul#side_menu li ul.children{
}

ul#side_menu li ul.children li{
    width:100%;
    list-style:none;
    font-weight:normal;
}

ul#side_menu li ul.children li a{
    padding-left:40px;
    background:#F0F0F0;;
}

ul#side_menu li ul.children li a:hover {
    background-color:#FFF;
}

ul#side_menu li ul.children li ul.children a{
    padding-left:64px;
}

#side .side_section {
    clear:both;
    margin:20px 10px 0 10px;
    text-align:center;
}

/* ****************************************************
                        フッター
******************************************************* */
footer {
    clear:both;
    width:100%;
    margin-top:30px;
    padding-left:90px;
    padding-bottom:20px;
    font-size:10pt;
}

footer .footer_menu{
    width:100%;
    margin-bottom:10px;
    padding-top:10px;
    padding-left:70px;
}

/* フッターメニュー */
footer .footer_menu ul{
    margin:0 auto;
    width:370px;
    list-style:none;
    font-size:10pt;
}

footer .footer_menu li{
    margin:0 10px;
    float:left;
}

footer .copyright{
    clear:both;
    width:100%;
    margin-left:70px;
    text-align:center;
}

footer small{
    font-size:9pt;
    clear:both;
    zoom:100%;
}


/* ****************************************************
                 個人情報の取扱いについて
******************************************************* */
#privacy-frame {
    margin:5px 20px;
    padding:2px 2px 2px 10px;
    width:550px;
    height:160px;
    overflow-y:scroll;
    background:#EDEDED;
    border:1px inset #666666;
}

#privacy-frame #privacy-title{
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:12pt;
    text-align:center;
}


#privacy-frame ul{
    margin:0 10px;
    list-style-type: decimal;
    list-style-position: outside
}

#privacy-frame li{
}

/* ****************************************************
                      ページネーション
******************************************************* */

.paginator {
    width:100%;
    clear:both;
    padding:20px 0;
    position:relative;
    line-height:13px;
    margin-bottom: 0.5em;
    text-align:center;
}
 
.paginator span, .paginator a {
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff;
    background: #AAA;
}
 
.paginator a:hover{
    color:#fff;
    background: #FFBBBB;
}
 
.paginator .current{
    padding:6px 9px 5px 9px;
    background: #B93131;
    color:#fff;
}
/* ****************************************************
                      その他ブロック
******************************************************* */
/* 検索フォーム*/
.search_box{
    margin:20px 0;
    padding:0 10px;
    text-align:center;
}

#searchform {
    margin:0;
    padding:0;
    font-size:12px;
}

#searchform #s{
    width:180px;
    margin:0;
}

/* パンくずリスト */
#bread-crumb{
    width:100%;
    padding:5px 10px;
    text-align:left;
    font-size:9pt;
    background-color:#F0F0F0;
}

.navigation{
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    width:50%;
}

.tw-button{
    padding-top:10px;
}

.fb-button{
}

/* ****************************************************
                      基本定義
******************************************************* */

.clear {
    clear: both;
}

.center{
    text-align: center;
}

.left{
    text-align: left;
}
.right{
    text-align: right;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* フォントカラー */
.f-red{
    color:red;
}

/* フォントサイズ */
.f9pt{
    font-size:9pt;
}
.f120{
    font-size:1.2em;
}

.f160{
    font-size:1.6em;
}

.f220{
    font-size:2.2em;
}

.topmargin10{
    margin-top:10px;;
}

.underline{
    border-bottom:1px dotted #999999;;
}

.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

/* ****************************************************
                    Contact Form 7
******************************************************* */

.wpcf7 p{
    margin:5px 0 5px 0;
}