@charset "utf-8";

body { min-width:100%; }

/* レイアウト */
#header { height:60px; min-width:100%; width:100%; background:#fff; position:relative; left:0px; top:0px; z-index:100; border-bottom:1px solid #ccc; box-shadow:0 4px 4px 0 rgba(0,0,0,0.1); margin:0; }
#header_inner { height:auto; width:auto; margin:0 auto; position:relative; }
#main_content1 { width:100%; }
#main_content2 { width:100%; }
#main_content2_inner { width:100%; padding:40px 0 0; }
#one_col2 { width:100%; margin:0 auto; padding:0 0 50px 0; }
#main_col { width:auto; float:none; margin:0; padding:0 15px; }
#side_col { width:auto; float:none; padding:50px 15px 0; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

/* グローバルメニュー */
a.menu_button {
   position:absolute; right:0; top:0px; z-index:100; border-left:1px solid #ddd;
   display:inline-block; font-size:11px; color:#333; padding:0 15px; height:60px; line-height:60px; text-decoration:none;
}
a.menu_button:hover { background:#222; color:#fff; }
a.menu_button.active { color:#fff; background:#333; }

#global_menu { display:none; clear:both; width:100%; margin:0; top:56px; position:absolute; z-index:100; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu ul { margin:0; }
#global_menu a { display:block; border:1px solid #666; margin:0 0 -1px 0; padding:2px 10px 2px 32px; line-height:40px; text-decoration:none; color:#fff; background:#333 url(img/common/arrow4.png) no-repeat 20px  !important; font-size:13px; }
#global_menu a:hover { color:#fff; }
#global_menu ul ul a { padding-left:46px; background:#333 url(img/common/arrow4.png) no-repeat 34px !important; }
#global_menu ul ul ul a { padding-left:60px; background:#333 url(img/common/arrow4.png) no-repeat 48px  !important; }


/* ロゴ */
#logo_text { margin:19px 0 0 15px; z-index:9999; float:left; }
#logo_text h1 { font-size:18px; font-weight:normal; }
#logo_text a, #logo_image h1 a { color:#333; text-decoration:none; display:block; }
#logo_text a:hover, #logo_image h1 a:hover { text-decoration:underline; }
#logo_image { margin:19px 0 0 15px; z-index:9999; float:left; }
#logo_image h1 { top:0px !important; left:0px !important; font-weight:normal; margin:0; padding:0; line-height:100%; font-size:18px; }
#logo_image h1 img { display:none; }
#logo_image h1 a:before { content:attr(data-label); }
#logo_image_mobile { float:left; margin:0 0 0 15px; font-size:18px; font-weight:normal; }
#logo_image_mobile a { display:block; height:20px; margin:19px 0 0 0; }
#logo_image_mobile img { height:100%; width:auto; }


/* パンくずリンク */
#bread_crumb { padding:0; margin:15px 15px; width:auto; }
#bread_crumb li { font-size:10px; background:url(img/common/arrow5.gif) no-repeat right 3px; line-height:160%; }




/* ----------------------------------------------------------------------
 グリッドレイアウトの設定
---------------------------------------------------------------------- */

.box_list_headline .headline { font-size:17px; }

/* タイプ1 ----------------------------------------------------------- */
.box-sizer { width:100%; }
.box_list .box { width:100%; }
.box_list .box2 { width:100%; }

/* Firefoxでは横幅を調整 */
@-moz-document url-prefix() {
  .box-sizer { width:100%; }
}

/* 以下基本設定とアニメーション */
.box_list .caption > div {
  padding:15px 25px; width:100%; background:rgba(255,255,255,0.7);
  position:absolute;
  left:0; top:auto; bottom:0px;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list .box img {
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list .caption .title, .box_list .caption .excerpt {
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list .caption .title {
  font-size:20px; font-weight:normal; line-height:160%; margin:0 0 10px 0;
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list .caption .excerpt {
  font-size:14px; line-height:180%; margin:0; max-height:50px; overflow:hidden;
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
.mobile .box_list .caption .title, .mobile .box_list .caption .excerpt { color:#000000; }
.mobile .box_list .caption .title, .mobile #single_product_list .caption .title { font-size:14px; font-weight:bold; }
.mobile .box_list .caption .excerpt, .mobile #single_product_list .caption .excerpt { font-size:12px; }
.box_list .box:hover img { opacity:1 !important; }

.box_list .box:hover .title, .box_list .box:hover .excerpt {
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}

.box_list .box:hover .excerpt {
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}


/* タイプ2 --------------------------------------------------- */
.box_list2 .box { float:none; width:100%; }
#box_list3 .box { width:100%; width:-webkit-calc(100%); width:calc(100%); width:calc(100%); }
#blog_list .box { }


.box_list2 .caption, .box_list2 a { position:absolute; top:0; left:0; width:100%; height:100%; }
.box_list2 a { z-index:10; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; }
.box_list2 .has_image .caption > div {
  padding:15px 25px; width:100%; background:rgba(0,0,0,0.6);
  position:absolute;
  left:0; top:auto; bottom:0px;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
#single_product_list .has_image .caption > div {
  background:rgba(255,255,255,0.6);
  color:#333;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list2 .box img {
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list2 .box:hover img {
  opacity:1 !important;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list2 .has_image .caption .date, .box_list2 .has_image .caption .title, .box_list2 .has_image .caption .excerpt {
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list2 .has_image .caption .title { max-height:45px; overflow:hidden; }
.box_list2 .has_image .caption .excerpt { max-height:40px; overflow:hidden; }
.box_list2 .has_image .caption .date, .box_list2 .has_image .caption .title, .box_list2 .has_image .caption .excerpt {
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}
.box_list2 .has_image:hover .date, .box_list2 .has_image:hover .title, .box_list2 .has_image:hover .excerpt {
  opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}

.box_list2 .has_image:hover .title {
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}

.box_list2 .has_image:hover .excerpt {
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
  -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;
}




/* ----------------------------------------------------------------------
 ページテンプレート１
---------------------------------------------------------------------- */

/* キャッチコピー部分 */
#template1_header { padding:55px 15px 35px; }
#template1_header .headline { font-size:24px; }


/* 一覧 */
.template1_content_list .box { float:none; width:100%; overflow:auto; }
.template1_content_list .box:before { content:""; display:none; padding-top:100%; }
.template1_content_list .box .content { position:relative; top:0; left:0; bottom:0; right:0; }
.template1_content_list .caption, .template1_content_list .caption a.link { position:relative; top:0; left:0; width:auto; height:auto; }
.template1_content_list .caption a.link { z-index:10; text-indent:0; text-decoration:none; font-size:14px; opacity:1; display:block; padding:20px 15px; text-align:center; background:#ccc; color:#fff; }
.template1_content_list .caption > div { padding:30px 15px 15px; width:100%; position:relative; left:0; top:0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.template1_content_list .title { font-size:24px; margin:0 0 30px 0; }
.template1_content_list .excerpt { font-size:14px; }
.template1_content_list .even .box { float:none; }


/* 商品詳細ページ下部 */
#template1_footer { padding:0 15px 10px; }


/* アーカイブページの見出し */
.template1_content_list_headline { font-size:17px; }




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
#index_news_list {
  height:auto; width:100%; min-width:100%; line-height:180%; padding:15px 15px; 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;
}
#index_news_list .news_title a { float:none; padding:0; width:auto; margin:0; }
#index_news_list .date { font-weight:bold; margin:0 0 8px 0; display:block; }
#index_news_list .archive_link { font-size:12px; width:auto; float:none; position:absolute; top:15px; right:15px; padding:0 10px; display:inline-block; text-decoration:none; color:#fff; }




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */

/* ヘッダー */
#page_header_inner {
  width:100%; padding:30px 15px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


/* アイキャッチ画像 */
#post_image { padding:0; margin:0 0 30px 0; }
#post_image img { width:100%; width:-webkit-calc(100% + 30px); width:calc(100% + 30px); width:calc(100% + 30px); height:auto; display:block; margin:-40px -15px 0; position:relative; }


/* 記事エリア */
#article { margin:0 0 30px 0; }


/* SNSボタン */
#single_share { margin:0 0 10px 0; }


/* メタ情報 */
#post_meta_bottom { margin:0 0 15px 0; background:#fafafa; padding:15px; }
#post_meta_bottom li { display:block; margin:0 0 10px 0; padding:0; border:none; font-size:12px; line-height:160%; }
#post_meta_bottom li:last-child { border:none; margin:0; }


/* 次の記事、前の記事 */
#single_previous_next_post { margin:40px 0 0 0; }


/* 関連記事 */
#related_post { overflow:hidden; margin:30px 0 0 0; }


/* 広告 */
#single_banner_area { margin:0 0 15px 0; padding:1px 0 0 0; text-align:center; }
#single_banner_area .single_banner_left { margin:10px 0; display:block; }
#single_banner_area .single_banner_right { margin:10px 0; display:block; }
#single_banner_area img { max-width:100%; height:auto; display:block; margin:0 auto; }


/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 0 15px 0; text-align:center; }
#single_banner_area2 .single_banner_left { margin:10px 0; display:block; }
#single_banner_area2 .single_banner_right { margin:10px 0; display:block; }
#single_banner_area2 img { max-width:100%; height:auto; display:block; margin:0 auto; }




/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
.headline_base1 { background:#222; color:#fff; height:auto; line-height:170%; font-size:17px; padding:15px; text-align:center; }
#category_desc { background:#fafafa; padding:30px 15px; font-size:14px; }

/* お知らせアーカイブ */
#archive_news_list { background:#fff; padding:10px 0 0; }
#archive_news_list li { border-bottom:1px solid #ddd; margin:0; }
#archive_news_list li:last-child { border:none; margin:0; }
#archive_news_list .image { width:auto; height:auto; float:none; display:block; text-align:center; margin:20px 15px; }
#archive_news_list .image img { width:auto; height:auto; max-width:100%; display:inline; }
#archive_news_list .content a { display:block; padding:15px 17px; text-decoration:none; color:#333; min-height:auto; }
#archive_news_list .content { float:none; width:auto; height:auto; padding:0; overflow:auto; }
#archive_news_list .no_image .content { float:none; width:100%; padding-top:0; }
#archive_news_list .date { font-size:12px; line-height:180%; font-weight:bold; }
#archive_news_list .title { font-size:20px; line-height:160%; margin:0 0 25px 0; }

/* 商品アーカイブ、カテゴリー */
#archive_product_cateogry_menu { display:none; background:#fff; position:relative; }
#archive_product_cateogry_menu li { }
#archive_product_cateogry_menu li a { background:url(img/common/arrow4.png) no-repeat 15px 18px; border-bottom:1px solid #ddd; display:block; padding:10px 15px 10px 25px; line-height:180%; font-size:13px; text-decoration:none; }
#archive_product_cateogry_menu li a:hover { color:#fff !important; }
#archive_product_cateogry_menu ul a { background:url(img/common/arrow4.png) no-repeat 28px 18px; padding-left:38px; }
#archive_product_cateogry_menu ul ul a { background:url(img/common/arrow4.png) no-repeat 41px 18px; padding-left:51px; }
a.category_menu_button {
   background:#fff; text-align:center;
   display:block; font-size:11px; color:#333; padding:0 15px; height:60px; line-height:60px; text-decoration:none;
}
a.category_menu_button:hover { background:#222; color:#fff; }
a.category_menu_button.active { color:#fff; background:#333; }
a.category_menu_button span { background:url(img/common/category_menu.png) no-repeat left; padding:2px 0 2px 20px; }
a.category_menu_button:hover span, a.category_menu_button.active span { background:url(img/common/category_menu2.png) no-repeat left; padding:2px 0 2px 20px; }



/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline { padding:0 15px; margin:30px 0 15px 0; }

#comment_area, #trackback_area { margin:15px 0px 0; }

#comment_header { position:relative; border-bottom:none; }
#comment_header ul { position:relative; right:auto; top:auto; margin:0; }
#comment_header ul li {
  width:100%; float:none; 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;
 }
#comment_header ul li:first-child { border-bottom:1px solid #eee; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border:none; border-top:1px solid #fff; padding:0; margin:0; position:relative; }
#comment_header ul li a, #comment_header ul li p {
  padding:15px; background:#e2e2e2; border:none; color:#333; 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;
}

#comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header ul li.comment_switch_active a:hover { color:#333; }

.comment-meta-left { float:left; width:50%; }

/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 0 0px; padding:15px; background:#fff; }





/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* フッター上部 */
#footer { width:auto; min-width:100%; }
#footer_inner { width:auto; margin:0 auto; padding:70px 0; }


/* メニュー */
#footer_menu { margin:0 0 70px 0; text-align:left; border-top:1px solid #ddd; }
.footer_menu { display:block; width:100%; vertical-align:top; margin:0; }
.footer_menu li { text-align:left; margin:0; font-size:12px; }
.footer_menu li:first-child { margin:0; }
.footer_menu a { display:block; color:#666; border-bottom:1px solid #ddd; padding:20px 15px; }
.footer_menu li:first-child a, .footer_menu li:only-child a { color:#333; font-weight:bold; }

/* メニュー */
#footer_bottom_menu { margin:0 10px 30px; }
#footer_bottom_menu li { font-size:12px;  }
#footer_bottom_menu li a { margin:0 15px 15px 0; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 50px 0; font-size:12px; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }


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