@charset "UTF-8";


.container {
    max-width: 992px;
}


/* ページ内リンクの位置調整 */


p {
    font-size: 12px;
}

h3 {
    font-size: 13px;
}

.m_13 {
    font-size: 13px;
}

.m_12 {
    font-size: 12px;
}

.binomen {
    font-style: italic;
}

/* --------------------------------
 * background-image
 * -------------------------------- */
#depot{
    background-image: url(../img/bg_depot.gif);
	background-repeat: repeat;
}
/* サムネイル画像 
.shop p img	{
    float: left;
    width: 60px;
	margin-right: 10px;
	clear:left;
}  */

#home{
    background-image: url(../img/hogan.gif);
	background-repeat: repeat;
}

#column{
    background-image: url(../img/hogan.gif);
	background-repeat: repeat;
}

#reference{
    background-image: url(../img/hogan.gif);
	background-repeat: repeat;
}

#hobohi{
    background-image: url(../img/hogan.gif);
	background-repeat: repeat;
}

/* --------------------------------
 *  archive     post
 * -------------------------------- */

.date	{
    float: left;
	background-color: #537685;
	padding: 5px 15px 8px;
	margin: 0 10px 5px 0;
	text-align: center;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
.APR	{   
	background-color: #cc6699;	
}
.MAY	{   
	background-color: #99cc66;	
}
.JUN	{   
	background-color: #336633;	
}
.JUL	{   
	background-color: #3399cc;	
}
.AUG	{   
	background-color: #006699;	
}
.SEP	{   
	background-color: #996600;	
}
.OCT	{   
	background-color: #9966cc;	
}
.NOV	{   
	background-color: #537685;	
}
.DEC	{   
	background-color: #cc3399;	
}
.JAN	{   
	background-color: #cc3333;	
}
.FEB	{   
	background-color: #ff9933;	
}
.MAR	{   
	background-color: #ff6699;	
}


.JUL_f	{   
	color: #3399cc;	
}
.AUG_f	{   
	color: #006699;	
}
.SEP_f	{   
	color: #996600;	
}
.OCT_f	{   
	color: #9966cc;	
}
.NOV_f	{   
	color: #537685;	
}
.DEC_f	{   
	color: #cc3399;	
}
.JAN_f	{   
	color: #cc3333;	
}

.date span	{
    display: block;
	font-size: 16px;
	line-height: 1;
}

/* タイトル */
.post h5	{
    font-size: 12px;
	border-bottom: solid 1px #aaaaaa;
	margin: 6px 0 15px;
	padding: 0 0 3px;
    
}
/* 旧暦 */
.post h6	{
    font-size: 11px;
    margin: -6px 0 15px;
	padding: 0 0 ;	
}

/* サムネイル画像 */
.post p img	{
    float: left;
     width: 120px;
	margin-right: 10px;
	clear:left;
}

/* 本文 */
.post p	{
    font-size: 11px;
	line-height: 1.4;
	margin: 0;
	clear: left;
}

/* さらに画像ページ表示する */
.post .more	{
	text-align: right;
	padding-right: 30px;
	color: #888888;
    font-size: 12px;
	clear: none;
}

/* リンク */
.post	{
    border: dashed 1px #aaaaaa;
	margin-bottom: 15px;
}

.post a	{
    display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}

.giji_a	{
    display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}

.no_a	{
    display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;    
}

.post a:hover	{
    background-color: #f9f8f3;	
}

p.side_menu  {
    font-size: 9px;
}


/* --------------------------------------------
 * reference / depot / column    post_media
 * -------------------------------------------- */

 .page-item .active {
    background-color: #cc3333;	
 }


 #post_media{
    background-image: url(../img/hogan.gif);
	background-repeat: repeat;
}

.media {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
    color: inherit;
    transition: .3s;
}

.media__thumb {
    transition: .3s;
    width: 30%;
    flex-shrink: 0;
}

.media__thumb_2 {
    transition: .3s;
    width: 18%;
    flex-shrink: 0;
}

.media__body {
    flex-grow: 1;
    font-size: 14px;
}

.media__body_2 {
    flex-grow: 1;
    font-size: 14px;
}

.media__catch {
    font-weight: bold;
    font-size: 14px;
}

.media__txt {
    margin-top: 1em;
}

.date span	{
    display: block;
	font-size: 16px;
	line-height: 1;
}

/* タイトル */
.post_media h5	{
    font-size: 12px;
	border-bottom: solid 1px #aaaaaa;
	margin: 6px 0 15px;
	padding: 0 0 3px;
    
}
/* 旧暦 */
.post_media h6	{
    font-size: 11px;
    margin: -6px 0 15px;
	padding: 0 0 ;	
}

/* サムネイル画像 */
.post_media p img	{
    float: left;
     width: 120px;
	margin-right: 10px;
	clear:left;
}

/* 本文 */
.post_media p	{
    font-size: 11px;
	line-height: 1.4;
	margin: 0;
	clear: left;
}

/* さらに画像ページ表示する */
.post_media .more	{
	text-align: right;
	padding-right: 30px;
	color: #888888;
    font-size: 12px;
	clear: none;
}

/* リンク */
.post_media	{
    border: dashed 1px #aaaaaa;
	margin-bottom: 5px;
}

.post_media a	{
    display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}

.giji_a	{
    display: block;
	padding: 10px;
	overflow: hidden;
	color: #996600;
	text-decoration: none;
}


.post a:hover	{
    background-color: #fff;	
}

/* --------------------------------
* column
* -------------------------------- */

.column	{
    border: dashed 1px #aaaaaa;
    padding: 4px;
    margin-bottom: 20px;
}

.column p	{
    font-size: 12px;
	line-height: 1.4;
	clear: left; 
}


/* --------------------------------
 *  navbar-nav menu
 * -------------------------------- */

.navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
}
.navbar {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
}
.navbar-nav .nav-item {
    display: inline-block;
    margin: 0 8px;
}

.navbar .nav-item {
    display: inline-block;
    margin: 0 8px;
}

.navbar-nav .nav-item a {
    display: inline-block;
    width: 72px;
    height: 22px;
    line-height: 14px;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.0rem;
    letter-spacing: 1px;
    transition: 0.45s;
}
.navbar .nav-item a {
    display: inline-block;
    width: 76px;
    height: 24px;
    line-height: 14px;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.0rem;
    letter-spacing: 1px;
    transition: 0.45s;
}

.navbar-nav .nav-item.active a ,
.navbar-nav .nav-item a:hover {
    background-color: #ff6666;
    text-decoration: none;
    color: #fff;   
}
.navbar .nav-item.active a ,
.navbar .nav-item a:hover {
    background-color: #ff6666;
    text-decoration: none;
    color: #fff;   
}

.navbar .nav-item .active  {
    background-color: #ff6666;
    text-decoration: none;
    color: #fff;   
}


.nav-link a:hover {
    background-color: #ff6666;
    text-decoration: none;
    color: #ff6666;
}   
/* --------------------------------f8f0d8
 *  archive menu
 * -------------------------------- */
.global	{
    padding: 0; 
	background-color: #f8f0d8;
    }

@media (min-width: 768px) {
    .global ul,
    .global ol	{
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 1.4;
        list-style: none;
        }

    .global li	{
        display: table-cell;
        text-align: center;
        *float: left;
        }

    .global li a	{
        display: block;
        padding: 10px 5px 5px 5px;
        color:#3e3c3c;
        text-decoration: none;
        letter-spacing: 1px;
        }

    .global li a:hover	{
        background-color: #eee;
        }

    .global li span	{
        display: block;
        font-size: 9px;
        }

/* 横に並べたリンクを区切る罫線 */
    .global li a	{
        padding: 10px 0;
        border-right: solid 1px #aaa;
        }

    .global li:first-child a	{
        border-left: solid 1px #aaa;
        }

/* 罫線で区切る設定 */
    .global	{
        padding: 0;
        border-bottom: solid 1px #aaa;
        border-top: solid 1px #aaa;
        }

} /* @media　(min-width: 768px) */



 /* --------------------------------
  * cabinet menu のhover設定
  * -------------------------------- */
    .global li > a.amam:hover	{
        color: #CB4042;
        box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
        transition: all 0.55s;
        }
    .global li a.amam_active	{
        background-color: #fff;
        color: #CB4042;
        }
/* なにも変化させない */
    .global li > a.amam_active:hover	{
        background-color: #fff;
        color:#CB4042;
        }
    
    .global li a.kuch:hover	{
        color: #F05E1C;
        box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
       /*  opacity: 0.3;*/
        transition: all 0.55s;
        }
    .global li a.kuch_active	{
        color: #F05E1C;
        background-color: #fff; 
        }
/* なにも変化させない */
    .global li > a.kuch_active:hover	{
        background-color: #fff;
        color:#F05E1C;
        }
    
    .global li a.naka:hover	{
        color: #FFB11B;
        box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
        transition: all 0.55s;
        }
    .global li a.naka_active	{
        color: #FFB11B;
        background-color: #fff; 
        }    
/* なにも変化させない */
    .global li > a.naka_active:hover	{
        background-color: #fff;
        color:#FFB11B;
        }
    
    .global li > a.akus:hover	{
        color: #DDD23B;
        box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
        transition: all 0.55s;
        }
    .global li a.akus_active	{
         background-color: #fff;
         color:#DDD23B;
        }   
/* なにも変化させない */
    .global li > a.akus_active:hover	{
        background-color: #fff;
        color:#DDD23B;
        }

    .global li a.gaja:hover	{
        color: #A8497A;
        box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
        transition: all 0.55s;
        }
    .global li a.gaja_active	{
        color: #A8497A;
        background-color: #fff;
        } 
/* なにも変化させない */
    .global li > a.gaja_active:hover	{
        background-color: #fff;
        color: #A8497A;
        }


/* --------------------------------
 * グローバルナビの廉価版 global_s

  * -------------------------------- */
.global_s {
    margin: 0px;
    padding: 10px;
    text-align: left;
    background-color: #f8f0d8;
}

.global_s .n-item {
    display: inline-block;
    margin: 0 0px;
}
/* --------------------------------
.small_nav .n-item a {
    display: inline-block;
    width: 52px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    color: #551616;
    font-size: 0.8rem;
    letter-spacing: 1px;
    transition: 0.45s;
}
.small_nav.right_align .n-item a{
    width: 75px;
}
     * -------------------------------- */

.global_s .flex-fill .active a ,
.global_s .flex-fill a:hover {
    background-color: #ff6666;
    text-decoration: none;
    color: #fff;   
}

.global_s .flex-fill > a.amam:hover	{
        background-color: #ec6800;
        }
.global_s .flex-fill a.amam_active	{
        background-color: #fff;
        color: #ec6800;
        }
/* なにも変化させない */
.global_s .flex-fill > a.amam_active:hover	{
        background-color: #fff;
        color: #ec6800;
        }

.global_s .flex-fill > a.kuch:hover	{
        background-color: #F05E1C;
        }
.global_s .flex-fill a.kuch_active	{
        background-color: #fff;
        color: #F05E1C;
        }
/* なにも変化させない */
.global_s .flex-fill > a.kuch_active:hover	{
        background-color: #fff;
        color:#F05E1C;
        }

.global_s .flex-fill > a.naka:hover	{
        background-color: #e9bc00;
        }
.global_s .flex-fill a.naka_active	{
        background-color: #fff;
        color:#e9bc00;
        }
/* なにも変化させない */
.global_s .flex-fill > a.naka_active:hover	{
        background-color: #fff;
        color:#e9bc00;
        }

.global_s .flex-fill > a.akus:hover	{
        background-color: #DDD23B;
        }
.global_s .flex-fill a.akus_active	{
        background-color: #fff;
        color:#DDD23B ;
        }
/* なにも変化させない */
.global_s .flex-fill > a.akus_active:hover	{
        background-color: #fff;
        color:#DDD23B;
        }


.global_s .flex-fill > a.gaja:hover	{
        background-color: #A8497A;
        }
.global_s .flex-fill a.gaja_active	{
        background-color: #fff;
        color: #A8497A;
        }
/* なにも変化させない */
.global_s .flex-fill > a.gaja_active:hover	{
        background-color: #fff;
        color:#A8497A;
        }
        * -------------------------------- */


/* --------------------------------f8f0d8
 *  archive d-flex menu
 * -------------------------------- */
 .global_s	{
    padding: 0; 
	background-color: #f8f0d8;
    }

@media (min-width: 350px) {
    .global_s div,
    .global_s ol	{
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 1.4;
        list-style: none;
        }

    .global_s .flex-fill	{
        display: table-cell;
        text-align: center;
        *float: left;
        }

    .global_s .flex-fill a	{
        display: block;
        padding: 10px 5px 5px 5px;
        color:#3e3c3c;
        text-decoration: none;
        letter-spacing: 1px;
        }

    .global_s .flex-fill a:hover	{
        background-color: #eee;
        }

   

/* 横に並べたリンクを区切る罫線 */
    .global_s .flex-fill a	{
        padding: 10px 0;
        border-right: solid 1px #aaa;
        }

    .global_s .flex-fill:first-child a	{
        border-left: solid 1px #aaa;
        }

/* 罫線で区切る設定 */
    .global_s	{
        padding: 0;
        border-bottom: solid 1px #aaa;
        border-top: solid 1px #aaa;
        }

} /* @media　(min-width: 768px) */

/* --------------------------------
* carousel
* -------------------------------- */

.breadcrumb {
    background-color: #f8f0d8;
    
}

.carousel-caption h5  {
    font-size: 12px;
}

h5.ccd {
    font-size: 12px;
}

.carousel-caption p  {
    font-size: 10px;
}

p.ccc {
    font-size: 10px;
}

/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}
.grid-items {
  padding-top: 10px;
  
  color: #333;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  color: #7C5119;
  text-decoration: none;
}
.grid-items p {
  
  font-size: 9px;
}

/* --------------------------------
 * item
 * -------------------------------- */
.item {
  width: 170px;
  margin-bottom: 2px;
  padding: 6px;
  border-bottom: 0px solid;
  border-radius: 5px;
  background-color: #eee;
}
.item .image {
  display: block;
  width: 100%;
  height: 100%;
}
.item .category {
  margin: 15px 9px 10px;
  color: #aaa;
  letter-spacing: 1px;
  font-family: "Trebuchet MS", "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
}
.item .category::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  border: 2px solid;
  border-radius: 50%;
  vertical-align: -5px;
}
.item .description {
  margin: 10px;
  line-height: 1.5;
}
.item > a {
  display: block;
  margin: -8px -8px -11px;
  padding: 8px 8px 11px;
  border-radius: inherit;
  color: #777;
  transition: all 0.3s;
}
.item > a:hover {
  box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
}
.item-maindish,
.item-maindish .category::before {
  border-color: #FFC0CB;
}
.item-appetizer,
.item-appetizer .category::before {
  border-color: #76C047;
}
.item-column,
.item-column .category::before {
  border-color: #FFF100;
}
.item-breaktime,
.item-breaktime .category::before {
  border-color: #C1EFFF;
}
.item-m {
  width: 364px;
}
.item-m .image {
  height: 146px;
}
.item-l {
  width: 732px;
}
.item-l .image {
  height: 403px;
}

.kiaka  {
    background-color: #ec6800;
}
.hiiro  {
    background-color: #d3381c;
}
.chartreuse {
    background-color: #e3e548;
}
.terracotta {
    background-color: #bd6856;
}


.mikan  {
    background-color: #f08300;
}

.yamabuki	{   
	background-color: #FFB11B;	
}
.topaz {
    background-color: #e9bc00;
}
.shell_pink {
    background-color: #fbdac8;
}