/* ----- */
/* 追加
/* ----- */
.bg-white {
    background-color: #fff !important;
    color: #333;
}
.no-radius {
    border-radius: 0 !important;
}

.badge-square {
    border-radius: 2px !important;
}

.no-border {
    border: none !important;
}

a:hover, a:focus {
    text-decoration: none;
}

.badge-circle {
    border-radius: 50%;
    padding: 5px;
}

.icon-pos-right {
    position: relative;
}
.icon-pos-right > .badge {
    margin-left: 0.8em;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 10px;
    font-size: 10px;
}

.icon-pos-left {
    position: relative;
}
.icon-pos-left > .badge,
.icon-pos-left > .glyphicon {
    margin-right: 0.5em;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 10px;
}
.list-group > .list-group-item > .thumbnail {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    display: inline-block;
    float: left;
    padding: 0;
    background-color: #ccc;
    margin-bottom: 0;
    box-shadow: none;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -35px;
}
.list-group-item {
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}
.list-group-item > .thumbnail {
    background-color: #ccc;
    min-width:
}
.list-group-item > .thumbnail > table {
    width: 90px;
    height: 70px;
}
.list-group-item > .thumbnail > table td {
    padding: 0;
}
.list-group-item > .thumbnail + .caption {
    padding-left: 100px;
    padding-right: 40px;
}

/* ----- */
/* bootstrap 上書き
/* ----- */
.container {
    padding: 0;
    max-width: none;
    width: 100%;
}

ul, ol {
    padding-left: 20px;
}
.alert {
    margin: 5px 0 0;
    padding: 5px;
}
/* ----- */
/* header
/* ----- */
#header {
    position: relative;
}
#header .wrap {
    background: url("5e4a22c101c080ace1b2e2b8.png") repeat-x 0 bottom;
    background-size: 80% auto;
    margin:0 0 1px;
    padding: 0 0 6%;
}
#header .thumb-logo {
    margin: 0;
}
#header .thumb-logo a {
    background-image: url("3d5c2808f3f784f0dcf8d2c9.png");
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /*background-size: 370px 80px;*/
    /*background-size:contain; */
    background-size: 80% auto;
    display: block;
    min-height: 56px;
    max-width: 370px;
    padding: 0 0 20px;
}

#header .header-nav {
    margin-bottom:1px;
    background:#0bc19b;
    /*
	    position: absolute;
	    top: 50%;
	    margin-top: -15px;
	    right: 15px;
    */
}
#header .header-nav li {
    width:33.3%;
    float:left;
    text-align:center;
    background:#0bc19b;
    border-left:1px solid #e3edd5;
    font-size: 90%;
}
#header .header-nav li:first-child {
    border-left:none;
}
#header .header-nav li a {
    color:#fff;
    text-decoration:none;
    padding:10px;
}
#header .header-nav li a:hover {
    background:#009162;
}


/* ----- */
/* footer
/* ----- */
.pc-site {
    padding: 0 10px;
    margin-bottom: 15px;
}
.pc-site dl {
    margin: 0;
}
.pc-site dt {
    font-weight: normal;
}
.pc-site .list-inline > li {
    padding: 0;
}
.pc-site .list-inline > li > a {
    color: #333;
}
.pc-site .list-inline > li > a:HOVER {
    text-decoration: underline;
}
#footer .page-up > a {
    color: #333;
    padding: 5px 10px;
}
#footer .page-up > a:HOVER {
    text-decoration: underline;
}

#footer address {
    margin: 0;
    padding: 5px 20px;
    font-size: small;
    border-top:20px solid #4bb19c;
}
#footer address > p {
    margin-bottom: 5px;
}

#footer .copyright {
    color: #333;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
}

/* ----- */
/* Top Page
/* ----- */
.article {
    margin-bottom: 3px;
}
.article-heading {
    margin: 0;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 25px;
    margin-bottom: 1px;
}
.article-heading > small {
    color: #333;
    margin-left: 0.8em;
    line-height: 25px;
}
.sub-heading {
    margin: 0;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
}

.article-body .list-group {
    margin: 0;
}
.date {
    font-size: small;
}
.list-group-item-heading {
    font-size: 16px;
}

.article-body .aside {
    border-bottom: 1px solid #ccc;
}
.article-body .aside > a {
    padding: 5px 40px 5px 10px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
    display: block;
}
.article-body .aside:HOVER {
    background-color: #F5F5F5;
}
.article-body .aside .icon-pos-right > .badge {
    margin-left: 0.8em;
}

.article-body .nav-tabs {
    margin-top: 5px;
    border-bottom: 8px solid;
}
.article-body .nav-tabs > li {
    margin-bottom: 0;
    text-align: center;
}
.article-body .nav-tabs > li > a {
    background-color: #ccc;
    color: #333;
    padding: 5px 10px;
}
.article-body .nav-tabs > li > a:hover {
    border-color: transparent;
}
.article-body .tab-content .tab-pane-body {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}
.article-body .tab-pane-heading {
    background-image: none;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 center;
    font-weight: bold;
    font-size: 17px;
}

#index-page .page-header {
    margin: 0 0 1px;
    border: none;
    padding: 0;
}
#index-page .page-header img {
    max-width:640px;
}

#buy .article-heading {
    background-color: #fdc455;
}
#buy .sub-heading {
    color: #ef9b07;
}
#buy .article-body .nav-tabs {
    border-bottom-color: #fdc455;
}
#buy .article-body .nav-tabs > li > a {
    padding: 5px 0;
    font-size: small;
}
#buy .article-body .nav-tabs > li.active > a {
    background-color: #fdc455;
}
#buy .article-body .tab-content .tab-pane-body {
    background-color: #fff2d7;
}
#buy .article-body .nav-tabs > li {
    width: 33.333%;
}

#buy .list-group-item {
    background-color: transparent;
    padding: 0;

}
#buy .list-group > .list-group-item > .thumbnail {
    margin-top: -45px;
    left: 0;
}
#buy .list-group-item > .thumbnail + .caption {
    padding-right: 0;
}
#buy .list-group-item > .thumbnail > table {
    height: 90px;
    width: 90px;
}
#buy .article-body .caption {
    min-height: 90px;
}

#food .article-heading {
    background-color: #fd80de;
}
#food .sub-heading {
    color: #fd80de;
}
#food  .article-body .nav-tabs {
    border-bottom-color: #fd80de;
}
#food .article-body .nav-tabs > li.active > a {
    background-color: #fd80de;
}
#food .article-body .tab-content .tab-pane-body {
    background-color: #ffd7f6;
}
#food .article-body .nav-tabs > li {
    width: 50%;
}

#food .list-group-item {
    background-color: transparent;
    padding: 0;
}
#food .list-group > .list-group-item > .thumbnail {
    margin-top: -45px;
    left: 0;
}
#food .list-group-item > .thumbnail + .caption {
    padding-right: 0;
}
#food .list-group-item > .thumbnail > table {
    height: 90px;
    width: 90px;
}
#food .article-body .caption {
    min-height: 90px;
}


#magazine {
    padding: 2px;
}

/*
#magazine .entry-btn .glyphicon-envelope {
	background-image: none;
	background-repeat: no-repeat;
	width: 19px;
	height: 13px;
}

#magazine .entry-btn .glyphicon-envelope:before {
	content: none;
}
*/

#info {
    border-top: 1px solid #8aae66;
    border-bottom: 1px solid #8aae66;
    background-color: #dcf1c8;
}
#info .article-heading {
    color: #4b9008;
    margin: 0;
    border-bottom: 1px dashed #4b9008;
    padding: 5px 10px;
    font-size: 21px;
}

#info .article-body {
    padding: 5px 10px;
}
#info .article-body > dl {
    margin-bottom: 0;
}
#info .article-body > dl > dt + dd {
    margin-bottom: 10px;
}
#info .article-body > dl > dd {
    margin-left: 0.5em;
    font-size: 85%;
}
#info .article-body .dl-horizontal {
    margin-bottom: 0;
}
#info .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    margin-right: 10px;
}
#info .blank {
    width: 100px;
    height: 80px;
    display: block;
}

#event .article-heading {
    background-color: #7bc72f;
}
#event .sub-heading {
    color: #437c09;
    background-color: #cae9ac;
}

#event .list-group-item-heading {
    color: #0D86D2;
    font-size: 15px;
}

#news .article-heading {
    background-color: #4BB19C;
    color: #fff;
}
#news .article-heading .link {
    line-height: 18px;
}

#news .article-body .dl-horizontal {
    margin-bottom: 0;
}
#news .list-group > .list-group-item {
    padding: 10px 40px 10px 10px !important;
}
#news .list-group > a.list-group-item:hover,
#news .list-group > a.list-group-item:focus {
    background-color: #F5F5F5;
    text-decoration: none;
}
#news .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    margin-right: 10px;
}
#news .dl-horizontal dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ----- */
/* Page
/* ----- */
.navbar-back {
    background-color: #e6e6e6;
    margin: 0;
    border: none;
    min-height: 0;
}
.navbar-back > a {
    display: block;
    padding: 10px 15px 10px 35px;
    color: #333;
}

.page .page-header {
    margin: 0;
    border-bottom: none;
    padding: 5px 10px;
    margin: 0 0 1px;
}
.page .page-header > h2 {
    margin: 0;
    font-size: 18px;
    line-height: 25px;
}
.page .page-header > h2 > small {
    color: #333333;
    line-height: 25px;
    margin-left: 0.8em;
}
#news.page .page-header {
    background-color: #77C251;
    color: #FFFFFF;
}
#food.page .page-header {
    background-color: #FD80DE;
}
#buy.page .page-header {
    background-color: #FDC455;
}
#event.page .page-header {
    background-color: #7BC72F;
}

.page .article-body .tab-content {
    border-bottom: none;
    padding: 0;
}

.article-body .tab-pane-heading.no-2 {
    background-image: none;
}
.article-body .tab-pane-heading.no-3 {
    background-image: none;
}

.page .article-body .tab-pane-heading {
    margin-left: 20px;
}

#buy.page .list-group > .list-group-item {
    padding: 0 10px;
}
#buy.page .list-group > .list-group-item > .thumbnail {
    left: 10px;
}
#buy.page .article-body .caption {
    min-height: 110px;
}

#food.page .list-group > .list-group-item {
    padding: 0 10px;
}
#food.page .list-group > .list-group-item > .thumbnail {
    left: 10px;
}
#food.page .article-body .caption {
    min-height: 110px;
}

/* ----- おみやげ ---- */
#buy.page .article-body .tab-content {
    background-color: transparent;
}

.border-dashed {
    border-bottom: 1px dashed #ccc;
}
.border-dashed:last-child {
    border-bottom: none;
}

/* ---- メルマガ ---- */
#magazine .page-header {
    background-color: #77C251;
    color: #FFFFFF;
}

#magazine .article {
    margin-top: 10px;
}

#magazine .article-body {
    padding: 5px 10px;
}

#magazine .article-heading {
    background-color: #F2F9E2;
    border-left: 1em solid #009900;
    color: #006600;
    font-size: 120%;
    padding: 5px 0.5em 3px;
}

/* ---- お問い合せ ---- */
#contact .page-header {
    background-color: #77C251;
    color: #FFFFFF;
}

#contact .article {
    margin-top: 10px;
}

#contact .article-body {
    padding: 5px 10px;
}

#contact .article-heading {
    background-color: #F2F9E2;
    border-left: 1em solid #009900;
    color: #006600;
    font-size: 120%;
    padding: 5px 0.5em 3px;
}

/* ---- ピックアップ情報 ---- */
.panel-heading {
    padding: 0;
}

.panel-heading a {
    padding: 5px 10px 5px 40px;
    display: block;
    background-image: none;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-color: #fff;
    border-bottom: 1px #ccc solid;
    border-top: 1px #ccc solid;
    line-height: 25px;
}

.collapsed .glyphicon-minus-sign:before {
    content: "\e081";
}

.panel-collapse .panel-body {
    padding: 0;
}

.panel-collapse .panel-body .list-group-item {
    border-bottom: none;
}

.panel-body {
    padding: 5px 10px;
}
.panel-body > div + div {
    margin-top: 5px;
}


/* ---- ページ送り ----- */
.page-nav {
    border-bottom: 1px solid #B3B3B3;
    margin: 0 0 10px;
    min-height: 37px;
    padding: 0 15px;
    position: relative;
}

.page-info {
    left: 0;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 100;
}

.pager {
    margin: 0;
    position: relative;
    z-index: 1000;
}

.pager li > a {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    color: #0D86D2;
    font-size: 37px;
    height: 37px;
    line-height: 1;
    margin-top: -5px;
    padding: 0 10px;
}

.pager li > a .glyphicon {
    opacity: 0.5;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: transparent;
}

.pager li > a:hover .glyphicon,
.pager li > a:focus .glyphicon {
    opacity: 1;
}

/* ----- */
/* Log
/* ----- */
#log .article {
    margin: 0 0 15px;
    border-bottom: 1px solid #ccc;
}

#log .article-body {
    padding: 5px 10px;
}

#log .kiji-body,
#log .dl_file,
#log .kiji_date {
    margin: 10px 0 0;
}

#log .kiji_image {
    text-align: center;
    width: 100%;
    padding: 0;
}

#log .kiji-body img {
    width: 100%;
}

h2 {color:#fff;}
h2.blue {background:#62b7f8;}
h2.orange {background:#f4a427;}
.badge {
    background-color: #4bb19b !important;
}

.menu {
    margin:0;
    padding:0;
    overflow:hidden;
    border-top:1px solid #ccc;
}
.menu li {
    margin:0;
    padding:0;
    float:left;
    border-left:1px solid #ccc;
    width:50%;
    font-size:90%;
}
.menu li:nth-child(2n+1)  {
    border-left:none;
}
.menu li a {
    color:#333;
    display:block;
    width:100%;
    padding:10px;
    background-color:#eef9ff;
}
.menu li a:hover {
    background-color:#DBEAF9;
}
.menu li .badge {
    background-color: #64b7f9 !important;
}

#service p {
    padding:4px 14px;
}

.plan {
    margin:0;
    padding:0;
    overflow:hidden;
}
.plan li {
    margin:0;
    padding:0;
    float:left;
    /* width:33.3%; */
    width:50%;
    font-size:90%;
    list-style-type:none;
}
.plan li a {
    color:#333;
    display:block;
    width:100%;
    padding:5px;
}
.btn {
    width:55%;
    margin:0 auto;
    display:block;
}
.btn a {
    background:#e8e8e8;
    display:block;
    padding:10px;
    border-radius:20px;
    border:1px solid #ccc;
    color:#333;
}
.btn a:hover {
    background:#ccc;
}