/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% 'M PLUS 1 Code', sans-serif;}
h2 { font:bold 14px/140% 'M PLUS 1 Code', sans-serif;}

p {	font: 11px/140% 'M PLUS 1 Code', sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background: #fff;
    padding:35px 0 0 0;
    margin:0;
    font: 16px/140% 'M PLUS 1 Code', sans-serif;
}


#header
{
    border-bottom:solid 1px #999;
    height:160px;
}

#header h1
{
     font-size:12px;
     color:#fff;
     font-weight:normal;
     padding:10px;
     background-color:#333;
}

#header a:hover { text-decoration:none;  }

#header_in{
    width:1000px;
    margin:0 auto;
    padding:10px 0;
}


#navigation{
    float:right;
    margin:80px 50px 0 0;
}


#container
{
    clear:both;
    margin:0 auto;
    width:1000px;
}


#content
{
    float:left;
    width:650px;
    padding:50px 100px 50px 50px;
}
#content h1,#content h2,#content h3{
    font-family: 'Kiwi Maru', serif;
}


#sidebar
{
    float:right;
    width:200px;
    padding:50px 0;
}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/s0e3661656a01bb0a/userlayout/img/footer-bg.gif?t=1534935884) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li{
    float:left;
    display: inline;
    margin: 0;	
    padding: 0;
}

ul.mainNav1 li a{
    font:normal 18px/140% 'Kiwi Maru', serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-left:1px solid #CCC;
}
ul.mainNav2 li a{
    font-size:16px;
    border-left:none;
    padding-left:10px;
}

ul.mainNav1 li a { padding:0px 20px; }
ul.mainNav2 li a { padding:3px 16px 0 2px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }

/* サブメニューの前に＞＞を付ける */
ul.mainNav2 li{
    position: relative;
    padding-left:10px;
}
ul.mainNav2 li::before {
    position: absolute;
    top:7px;
    left:-1px;
    content: url(https://u.jimcdn.com/cms/o/s0e3661656a01bb0a/userlayout/img/arrow.jpg?t=1686124265);
}

/*=== ブログの設定 ===*/

/*== ブログメニューバー：HOME以外を非表示 ==*/
/* ブログトップ */
#page-2427167426 #cc-nav-view-2381357026,
#page-2427167426 #cc-nav-view-2405408826,
#page-2427167426 #cc-nav-view-2376560326
{
    display:none;
}
/* ブログお知らせページ */
#page-2427238126 #cc-nav-view-2381357026,
#page-2427238126 #cc-nav-view-2405408826,
#page-2427238126 #cc-nav-view-2376560326
{
    display:none;
}
/* ブログ読者様の声 */
#page-2427311426 #cc-nav-view-2381357026,
#page-2427311426 #cc-nav-view-2405408826,
#page-2427311426 #cc-nav-view-2376560326
{
    display:none;
}
/* ブログbokodoko */
#page-2427238326 #cc-nav-view-2381357026,
#page-2427238326 #cc-nav-view-2405408826,
#page-2427238326 #cc-nav-view-2376560326
{
    display:none;
}
/* ブログよもやま */
#page-2427275326 #cc-nav-view-2381357026,
#page-2427275326 #cc-nav-view-2405408826,
#page-2427275326 #cc-nav-view-2376560326
{
    display:none;
}

.j-blog-meta a{
    text-decoration: none !important;
}

/*Informationページの設定*/
.rssFeed h3{
     display:none;
}
.rssFeed img{
     width:30%;
     float:left;
     margin:10px 0;
}
.rssFeed .rssFeedTitle{
　　　position:relative;
}
.rssFeed .rssFeedTitle::before {
     content:"";
     clear: both;
     display: block;
}

/*==== カートのマークを角丸に ====*/
.j-cart{
    border-radius:10px;
}




/*///////////////// ちょっとテストでトップページにブログ記事をカード式で表示 ///////////////////*/
#my_blog_list {
  display: flex;
  flex-wrap: wrap; /* 複数行に折り返す */
  gap: 20px;       /* カード間の余白 */
}

.my_blog_item {
  width: calc(33.333% - 13.333px); /* 3枚並ぶ幅 (gapを考慮) */
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}

.my_blog_thumb {
  width: 100%;
  height: 150px;      /* 高さはお好みで */
  object-fit: cover;  /* 画像トリミング */
}

.my_blog_list_link {
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 10px;
}

.my_blog_list_title {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

.my_blog_list_date {
  display: block;
  font-size: 0.9em;
  color: #666;
}