@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:1; border-bottom:1px solid #ccc; border-top:4px solid #333; 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; }
#contents { width:auto; min-width:100%; margin:0; padding:0; }
#contents_inner { width:auto; margin:0 15; padding:15px 0; }
#main_col { width:auto; float:none; position:relative; margin:0; padding:0 15px; }
#side_col { width:auto; float:none; margin:20px 0 -15px 0; padding:30px 15px; border-bottom:1px dotted #ccc; position:relative; }
.page-template-page-noside #main_col { width:auto; float:none; }



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

/* グローバルメニュー */
a.menu_button {
   position:absolute; right:0; top:3px; z-index:9; 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:63px; position:absolute; z-index:9; 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; }
#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:21px 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:21px 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 { max-width:100%; height:auto; }
#logo_image h1 a:before { content:attr(data-label); }


/* バナー */
#header_banner_area { display:none; }


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




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */

/* トップページのNEWS */
#index_news { position:relative; width:auto; height:auto; background:none; overflow:auto; font-size:12px; margin:0 15px 15px; padding:0; }
#index_news .headline {
  display:block; width:100%; height:45px; line-height:45px; background:#6bb8e4; color:#fff; text-align:left; float:none; margin:0; padding:0 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;
}
#index_news #newsticker { background:#fff; padding:15px; }
#index_news .newsticker { position:relative; overflow:hidden; width:auto; background:none; height:55px; margin:0; float:none; padding:0; }
#index_news ol { margin:0; position:absolute; top:0px; }
#index_news ol li { height:55px; overflow:hidden; line-height:180%; font-size:11px;}
#index_news ol .date { width:auto; height:auto; line-height:100%; display:block; color:#6db8e2; float:none; margin:0 0 6px 0; }
#index_news ol .title { width:auto; height:auto; line-height:100%; display:inline; float:none; }
#index_news .link {
  text-decoration:none; width:auto; height:45px; line-height:45px; display:block; background:url(img/common/arrow_right2.png) no-repeat right 10px top 18px;
  color:#fff; float:none; padding:0 28px 0 0; position:absolute; top:0; right:0px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


/* アーカイブページの見出し */
.archive_headline { width:auto; padding:0 20px; height:50px; line-height:50px; background:#6bb8e4; color:#fff; font-size:12px; margin:0 15px 15px; }
#category_desc { margin:0 15px 15px; }
#category_desc p { line-height:180%; }


/* 記事一覧（トップページ） */
#post_list_type1 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
#post_list_type1 #post_list { margin:0; }
#post_list_type1 #post_list > li { float:none; margin:0 0 15px 0; width:100%; height:auto; background:#fff; position:relative; }
#post_list_type1 #post_list li .title a {
  display:block; width:100%; height:auto; line-height:180%; overflow:auto; text-align:center; padding:15px; text-decoration:none;
  -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_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height:auto; background:#000; }
#post_list li .image img { height:auto; }


/* 記事一覧（アーカイブページ） */
#post_list_type2 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
#post_list_type2 #post_list { position:relative; margin:0; padding:0; }
#post_list_type2 #post_list > li { float:none; margin:0 0 15px 0; width:100%; height:auto; background:#fff; position: relative; }
#post_list_type2 #post_list > li.no_desc { height:auto; }
#post_list_type2 #post_list li .title { font-size:12px; -ms-word-wrap:break-word; word-wrap:break-word; }
#post_list_type2 #post_list li .title a {
  display:block; width:100%; height:auto; line-height:180%; overflow:auto; text-align:center; padding:15px; text-decoration:none;
  -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_list_type2 #post_list li .title a:hover { color:#fff; background:#222; }
#post_list_type2 #post_list .excerpt { margin:0 20px; border-top:1px solid #ddd; padding:15px 0; line-height:180%; height:auto; overflow:auto; font-size:12px; }


/* ローディングボタン */
#load_post { text-align:center; padding:30px 0 0 0; height:60px; position:relative; }
#load_post a { font-size:12px; color:#fff; display:inline-block; background:#bbb url(img/common/arrow_bottom.png) no-repeat 210px 20px; text-decoration:none; height:50px; line-height:50px; width:250px; text-align:center; }
#infscr-loading { padding:20px; font-size:11px; }



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

#article { background:#fff; padding:15px; margin:0 0 20px 0; }

/* 日付 */
#post_date_headline { margin:-15px -15px 15px; background:#6bb8e4; color:#fff; padding:0 15px; height:45px; line-height:45px; }

/* 記事タイトル */
#post_title { padding:0; margin:0 0 15px 0; font-size:18px; line-height:160%; }

/* ギャラリー */
#post_image { margin:0 0 15px 0; }
#gallery { width:auto; }
#gallery img { display:block; width:100%; height:auto; }
.flex-direction-nav { display:none; }

#image_meta { padding:15px; }
#image_meta p { font-size:11px; width:auto; float:none; margin:0 0 10px 0; line-height:160%; }
#image_meta ul { width:auto; float:none; margin:0; }
#image_meta li a { color:#fff; }
#image_meta li { float:left; margin:0 20px 0 0; padding:0; line-height:160%; font-size:11px; }

/* SNSボタン */
.share_button li { padding:0; float:left; margin:0 10px 10px 0; line-height: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; }

/* 次の記事、前の記事リンク */
#previous_next_post { }
#previous_next_post .prev_post { float:none; width:auto; margin:0 0 5px 0; line-height:100%; }
#previous_next_post .next_post { float:none; width:auto; margin:0; line-height:100%; }
#previous_next_post a {
  display:block; font-size:13px; width:100%; height:95px; position:relative; background:#000; overflow:hidden;
 -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_next_post img {
  display:block; opacity:0.6; position:absolute; top:0px; left:0px; z-index:5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
}
@media screen and (max-width:420px) {
  #previous_next_post img { width:375px; height:auto; }
}
#previous_next_post .title {
  display:block; width:100%; height:20px; line-height:20px; overflow:hidden; padding:0 40px; position:absolute; top:38px; left:0px; text-align:center; z-index:10; color:#fff;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

/* 広告 */
#single_banner_area { text-align:center; background:#F0F2F3; border:15px solid #fff; padding:15px; margin:0 0 20px 0; }
#single_banner_area div { display:block; margin:0 0 15px 0; }
#single_banner_area div:last-child, #single_banner_area div:only-child { margin:0; }
#single_banner_area div img { max-width:100%; height:auto; }

/* 関連記事 */
#related_post { overflow:hidden; }
#related_post .headline { background:#6bb8e4; color:#fff; height:50px; line-height:50px; font-size:14px; padding:0 17px; margin:0 0 20px 0; }
#related_post ol { margin:0; position:relative; }
#related_post li { float:none; width:100%; height:auto; margin:0 0 15px 0; position:relative; background:#fff; }
#related_post li .image { margin:0; display:block; width:100%; height:auto; overflow:hidden; }
#related_post li a.image img {
  width:100%; height:auto; display:block; 
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
#related_post li .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
#related_post li .title { display:block; font-size:12px; line-height:150%; margin:0; padding:15px; max-height:100%; overflow:hidden; text-decoration:none; }
#related_post li .title:hover { color:#fff; }
#related_post li .excerpt { margin:0 15px; padding:15px 0; font-size:11px; line-height:180%; max-height:100%; overflow:hidden; border-top:1px solid #ddd; }




/* ----------------------------------------------------------------------
 NEWS
---------------------------------------------------------------------- */

/* 記事ページ */
#single_news_list { background:#fff; padding:15px; }
#single_news_headline { margin:-15px -15px 15px; background:#6bb8e4; color:#fff; padding:0 20px; height:50px; line-height:50px; }
#single_news_list ol { margin:0 0 15px 0; border-bottom:none; }
#single_news_list li { margin:0 0 15px 0; padding:0 0 15px 0; font-size:13px; border-bottom:1px dotted #ccc; }
#single_news_list li .date { float:none; width:auto; display:block; margin:0 0 10px 0; font-size:11px; }
#single_news_list li .title { float:none; width:auto; display:block; line-height:160%; }

/* アーカイブページ */
#news_archive_headline { background:#6bb8e4; color:#fff; padding:0 20px; height:50px; line-height:50px; margin:0 0 15px 0; }
#news_archive #post_list li {
  background:#fff; padding:15px; margin:0 0 15px 0; width:100%;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#news_archive .news_image { margin:0 auto 20px; display:block; width:100%; height:auto; overflow:hidden; float:none; }
#news_archive .news_image img { width:100%; height:auto; }




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */

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

#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:#fff; 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 20px; padding:15px; background:#fff; }





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

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


/* ウィジェットエリア */
#footer_widget_area1 { width:auto; float:none; margin:0; padding:35px 15px; border-bottom:1px solid #ddd; }
#footer_widget_area2 { width:auto; float:none; margin:0; padding:35px 15px; }


/* メニュー */
#footer_menu1 { width:auto; float:none; margin:0; padding:25px 15px; border-bottom:1px solid #ddd; }
#footer_menu2 { width:auto; float:none; margin:0; padding:25px 15px; border-bottom:1px solid #ddd; overflow:auto; }
#footer_menu1 li, #footer_menu2 li { margin:0; padding:0; }
.footer_menu li a { display:block; padding:10px 0px; }


/* ページ最下部 */
#footer_bottom { height:auto; width:100%; min-width:100%; background:#f1f2f4; }
#footer_bottom_inner { height:auto; width:auto; margin:0 auto; position:relative; padding-bottom:115px; }
#footer_bottom_inner.no_social_link { padding-bottom:70px; }


/* ソーシャルボタン */
#footer_social_link { float:none; margin:0; padding:0; position:absolute; bottom:60px; left:0px; width:100%; text-align:center; }
#footer_social_link li { float:none; display:inline-block; vertical-align:top; margin:0 10px; }


/* メニュー */
#footer_bottom_menu { float:none; margin:0; border-bottom:1px solid #ddd; }
#footer_bottom_menu li { float:none; margin:0; font-size:11px;  }
#footer_bottom_menu li a { display:block; border:none; padding:15px; margin:0; border-bottom:1px solid #ddd; }
#footer_bottom_menu li a:hover { }
#footer_bottom_menu li:last-child a { border:none; margin:0; }


/* コピーライト */
#copyright { float:none; margin:0; font-size:11px; width:100%; text-align:center; position:absolute; bottom:30px; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
.side_widget:last-child { margin:0; }

/* styled post list2 */
#side_col1.type2 .styled_post_list1 .image  { float:left; margin:0 15px 5px 0; }


/* image post list */
.styled_post_list4 ol { margin:0; padding:0; position:relative; }
.styled_post_list4 li, #footer_widget_area .styled_post_list4 li { float:left; width:32%; height:auto; margin:0 2% 0 0; }
.styled_post_list4 li:nth-child(3n) { margin-right:0; }


/* 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%; }