@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 feature.css
 PC、Tablet用

+++++++++++++++++++++++++++++++ */
/*
特集全体
-----------------------------------*/
.basebg {
    /* 背景色、背景画像を指定できます */
    background: #fff;
}
.basebg .mode_pc{ display: block; }
.basebg .mode_sp{ display: none; }
/*
特集ヘッダー：通常
-----------------------------------*/
.basebg header {
    /* 背景色、背景画像を指定できます */
    background: #fff;
}

.box_catch p.greeting{
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;font-size:22px;
}
.box_catch .info{
	margin-bottom:20px;
}
.box_button,
.box_button .button{
	margin-top:0!important;
}


.box_catch .info span.telno{
	display:block;
	font-size:24px;
	font-weight:500;
}
.box_catch .info span.telno span{
	font-size:16px;
	font-weight:normal;
}


/* 見出し2 */
.heading_feature01 {
    /* フォントカラーを指定できます */
    color: #000080;
}
.heading_feature01:after {
    /* 見出し下のラインの色を指定できます */
    background: #000080;
}

/* 見出し2 */
.foodshow .heading_feature01 {
    /* フォントカラーを指定できます */
    color: #008000;
}
.foodshow .heading_feature01:after {
    /* 見出し下のラインの色を指定できます */
    background: #008000;
}

/* 見出し2 */
.norengai .heading_feature01 {
    /* フォントカラーを指定できます */
    color: #8b0000;
}
.norengai .heading_feature01:after {
    /* 見出し下のラインの色を指定できます */
    background: #8b0000;
}

.wrap_column {
    /* 背景色、背景画像を指定できます　ページ内共通 */
    background-color:transparent;
}
.wrap_column .inner {
    /* 背景色、背景画像を指定できます　ページ内共通 */
    background-color:transparent;
}


/* 1カラム用ボックス */
.box_col1 .inner {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    background-color:transparent;
}
.box_col1 .image {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    max-width:400px;
}
.box_col1 .box_button{
margin-top:20px!important;
}
.box_col1 .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #333;
    background: #333;
    color: #fff;
}
.box_col1 .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #333;
}

/* 2カラム用ボックス */
.box_col2 .inner {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    background-color:transparent;
}
.box_col2 .box_button{
margin-top:20px!important;
}

.box_col2 .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #333;
    background: #333;
    color: #fff;
}
.box_col2 .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #333;
}

.box_col2 .foodshow .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #008000;
    background: #008000;
    color: #fff;
}
.box_col2 .foodshow .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #008000;
}

.box_col2 .norengai .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #8b0000;
    background: #8b0000;
    color: #fff;
}
.box_col2 .norengai .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #8b0000;
}























.feature header .headline01 {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #d99;
    color: #333;
}
/* ナビゲーション */
.contents_nav {
    /* 背景色を指定できます。
    半透明にしたい場合はrgbaで指定。
    R, G, B, 不透明度（100%を1、10%を0.1または.1で表記）
    RGBは16進数ではなく10進数で表記します。 */
    background-color: rgba(100, 30, 30, .2);
}
.contents_nav a {
    /* フォントカラーを指定できます */
    color: #4480cc;
}
.contents_nav a:hover,
.contents_nav .net_shop a:hover {
    /* マウスオーバー時の背景色、背景画像、フォントカラーを指定できます */
    background: #4480cc;
    color: #fff;
}

/*
特集ヘッダー：背景画像＆テキスト型
-----------------------------------*/
.type_text .inner {
    /* 背景色、背景画像、背景位置を指定できます */
    background-color: #fff;
    background-image url(/images/dummy/bg_contents_head.jpg);
    background-position right bottom;

}
.type_text p {
    /* フォントカラーを指定できます */
    color: #cc8044;
}
.type_text .title a {
    /* フォントカラーを指定できます */
    color: #df5044;
}

/*
見出し
-----------------------------------*/
/* 見出し1 */
.heading01 {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #666;
    color: #fff;
}
/* 中見出し１ */
.heading02 {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #666;
    color: #fff;
}
/* 中見出し２ */
.heading03 {
    /* フォントカラーを指定できます */
    color: #333;
}
/* 見出し3 */
.sub_head01 {
    /* フォントカラーを指定できます */
    color: #4480cc;
}
.sub_head01:after {
    /* 見出し左から２番目のラインの色を指定できます */
    background: #4480cc;
}


/*
汎用行揃え・テキスト
これ以上の上書きがない、かつどこに配置しても指定を有効にするため、
important指定を入れています。
-----------------------------------*/
/* 強調フォント */
.txt_point {
    /* フォントカラーを指定できます */
    color: #00f !important;
}


/*
リンク
-----------------------------------*/
/* アンカーリンク */
.list_anchor ul {
    /* 枠線カラーを指定できます */
    border-color: #6070cc;
}
.list_anchor li {
    /* 枠線カラーを指定できます */
    border-left-color: #6070cc;
}
.list_anchor a {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #f2f2f2;
    color: #666;
}
.list_anchor a:hover {
    /* マウスオーバー時の背景色、背景画像、フォントカラーを指定できます */
    background: #90acec;
    color: #fff;
    text-decoration: none;
}

/* タブ */
.feature .tab:before {
    /* タブ全体の下線の色を指定できます */
    background: #90acec;
}
.feature .tab a {
    /* タブ単体の上線、背景色、フォントカラーを指定できます */
    border-top-color: #6070cc;
    background: #dfecfc;
    color: #6070cc;
}
.feature .tab .current {
    /* 選択中タブ単体の下線、背景色、フォントカラーを指定できます */
    border-bottom-color: #6070cc;
    background: #90acec;
    color: #fff;
}

/* インライン型リンク */
.list_inline_link a {
    /* 背景色、フォントカラーを指定できます */
    background: #eee;
    color: #00e;
}
.list_inline_link a.current,
.list_inline_link a:hover {
    /* 選択中項目の背景色、フォントカラーを指定できます */
    background: #6070cc;
    color: #fff;
}

/* ボックス型リンク */
.box_link a {
    /* 背景色、背景画像、枠線カラー、フォントカラーを指定できます */
    border-color: #333;
    background: #90acec;
    color: #fff;
}
.box_link .button {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #00a;
    background: #6070cc;
    color: #fff;
}
.box_link a:hover .button {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #00a;
}



/*
テーブル
-----------------------------------*/
.feature .table_block {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-top-color: #333;
    background: #fff;
    color: #333;
}
.feature .table_block th {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-bottom-color: #333;
    background: #b9934b;
    color: #fff;
}
.feature .table_block td {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-bottom-color: #333;
    background: #fff;
    color: #333;
}


/*
複数カラム用ボックス
-----------------------------------*/
/* カラム要素囲みボックス */
/* 複数カラム共通要素 */
.wrap_column .title {
    /* フォントカラーを指定できます　ページ内共通 */
    color: #df5044;
}

/* 複数カラム共通枠線ありボックス */
.wrap_column .inner.has_border {
    /* 枠線カラーを指定できます　ページ内共通 */
    border-color: #d66;
}


/* 3カラム用ボックス */
.box_col3 .inner {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    background: #ecffed;
}
.box_col3 .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #6b6;
    background: #6b6;
    color: #fff;
}
.box_col3 .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #696;
}

/* 4カラム用ボックス */
.box_col4 .inner {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    background: #ffedac;
}
.box_col4 .button_small {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #b9934b;
    background: #b9934b;
    color: #fff;
}
.box_col4 .button_small:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #b9934b;
}


/*
ネットショップ導線
-----------------------------------*/
.guide_netshop {
    /* 背景色、フォントカラーを指定できます */
    background-color: #b9934b;
    color: #fff;
}

/*
ボックスパーツ1
-----------------------------------*/
.box_enclosing {
    /* 背景色、背景画像、枠線カラーを指定できます */
    border-color: #b9934b;
    background: #fff;
}
.box_enclosing .heading_enclosing {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #b9934b;
    color: #fff;
}
.box_enclosing .button {
    /* 背景色、枠線カラー、フォントカラーを指定できます */
    border-color: #b9934b;
    background: #b9934b;
    color: #fff;
}
.box_enclosing .button:hover {
    /* マウスオーバー時の背景、フォントカラーを指定できます
        上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
    background: #fff;
    color: #b9934b;
}


/*
ボックスパーツ2
-----------------------------------*/
.box_wide_texture {
    /* 背景色を指定できます */
    background-color: #90acec;
}

/*
背景切り返し用パーツ
-----------------------------------*/
.box_wide {
    /* 背景色、背景画像を指定できます */
    background: #ecffed;
}

/*
ボックスパーツ2・背景切り返し用パーツ共通
-----------------------------------*/
/* パーツ内2カラム */
.inner .box_col2 .inner {
    /* 背景色、背景画像を指定できます */
    background: #f2f2f2;
}
.inner .box_col2 .title {
    /* フォントカラーを指定できます */
    color: #6070cc;
}

/*
特集フッタ
-----------------------------------*/
.feature footer {
    /* 背景色、背景画像を指定できます */
    background: #333;
}