@charset "utf-8";
/*
Theme Name:Cubey
Theme URI:https://tcd-theme.com/tcd023
Description: CUBEY is a template developed for personal blogs. It has plenty of space to display ads, allowing you to make use of dead space. The drawer menu stored in the header can encourages access to the archives.
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain:tcd-cubey
Version:3.2
*/



/* --------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
-------------------------------------------------------------------------------- */
@font-face {
    font-family: 'design_plus';
    src: url('fonts/design_plus.eot?v=1.0');
    src: url('fonts/design_plus.eot?v=1.0#iefix') format('embedded-opentype'),
         url('fonts/design_plus.woff?v=1.0') format('woff'),
         url('fonts/design_plus.ttf?v=1.0') format('truetype'),
         url('fonts/design_plus.svg?v=1.0#design_plus') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; min-width:1080px; background:#f8f7f3; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; }
a, a:before, a:after, input { -webkit-transition-property:background color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.2s; -o-transition-timing-function:ease; }
.clear { clear:both; }
.hide { display:none; }


/* レイアウト */
#header_top { height:109px; min-width:1080px; width:100%; background:url(img/header/background.png) repeat-x left top; }
#header_top_inner { height:109px; width:1080px; margin:0 auto; position:relative; }
#header_bottom { width:1080px; margin:20px auto 20px; position:relative; }
#contents { width:1080px; margin:0 auto 100px; }
#main_col { width:710px; float:right; position:relative; }
#side_col { width:300px; float:left; border:1px solid #ccc; background:#fff; padding:18px; }
.page-template-page-noside #main_col { width:auto; float:none; }

/* 固定ヘッダー */
.pc .fixed_header #header_top { position:fixed; top:0px; z-index:9; }
.pc .fixed_header #header_bottom { margin-top:0; padding-top:130px; }

/* 広告 */
.banner_set img { max-width:100%; height:auto; display:block; }
.banner_set_type2 .banner1 { width:630px; }
.banner_set_type2 .banner1 img { margin:0 auto; }
.banner_set_type3 .banner1 { width:300px; float:left; }
.banner_set_type3 .banner2 { width:300px; float:right; }
.banner_set_type4 .banner1 { width:300px; float:left; }
.banner_set_type4 .banner2 { width:300px; float:right; margin-bottom:20px; }
.banner_set_type4 .banner3 { width:300px; float:right; }




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#main_contents { border:1px solid #ccc; background:#fff; margin:0 0 -1px 0; position:relative; }


/* 記事タイトル */
.post_title { background:#eeeeee; padding:16px 35px; font-size:20px; line-height:200%; margin:3px 3px 20px 3px; }


/* カテゴリー情報 */
.post_meta { padding:0 38px; margin:0 0 20px 0; line-height:160%; }
.post_meta a { text-decoration: none; }
.post_meta li { display:inline; margin:0 10px 0 0; padding:2px 15px 2px 0; border-right:1px solid #ccc; line-height:100%; font-size:12px; }
.post_meta li.post_category { background:url(img/common/icon_category.png) no-repeat left 4px; padding-left:17px; }
.post_meta li.post_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding-left:17px; }
.post_meta li.post_comment { background:url(img/common/icon_comment.png) no-repeat left 4px; padding-left:17px; }
.post_meta li.post_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding-left:17px; }
.post_meta li:last-child { border:none; margin:0; }


/* SNSボタン */
.bookmark { margin:0 0 20px 0; padding:0 35px; }
.bookmark li { float:left; }
.bookmark li.social1 { width:110px; }
.bookmark li.social2 { width:110px; }


/* アイキャッチ画像 */
.post_image { padding:0 38px; margin:0 0 20px 0; }
.post_image img { max-width:100%; height:auto; display:block; margin:0 auto; }


/* 記事エリア */
.post_content { padding:0 38px; margin:0 0 20px 0; }


/* ページ分割 */
#post_pagination { margin:0 0 30px 0; clear:both; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:35px; height:35px; line-height:35px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#666; color:#fff; }
#post_pagination a:hover { color:#fff; }


/* 次の記事、前の記事リンク */
#previous_next_post { border-top:1px solid #ccc; margin:0; }
#previous_post { float:left; width:355px; margin-right:-1px; position:relative; line-height:160%; }
#next_post { text-align:right; float:right; width:354px; line-height:160%; }
#previous_next_post a { text-decoration:none; font-size:13px; }
#previous_post a { padding:20px 20px 20px 60px; display:block; background:url(img/common/arrow_left.png) no-repeat 37px; border-right:1px solid #ccc; }
#next_post a { padding:20px 60px 20px 20px; display:block; background:url(img/common/arrow_right.png) no-repeat 310px; border-left:1px solid #ccc; }
#previous_next_post a:hover { background-color:#eee; color:#333; }


/* 見出し */
.single_headline { border-top:5px solid #ccc; padding:20px 38px; font-size:14px; }


/* 関連記事 */
#related_post { margin:0 0 10px 0; }
#related_post ol { margin:0 0 0 35px; }
#related_post li { float:left; width:300px; margin:0 40px 15px 0; }
#related_post li.even { margin-right:0; }
#related_post .image { float:left; display:block; margin:0 15px 0 0; }
#related_post .image img { display:block; width:60px; height:60px; background:#fff; border:1px solid #ccc; padding:4px; }
#related_post .title { line-height:160%; font-size:13px; font-weight:normal; }
#related_post .title a { text-decoration:none; display:block; }
#related_post .title a:hover { text-decoration:underline; }


/* おすすめ記事 */
#single_recommend_post ol { margin:0 38px 30px; background:url(img/common/dot1.gif) repeat-x left top; }
#single_recommend_post li { padding:0; margin:0; background:url(img/common/dot1.gif) repeat-x left bottom; font-size:13px; line-height:160%; }
#single_recommend_post li a { text-decoration:none; background:url(img/common/icon_pencil.gif) no-repeat left 11px; display:block; padding:10px 0 10px 24px ; }
#single_recommend_post li a:hover { text-decoration:underline; }


/* 広告 */
.single_banner_top { padding:25px 38px; margin:0; border-top:1px solid #ccc; }
.single_banner_bottom { padding:25px 38px; margin:0; border-top:1px solid #ccc; }




/* ----------------------------------------------------------------------
 記事一覧
---------------------------------------------------------------------- */

/* 記事一覧 */
#post_list .post_item { border:1px solid #ccc; background:#fff; margin:0 0 -1px 0; padding:3px; position:relative; }
#post_list .title_area { background:#eeeeee; padding:16px 35px; }
#post_list .image img { float:left; display:block; width:80px; height:80px; background:#fff; padding:5px; border:1px solid #ccc; }
#post_list .title { float:right; width:520px; font-size:20px; line-height:200%; margin:5px 0 0 0; }
#post_list .no_thumbnail .title { float:none; width:auto; }
#post_list .title a { text-decoration:none; display:block; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .desc { line-height:200%; padding:23px 35px; }


/* 日付部分*/
.design_date { position:absolute; right:-68px; top:-1px; width:68px; height:94px; color:#fff; }
.design_date .date { font-size:24px; width:68px; text-align:center; display:block; padding:14px 0 7px; }
.design_date .month { font-size:14px; width:68px; text-align:center; display:block; margin:0 0 8px 0; font-weight:bold;}
.design_date .year { font-size:12px; width:68px; text-align:center; display:block; font-weight:bold; }
@media screen and (max-width:1080px) {
  .design_date { display:none; }
}


/* ロードボタン */
#load_post { text-align:center; padding:30px 0; }
#load_post a { display:inline-block; width:254px; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; text-decoration:none; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#loading.hide { display:none; }
#infscr-loading { text-align:center; height:27px; padding:27px 0 0 0; line-height:160%; }


/* その他 */
.archive_headline { background:#333 url(img/common/icon_archive.png) no-repeat 40px 17px; color:#fff; padding:20px 40px 20px 70px; font-size:16px; }
#post_list .post_item.no_post { padding:30px 40px; }


/* 広告 */
.pl_banner_top, .pl_banner_middle, .pl_banner_bottom { background:#fff; padding:30px 38px; border-right:1px solid #ccc; border-left:1px solid #ccc; }




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

/* カテゴリーボタン */
#header_button { position:absolute; left:0px; top:15px; }
#header_button li { float:left; margin:0 20px 0 0; font-size:12px; }
#header_button li a { color:#fff; text-decoration:none; }
#header_button li a:hover { text-decoration:underline; }
#header_button li a.active { }
#header_button li a { height:24px; line-height:24px; }
#header_button li a:before { content:''; display:block; float:left; margin:0 6px 0 0; }
#header_button li.icon_type1 a:before { background:url(img/header/icon_pencil.png) no-repeat left top; width:22px; height:24px; }
#header_button li.icon_type2 a:before { background:url(img/header/icon_check.png) no-repeat left top; width:23px; height:19px; margin-top:2px; }
#header_button li.icon_type3 a:before { background:url(img/header/icon_tag.png) no-repeat left top; width:19px; height:19px; margin-top:3px; }
#header_button li.icon_type4 a:before { background:url(img/header/icon_bell.png) no-repeat left top; width:20px; height:22px; margin-top:2px; }
#header_button li.icon_type5 a:before { background:url(img/header/icon_clip.png) no-repeat left top; width:21px; height:20px; margin-top:2px; }
#header_button li.icon_type6 a:before { background:url(img/header/icon_heart.png) no-repeat left top; width:19px; height:18px; margin-top:4px; }
#header_button li.icon_type7 a:before { background:url(img/header/icon_ribbon.png) no-repeat left top; width:12px; height:21px; margin-top:2px; }
#header_button li.icon_type8 a:before { background:url(img/header/icon_star.png) no-repeat left top; width:22px; height:20px; margin-top:1px; }


/* カテゴリーリスト */
#header_category_list { position:absolute; top:56px; display:none; color:#fff; padding:20px 0 5px; width:100%; min-width:1080px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); z-index:10; }
.fixed_header #header_category_list { position:fixed; }
#header_category_list_inner { width:1080px; margin:0 auto; }
#header_category_list li { float:left; margin:0 25px 20px 0; padding:0 0 0 0; font-size:12px; }
#header_category_list li a { color:#fff; background:url(img/header/arrow1.png) no-repeat left 2px; padding:2px 0 2px 20px; text-decoration:none; }
#header_category_list li a:hover { text-decoration:underline; }

/* おすすめ記事リスト */
#header_recommend_list { position:absolute; top:56px; display:none; background:#fff; padding:25px 0 15px; width:100%; min-width:1080px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); z-index:10; }
.fixed_header #header_recommend_list { position:fixed; }
#header_recommend_list_inner { width:1080px; margin:0 auto; }
#header_recommend_list ol { }
#header_recommend_list li { float:left; width:520px; margin:0 40px 15px 0; padding:0 0 12px 0; font-size:12px; background:url(img/common/dot1.gif) repeat-x left bottom; }
#header_recommend_list li.even { margin-right:0; }
#header_recommend_list li a { padding:0px 50px 0px 0; display:block; text-decoration:none; }
#header_recommend_list li a:before { content:''; background:#ccc url(img/common/icon_check.png) no-repeat left top; display:block; width:23px; height:18px; float:left; margin:-3px 8px 0 0; }
#header_recommend_list li a:hover { text-decoration:underline; }


/* タグリスト */
#header_tag_list { position:absolute; top:56px; display:none; color:#fff; padding:20px 0 5px; width:100%; min-width:1080px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); z-index:10; }
.fixed_header #header_tag_list { position:fixed; }
#header_tag_list_inner { width:1080px; margin:0 auto; }
#header_tag_list li { float:left; margin:0 25px 20px 0; padding:0 0 0 0; font-size:12px; }
#header_tag_list li a { color:#fff; background:url(img/header/arrow1.png) no-repeat left 2px; padding:2px 0 2px 20px; text-decoration:none; }
#header_tag_list li a:hover { text-decoration:underline; }


/* その他の記事リスト */
#header_misc_list { position:absolute; top:56px; display:none; background:#fff; padding:25px 0 15px; width:100%; min-width:1080px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); z-index:10; }
.fixed_header #header_misc_list { position:fixed; }
#header_misc_list_inner { width:1080px; margin:0 auto; }
#header_misc_list ol { }
#header_misc_list li { float:left; width:520px; margin:0 40px 15px 0; padding:0 0 12px 0; font-size:12px; background:url(img/common/dot1.gif) repeat-x left bottom; }
#header_misc_list li.even { margin-right:0; }
#header_misc_list li a { padding:0px 50px 0px 0; display:block; text-decoration:none; }
#header_misc_list li a:before { content:''; background:#ccc url(img/common/icon_check.png) no-repeat left top; display:block; width:23px; height:18px; float:left; margin:-3px 8px 0 0; }
#header_misc_list li a:hover { text-decoration:underline; }


/*  閉じるボタン */
a.close_button { clear:both; display:block; background:url(img/common/close.png) no-repeat left top; padding:0 0 0 25px; text-decoration:none; height:20px; line-height:20px; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
a.close_button:hover { background-position:left bottom; text-decoration:underline; }
a.close_button.type2 { background:url(img/common/close2.png) no-repeat left top; color:#fff; margin-bottom:10px; }


/* ソーシャルボタン */
#header_social_link { float:right; margin:15px 0 0 0; }
#header_social_link li { float:left; margin:0 0 0 7px; }
#header_social_link li a { color:#fff; text-decoration:none; }
#header_social_link img { display:block; }


/* ヘッダーメニュー */
#header_menu { float:right; margin:22px 30px 0 0; }
#header_menu li { float:left; margin:0 0 0 20px; font-size:12px; }
#header_menu li a { color:#fff; text-decoration:none; background:url(img/header/arrow1.gif) no-repeat left 2px; padding:2px 0 2px 20px; }
#header_menu li a:hover { text-decoration:underline; }


/* グローバルメニュー */
.pc #global_menu { position:absolute; left:0px; bottom:4px; z-index:1; }
.pc #global_menu > ul { height:49px; width:1080px; border-right:1px solid #ccc; }
.pc #global_menu > ul > li { float:left; 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; }
.pc #global_menu.num1 > ul > li { width:100%; }
.pc #global_menu.num2 > ul > li { width:50%; }
.pc #global_menu.num3 > ul > li { width:33.3333333333%; }
.pc #global_menu.num4 > ul > li { width:25%; }
.pc #global_menu.num5 > ul > li { width:20%; }
.pc #global_menu.num6 > ul > li { width:16.6666666667%; }
.pc #global_menu.num7 > ul > li { width:14.2857142857%; }
.pc #global_menu.num8 > ul > li { width:12.5%; }
.pc #global_menu.num9 > ul > li { width:11.1111111111%; }
.pc #global_menu.num10 > ul > li { width:10%; }
.pc #global_menu > ul > li a { font-size:13px; text-decoration:none; height:49px; line-height:49px; display:block; border-left:1px solid #ccc; text-align:center; box-shadow:inset 1px -1px 0 0 #fff; }
.pc #global_menu li a:hover { background:url(img/header/menu.gif) repeat-x left bottom; color:#333; box-shadow:none; }

.pc #global_menu ul ul { display:none; width:100%; position:absolute; top:49px; left:0px; margin:0; padding:0; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3); }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
.pc #global_menu ul ul li { float:none; 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; }
.pc #global_menu ul ul a { font-size:11px; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#000; border:1px solid #666; box-shadow:none; color:#fff; }
.pc #global_menu ul ul a:hover { background:none; color:#fff; }

.menu_button { display:none; }


/* ロゴ */
.pc #logo_text { float:left; margin:0 0 20px 0; }
.pc #logo_text h1 { font-size:22px; height:90px; line-height:90px; font-weight:normal; }
.pc #logo_text h1 a { text-decoration:none; display:block; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
.pc #logo_text h1 a:hover { text-decoration:underline; }
.pc #logo_image { height:110px; float:left; }
.pc #logo_image h1 { position:absolute; margin:0; padding:0; line-height:100%; }
.pc #logo_image h1 img { display:block; }


/* バナー */
#header_banner1 { float:right; margin:0 0 20px 0; }
#header_banner1 img { display:block; max-width:100%; height:auto; }
#header_banner2 { clear:both; margin:0 0 20px 0; }
#header_banner2 img { display:block; max-width:100%; height:auto; }


/* サイトの説明文 */
#site_description { clear:both; font-size:13px; }


/* パンくずリンク */
#bread_crumb { clear: both; }
#bread_crumb li.home a {
  float:left; height:15px; width:0px; line-height:15px; display:block; 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;
}
#bread_crumb li.home a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#bread_crumb li.home a:before {
  font-family:'design_plus'; color:#888; font-size:14px; display:block; position:absolute; top:2px; left:0px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li.home:after { display:none; }
#bread_crumb li.home a:before { content:'\e90c'; }
#bread_crumb li.home a:hover:before { color:#fff; }
#bread_crumb li { color:#aaa; font-size:12px; display:inline; padding:0 15px 0 0; margin:0 0 0 15px; line-height:160%; position:relative; }
#bread_crumb li:after {
  font-family:'design_plus'; content:'\e910'; color:#aaa; font-size:9px; display:block; position:absolute; left:-20px; top:-1px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li a { color:#888; text-decoration: none; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
.side_widget { margin:0 0 30px 0; font-size:12px; position:relative; }
.side_widget:last-child { margin:0; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:200%; }
.side_widget a { text-decoration:none; }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_headline { margin:0 0 15px 0; line-height:200%; font-size:14px; font-weight:bold; padding:0 0 5px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }


/* banner */
.ml_ad_widget { margin:0 0 30px 0; border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; }


/* fixed banner */
.fixed_banner_widget { margin:0 0 30px 0; }
#fixed_ad { margin:0; }
#fixed_ad img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; }
.pc .fixed_ad { position:fixed; top:0px; height:auto; width:300px; z-index:5; }
.pc .fixed_ad2 { position:absolute; height:auto; width:300px; z-index:5; }
.pc .fixed_header .fixed_ad { top:125px; }


/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:340%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:300%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; background:#ccc; }
#wp-calendar td#today { font-weight:bold; }


/* styled post list1 */
.styled_post_list1 { margin:0; }
.styled_post_list1 li { padding:0 0 10px 0; margin:0 0 15px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }
.styled_post_list1 li:last-child { margin:0; padding:0; background:none; }
.styled_post_list1 .info { }
.styled_post_list1 .info .date { margin:2px 0 5px 0; line-height:100%; color:#004b64; font-weight:bold; }
.styled_post_list1 .info .title { font-size:12px; margin:0; padding:0 0 5px 0; display:block; font-weight:bold; }
.styled_post_list1 .image { float:left; display:block; margin:0 15px 0 0; }
.styled_post_list1 .image img { width:80px; height:80px; display:block; background:#fff; padding:5px; border:1px solid #ccc; }
.styled_post_list1 .image:hover img {  }
.styled_post_list1 .excerpt { clear:both; padding:7px 0 0 0; line-height:200%; }
.footer_widget .styled_post_list1 li { background:none; padding:0 0 10px 0; margin:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }
.footer_widget .styled_post_list1 li.last { background:none; margin:0; padding:0; }


/* styled post list2 */
.styled_post_list2_widget .side_headline, .styled_post_list2_widget .footer_headline { margin:0; }
.styled_post_list2 { margin:0; }
.styled_post_list2 li { padding:0; margin:0; background:url(img/common/dot1.gif) repeat-x left bottom; }
.styled_post_list2 li a { text-decoration:none; background:url(img/common/icon_pencil.gif) no-repeat left 13px; display:block; padding:10px 0 10px 24px ; }
.styled_post_list2 li a:hover { text-decoration:underline; }


/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { width:250px; height:40px; margin:0 -2px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; border-radius:5px; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; width:40px; height:40px; background:#ccc url(img/common/icon_search.png) no-repeat center; cursor:pointer; display:block; float:right; border-radius:5px; text-indent:-300%; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { background-color:#666; }


/* google search */
.google_search label { display:none; }
.google_search #search_input, .google_search #s { width:250px; height:40px; margin:0 -2px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; border-radius:5px; }
.google_search input#search_button, .google_search #searchsubmit { border:none; width:40px; height:40px; background:#ccc url(img/common/icon_search.png) no-repeat center; cursor:pointer; display:block; float:right; border-radius:5px; text-indent:-300%; overflow:hidden; }
.google_search input#search_button:hover, .google_search #searchsubmit:hover { background-color:#666; }


/* archive category dropdown */
.widget_archive select, .widget_categories select { border:1px solid #ddd; padding:6px 10px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 0 20px 0; }


/* tcdw category list */
.tcdw_category_list_widget .side_headline { background:none; margin-bottom:10px; }
.tcdw_category_list_widget ul { margin:0; }
.tcdw_category_list_widget li ul { margin:-1px 0 0 0; }
.tcdw_category_list_widget li { background:none; padding:0; margin:0 0 -1px 0; }
.tcdw_category_list_widget a {
  display:block; text-decoration:none; color:#333; background:#f2f2f2 url(img/common/arrow6.png) no-repeat 10px 15px; padding:10px 15px 10px 30px; border:1px solid #ccc; box-shadow:inset 0 0 0 1px #fff;
  -webkit-transition:none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;
}
.tcdw_category_list_widget a:hover { background-color:#aaa; color:#fff; box-shadow:none; }
.tcdw_category_list_widget li li a { padding-left:49px; background-position:29px 15px; }
.tcdw_category_list_widget li li li a { padding-left:69px; background-position:48px 15px; }


/* author */
.tcdw_author_widget { border:1px solid #ccc; background:#f2f2f2; }
.tcdw_author_widget .author_top { padding:15px 15px 3px; }
.tcdw_author_widget .author_bottom {
  background:#fff; text-align:center; border-top:1px solid #ccc;
  background: -webkit-linear-gradient(top, #fff, #fafafa); background: -moz-linear-gradient(top, #fff, #fafafa); background: -ms-linear-gradient(top, #fff, #fafafa); background: -o-linear-gradient(top, #fff, #fafafa); background: linear-gradient(to bottom, #fff, #fafafa);
}
.tcdw_author_widget .author_bottom a { text-decoration:none; background:url(img/common/arrow6.png) no-repeat left 16px; padding:15px 20px; display:inline-block; font-size:16px;}
.tcdw_author_widget .image { float:left; margin:0 15px 10px 0; }
.tcdw_author_widget .image img { width:70px; height:70px; }
.tcdw_author_widget .about p { line-height:160%; margin-bottom:1em; }


/* tcdw archive list */
.tcdw_archive_list_widget select { border:1px solid #ddd; padding:6px 10px; width:100%; margin:0; }



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

/* フッター上部 */
#footer_top { width:100%; min-width:1080px; background:#fff; }
#footer_top_inner { width:1080px; margin:0 auto; padding:30px 0 0; }


/* ロゴ */
#footer_logo_area { width:300px; float:left; margin:0 40px 0 0; }
#footer_logo_text h3 { font-size:20px; margin:0 0 20px 0; }
#footer_logo_text a { text-decoration:none; }
#footer_logo_image h3 { margin:0 0 30px 0; }
#footer_logo_image h3 img { display:block; }


/* メニュー */
#footer_menu li { float:left; width:50%; margin:0 0 15px 0; font-size:12px; }
#footer_menu li a { background:#fff url(img/footer/arrow1.gif) no-repeat left 3px; padding:4px 0 4px 18px; display:block; text-decoration:none; }
#footer_menu li a:hover { text-decoration:underline; }


/* ウィジェット */
#footer_widget1 { float:left; width:300px; font-size:12px; margin:0 40px 0 0; }
#footer_widget2 { float:left; width:400px; font-size:12px; }
.footer_widget { margin:0 0 30px 0; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { line-height:200%; }
.footer_widget a { }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.footer_headline { margin:0 0 15px 0; line-height:200%; font-size:14px; font-weight:bold; padding:0 0 5px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }


/* フッター下部 */
#footer_bottom { width:100%; min-width:1080px; background:#eeeeee; }
#footer_bottom_inner { width:1080px; margin:0 auto; padding:30px 0; }
#footer_bottom img { max-width:100%; height:auto; display:block; }
#footer_banner1 { float:left; }
#footer_banner2 { float:right; }


/* コピーライト */
#copyright_area { width:100%; min-width:1080px; background:#000; color:#fff; }
#copyright_area_inner { width:1080px; margin:0 auto; padding:20px 0; font-size:12px; }
#copyright_area a { color:#fff; text-decoration:none; }
#copyright_area a:hover { text-decoration:underline; }
#copyright { float:right; }


/* 最下部のメニュー */
#footer_menu2 { float:left; }
#footer_menu2 li { float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc; }
#footer_menu2 li:last-child { border:none; }


/* ページ上部へ戻るボタン */
#return_top {
  opacity:0.5; position:fixed; bottom:10px; right:10px; z-index:10; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:55px; height:55px; margin:0; padding:0; background:#000 url(img/footer/return_top.png) no-repeat center center;
  -moz-border-radius:100%; -khtml-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#return_top:hover { opacity:1; }




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comments { font-size:12px; }

#comment_area, #trackback_area { margin:15px 38px 20px; padding:0 0 5px 0; }
#trackback_area { display:none; }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { position:relative; }
#comment_headline { }
#comment_header ul { position:absolute; right:38px; top:-35px; margin:0; }
#comment_header ul li { float:left; text-align:center; margin:0; }
#comment_header ul li a, #comment_header ul li p
 { font-size:11px; padding:0; margin:0; text-decoration:none; display:block; font-weight:bold; color:#aaa; }
#comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p
 {  }
#comment_header ul li a:hover { color:#333; }
#comment_header ul li.comment_switch_active a { color:#333; }
#comment_header ul li.comment_switch_active a:hover { color:#333; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border-left:1px dotted #aaa; padding:0 0 0 15px; margin:0 0 0 15px; }

/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 20px 0; background:#fafafa; }
#comments .post_content { margin:20px 0 0; padding:0; }
.even_comment, .odd_comment_children { background:#fafafa; }
.odd_comment, .even_comment_children { background:#fefefe; }
.admin-comment { }

/* ----- comment-meta ----- */
.comment-meta { position:relative; margin:0 0 10px 0; }

.comment-meta-left { float:left; width:400px; }
.avatar { float:left; margin:0 10px 0 0; border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; }
.comment-name-date { padding:3px 0 0 0; height:37px; }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-name-date { margin:0; }
.comment-date { font-size:11px; color:#757676; margin:10px 0 0 0; }

.comment-act { background:url(img/common/arrow3.gif) no-repeat left; font-size:11px; position:absolute; right:0px; padding:0 0 0 10px; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-content ----- */
.comment-content { padding:0; margin:0; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment-content p { margin:0 0 10px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 0px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; line-height:160%; }

#trackback_url_area { }
#trackback_url_area label { display:block; margin:0 0 10px 0; font-size:11px; }
#trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


/* ----- comment-pager ----- */
#comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



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

#cancel_comment_reply  { background:url(img/common/arrow3.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 10px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/common/arrow3.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; }
#guest_info input:focus { border:1px solid #e48898; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:11px; overflow:auto; }
#comment_textarea textarea:focus { border:1px solid #e48898; }

#submit_comment_wrapper { text-align:center; }
#submit_comment {
  background:#aaa; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:37px; margin:15px auto 0; display:block;
  -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
#submit_comment:hover { background:#e48898; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; }
.password_protected p { font-size:12px; margin:0; line-height:160%; }




/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:2; margin:0 0 2em 0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 10px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }


/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image
 { height:auto; max-width:100%; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; }
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0 0 24px 0; }
.post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2.2; }
.post_content th { background:#fafafa; font-weight:normal; }


/* block quote */
.post_content blockquote { margin:0 0 24px 0; padding:27px 30px 1px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }


/* gallery */
.gallery { margin-bottom:20px; }
.gallery a img { border: 0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }

/* ----------------------------------------------------------------------
 ソーシャルボタン
---------------------------------------------------------------------- */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?evfvw0');
    src:    url('fonts/icomoon.eot?evfvw0#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?evfvw0') format('truetype'),
        url('fonts/icomoon.woff?evfvw0') format('woff'),
        url('fonts/icomoon.svg?evfvw0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before { content: "\e907"; }
.icon-hatebu:before { content: "\e908"; }
.icon-line:before { content: "\e909"; }
.icon-pocket:before { content: "\e90a"; }
.icon-google-plus:before { content: "\e900"; }
.icon-google-plus2:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-facebook2:before { content: "\e903"; }
.icon-twitter:before { content: "\e904"; }
.icon-rss:before { content: "\e90b"; }
.icon-rss2:before { content: "\e906"; }
.icon-pinterest:before { content: "\e905"; }
#share_top1 ul li a, #share_top2 ul li a, #share_btm1 ul li a, #share_btm2 ul li a { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

/*--------------------------------
share_top1（Style1）
---------------------------------*/
#share_top1 { width:100%; margin:0 0 15px; }
#share_top1 h2 { color:#666666; font-weight:400; }
#share_top1 ul { margin:0; padding:0; list-style:none; }
#share_top1 ul li { display:inline-block; padding:0; text-align:center; }
#share_top1 ul li a { min-width:27px; text-decoration:none; display:inline-block; margin:0 5px 5px 0; font-size:12px; font-weight:400; color: #fff!important; background:#fafafa; border-radius:2px; box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; text-align:center; line-height:25px; padding:1px 5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li a i { position:relative; top:3px; color:#fff; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top1 ul li a .ttl { margin:0 3px 0 2px; text-align:center; line-height:20px; }
#share_top1 ul li a .share-count { display:inline; font-size:9px; color:#fff; padding:0; line-height:25px; margin:0; border-radius:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li > a:hover { -webkit-transform:translate3d(0, 1px, 0); transform:translate3d(0, 1px, 0) }
@media screen and (max-width:480px) {
	#share_top1 { width:100%; }
	#share_top1 ul { margin-bottom:15px; }
	#share_top1 ul li a { margin-right:2px; }
	#share_top1 ul li a i { left:1px; }
	#share_top1 ul li>a span { display:none; }
	#share_top1 ul li a .share-count { margin-left:3px; }
}

/*--------------------------------
share_btm1（Style3）
---------------------------------*/
#share_btm1 {}
#share_btm1 .sns { text-align:center; }
#share_btm1 ul { margin:0 0 25px; list-style:none; }
#share_btm1 li { float:left; width:47%; margin:0 3% 1.5% 0; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm1 ul li { list-style:none; background-image:none; padding:0; }
#share_btm1 ul li a { position:relative; display:block; top:3px; font-size:13px; padding:10px 2px; color:#fff; border-radius:2px; text-align:center; text-decoration:none; vertical-align:middle; }
#share_btm1 ul li a i { position:relative; top:3px; font-size:140%; }
#share_btm1 ul li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm1 ul li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_btm1 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }
@media only screen and (min-width:480px) {
	#share_btm1 { width:100%; margin:20px 0 15px; }
	#share_btm1 ul { margin-right:-1%; list-style:none; overflow:hidden; }
	#share_btm1 li { width:24%; margin:0 1% 2% 0; }
	#share_btm1 li a { font-size:12px; padding:10px 2px; }
	#share_btm1 li:nth-child(4n) { margin-right:0; }
}

/*------------- share_top1 & share_btm1 button_color -------------*/
/* Twitter */
#share_top1 ul li.twitter a, #share_btm1 ul li.twitter a { color:#fff; background-color:#55acee; }
#share_top1 ul li.twitter a:hover, #share_btm1 ul li.twitter a:hover { background-color:#468ec5; }
/* Facebook */
#share_top1 ul li.facebook a, #share_btm1 ul li.facebook a { background-color:#35629a; }
#share_top1 ul li.facebook a:hover, #share_btm1 ul li.facebook a:hover { background-color:#1f3669; }
/* Google+ */
#share_top1 ul li.googleplus a, #share_btm1 ul li.googleplus a { background-color:#dd4b39;}
#share_top1 ul li.googleplus a:hover, #share_btm1 ul li.googleplus a:hover { background-color:#b94031;}
#share_top1 ul li.googleplus a i { top:4px; }
/* Hatena */
#share_top1 ul li.hatebu>a, #share_btm1 ul li.hatebu a { background-color:#3c7dd1;}
#share_top1 ul li.hatebu>a:hover, #share_btm1 ul li.hatebu a:hover { background-color:#0270ac;}
/* Pocket */
#share_top1 ul li.pocket a, #share_btm1 ul li.pocket a { background-color:#ee4056; }
#share_top1 ul li.pocket a:hover, #share_btm1 ul li.pocket a:hover { background-color:#c53648; }
/* rss */
#share_top1 ul li.rss a, #share_btm1 ul li.rss a { background-color:#ffb53c; }
#share_top1 ul li.rss a:hover, #share_btm1 ul li.rss a:hover { background-color:#e09900; }
/* Feedly */
#share_top1 ul li.feedly a, #share_btm1 ul li.feedly a { background-color:#6cc655; }
#share_top1 ul li.feedly>a:hover, #share_btm1 ul li.feedly>a:hover { background-color:#5ca449; }
/* Pinterest */
#share_top1 ul li.pinterest a, #share_btm1 ul li.pinterest a { background-color:#d4121c; }
#share_top1 ul li.pinterest a:hover, #share_btm1 ul li.pinterest a:hover { background-color:#a42f35; }


/*--------------------------------
share_top2（Style2）
---------------------------------*/
#share_top2 { width:100%; margin:0 0 15px; }
#share_top2 h2 { color:#444; font-weight:400; }
#share_top2 ul.type2 { margin:0; padding:0; list-style:none; }
#share_top2 ul.type2 li { display:inline-block; padding:0; text-align:center; }
#share_top2 ul.type2 li a { text-decoration:none; display:inline-block; margin:0 5px 5px 0; font-size:12px; font-weight:400; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; line-height:25px; padding:1px 5px 0; }
#share_top2 ul.type2 li a i { position:relative; top:3px; color:#222; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top2 ul.type2 li a .ttl { margin:0 3px 0 2px; text-align:center; line-height:20px; }
#share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top2 ul.type2 li a:hover, #share_top2 ul.type2 li a:hover i, #share_top2 ul.type2 li a:hover .share-count  { color:#fff !important; }
#share_top2 ul.type2 li a:hover { border-color:rgba(255,255,255,.1); }
@media screen and (max-width:480px) {
	#share_top2 { width:100%; margin:0; }
	#share_top2 ul.type2 { margin-bottom:15px; }
	#share_top2 ul.type2 li a { margin-right:2px; }
	#share_top2 ul.type2 li a i { left:1px; }
	#share_top2 ul.type2 li>a span.ttl { display:none; }
	#share_top2 ul.type2 li a .share-count { margin-left:3px; }
}

/*--------------------------------
share_btm2（Style4）
---------------------------------*/
#share_btm2 { text-align:center; }
#share_btm2 .sns { margin:0; }
#share_btm2 ul.type4 { margin:0 0 25px; list-style:none; }
#share_btm2 ul.type4 li { float:left; width:47%; margin:0 3% 3% 0; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm2 ul li { list-style:none; background-image:none; padding:0; }
#share_btm2 ul.type4 li a { position:relative; display:block; top:5px; font-size:13px; padding:10px 2px; text-decoration:none; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; }
#share_btm2 ul.type4 li a i { position:relative; top:3px; font-size:140%; color:#222 !important; }
#share_btm2 ul.type4 li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm2 ul.type4 li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; color:#222 !important; }
#share_btm2 ul.type4 li a:hover, #share_btm2 ul.type4 li a:hover i, #share_btm2 ul.type4 li a:hover .share-count  { color:#fff !important; }
@media only screen and (min-width:480px) {
	#share_btm2 { width:100%; margin:20px 0 15px; }
	#share_btm2 ul.type4 { margin-right:-1%; list-style:none; overflow:hidden; }
	#share_btm2 ul.type4 li { width:24%; margin:0 1% 2% 0; }
	#share_btm2 ul.type4 li a { font-size:12px; padding:10px 2px; }
	#share_btm2 ul.type4 li:nth-child(4n) { margin-right:0; }
}
/*------------- share_top2 & share_btm4 button_color -------------*/
/* Twitter */
#share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#55acee !important; }
/* Facebook */
#share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; }
/* Google+ */
#share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;}
#share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; }
/* Hatena */
#share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;}
/* Pocket */
#share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; }
/* rss */
#share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; }
/* Feedly */
#share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; }
/* Pinterest */
#share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; }

/*--------------------------------
share_top5（公式ボタン）
---------------------------------*/
#share5_top { margin:0 0 -5px; }
#share5_btm { margin:30px 0 -15px; }
.sns_default_top { margin-left:-17px; padding:0; overflow:hidden; list-style:none; }
.sns_default_top ul li { display:inline-block; margin:0 5px 3px 0; line-height:1!important; overflow:hidden; vertical-align:top; }
.sns_default_top ul li.twitter_button { width:89px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration:none; }
.sns_default_top ul li.google_button { width:58px; }
.sns_default_top ul li.pocket_button { width:88px; }
@media only screen and (max-width: 480px) {
	.sns_default_top { margin-left:-17px; margin-bottom:-10px; }
	.sns_default_top ul li { margin-bottom:6px; }
	.sns_default_top ul li.twitter_button { margin-left:0; }
}

/* ----------------------- TCD Advanced Style ------------------------ */

/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.post_content .post_row { margin-left:-15px; margin-right:-15px; line-height:2; }
.post_content .post_col, .post_content .post_col-2, .post_content .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
@media screen and (min-width:768px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
@media screen and (min-width:1024px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
.clearfix:before, .clearfix:after, .post_content .post_row:before, .post_content .post_row:after {
    content: " ";
    display: table;
}
.clearfix:after, .post_content .post_row:after {
    clear: both;
}

/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
.post_content h3, .post_content h4, .post_content h5, .post_content h6 { line-height:1.6; }
/* h3 */
.post_content .style3a { margin:3em -38px 1.5em; padding:1.1em 1.65em 1em; font-size:22px; font-weight:400; border-top:1px solid #222; border-bottom:1px solid #222; }
.post_content .style3b { margin:3em -38px 1.5em; padding:1.1em 1.65em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
  @media (max-width:641px){
    .post_content .style3a, .post_content .style3b { margin:3em -16px 1.5em; padding:1.1em .75em 1em; }
  }
/* h4 */
.post_content .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:20px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.post_content .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:20px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.post_content .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.post_content .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
/* h6 */
.post_content .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; }
.post_content .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; }
.post_content .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; }
.post_content .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; }
.post_content .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;}
.post_content .balloon { clear:both; display:block; position:relative; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#222; z-index:0; border-bottom:0; }
.post_content .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#222 transparent transparent transparent; }

/* ----------------------------------------------------------------------
 flame - 囲み枠
---------------------------------------------------------------------- */
.well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

/* ----------------------------------------------------------------------
 button - CSSボタンのスタイル
---------------------------------------------------------------------- */
.q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.q_button:hover, .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; }
/* Button option */
.rounded { border-radius:6px; }
.pill { border-radius:50px; }
.sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; }
.sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; }
@media screen and (max-width: 479px) {
  .sz_l { min-width:320px; max-width:95%; }
}
.sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; }
.bt_red{ background:#c01f0e; color:#fff; }
.bt_red:hover, .bt_red:focus { background-color:#d33929; color:#fff; }
.bt_yellow{ background:#f1c40f; color:#fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color:#f9d441; color:#fff; }
.bt_blue{ background:#2980b9; color:#fff; }
.bt_blue:hover, .bt_blue:focus { background-color:#3a91c9; color:#fff; }
.bt_green{ background:#27ae60; color:#fff; }
.bt_green:hover, .bt_green:focus { background-color:#39c574; color:#fff; }

/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube { position:relative; height:0; margin-top:20px; margin-bottom:20px; padding-bottom:56.25%; padding-top:30px; overflow:hidden; }
.ytube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

/* ----------------------------------------------------------------------
Table responsive - テーブルのレスポンシブ表示
---------------------------------------------------------------------- */
.rps_table { line-height:2.0; }
@media only screen and (max-width:480px) {
    .rps_table tr { display:block; margin-bottom:1.5em; }
    .rps_table th, .rps_table td { display:list-item; list-style-type:none; border:none; }
}

/* ----------------------------------------------------------------------
 Cardlink style - カードリンクのスタイル
---------------------------------------------------------------------- */
.cardlink { padding:12px 12px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; }
.cardlink_thumbnail { float:left; margin-right:20px; }
.cardlink_content { line-height:1.6; }
.cardlink .timestamp { margin:0; padding:0; font-size:80%; font-weight:bold; line-height:100%; color:#004b64; }
.cardlink_title { font-size:14px; margin:5px 0 5px; }
.cardlink_title a { font-weight:bold; color:#000; text-decoration:none; }
.cardlink_title a:hover { text-decoration:underline; }
.cardlink_excerpt { color:#333; font-size:12px; overflow:hidden; line-height:1.8; }
.cardlink_footer { clear:both; }
.clear { clear:both; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; }
}
@media screen and (max-width: 479px) {
  .cardlink_excerpt { float:none; }
}

/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム
---------------------------------------------------------------------- */
.wpcf7 { width:100%; border:1px solid #ddd; background:#fafafa; padding:0; margin:0 0 2.5em !important; font-size:14px;}
.wpcf7 form{ margin:1.5em 1.5em 0;}
.wpcf7 p { margin-bottom:1em; font-size:12px; }
.wpcf7 input, .wpcf7 textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #ccc; line-height:1.2; padding:8px;  }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; }
.wpcf7-list-item { display:block; }
.wpcf7 textarea { height:300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); }
.wpcf7 input.wpcf7-submit, .wpcf7 .wpcf7-previous { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.wpcf7 input.wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover { background-color:#666666; }
.wpcf7 .wpcf7-not-valid { background:pink; }
.wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }
.wpcf7 .wpcf7-previous + br { display: none; }
.wpcf7 form .wpcf7-response-output{ margin: 2em 0.5em 2em!important; padding:0!important; border: none!important; text-align:center; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ color:#dc3232; font-size: 1em; }

/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text70{font-size:70%}      /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}     /* 太字 */
.u{text-decoration:underline}     /* 下線 */
.del{text-decoration:line-throug} /* 打ち消し線 */

/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */
.red{color:red}     /* 赤色 */
.blue{color:#2ca9e1}    /* 青色 */
.green{color:#82ae46}   /* 緑色 */
.orange{color:#ff7d00}    /* 橙色 */
.yellow{color:#fff000}    /* 黄色 */
.pink{color:#ff0084}    /* ピンク */
.gray{color:#999999}    /* グレー */

/* ----------------------------------------------------------------------
 background-color - 背景色
---------------------------------------------------------------------- */
.bg-yellow{padding:2px;background-color:#ff0} /* 黄色の文字背景 */
.bg-blue{padding:2px;background-color:#4ab0f5}  /* 青色の文字背景 */
.bg-red{padding:2px;background-color:red} /* 赤色の文字背景 */

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */

/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin:10px}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */

/* ----------------------------------------------------------------------
 hover - 画像リンクマウスオーバー時の不透明度
---------------------------------------------------------------------- */
a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; }
a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; }
/* ----------------------------------------------------------------------
 text-style - テキストスタイル
---------------------------------------------------------------------- */
.att {padding-left:1em;text-indent:-1em;} /* 注意書き等で二行目以降を字下げ */
.att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; } /* テキストボックス */

/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */
.m0{margin:0 !important}    /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */
.p0{padding:0 !important}   /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}    /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}  /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}   /* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}