@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP|Sawarabi+Gothic&display=swap');
@import url('https://nakataku.com/yume/fa.min.css');

* { margin: 0px; padding: 0px; }
a { outline: none; }


/* html */
body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; _font-family: 'ＭＳ Ｐゴシック', sans-serif; color: #333; font-size: 0.9em; line-height: 1.4; letter-spacing: 0.1em; }

p { margin: 3px 0 7px 0; }
li { list-style: none; }
dl { margin-bottom: 10px; } 
img { border: none; }
th { font-weight: normal; }
blockquote { background: #f7f7f7; margin: 15px; padding: 15px; border: 1px dotted #ccc; }
address { font-style: normal; margin: 10px; text-align: center; }

hr {
  width: 60%;
  margin: 64px auto;
  background-color: #ccc;
}

.catch {
  font-family: 'Noto Serif JP', serif;
  color: #b40000;
  font-size: 180%;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: 32px;
}

ol.list li {
  list-style: decimal;  
  margin: 0 0 8px 40px; 
  
}


/* layout */

#wrapper {
  width: 990px;
  margin: 0px auto;
  padding: 20px 10px 0 10px;
  background: rgba(255,255,255,0.5);
}

#header { 
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#side1 {
  float: left;
  width: 180px;
}

#side2 {
  float: right;
  width: 150px;
  margin-left: 10px;
}

#main {
  float: right;
  width: 640px;
  margin-left: 10px;
}

#main-two {
  float: right;
  width: 810px;
  margin-left: 10px;
  background: #fff;
}

#footer {
  border-top: 3px solid #ccc;
  background: rgba(255,255,255,0.6);
  padding: 30px 0;
}

#footer-inner {
  width: 990px;
  margin: 20px auto 0 auto;
}

#fmenu {
  float: left;
}

#fmenu li {
  list-style: circle;
  margin-left: 30px;
}

#calendar {
  float: right;
}

.content {
  margin: 20px 0 30px 0;
}





.pankuzu {
  margin-bottom: 5px;
}


/* header */

#logo {
  width: 413px;
  height: 56px;
  float: left;
}

#logo a {
  width: 413px;
  height: 56px;
  display: block;
}

#tel {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/tel180x20.gif) no-repeat;
  text-indent: -9999px;
  width: 180px;
  height: 20px;
  float: right;
  margin-left: 6px;
}

#top { width:100%; padding:8px 0 3px 0; }
#summary { text-align:right; padding:3px 5px 0 0; font-size:85%; }

#search { float:right; width:250px; }
.keyword { width:180px; float:right; }
.button { width:50px; float:right; margin:0 3px; }

#gmenu {
border-bottom: 1px solid #f1f1f1;
}
#gmenu li {
  float: left;
  display: block;
  text-align: center;
  width: 165px;
  height: 48px;
  padding: 8px 0 2px 0;
  margin-top: 1px;
  border-top: 1px solid #f1f1f1;
      font-family: 'Sawarabi Gothic', serif;
  font-weight: ;
  line-height: 1.5;
  font-size: 16px;
  background: #fafafa;
}

#gmenu li a {
  display:block;
  text-decoration: none;
  color: #111;
  width: 165px;
  height: 48px;
}

.subtxt {
  font-size: 12px;
  line-height: 1.8;
  color: #555;
}

#gmenu li a:hover {
  background: #fdeff2;
}


/* footer */

#fb-button {
  text-align: center;
  margin: 20px 0;
}




/* menu */

#main-menu {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/bg-main-navi.gif) repeat-x;
  height: 53px;
  margin-top: 20px;
}

#main-menu li {
  text-indent: -9999px;
  float: left;
  margin: 7px 10px 7px 20px;
}

#navi-gift {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/navi-gift.gif) no-repeat;
}

#navi-confectionery {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/navi-confectionery.gif) no-repeat;
}

#navi-candy {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/navi-candy.gif) no-repeat;
}

#navi-souzai {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/navi-souzai.gif) no-repeat;
}

#navi-juice {
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/navi-juice.gif) no-repeat;
}

#navi-gift, #navi-confectionery, #navi-candy, #navi-souzai, #navi-juice,
#navi-gift a, #navi-confectionery a, #navi-candy a, #navi-souzai a, #navi-juice a {
  display: block;
  width: 165px;
  height: 40px;
}



/* ------------------------------------- 
 *	商品画像のサイズ・装飾設定(商品画像のサイズは「画像サイズ設定」で行います)
 * ------------------------------------- */

/* 画像のボーダー */

img.border {
  border: 1px #CCC solid;
}

/* メイン画像（大サイズ）*/

img.mainimg {
/*  border: 1px #CCC solid; */
  margin-bottom: 10px;
  width: 500px;
  height: 500px;
}

/* 商品のその他画像のサイズ */

img.thumnail {
  width:100px;
}






/* ************************************************ 
 *	フッター（メニュー、コピーライト）
 * ************************************************ */





/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

.side-banner {
  margin-bottom: 20px;
}



/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
dl#cart {
	border-bottom:2px #0098CC solid;
font-size:90%;
}

dl#cart dt {
	background:#0098CC url(https://img.shop-pro.jp/tmpl_img/24/round_cart.gif) no-repeat;
	background-position:left top;
	text-align:center;
	padding-top:5px;
}

dl#cart dd {
	border-left:2px #0098CC solid;
	border-right:2px #0098CC solid;
	padding:2px 3px 2px 7px;
}

/* ------------------------------------- 
 *	店主のコーナー
 * ------------------------------------- */

dl#owner { border-bottom:2px #7C8972 solid; }

dl#owner dt {
  background:#7C8972 url(https://img.shop-pro.jp/tmpl_img/25/round_owner.gif) no-repeat;
  background-position:left top; text-align:center; padding:5px 0; }

dl#owner dd { border-left:2px #7C8972 solid; border-right:2px #7C8972 solid;
  padding:2px 3px 2px 7px; }



/* ------------------------------------- 
 *	トラックバック、フリースペースのリスト
 * ------------------------------------- */

dl.list dt {
	font-weight:bold;
	margin-bottom:5px;
}

dl.list dd {
	padding-left:17px;
	margin-bottom:4px;
	background:url(https://img.shop-pro.jp/tmpl_img/24/dd_arrow.gif) no-repeat;
	background-position:1px 6px;
}

div.border {
	border-top:2px #7C8972 dotted;
	padding-bottom:5px;
	background:none;
}

/* ------------------------------------- 
 *	メールマガジン登録・解除
 * ------------------------------------- */

dl#mailmaga { border:1px #7C8972 solid; }
dl#mailmaga dt { border-bottom:1px #7C8972 dotted;
  margin:5px; font-weight:bolder; }
dl#mailmaga dd { text-align:center; margin-bottom:5px; }



/* ------------------------------------- 
 *	feed
 * ------------------------------------- */
#feed {}
#feed img {}




/* ************************************************ 
 *	メインエリア
 * ************************************************ */

table.box { width:99.5%; margin:0px auto 20px auto; }



/* ------------------------------------- 
 *	各タイトル（おすすめ商品、売れ筋商品、サブカテゴリー)
 * ------------------------------------- */
.main_title { height:27px; 
  background:url(https://img.shop-pro.jp/tmpl_img/25/main_title.gif) repeat-x;
  background-position:left; }

.main_title .point { height:27px; width:20px; float:left;
  background:url(https://img.shop-pro.jp/tmpl_img/25/main_title_point.gif) no-repeat;
  background-position:left; }

.main_title .title { height:27px; margin-left:20px;
  background:url(https://img.shop-pro.jp/tmpl_img/25/main_title_right.gif) no-repeat;
  background-position:right; }

.main_title .title img { margin-top:6px; }




/* ------------------------------------- 
 *　フリースペース
 * ------------------------------------- */

div.free_space {
	color:#444;
	margin:0 0 20px 0;
	padding:0 10px;
	overflow:auto;
	width:618px;
	height:50px;
	border-left:1px solid #73880A;
	border-right:1px solid #73880A;
	border-bottom:1px solid #73880A;
}

div.free_space p { margin:0 0 3px 0; }



/* ------------------------------------- 
 *	パンくずナビ
 * ------------------------------------- */

.pankuzu { margin-bottom:20px; }




/* ------------------------------------- 
 *	アイテムエリアの設定（商品を複数個横に並べる表示の設定）
 * ------------------------------------- */

.itemarea { margin:5px 10px 5px 0; width:190px; float:left; text-align:center; }

.itemarea2 { margin:5px 8px 5px 0; width:180px; float:left; text-align:center; }

/* ------------------------------------- 
 *	会員価格の表示 トップページ用
 * ------------------------------------- */
.regular_price_top { padding:0px 0px 2px; font-size:11px;
  text-decoration:line-through; color:#666666; }

.price_top { padding:0px; }
.discount_rate_top { padding:2px 0px 0px; color:#ff0000; }


/* ------------------------------------- 
 *	商品一覧・検索結果//アイテムリストの設定（一行表示の設定）
 * ------------------------------------- */

table.list {
	width:99.5%;
	border-top:1px #9DD22C solid;
	border-bottom:1px #9DD22C solid;
}

table.list td {padding:10px 5px;}

/* 商品の名前 */
table.list div.name {
	margin-right:50px;
}

/* 商品の値段 */
table.list div.price {
	color:#FF0033;
	width:110px;
	float:right;
	text-align:right;
}
/* 商品の簡易説明 */
table.list {margin-top:10px;}


/* 並び順 */
.sort {
	text-align:right;
	margin-bottom:5px;
}
.sort span {
	padding:0px 7px;
}

/* ページナビ（全 [*] 商品中 [*-*] 商品を表示しています。） */
.pagenavi {
margin:5px 0;
}

.pagenavi span {
	padding:0px 7px;
	color:#9DD22C;
}

/* ------------------------------------- 
 *	商品一覧・検索結果・詳細ページ共通
 * ------------------------------------- */


dd#group-list {
	border-top:#FFF dotted 2px;
	padding:0px;
	margin:0px;
	height:1px;
	line-height:0px;
}

.group-list-link {
	margin:5px 0px 0px;
}

/* 会員価格の表示 商品一覧ページ用 */
.regular_price_all {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_all {
	padding:0px;
}

.discount_rate_all {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ************************************************ 
 *	商品詳細ページ
 * ************************************************ */



/* ------------------------------------- 
 *	商品のスペック表
 * ------------------------------------- */

table.spec { border-collapse:collapse; }
table.spec th, table.spec td { border:1px solid #ccc; padding:5px; }

table.spec th {
	background:#EFEFEF;/*商品価格表右側セルの背景色*/
	color:#333;/*商品価格表右側セルの文字色*/
	font-weight:normal;
	text-align:left;
}

.content table.spec { margin-bottom:15px; }

.content table.spec th { white-space:; }

table.spec td {
	background:#FFF;/*商品価格表左側セルの背景色*/
}

table.spec table.num td {padding:0px;}

table.spec td.sales {
	color:#e63101;/*商品価格表-販売価格の文字色*/
	font-weight:bold;
        font-size:120%;
}

table.spec li { list-style:circle; margin:0 0 8px 20px; }

/* 「カートに入れる」ボタン */
div.cart_in {
	text-align:right;
}
div.cart_in img {
	width:132px;
	height:34px;
}

/* 商品の説明 */
div.explain {margin:10px 0;}


/* 会員価格の表示 商品詳細用 */
.regular_price_detail {
	padding:0px 0px 2px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
}

.discount_rate_detail {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ************************************************ 
 *	商品検索結果
 * ************************************************ */

.search_result {
	margin:5px 20px 20px 20px;
}

/*検索条件の文字の色*/
.search_result strong {
	color:#9DD22C;
}

/* 会員価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_search {
	padding:0px;
}

.discount_rate_search {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ************************************************ 
 *	その他のページ
 * ************************************************ */

/* ------------------------------------- 
 *	オプション在庫・値段表
 * ------------------------------------- */

div#option {
	padding:10px;
	background:#FFF;
}

table.option {
	margin:20px auto;
	background:#CCC;
	}


table.option th {
	background:#DDD;
	text-align:left;
	font-weight:normal;
	border:2px solid #FFF;
}


table.option td {
	background:#FFF;
	padding:3px;
	}

.option_btn {
	text-align:center;
	}

/* 会員価格の表示 オプション用 */
.regular_price_stock {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_stock {
	padding:0px;
}

.discount_rate_stock {
	padding:2px 0px;
	color:#ff0000;
}



/* ------------------------------------- 
 *	特定商取引法に基づく表記
 * ------------------------------------- */

table#shop { width:90%; margin:10px auto 20px auto;
  border:1px #CCC solid; }

table#shop td,th { padding:5px; }
table#shop th { width:150px; background:#DDD;
  text-align:left; font-weight:normal; }



/* ------------------------------------- 
 *	支払い方法・配送方法について
 * ------------------------------------- */

.sk { width:90%; margin:10px auto 20px auto;
  border:1px #CCC solid; }

.sk .title_sp { padding:2px; }
.sk .title { font-weight:bold; background:#DDD; padding:5px; }
.sk .title img { margin:3px; }
.sk .note { padding:5px; }
.payment_img { margin:3px; }




/* ------------------------------------- 
 *	プライバシーポリシー
 * ------------------------------------- */

div#privacy { margin:10px 20px 20px 20px;
  border:1px #CCC solid; }

div#privacy .title_sp { padding:2px; }

div#privacy .title { font-weight:bold;
  background:#DDD; padding:5px; }

div#privacy .note { padding:5px; }



/* h* */

h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
  font-size: 130%;
  margin-bottom: 5px;
}
/*
h1 {
  margin: 0 0 15px 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
}*/

.header h1 {
  font-size: 120% !important;
}
h2 { margin-bottom: 10px; }
.content h2 {
  font-weight: normal;
  letter-spacing: 1px;
  border-left: 4px solid #ccc;
  padding-left: 10px;
  margin-bottom: 25px;
}
h3 { font-weight: normal; }
/*
.content h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  padding: 10px 0px 10px 5px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
  background: #f7f7f7;
}
*/

h4 {
  margin: 0 0 48px 0;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.4;
}





.recipeL { float:left; width:50%; }
.recipeR { float:left; width:40%; margin-left:20px; font-size:120%; }

.recipe { background:#ccc; font-size:120%; }
.recipe th { background:#f7f7f7; text-align:center; padding:10px; }
.recipe td { background:#fff; padding:10px; }

.three-col { width:100%; background:#ccc; }
.three-col td { background:#fff; vertical-align:top; padding:5px; }
.three-col td.lecturer { width:20%; text-align:center; }
.three-col td.time { width:20%; }
.three-col td.text { width:60%; }


.floatleft { float:left; margin:0 10px 10px 0; }
.floatright { float:right; margin:0 0 10px 10px; }

img.floatleft, img.floatright { display:inline-block; }

.specright { float:right; margin:0 0 10px 10px; }


#page_navi ul { margin:25px 0; }
#page_navi ul ul { margin:5px 10px; }
#page_navi li { background:url(https://img11.shop-pro.jp/PA01055/186/etc/arrow-b.gif) no-repeat; padding:1px 0 0 17px; }


.sp-left { float: left; width: 300px; margin-right: 5px; }
.sp-right { float: left; width: 300px; }
.sp-text { margin: 10px; }




.left08 { float: left; width: 300px; }
.right08 { float: left; width: 280px; margin-left: 20px; }

table.shop { width: 100%; }
table.shop th {
	background: #f63;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 5px;
	color: #fff;
}
table.shop th.th_l { border-bottom: 1px solid #f63; }
table.shop td {
	border-top: 1px solid #f90;
	border-right: 1px solid #f90;
	padding: 5px;
}
table.shop td.td_l { border-bottom: 1px solid #f90; }



.photo_memo { font-size: 85%; text-align: center; color: #333; }

#t-item { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-item-cat.gif) no-repeat; width:180px; height:27px; text-indent:-9999px; }

#t-production { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-production.gif) no-repeat; width:180px; height:27px; text-indent:-9999px; margin-top:10px; }

#t-material { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-material.gif) no-repeat; width:180px; height:27px; text-indent:-9999px; margin-top:10px; }

#t-rank { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-item-ranking.gif) no-repeat; width:150px; height:27px; text-indent:-9999px; }

#t-sitemenu { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-sitemenu.gif) no-repeat; width:180px; height:27px; text-indent:-9999px; }

#t-media { background:url(https://img11.shop-pro.jp/PA01055/186/etc/title-media180.gif) no-repeat; width:180px; height:27px; text-indent:-9999px; margin-bottom:5px; }

.sidemenu dd { padding-left:17px;
	margin-bottom:2px;
	background:url(https://img.shop-pro.jp/tmpl_img/24/dd_arrow.gif) no-repeat;
	background-position:1px 6px; }


/* link */
a:link { color: #225289; text-decoration: underline; }
a:visited { color: #225289; text-decoration: underline; }
a:active { color: #225289; text-decoration: underline; }
a:hover { color: #225289; text-decoration: none; }

/* common */

.at {
  font-size: 120%;
  font-weight: bold;
  color: red;
  margin-bottom: 20px;
}

.fs80 { font-size: 80%; }
.small { font-size: 12px; line-height: 1.3em; }
.big { font-size: 150%; }

.red { color: red; }
.black { color: #444; }
.bold { font-weight: bold; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align:center; }
.nowrap { white-space: nowrap; }
.vtop { vertical-align: top; }
.banner { margin: 0 0 30px 0; }
.clear { clear: both; font: 0pt/0pt sans-serif; }
.fas { margin-right: 1px; }

ul.list {
  margin: 15px 30px;
}

ul.list li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 3px 0 0 18px;
}


table.common, table.common th, table.common td {
  border: 1px solid #ccc;
}

table.common th, table.common td {
  padding: 5px;
}

table.common th {
  background: #f7f7f7;
}

table.w100 th {
  width: 100px;
}

table.w300 th {
  width: 300px;
}


/* margin & padding */

.mt3 { margin-top: 3px; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom:15px; }
.mr6 { margin-top: 6px !important; margin-right: 6px !important; }


/* カテゴリーの名前 */

.category_title {
  background: #acd6ff url(https://img.shop-pro.jp/tmpl_img/24/category_title.gif) no-repeat 6px;
  padding: 7px 0 5px 20px;
  font-size: 100%;
  font-weight: bold;
}


/* お客様の声 */

#voice {  }
#voice li { margin: 0 0 5px 25px; }

dl.voice {
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  min-height: 90px;
  background: #fffeee;
}

.voice dt {
  font-size: 120%;
  margin-bottom: 10px;
}

.voice .item {
  margin-bottom: 5px;
}

.fa-smile-o {
  font-size: 110%;
}









#abuto {
  padding: 0 10px;
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/ryo-abuto.jpg) no-repeat #fff;
}

#abuto-inner {
  height: 453px;
  background: url(https://img11.shop-pro.jp/PA01055/186/etc/space.gif);
}






table.ichiran { margin:0 auto; }
table.ichiran td { width:190px; text-align:center; vertical-align:top; padding:5px; }
table.ichiran td img { border:1px solid #ccc; width:180px; display:block; }

.kai-page { page-break-before:always; }

.itemtable th { vertical-align:top; width:140px; }

.media-list { border-bottom:1px dotted #ddd; margin-bottom:10px; }

.seller { font-size:90%; }



/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
div.ci {
	margin-bottom: 20px;
	}

div.ci div.title {
	background: url("https://img.shop-pro.jp/tmpl_img/25/arrow.gif") no-repeat scroll left center transparent;
	border-bottom: 2px dotted #7C8972;
	color: #7C8972;
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 15px;
	}

div.checkitem {
	margin:0 0 10px 0;
	float:left;
	padding: 0 15px 0 2px;
	width: 190px;
	}

div.checkitem .ci_img {
	width:190px;
	border: 1px solid #ccc;
	}

#faq dt { font-weight:bold; font-size:120%; margin:8px 5px; }
#faq dd { border:1px dotted #ccc; padding:10px; margin:0 20px 20px 20px; }


.half { float:left; width:48%; margin-right:2%; }


/* アレルゲン＆カロリー表示 */

.allergie {
  border-collapse: collapse;
  width:98%;
  margin-bottom: 5px;
}

.allergie th {
  border: 1px solid #ccc;
  background: #ffe9e9;
  text-align: left;
  padding: 5px;
  font-size: 90%;
}

.allergie td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
  width: 15%;
}


.calorie {
  border-collapse: collapse;
  width: 98%;
}

.calorie th {
  border: 1px solid #ccc;
  background: #cff;
  text-align: left;
  padding: 5px;
  font-size: 90%;
}

.calorie td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
}



/* 過去のお知らせ */

.days {
  font: 80% Helvetica, arial;
}

.news-list ul {
  margin: 0 10px;
}

.news-list li {
  list-style: none;
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  line-height: 1.6;
}

.icon-news, .icon-item, .icon-event, .icon-media {
  color: #fff;
  font: 70% Helvetica, arial;
  padding: 1px 4px;
  margin: 0 8px;
}

.icon-news { background: #21610B; }
.icon-item { background: #B40404; }
.icon-event { background: #0B2161; }
.icon-media { background: #FF00FF; }





#head-bar {
  background: #fff;
  border-bottom: 3px solid #ccc;
  width: 100%;
  height: 2em;
  padding-top: 0.4em;
}



#logo_i { font-size: 180%; }





.side_cal {
  font-size: 90%;
}

.tbl_calendar {
  margin-bottom: 15px;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}



.content-list { margin: 0 10px; }
.content-list dt { font-weight: bold; margin-bottom: 8px; }
.content-list dd { margin: 0 0 20px 30px; }


/* clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* pagetop */
#pageTop { position: fixed; bottom: 20px; right: 20px; }
#pageTop a { display: block; z-index: 999; padding: 8px 0 0 8px; border-radius: 30px; width: 35px; height: 35px; background-color: #5fc5be; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7; }

/* top blog領域 */
.blog-link { padding: 20px 0 0 0; }

/* PCでは表示しない */

.pcnone {
  display: none;
}


/* fontawesome */
.chevron-up:before { content: "\f077"; }
.chevron-down:before { content: "\f078"; }
.external-link:before { content: "\f35d"; }
.truck:before { content: "\f0d1"; }
.book:before { content: "\f02d"; }
.smile:before { content: "\f118"; }
.comment:before { content: "\f086"; }
.pencil-alt:before { content: "\f303"; }
.building:before { content: "\f1ad"; }
.user:before { content: "\f007"; }
.envelope:before { content: "\f0e0"; }
.chart-bar:before { content: "\f080"; }
.arrow-up:before { content: "\f062"; }