@charset "utf-8";




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { color:#333; line-height:1; position:relative; overflow:hidden; width:100%; min-width:100%; padding:0; background:#f2f2f2; }


/* 見出し */
#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; }


/* メインコンテンツ */
#container {
  background:#fff; border:none; box-shadow:0 0px 10px 0;
  position:relative; width:100%; right:0; z-index:10;
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.open_left #container { right:85%; }
.open_right #container { right:-85%; }


/* 右のウィジェットエリア */
#side_col {
  display: none;
  position:fixed; top:0px; right:0px; width:85%; height:100%; z-index:9; padding:55px 15px; overflow:auto;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.open_left #side_col { display:block; }
.open_right #side_col { display:none; }


/* 左のメニューエリア */
#navi {
  display: none;
  position:fixed; top:0px; left:0px; width:85%; height:100%; z-index:9; padding-top:55px; overflow:auto;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.open_left #navi { display:none; }
.open_right #navi { display:block; }
#navi > ul { margin-bottom:100px; }
#navi a { display:block; border-bottom:1px solid #ccc; padding:15px; text-decoration:none; color:#333; }
#navi li li a { padding-left:30px; }
#navi li li li a { padding-left:60px; }
#navi li li li li a { padding-left:90px; }
#navi a:hover { color:#fff; background:#ff9c00; }
#navi .side_headline { margin:0; padding:15px; border-bottom:1px solid #ccc; }


/* 固定ボタン */
#footer_menu_button {
  position:fixed; right:0px; bottom:0px; z-index:10; width:100%; background:rgba(255,255,255,0.9); border-top:1px solid #ccc; height:50px; box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.open_left #footer_menu_button { right:85%; }
.open_right #footer_menu_button { right:-85%; }
#footer_menu_button li { float:left; width:25%; font-size:10px; }
.open_left #footer_menu_button li#footer_menu_button2 { float:right; width:15%; }
.open_right #footer_menu_button li { width:15%; }
#footer_menu_button li a { display:block; text-align:center; padding-top:14px; height:36px; line-height:50px; color:#333; text-decoration:none; }
#footer_menu_button li#footer_menu_button1 a { background:url(../img/footer/mobile_menu1.png) no-repeat center 9px; }
#footer_menu_button li#footer_menu_button2 a { background:url(../img/footer/mobile_menu2.png) no-repeat center 9px; }
#footer_menu_button li#footer_menu_button3 a { background:url(../img/footer/mobile_menu3.png) no-repeat center 9px; }
#footer_menu_button li#footer_menu_button4 a { background:url(../img/footer/mobile_menu4.png) no-repeat center 8px; }
#footer_menu_button li a:hover { background-color:#ddd !important; }
.open_left #footer_menu_button li#footer_menu_button2 a { background:url(../img/footer/mobile_menu5.png) no-repeat center 9px; }
.open_right #footer_menu_button li#footer_menu_button1 a { background:url(../img/footer/mobile_menu5.png) no-repeat center 9px; }


/* その他のレイアウト */
#main_col { padding:20px 15px; margin:0 auto; }


#bread_crumb li{ font-size: 10px; }
#bread_crumb li.home a:before{ font-size: 12px; }

/* ----------------------------------------------------------------------
 ページテンプレート
---------------------------------------------------------------------- */
/* テンプレート1 */
#page_template1 { margin:0 auto; padding:40px 15px 15px; }
#page_template1 .row { margin:0 0 40px 0; }
#page_template1 .desc_area { }
#page_template1 .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template1 .desc { font-size:14px; line-height:200%; margin:0 0 20px 0; font-weight:400; }
#page_template1 .image { display:block; max-width:100%; height:auto; margin:0 auto; }
#page_template1 .right .desc_area { }
#page_template1 .right .image { }


/* テンプレート2 */
#page_template2 { margin:0 auto; padding:40px 15px; }
#page_template2 .row1 { margin:0 0 40px 0; }
#page_template2 .row1 img { float:left; width:180px; height:auto; display:block; margin:0 15px 15px 0; }
#page_template2 .row1.center_col img { float:right; margin:0 0 15px 15px; }
#page_template2 .row1 .desc { font-size:14px; line-height:200%; margin:0; font-weight:400; }
#page_template2 .row2 { margin:0 0 40px 0; clear:both; }
#page_template2 .row2 img { max-width:100%; height:auto; display:block; margin:0 auto; }
#page_template2 .row3 { margin:0 0 40px 0; }
#page_template2 .row3 .desc_area, #page_template2 .row4 .desc_area { }
#page_template2 .row3 .headline, #page_template2 .row4 .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template2 .row3 .desc, #page_template2 .row4 .desc { font-size:14px; line-height:200%; margin:0 0 20px 0; font-weight:400; }
#page_template2 .row3 .image, #page_template2 .row4 .image { display:block; max-width:100%; height:auto; }
#page_template2 .row4 .desc_area {  }
#page_template2 .row4 .image { }


/* テンプレート3 */
#page_template3 { margin:0 auto; padding:40px 15px; }
#page_template3 .row2 { margin:0 0 40px 0; }
#page_template3 .row2.center_col img { float:right; margin:0 0 15px 15px; }
#page_template3 .row2 img { float:left; width:180px; height:auto; display:block; margin:0 15px 15px 0; }
#page_template3 .row2 .desc { font-size:14px; line-height:200%; margin:0; font-weight:400; }
#page_template3 .row3 { margin:0 0 40px 0; }
#page_template3 .row3 img { max-width:100%; height:auto; display:block; margin:0 auto; }
#page_template3 .row1 { margin:0 0 40px 0; }
#page_template3 .row1 .desc_area, #page_template3 .row4 .desc_area { }
#page_template3 .row1 .headline, #page_template3 .row4 .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 20px 0; }
#page_template3 .row1 .desc, #page_template3 .row4 .desc { font-size:14px; line-height:200%; margin:0 0 20px 0; font-weight:400; }
#page_template3 .row1 .image, #page_template3 .row4 .image { display:block; max-width:100%; height:auto; margin:0 auto; }
#page_template3 .row4 .desc_area {  }
#page_template3 .row4 .image { }




/* ----------------------------------------------------------------------
 詳細ページ
---------------------------------------------------------------------- */
#single_post .post_title { font-size:21px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#single_post .post_meta { margin:0 0 40px 0; font-weight:bold; }
#single_post .post_meta li { display:inline; font-size:11px; margin:0 25px 15px 0; line-height:180%; }
#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; }


/* 広告 */
#banner_area_top { text-align:center; margin:0 0 30px 0; }
#banner_area_top img { max-width:100%; height:auto; }
#banner_area_bottom { text-align:center; margin:0 0 35px 0; }
#banner_area_bottom img { max-width:100%; height:auto; }


/* シェアボタン */
.bookmark { margin:0 0 50px 0; }
.bookmark li { float:left; margin:0 15px 0 0; }


/* 次の記事、前の記事リンク */
#previous_next_post{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
#previous_next_post p{ display: block; width: calc(50% - 2px); border: solid 1px #ddd; text-align: center; float: none; }
#previous_next_post p:last-child{ border-left: none; }
#previous_next_post p a{ display: block; height: 50px; line-height: 50px; background: none; width: 100%; padding: 0; position: relative; }
#previous_next_post p a:before{
  font-family:'design_plus'; color:#ccc; font-size:14px; display:inline; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#previous_next_post #previous_post a:before { content:'\e90f'; top:0px; left:10px; }
#previous_next_post #next_post a:before { content:'\e910'; top:0px; right:10px; }




/* 関連記事 */
#related_post .headline { font-size:18px; font-weight:bold; line-height:100%; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dotted #aaa; }
#related_post ol { margin:0; position:relative; }
#related_post li { margin:0 0 20px 0; position:relative; }
#related_post li .image { margin:0 15px 0 0; display:block; width:100px; height:100px; float:left; position:relative; }
#related_post li a.image img { width:100%; height:auto; display:block; }
#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; }


/* コメント */
#comment_headline { font-size:18px; font-weight:bold; line-height:100%; padding:0 0 20px 0; margin:20px 0 20px 0; border-bottom:1px dotted #aaa; }
/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { position:relative; }
#comment_headline { }
#comment_header ul { position:relative; right:0px; top:0px; margin:0; }
#comment_header ul li { float:none; text-align:center; margin:0 0 -1px 0; width:100%; line-height:140%; }
#comment_header ul li a, #comment_header ul li p {
  font-size:11px; padding:15px; margin:0; text-decoration:none; display:block; font-weight:bold;
  border:1px solid #ccc;
}
#comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p
 {  }
#comment_header ul li a:hover { text-decoration:underline; }
#comment_header ul li.comment_switch_active a { text-decoration:underline; }
#comment_header ul li.comment_switch_active a:hover { text-decoration:underline; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border-left:none; padding:0; margin:0; }




/* ----------------------------------------------------------------------
 ブログ・お知らせ
---------------------------------------------------------------------- */
#archive_post_list ol { margin:0; padding:0; }
#archive_post_list li { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin:0 0 20px 0; }
#archive_post_list li:last-child { border-bottom:none; padding: 0; }
#archive_post_list li ul { margin:0 0 15px 0; }
#archive_post_list li li { border:none; margin:0 7px 10px 0; padding:0; display:inline; line-height:180%; font-size:10px; font-weight:bold; }
#archive_post_list li li.post_category{ border-left: solid 1px #000; padding-left: 7px; }
#archive_post_list li .image { width:100%; height:auto; display:block; position:relative; float:none; margin:0 0 10px 0; }
#archive_post_list li .image img { width:100%; height:auto; display:block; }
#archive_post_list li .right_content { }
#archive_post_list li .title { font-size:14px; font-weight:bold; line-height:160%; margin:0 0 5px 0; }
#archive_post_list li .excerpt { line-height:200%; font-size:12px; }

p.no_post { margin:0; }

.archive_headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }

.page_navi a, .page_navi a:hover, .page_navi span{
  background: #fff;
  color: #000;
  border: solid 1px #ddd;
  margin: 0 -1px 5px 0;
}

.page_navi span.current{ border: solid 1px #222; }


/* ----------------------------------------------------------------------
 メニュー
---------------------------------------------------------------------- */
#menu_archive { margin:0 auto; padding:40px 15px; }
#menu_archive .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#menu_archive .desc { font-size:12px; line-height:200%; margin:0 0 30px 0; }
#menu_archive .desc_area { }
#menu_archive .headline2 { font-size:21px; font-weight:bold; line-height:160%; margin:0 0 30px 0; }
#menu_archive .headline2 span { margin:0 15px 0 0; }
#menu_archive ol { margin:0; }
#menu_archive ol li { margin:0 0 20px 0; position:relative; }
#menu_archive ol li a.lightbox { float:left; position:relative; width:120px; height:120px; display:block; border:7px solid #e6e3dc; margin:0 15px 0 0; }
#menu_archive ol li a.lightbox img { display:block; width:100%; height:auto; }
#menu_archive ol li a.title { font-size:16px; font-weight:bold; line-height:160%; display:block; margin:0 0 10px 0; }
#menu_archive ol li p.excerpt { line-height:200%; font-size:12px; }

/* 詳細ページ */
#menu_single { width:100%; margin:0 auto; background:#ebe9e4; }
#menu_slider_wrap { padding:15px 15px 0; position:relative; overflow:hidden; }
#menu_slider .slides { overflow:hidden; }
#menu_slider .slides img { display:block; width:100%; height:auto; }
#menu_slider_nav { z-index:9; position:relative; margin:15px 0 0 0; }
#menu_slider_nav li { float:left; margin:0 0 18px 0; line-height:100%; position:relative; width:33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3); height:auto; }
#menu_slider_nav li:hover { cursor:pointer; }
#menu_slider_nav li img { width:100%; height:auto; 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:15px; background:#fff; margin:0 15px 25px; top:15px; position:relative; }
#menu_main_image img { display:block; margin:0 auto; max-width:100%; height:auto; }
#menu_bottom_area { padding:10px 15px 40px; }
#menu_bottom_area h2 { font-size:28px; font-weight:400; line-height:220%; text-align:center; margin:0 0 5px 0; }
#menu_bottom_area .desc { margin: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:40px 15px; }
#menu_archive_wrap .archive_button { margin:0 0 10px 0; }




/* ----------------------------------------------------------------------
 ギャラリー
---------------------------------------------------------------------- */
#gallery_archive { margin:0 auto; padding:20px 15px; }
#gallery_archive .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#gallery_archive .desc { font-size:12px; line-height:200%; margin:0 0 30px 0; font-weight:400; }
#gallery_archive .desc_area { }
#gallery_archive ol.gallery_thumb_list { margin:0; background:#fff; padding:0px; display: flex; flex-wrap:wrap; }
#gallery_archive ol.gallery_thumb_list li {
  float:none; width:calc(50% - 8px); margin:0 15px 15px 0; position:relative; border:10px solid #e6e3dc;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#gallery_archive ol.gallery_thumb_list li:nth-child(even){ margin: 0 0 15px 0; }
#gallery_archive ol.gallery_thumb_list li a img { display:block; width:100%; height:auto; }
.archive_button { text-align:center; }
#gallery_archive .link_button { }

/* 詳細ページ */
#gallery_single { margin:0 auto; padding:40px 20px 0; }
#gallery_single .post_image { }
#gallery_single .post_image img { max-width:100%; height:auto; display:block; margin:0 auto 30px; }
#gallery_single .post_title { font-size:21px; font-weight:bold; line-height:160%; margin:0 0 30px 0; }
#gallery_archive_wrap { border-top:1px solid #ddd; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { position:relative; margin:0 auto; text-align:center; z-index:9; padding:20px 0; }

/* logo */
#logo_text { }
#logo_text #logo { font-size:24px; font-weight:bold; }
#logo_text #logo a { display:block; }
#logo_image { }
#logo_image #logo { }
#logo_image #logo a { display:block; }
#logo_image img { max-width:100%; height:auto; display:block; margin:0 auto; }

/* メイン画像 */
#main_image img { width:100%; height:auto; display:block; }
#main_image2 { margin:0 auto; }
#main_image2 img { width:100%; height:auto; display:block; }
#main_image3 { text-align:center; background:#e6e3dc; padding:40px 15px; }
#main_image3 h2 { line-height:160%; font-size:21px; font-weight:bold; }




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
/* スライダー */
#top_slider { width:100%; height:auto; margin:0; position:relative; background:#fff; position:relative; }
#top_slider li { position:relative; width:100%; height:auto; }
#top_slider img { width:100%; height:auto; display:block; }
.flex-control-paging { display:none; }
#flex_first_image { width:100%; height:auto; display:block; }


/* スライダーの下のコンテンツ */
#index_content1 { background:#e6e3dc; padding:25px 15px; }
#index_content1 .content { }
#index_content1 .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#index_content1 .desc { font-size:14px; line-height:200%; margin:0; font-weight:400; }
#index_content1 .image { display:block; width:90%; max-width:100%; height:auto; margin:10px auto 0; }
#index_content1 .link_button_wrap { text-align:center; margin:20px 0 0 0; }


/* メニュー */
#index_menu { margin:0 auto; padding:40px 15px 30px; }
#index_menu .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#index_menu .desc { font-size:14px; line-height:200%; margin:0; font-weight:400; }
#index_menu .desc_area { margin:0 0 40px 0; }
#index_menu ol { margin:0; background:#fff; padding:0px; display: flex; flex-wrap:wrap; }
#index_menu li {
  float:none; width:calc(50% - 8px); margin:0 15px 15px 0; position:relative; border:10px solid #e6e3dc;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_menu li:nth-child(even){ margin: 0 0 15px 0; }
#index_menu li a.image { display:block; }
#index_menu li a.title { display:none; }
#index_menu li img { display:block; width:100%; height:100%; }
#index_menu .link_button_wrap { text-align:center; margin:15px 0 0 0; }

.index_news_blog_image{ width: 100%; height: auto; display: block; }

/* ギャラリーの下のコンテンツ */
#index_content2 { background:#e6e3dc; padding:30px 15px; }
#index_content2 .content { }
#index_content2 .headline { font-size:18px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#index_content2 .desc { font-size:14px; line-height:200%; margin:0; font-weight:400; }
#index_content2 .image { display:block; width:90%; max-width:100%; height:auto; margin:0 auto 30px; }
#index_content2 .link_button_wrap { text-align:center; margin:20px 0 0 0; }


/* お知らせ、ブログコンテンツ */
#index_news_blog { padding:30px 15px; }
#index_news_blog .headline { font-size:24px; font-weight:bold; line-height:160%; margin:0 0 10px 0; }
#index_news { margin:0 0 30px 0; }
#index_news_blog ol { margin:0 0 20px 0; }
#index_news_blog li { margin:0 0 0px 0; }
#index_news_blog li a.image { width:100px; height:100px; display:block; float:left; margin:0 15px 15px 0; position:relative; overflow:hidden; }
#index_news_blog li a.image img { display:block; width:100%; height:100%; }
#index_news_blog li .date { font-size:12px; font-weight:bold; line-height:200%; }
#index_news_blog li .title { font-size:14px; font-weight:bold; line-height:200%; display:block; margin:0 0 10px 0; }
#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_news_blog .link_button_wrap { text-align:center; }


/* お店の情報 */
#index_info_map iframe { width:100%; height:480px; }
#index_info { margin:0 auto; padding:40px 15px 10px; }
#index_info_image { text-align:center; }
#index_info .image {
  margin:0 0 35px; max-width:32%; height:auto; padding:0 2px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_info .desc p { font-size:14px; line-height:200%; margin:0 0 30px 0; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
#side_col2{ padding: 0 15px; }

.side_headline { font-size:18px; margin: 0 0 10px 0; }
.side_widget{ margin: 0 0 30px 0; }
.side_widget:last-child { margin:0 0 80px 0; }


/* styled post list1 */
.styled_post_list1 li { margin:0 0 15px 0; }
.styled_post_list1 .image { width:80px; height:80px; }
.styled_post_list1 .image img { width:100%; height:100%; display:block; }
.styled_post_list1 a.image:after { display:none; }


/* menu category list */
.tcdw_menu_category_list_widget li { margin:0 0 10px 0; }
.tcdw_menu_category_list_widget li:last-child { margin:0; }
.tcdw_menu_category_list_widget li ul.list_outer { display: -webkit-box; -webkit-box-pack: justify; display: -webkit-flex; display: -ms-flex; display: flex; width:100%; height:80px; }
.tcdw_menu_category_list_widget li ul.list_outer li.list_image { width:80px; height:80px; }
.tcdw_menu_category_list_widget li ul.list_outer li.list_title { width:calc(100% - 80px); width:-webkit-calc(100% - 80px); height:80px;}
.tcdw_menu_category_list_widget a {}
.tcdw_menu_category_list_widget a:hover { text-decoration:none; }
.tcdw_menu_category_list_widget .image { width:80px; height:80px; }
.tcdw_menu_category_list_widget .image img { width:100%; height:auto; }
.tcdw_menu_category_list_widget .title { display:table-cell; width:100%; padding:0 10px; font-size:14px; color:#fff; font-weight:400; height:80px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; }
.tcdw_menu_category_list_widget .no_image li { margin:0 0 5px 0; }
.tcdw_menu_category_list_widget .no_image a { height:auto; padding:0; margin:0; width:100%; }
.tcdw_menu_category_list_widget .no_image .title { margin:0; width:auto; float:none; }

/* category list */
.tcdw_category_list_widget li { margin:0 0 10px 0; }
.tcdw_category_list_widget li:last-child { margin:0; }
.tcdw_category_list_widget li ul.list_outer { display: -webkit-box; -webkit-box-pack: justify; display: -webkit-flex; display: -ms-flex; display: flex; width:100%; height:80px; }
.tcdw_category_list_widget li ul.list_outer li.list_image { width:80px; height:80px; }
.tcdw_category_list_widget li ul.list_outer li.list_title { width:calc(100% - 80px); width:-webkit-calc(100% - 80px); height:80px;}
.tcdw_category_list_widget a {}
.tcdw_category_list_widget a:hover { text-decoration:none; }
.tcdw_category_list_widget .image { width:80px; height:80px; }
.tcdw_category_list_widget .image img { width:100%; height:auto; }
.tcdw_category_list_widget .title { display:table-cell; width:100%; padding:0 10px; font-size:14px; color:#fff; font-weight:400; height:80px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; }
.tcdw_category_list_widget .no_image li { margin:0 0 5px 0; }
.tcdw_category_list_widget .no_image a { height:auto; padding:0; margin:0; width:100%; }
.tcdw_category_list_widget .no_image .title { margin:0; width:auto; float:none; }


/* search */
.widget_search #search-box, .widget_search #s { width:75%; height:40px; margin:0 0 5px 0; }
.widget_search #search-btn input, .widget_search #searchsubmit { width:25%; }

/* google search */
.google_search #search-box, .google_search #search_input { width:75%; height:40px; margin:0 0 5px 0; }
.google_search #search-btn input, .google_search #search_button { width:25%; }




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_top { background:#e6e3dc; text-align:center; }
#footer_top_inner { margin:0 auto; padding:40px 20px; text-align:center; }


/* logo */
#footer_logo_text { padding-top:30px; margin:0 0 30px 0; }
#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 { padding-top:20px; margin:0 0 20px 0; }
#footer_logo_image #footer_logo a { display:block; }
#footer_logo_image img { display:block; margin:0 auto; }

#footer_logo_image_mobile{ padding: 30px 0; }
#footer_logo_image_mobile a{ display: inline-block; font-size: 0; line-height: 0; }


/* footer widget */
#mobile_footer_widget_wrapper{ display: flex; flex-wrap:wrap; padding: 0 0 0 15px; margin-bottom: 30px; }
.footer_mobile_widget{ width: calc(50% - 15px); text-align: left; margin-right: 15px; }
.footer_mobile_widget h3{ line-height: 240%; margin: 0; font-size: 12px; }
.footer_mobile_widget ul{ line-height: 240%; font-size: 12px; }
.footer_mobile_widget ul ul{ margin-left: 10px; }

/* menu list */
#footer_menu_list { text-align:left; border-top:1px dotted #ccc; }
#footer_menu_list li { margin:0; }
#footer_menu_list li a { display:block; border-bottom:1px dotted #ccc; padding:15px; color:#333; text-decoration:none; }
#footer_menu_list li a:hover { background:#ff9c00; color:#fff; }


/* フッター下部 */
#footer_bottom { text-align:center; height:50px; padding:0 0 50px; }

/* SNSボタン */
/*#footer_social_link { text-align:center; margin:0 0 30px 0; }
#footer_social_link li { margin:0 10px; display:inline; }
#footer_social_link li a {
  display:inline-block; text-indent:-200px; overflow:hidden;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#footer_social_link li.twitter a { width:19px; height:15px; background:url(../img/footer/icon_twitter.png) no-repeat left top; }
#footer_social_link li.facebook a { width:12px; height:21px; background:url(../img/footer/icon_facebook.png) no-repeat left top; top:2px; position:relative; }
#footer_social_link li.rss a { width:17px; height:17px; background:url(../img/footer/icon_rss.png) no-repeat left top; }
#footer_social_link li a:hover { background-position:left bottom; }*/
/* SNSボタン */
#footer_social_link { margin:30px auto 0; padding-bottom: 30px; text-align:center; }
#footer_social_link li { display:inline-block; margin:0; position:relative; }
#footer_social_link li a {
  display:block; text-indent:-200px; 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:14px; display:block; position:absolute; top:10px; left:9px;
  width:17px; height:17px; line-height:17px;
  color: #000;
  -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; }


/* コピーライト */
#copyright { height: 50px; line-height: 50px; }