@charset "utf-8";




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; min-width:1160px; }
.pc .admin-bar { padding-top:33px; }

/* レイアウト */
#main_cotents { width:1160px; margin:0 auto; padding:100px 0; }
#main_cotents2 { width:1160px; margin:0 auto; padding: 100px 0; }
#noside_contents { width:1160px; margin:0 auto; padding:100px 0 80px; }
#main_col { width:800px; float:left; }
#side_col { width:300px; float:right; }

/* 見出し */
#index_content1 .headline, #index_menu .headline, #index_content2 .headline, #index_news_blog .headline,
 #page_template1 .headline, #page_template2 .row3 .headline, #page_template2 .row4 .headline, #page_template3 .row1 .headline, #page_template3 .row4 .headline,
  #gallery_archive .headline, #menu_archive .headline, #menu_archive .headline2, .archive_headline, #menu_bottom_area h2
   { font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }




/* ----------------------------------------------------------------------
 ページテンプレート
---------------------------------------------------------------------- */
/* テンプレート1 */
#page_template1 { width:1160px; margin:0 auto; padding:100px 0 20px; }
#page_template1 .row { margin:0 0 80px 0; }
#page_template1 .desc_area { width:550px; float:left; margin-top:10px; }
#page_template1 .headline { font-size:24px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template1 .desc { font-size:14px; line-height:220%; margin:0; font-weight:400; }
#page_template1 .image { float:right; display:block; max-width:550px; height:auto; }
#page_template1 .right .desc_area { float:right; }
#page_template1 .right .image { float:left; }


/* テンプレート2 */
#page_template2 { width:1160px; margin:0 auto; padding:100px 0; }
#page_template2 .row1 { float:left; width:360px; margin:0 40px 100px 0; }
#page_template2 .row1.right_col { margin-right:0; }
#page_template2 .row1 img { max-width:100%; height:auto; display:block; margin:0 0 20px 0; }
#page_template2 .row1 .desc { font-size:14px; line-height:220%; margin:0; font-weight:400; }
#page_template2 .row2 { margin:0 0 100px 0; clear:both; }
#page_template2 .row2 img { max-width:100%; height:auto; display:block; }
#page_template2 .row3 { margin:0 0 100px 0; }
#page_template2 .row3 .desc_area, #page_template2 .row4 .desc_area { width:550px; float:right; margin-top:10px; }
#page_template2 .row3 .headline, #page_template2 .row4 .headline { font-size:24px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template2 .row3 .desc, #page_template2 .row4 .desc { font-size:14px; line-height:220%; margin:0; font-weight:400; }
#page_template2 .row3 .image, #page_template2 .row4 .image { float:left; display:block; max-width:550px; height:auto; }
#page_template2 .row4 .desc_area { float:left; }
#page_template2 .row4 .image { float:right; }


/* テンプレート3 */
#page_template3 { width:1160px; margin:0 auto; padding:100px 0; }
#page_template3 .row2 { float:left; width:360px; margin:0 40px 100px 0; }
#page_template3 .row2.right_col { margin-right:0; }
#page_template3 .row2 img { max-width:100%; height:auto; display:block; margin:0 0 20px 0; }
#page_template3 .row2 .desc { font-size:14px; line-height:220%; margin:0; font-weight:400; }
#page_template3 .row3 { margin:0 0 100px 0; clear:both; }
#page_template3 .row3 img { max-width:100%; height:auto; display:block; }
#page_template3 .row1 { margin:0 0 100px 0; }
#page_template3 .row1 .desc_area, #page_template3 .row4 .desc_area { width:550px; float:left; margin-top:10px; }
#page_template3 .row1 .headline, #page_template3 .row4 .headline { font-size:24px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template3 .row1 .desc, #page_template3 .row4 .desc { font-size:14px; line-height:220%; margin:0; font-weight:400; }
#page_template3 .row1 .image, #page_template3 .row4 .image { float:right; display:block; max-width:550px; height:auto; }
#page_template3 .row4 .desc_area { float:right; }
#page_template3 .row4 .image { float:left; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:1160px; position:relative; margin:0 auto; text-align:center; z-index:9; }
#header_inner { padding:25px 0; }


/* logo */
#logo_text { margin-bottom:10px; }
#logo_text #logo { height:50px; line-height:50px; font-size:24px; font-weight:bold; }
#logo_text #logo a { display:block; padding:0 20px; }
#logo_image { margin-bottom:20px; }
#logo_image #logo { }
#logo_image #logo a { display:block; }


/* global menu */
.global_menu { display:inline-block; font-weight:bold; }
.global_menu > ul { height:50px; display:inline-block; }
.global_menu > ul > li { float:left; border-left:1px solid #ddd; font-size:1%; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.global_menu.footer_menu > ul > li { border-color:#fff; }
.global_menu > ul > li:first-child { border:none; }
.global_menu > ul > li a { font-size:14px; padding:0 34px; text-decoration:none; height:50px; line-height:50px; display:block; text-align:center; }
.global_menu li a:hover { text-decoration:none; }

.global_menu ul ul { display:none; width:220px; position:absolute; top:50px; left:0px; margin:0; padding:0; }
.global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; border:none; }
.global_menu ul ul li { float:none; width:220px; line-height:150%; padding:0; margin:0; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; }
.global_menu ul ul a { font-size:14px; font-weight:400;position:relative; padding:14px 20px 12px; height:auto; line-height:140%; margin:0; text-align:left; box-shadow:none; color:#fff; }
.global_menu ul ul a:hover { text-decoration:none; }


/* メイン画像 */
#main_image img { width:100%; height:auto; display:block; }
#main_image2, .blog #main_image { width:1160px; margin:0 auto; }
#main_image2 img .blog #main_image img { width:100%; height:auto; display:block; }
#main_image3 { width:100%; height:200px; text-align:center; background:#e6e3dc; }
#main_image3 h2 { height:200px; line-height:200px; font-size:24px; font-weight:bold; }


/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */

/* スライダー */
#top_slider { width:100%; height:auto; margin:0; position:relative; background:#fff; position:relative; }
#top_slider img { width:100%; height:auto; display:block; }
#top_slider .slick-dots { width:100%; z-index:9999; text-align:center; position:absolute; bottom:15px; }
#top_slider .slick-dots li { display:inline; margin:0 6px; }
#top_slider .slick-dots li button {
  display:inline-block; border:none; background:#fff; height:12px; width:12px; padding:0; text-indent:-500px; overflow:hidden; cursor:pointer;
  -moz-border-radius:100%; -khtml-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;
}
#top_slider .slick-dots li button:hover, #top_slider .slick-dots li.slick-active button { background:#333; }


/* スライダーの下のコンテンツ */
#index_content1 { background:#e6e3dc; min-width:1160px; }
#index_content1_inner { width:1160px; margin:0 auto; display:table; padding:50px 0; }
#index_content1 .left_content { width:560px; display:table-cell; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
#index_content1 .left_content_inner { float:left; display:block; }
#index_content1 .headline { font-size:28px; line-height:180%; font-weight:bold; margin:0px 0px 10px; }
#index_content1 .desc { font-size:14px; line-height:220%; margin:0 0 30px; font-weight:400; }
#index_content1 .image { float:right; display:block; }


/* 商品一覧 */
#index_menu { width:1160px; margin:0 auto; padding:80px 0; overflow:hidden; }
#index_menu .headline { width:560px;  font-size:28px; line-height:180%; font-weight:bold; margin:0px 0px 10px; float:left; }
#index_menu .desc { font-size:14px; line-height:220%; margin:0 0 30px; font-weight:400; width:560px; float:right; }
#index_menu .desc_area { margin:0 0 60px 0; }
#index_menu ol { margin:0 -40px 0 0; overflow:hidden; position:relative; }
#index_menu li { float:left; margin:0 33px 30px 0; width:240px; height:240px; position:relative; overflow:hidden; border:13px solid #e6e3dc; }
#index_menu li a.image { width:240px; height:240px; display:block; position:absolute; }
#index_menu li a.title {
  position:absolute; display:block; width:100%; background:rgba(0,0,0,0.4); color:#fff; padding:15px 10px; bottom:0px; text-align:center;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);
}
#index_menu li:hover a.title {
  text-decoration:none;
  -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);
}
#index_menu li img { display:block; width:100%; height:100%; }



/* 商品一覧の下のコンテンツ */
#index_content2 { background:#e6e3dc; min-width:1160px; }
#index_content2_inner { width:1160px; margin:0 auto; display:table; padding:50px 0; }
#index_content2 .right_content { width:560px; display:table-cell; vertical-align:middle; }
#index_content2 .right_content_inner { float:right; display:block; }
#index_content2 .headline { font-size:28px; font-weight:bold; line-height:180%; margin:0 0 20px; }
#index_content2 .desc { font-size:14px; line-height:220%; margin:0 0 30px 0; font-weight:400; }
#index_content2 .image { float:left; display:block; }


/* お知らせ、ブログコンテンツ */
.index_news_blog_image { width:100%; height:auto; display:block;  }
#index_news_blog { width:1160px; margin:0 auto; padding:10px 0 100px; }
#index_news_blog .headline { font-size:36px; font-weight:400; line-height:220%; margin:0 0 10px 0; }
#index_news_blog .left { float:left; width:553px; }
#index_news_blog .right { float:right; width:553px; }
#index_news_blog li { margin:0 0 30px 0; }
#index_news_blog li a.image { width:120px; height:120px; display:block; float:left; margin:0 25px 0 0; position:relative; overflow:hidden; }
#index_news_blog li a.image img { display:block; width:100%; height:100%; }
#index_news_blog li a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#index_news_blog li a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#index_news_blog li .date { font-size:14px; font-weight:bold; line-height:120%; }
#index_news_blog li .title { font-size:14px; font-weight:400; line-height:180%; display:block; margin-top:10px; }
#index_news_blog .link_button a { display:inline-block; color:#fff; height:50px; line-height:50px; padding:0 45px; }
#index_news_blog .link_button a:hover { text-decoration:none; }


/* お店の情報 */
#index_info_map iframe { width:100%; height:480px; }
#index_info { width:1160px; margin:0 auto; text-align:center; padding:100px 0; }
#index_info .image { margin:0 14px 50px; }
#index_info .desc p { font-size:14px; line-height:220%; margin:0 0 30px; }

/* リンクボタン */
a.link_button, #index_news_blog .link_button a { display:inline-block; height:50px; line-height:50px; padding:0px 74px; color:#fff; font-weight:bold; }




/* ----------------------------------------------------------------------
 ギャラリー
---------------------------------------------------------------------- */
#gallery_archive { width:1160px; margin:0 auto; padding:20px 0; }
#gallery_archive .headline { width:560px; font-size:28px; font-weight:bold; line-height:180%; float:left; }
#gallery_archive .desc { font-size:14px; line-height:220%; margin:0 0 30px 0; font-weight:400; width:560px; float:right; }
#gallery_archive .desc_area { margin:0 0 60px 0; }
#gallery_archive ol { margin:0; position:relative; }
#gallery_archive li { float:left; margin:0 -10px -10px 0; width:220px; height:220px; position:relative; overflow:hidden; border:10px solid #e6e3dc; }
#gallery_archive li a img { display:block; width:220px; height:220px; }
#gallery_archive li a:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#gallery_archive li a:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
.archive_button { text-align:center; margin:50px auto 0; }
#gallery_archive .link_button { }

/* 詳細ページ */
#gallery_single { width:1160px; margin:0 auto; padding:100px 0 70px; text-align:center; }
#gallery_single .post_image { margin:0 0 30px 0; }
#gallery_single .post_title { font-size:24px; font-weight:bold; line-height:160%; margin:0 0 30px 0; }
#gallery_archive_wrap { border-top:1px solid #ddd; }




/* ----------------------------------------------------------------------
 メニュー
---------------------------------------------------------------------- */
#menu_archive { width:1160px; margin:0 auto; padding:20px 0 0; overflow:hidden; }
#menu_archive .headline { width:560px; font-size:28px; font-weight:bold; line-height:180%; float:left; }
#menu_archive .desc { font-size:14px; line-height:220%; margin:0 0 30px; font-weight:400; width:560px; float:right; }
#menu_archive .desc_area { margin:0 0 60px 0; }
#menu_archive .headline2 { font-size:28px; font-weight:400; line-height:220%; margin:0 0 10px 0; }
#menu_archive .headline2 span { font-size:28px; font-weight:bold; margin:0 15px 0 0; }
#menu_archive ol { margin:0 -32px 80px 0; position:relative; }
#menu_archive li { display:inline-block; vertical-align:top; margin:0 26px 20px 0; position:relative; width:268px; }
#menu_archive li a.lightbox { position:relative; width:240px; height:240px; display:block; border:14px solid #e6e3dc; margin:0 0 15px 0; }
#menu_archive li a.lightbox img { display:block; width:240px; height:240px; }
#menu_archive li a.lightbox:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#menu_archive li a.lightbox:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#menu_archive li a.title { font-size:14px; font-weight:bold; line-height:160%; display:block; margin:0 0 10px 0; }
#menu_archive li p.excerpt { line-height:200%; font-size:12px; }


/* 詳細ページ */
#menu_single { width:1160px; margin:0 auto; background:#ebe9e4; }
#menu_slider_wrap { padding:25px 25px 0; height:500px; position:relative; overflow:hidden; }
#menu_slider .slides { width:830px; height:500px; overflow:hidden; }
#menu_slider .slides img { width:830px; height:auto; display:block; }
#menu_slider_nav { position:absolute; right:25px; top:25px; }
#menu_slider_nav li { margin:0 0 18px 0; line-height:100%; position:relative; width:260px; height:155px; }
#menu_slider_nav li:last-child { margin:0; }
#menu_slider_nav li:hover { cursor:pointer; }
#menu_slider_nav li img { width:260px; height:155px; display:block; position:relative; }
#menu_slider_nav li:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#menu_slider_nav li:hover:after, #menu_slider_nav li.flex-active:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#menu_main_image { padding:25px 25px; background:#fff; margin:0 25px 25px; top:25px; position:relative; }
#menu_main_image img { display:block; margin:0 auto; max-width:100%; height:auto; }
#menu_bottom_area { padding:30px 0 25px; }
#menu_bottom_area h2 { font-size:28px; font-weight:400; line-height:220%; width:300px; text-align:right; float:left; margin:5px 0 0 25px; }
#menu_bottom_area .desc { float:right; width:750px; margin:0 25px 0 0; }
#menu_bottom_area h3 { font-size:14px; margin:0 0 10px 0; }
#menu_bottom_area .post_content { font-size:12px;  }
#menu_bottom_area .post_content p { margin:0; }
#menu_archive_wrap #menu_archive { padding:50px 0 0 0; }
#menu_archive_wrap .archive_button { margin:0 0 100px 0; }




/* ----------------------------------------------------------------------
 ブログ・お知らせ
---------------------------------------------------------------------- */
#archive_post_list ol { margin:0; padding:0; }
#archive_post_list li { border-bottom:1px dotted #ddd; padding:0 0 40px 0; margin:0 0 30px; }
#archive_post_list li ul { margin:0 0 30px 0; }
#archive_post_list li li { border:none; margin:0 15px 0 0; padding:0; float:left; font-size:14px; font-weight:bold; line-height:160%; }
#archive_post_list li li.post_category {  font-size:14px; font-weight:400; }
#archive_post_list li .image { float:left; width:355px; height:210px; display:block; position:relative; margin-top:8px; }
#archive_post_list li .image img { width:355px; height:210px; display:block; }
#archive_post_list li a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#archive_post_list li a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#archive_post_list li .right_content { float:right; width:412px; }
#archive_post_list li .title { font-size:20px; font-weight:400; line-height:180%; display:block; margin:5px 0 10px; }
#archive_post_list li .title a { display:block; }
#archive_post_list li .excerpt { line-height:220%; font-size:14px; }

p.no_post { margin:0 0 40px 0; }

.archive_headline { font-size:28px; font-weight:bold; line-height:180%; margin:0 0 30px 0; }




/* ----------------------------------------------------------------------
 詳細ページ
---------------------------------------------------------------------- */
#single_post .post_title { font-size:26px; font-weight:400; line-height:160%; margin:0 0 10px 0; }
#single_post .post_meta { margin:0 0 35px 0; font-weight:bold; }
#single_post .post_meta li { display:inline; font-size:14px; margin:0 25px 12px 0 !important; line-height:100%; }
#single_post .post_meta li.post_category, #single_post .post_meta li.post_comment, #single_post .post_meta li.post_author { display:inline; font-size:12px; font-weight:400; line-height:100%; }
#single_post .post_image { margin:0 0 40px 0; text-align:center; }
#single_post .post_image img { max-width:100%; height:auto; display:block; margin:0 auto; }
#single_post .post_content { margin:0 0 20px 0; }


/* シェアボタン */
.bookmark { margin:0 0 80px 0; }
.bookmark li { float:left; margin:0 15px 0 0; }


/* 次の記事、前の記事リンク */
#previous_next_post { margin:0 0 80px 0; }
#previous_post { float:left; position:relative; line-height:160%; margin-left:200px; }
#next_post { text-align:right; float:right; line-height:160%; margin-right:200px; }
#previous_next_post a {
  font-size:14px; width:195px; color:#fff; text-align:center;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#previous_post a { padding:15px; display:block; background:#aaa url(img/common/arrow_left.png) no-repeat left 15px center; }
#next_post a { padding:15px; display:block; background:#aaa url(img/common/arrow_right.png) no-repeat right 15px center; }
#previous_next_post a:hover { text-decoration:none; background-color:#ff9c00; }


/* 広告 */
#banner_area { text-align:center; margin:0 0 80px 0; }
.banner1 { display:inline-block; margin:0 10px; }
.banner2 { display:inline-block; margin:0 10px; }


/* 関連記事 */
#related_post .headline { font-size:18px; font-weight:bold; line-height:100%; padding:0 0 20px 0; margin:0 0 40px 0; border-bottom:1px dotted #aaa; }
#related_post ol { margin:0 -55px 0 0; position:relative; }
#related_post li { display:inline-block; vertical-align:top; width:375px; margin:0 50px 40px 0; position:relative; }
#related_post li .image { margin:0 15px 0 0; display:block; width:120px; height:120px; float:left; position:relative; }
#related_post li a.image img { width:120px; height:120px; display:block; }
#related_post li a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#related_post li a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#related_post li .title { font-size:14px; line-height:150%; font-weight:bold; display:block; }
#related_post li .post_date { font-weight:bold; font-size:12px; margin:0 0 20px 0; }


/* おすすめ記事 */
#recommended_post .headline { font-size:18px; font-weight:bold; line-height:100%; padding:0 0 20px 0; margin:0 0 40px 0; border-bottom:1px dotted #aaa; }
#recommended_post ol { margin:0 -55px 0 0; position:relative; }
#recommended_post li { display:inline-block; vertical-align:top; width:375px; margin:0 50px 40px 0; position:relative; }
#recommended_post li .image { margin:0 15px 0 0; display:block; width:120px; height:120px; float:left; position:relative; }
#recommended_post li a.image img { width:120px; height:120px; display:block; }
#recommended_post li a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#recommended_post li a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#recommended_post li .title { font-size:14px; line-height:150%; font-weight:bold; display:block; }
#recommended_post li .post_date { font-weight:bold; font-size:12px; margin:0 0 20px 0; }


/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */

/* menu category list */
.tcdw_menu_category_list_widget li { margin:0 0 15px 0; }
.tcdw_menu_category_list_widget li:last-child { margin:0; }
.tcdw_menu_category_list_widget li ul.list_outer { display:table; table-layout:fixed; width:300px; height:120px; }
.tcdw_menu_category_list_widget li ul.list_outer li.list_image { display:table-cell; }
.tcdw_menu_category_list_widget li ul.list_outer li.list_title { display:table-cell; vertical-align:middle; width:130px; height:120px; padding: 0 25px; }
.tcdw_menu_category_list_widget a {}
.tcdw_menu_category_list_widget a:hover { text-decoration:none; }
.tcdw_menu_category_list_widget .image { display:block; width:120px; height:120px;}
.tcdw_menu_category_list_widget .image img { width:120px; height:120px; vertical-align:top; }
.tcdw_menu_category_list_widget .title { font-size:16px; color:#fff; font-weight:400; width:130px; height:120px; }
.tcdw_menu_category_list_widget .no_image li { margin:0 0 5px 0; }
.tcdw_menu_category_list_widget .no_image a { height:auto; padding:15px 25px; }
.tcdw_menu_category_list_widget .no_image .title { margin:0; width:auto; float:none; }


/* category list */
.tcdw_category_list_widget li { margin:0 0 15px 0; }
.tcdw_category_list_widget li:last-child { margin:0; }
.tcdw_category_list_widget li ul.list_outer { display:table; table-layout:fixed; width:300px; height:120px; }
.tcdw_category_list_widget li ul.list_outer li.list_image { display:table-cell; }
.tcdw_category_list_widget li ul.list_outer li.list_title { display:table-cell; vertical-align:middle; width:130px; height:120px; padding: 0 25px; }
.tcdw_category_list_widget a {}
.tcdw_category_list_widget a:hover { text-decoration:none; }
.tcdw_category_list_widget .image { display:block; width:120px; height:120px;}
.tcdw_category_list_widget .image img { width:120px; height:120px; vertical-align:top; }
.tcdw_category_list_widget .title { font-size:16px; color:#fff; font-weight:400; width:130px; height:120px; }
.tcdw_category_list_widget .no_image li { margin:0 0 5px 0; }
.tcdw_category_list_widget .no_image a { height:auto; padding:15px 25px; }
.tcdw_category_list_widget .no_image .title { margin:0; width:auto; float:none; }

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_top { background:#e6e3dc; min-width:1160px; }
#footer_top_inner { width:1160px; margin:0 auto; padding:90px 0; text-align:center; }


/* logo */
#footer_logo_text { margin-bottom:10px; }
#footer_logo_text #footer_logo { height:50px; line-height:50px; font-size:24px; font-weight:bold; }
#footer_logo_text #footer_logo a { display:block; padding:0 20px; }
#footer_logo_image { margin-bottom:20px; }
#footer_logo_image #footer_logo a { display:block; }


/* menu list */
#footer_menu_list { width:935px; margin:0 auto; text-align:left; padding:50px 0 0 0; }
#footer_menu_list ol { margin-right:-15px; }
#footer_menu_list li { float:left; width:175px; margin:0 15px 15px 0; font-size:12px; }
#footer_menu_list li a { display:block; }


/* SNSボタン */
#footer_social_link { position:absolute; left:0px; top:35px; z-index:9; }
#footer_social_link li { display:inline-block; margin:0; position:relative; }
#footer_social_link li a {
  display:block; white-space:nowrap; text-indent:100%; overflow:hidden; width:30px; height:30px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#ccc; font-size:18px; display:block; position:absolute; top:10px; left:9px;
  width:17px; height:17px; line-height:17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

#footer_social_link li.twitter:before { content:'\e904'; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; top:11px; }
#footer_social_link li.pint:before { content:'\e905'; top:11px; }
#footer_social_link li.flickr:before { content:'\eaa4'; top:11px; }
#footer_social_link li.tumblr:before { content:'\eab9'; top:11px; }
#footer_social_link li.rss:before { content:'\e90b'; }
#footer_social_link li.twitter:hover:before { color:#16b9dc; }
#footer_social_link li.facebook:hover:before { color:#3B5998; }
#footer_social_link li.insta:hover:before { color:#8a3ab9; }
#footer_social_link li.rss:hover:before { color:#ffcc00; }
#footer_social_link li.pint:hover:before { color:#cb2027; }
#footer_social_link li.flickr:hover:before { color:#ff0084; }
#footer_social_link li.tumblr:hover:before { color:#34526f; }


/* コピーライト */
#footer_bottom { position:relative; height:100px; width:1160px; margin:0 auto; }
#copyright { text-align:center; position:absolute; width:100%; line-height:100px; }


/* ページ上部へ戻るボタン */
#return_top { }
#return_top a { position:fixed; right:20px; bottom:24px; text-indent:-200px; display:block; width:100%; height:50px; width:50px; margin:0; padding:0; text-decoration:none; background:#ccc url(img/footer/return_top.png) no-repeat center; overflow:hidden; z-index:10; border-radius:100%; }
#return_top a:hover { background-color:#333; }
