/*
Theme Name: FULLBY 
Theme URI: 	http://www.marchettidesign.net/fullby/demo/
Description:Responsive Grid Wordpress Theme based on Boostrap 3, Font Awesome and Isotope.
Version: 	1.4.2
Author:		Andrea Marchetti
Author URI:	http://www.marchettidesign.net/chisono
Site: 		http://www.marchettidesign.net
Tags:		responsive-layout,custom-menu, featured-images, fluid-layout, full-width-template, left-sidebar, right-sidebar, theme-options

Copyright (c) 2014 Andrea Marchetti  
http://www.marchettidesign.net

FULLBY is free to use for personal and commercial projects.
You can NOT redistribute FULLBY theme or parts from it.
Attribution is not required, but much appreciated.
The software is provided "as is", without warranty of any kind,
express or implied, including but not limited to the warranties
of merchantability, fitness for a particular purpose and
noninfringement. In no event shall the authors or copyright
holders be liable for any claim, damages or other liability,
whether in an action of contract, tort or otherwise, arising
from, out of or in connection with the software or the use or
other dealings in the software.
*/

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
html {margin:0;padding:0px; height:100%; background-color:#FFF;}
body {margin:0;padding: 0px;background-color:#FFF; overflow-x: hidden;
font-family:'source-han-sans-japanese','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
body.home,body.archive{background-color:#EEE;}
body.admin-bar .navbar-fixed-top {position:fixed;top: 32px;z-index: 1000;height:70px;}

/* フォントスタイル ---------------------------------- */
a:link,a:visited{color:#02c;text-decoration:none}
a:hover,a:active{color:#07e;text-decoration:underline}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:1.5; font-family:'source-han-sans-japanese','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#content {container-type: inline-size;}
#content img {max-width:100%;height:auto;}
.img-fluid {max-width: 100%;height: auto;}

.video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* メインメニュー ---------------------------------- */
.navbar {margin:0;border-bottom:6px solid #043666;border-radius:0;background-color:#075BB7;}
.navbar-shadow {box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;}
.navbar h1{margin:0;}
.navbar-inverse a.navbar-brand {color:#FFF;padding:0;margin:10px 20px;}
.navbar-inverse a.navbar-brand img{width:170px;height:auto;}
.navbar-nav ul{list-style-type:none}
.navbar-nav .caret{display:none}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}

.breadcrumb {
	padding: 1rem 0 1rem 20px;
	font-size: 12px;
	margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
/* PC用（メインメニューのスタイル）---------------------------------- */	
.navbar-inverse .navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:0}
.navbar-inverse .navbar-nav > li > a{color:#FFF;background:#075BB7;font-weight:300;line-height:30px;padding:20px 20px;}
.navbar-inverse .navbar-nav > li:hover > a{color:#333;background:#FFF;margin-bottom:-6px;}
.navbar-inverse .navbar-nav > li.product:hover > a,
.navbar-inverse .navbar-nav > li.product.active > a,
.navbar-inverse .navbar-nav > li.product.current-menu-parent > a{color:#333;background:#FFF;margin-bottom:-6px;border-bottom:6px solid #075BB7;}
.navbar-inverse .navbar-nav > li.dtp:hover > a,
.navbar-inverse .navbar-nav > li.dtp.active > a,
.navbar-inverse .navbar-nav > li.dtp.current-menu-parent > a{color:#333;background:#FFF;margin-bottom:-6px;border-bottom:6px solid #07945b;}
.navbar-inverse .navbar-nav > li.design:hover > a,
.navbar-inverse .navbar-nav > li.design.active > a,
.navbar-inverse .navbar-nav > li.design.current-menu-parent > a{color:#333;background:#FFF;margin-bottom:-6px;border-bottom:6px solid #5b078f;}
.navbar-inverse .navbar-nav > li.wave:hover > a,
.navbar-inverse .navbar-nav > li.wave.active > a,
.navbar-inverse .navbar-nav > li.wave.current-menu-parent > a{color:#333;background:#FFF;margin-bottom:-6px;border-bottom:6px solid #b7075b;}
.navbar-inverse .navbar-nav > li.useful:hover > a,
.navbar-inverse .navbar-nav > li.useful.active> a,
.navbar-inverse .navbar-nav > li.useful.current-menu-parent > a{color:#333;background:#FFF;margin-bottom:-6px;border-bottom:6px solid #d79600;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{color:#333; background:#FFF; border-bottom:6px solid #075BB7; margin-bottom:-6px;}
.navbar-inverse .navbar-nav > li.wavelogo > a{background:#075BB7;padding:8px 10px;}
.navbar-nav > li > .dropdown-menu{margin-top:6px; padding:0; border:none; border-radius:0px;}
.navbar-nav > li > .dropdown-menu li a{padding:15px 20px;background:#FFF;color:#333;font-weight:300;}
.navbar-nav > li > .dropdown-menu li a:hover{background:#EEE;color:#333;}
.navbar-nav > li > .dropdown-menu li.active a{background:#EEE;color:#333;}
}


/* navbar-sub（検索窓部分）---------------------- */
.navbar-sub{display:none;}


/* トップイメージの設定 ---------------------- */
.spacer{height: 76px;}
.topimage{width:100%; height:240px; background-position:center; background-repeat:no-repeat; background-color:#FFF; background-image:url(img/blog-top.jpg);}


/* Featured Content（最新記事が大きく表示される？未カスタマイズ・不使用） --------------------
.featured{display: block;background: #573c29;height:70px}
.featured .item-featured{position:relative;overflow:hidden;padding:0;}
.featured img{z-index: 50;width: 100%; height:auto;opacity:0.6;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}	
.featured .item-featured:hover > a img{opacity:1; 
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -ms-transform:scale(1.1); 
	    -o-transform:scale(1.1);
	    transform:scale(1.1);
	    }	    
.yt-featured{width:132.9%!important;margin-left:-15%;}	
.featured .caption{position: absolute; bottom:0;z-index:100;width:100%; background: url(img/bg.png) repeat-x;color:#fff;}
.featured .cat{padding:0 20px;color: #fff;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
.featured .date{padding:0 20px;color: #075BB7;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
.featured .title{margin:0;padding:5px 25px 25px 25px; text-transform: uppercase; font-weight: 400;font-size: 27px;}
*/



/* トップページの記事部分 -------------------------------- */
.cont-grid{float:left;padding:20px 0 0 0; background-color:#eee; background-size:100%; background-repeat: no-repeat;}
	.cont-grid .post{padding:23px;}
	.grid-tit{margin:5px 0; font-weight: 700;font-size: 18px; }
	.grid-tit a{color:#333;}
	.grid-tit a:hover{color:#ff0055;}
	.grid-cop{padding: 0 0 10px 0;}
	.grid-text{padding:15px 0 0 0;}
	
	.grid {display: flex;flex-wrap: wrap;}
	.cont-grid .grid  {padding-left: 10px;padding-right: 10px;}

	.grid .item {/*float: left;*/margin: 0 10px 10px 0px;width: calc(33% - 10px);height: auto;border: 1px solid #ccc; background: #fff;}
	.cont-grid .grid .item {margin-left: 10px;margin-right: 10px;width: calc( (100% / 3 ) - 20px);}
	.grid .item img{margin:0;width:100%;height:auto;line-height: 0;}
	.grid .item-w2 {width: 40%;}
	.grid .item-h2 {height: 322px;}
	.grid .item-h3 {height: 485px;}
	.grid .item p{margin:0;}
	.grid .item p.meta{margin:0;padding:0;color:#999;font-size:12px;}
	.grid .item .grid-cat{margin:-20px -23px 15px;font-size: 12px;}
	
	.grid .item-link{position:relative; width:100%; height:100%;}
	.grid .item-link a.post-link{display:block; width:100%; height:100%; position:absolute;}
	
	/* カテゴリーカラー（マウスオーバー時のボックス枠） --------------------------------  */
	.item-link a.pdct-navi:hover{border:5px solid #075bb7;}
	.item-link a.faq:hover{border:5px solid #075bb7;}
	.item-link a.srv-design:hover{border:5px solid #075bb7;}
	.item-link a.pdct-navi:hover{border:5px solid #075bb7;}
	.item-link a.pdct-pr:hover{border:5px solid #075bb7;}
	.item-link a.faq:hover{border:5px solid #075bb7;}
	.item-link a.ori:hover{border:5px solid #075bb7;}	
	.item-link a.paper:hover{border:5px solid #07945b;}
	.item-link a.words:hover{border:5px solid #07945b;}
	.item-link a.data:hover{border:5px solid #5b078f;}
	.item-link a.design-tech:hover{border:5px solid #5b078f;}
	.item-link a.design-flyer:hover{border:5px solid #5b078f;}
	.item-link a.photoshop:hover{border:5px solid #5b078f;}
	.item-link a.illustrator:hover{border:5px solid #5b078f;}
	.item-link a.wavepr:hover{border:5px solid #b7075b;}
	.item-link a.staff:hover{border:5px solid #b7075b;}
	.item-link a.kanda:hover{border:5px solid #b7075b;}
	.item-link a.kyoto:hover{border:5px solid #b7075b;}
	.item-link a.comic:hover{border:5px solid #b7075b;}
	.item-link a.talk:hover{border:5px solid #b7075b;}
	.item-link a.format:hover{border:5px solid #d79600;}
	.item-link a.marketing:hover{border:5px solid #d79600;}
	.item-link a.summary:hover{border:5px solid #d79600;}
	.item-link a.idea:hover{border:5px solid #d79600;}
	.item-link a.health:hover{border:5px solid #d79600;}
		
	/* カテゴリーカラー（ボックス左上） -------------------------------- */
	.pdct-navi span{color:#fff; padding: 2px 16px; background-color:#075bb7;}
	.pdct-pr span{color:#fff; padding: 2px 16px; background-color:#075bb7;}
	.faq span{color:#fff; padding: 2px 16px; background-color:#075bb7;}
	.srv-design span{color:#fff; padding: 2px 16px; background-color:#075bb7;}
	.ori span{color:#fff; padding: 2px 16px; background-color:#075bb7;}	
	.paper span{color:#fff; padding: 2px 16px; background-color:#07945b;}
	.words span{color:#fff; padding: 2px 16px; background-color:#07945b;}
	.data span{color:#fff; padding: 2px 16px; background-color:#5b078f;}
	.design-tech span{color:#fff; padding: 2px 16px; background-color:#5b078f;}
	.design-flyer span{color:#fff; padding: 2px 16px; background-color:#5b078f;}
	.photoshop span{color:#fff; padding: 2px 16px; background-color:#5b078f;}
	.illustrator span{color:#fff; padding: 2px 16px; background-color:#5b078f;}
	.wavepr span,.robot span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.staff span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.kanda span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.kyoto span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.comic span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.chat span{color:#fff; padding: 2px 16px; background-color:#b7075b;}
	.format span{color:#fff; padding: 2px 16px; background-color:#d79600;}
	.marketing span{color:#fff; padding: 2px 16px; background-color:#d79600;}
	.idea span{color:#fff; padding: 2px 16px; background-color:#d79600;}
	.summary span{color:#fff; padding: 2px 16px; background-color:#d79600;}	
	.health span{color:#fff; padding: 2px 16px; background-color:#d79600;}
	
	
	/* isotope（わかりません） */
	.isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		transition-property: transform, opacity;
	}
	
	
	/* Pagination（ページ送り） -------------------------------- */
	.pagination{padding: 0 0 0 15px;}
	.pagination span, .pagination a{padding: 9px 14px;}




/* Single（個別記事ページ） -------------------------------- */
.single{float:left;margin:0;}
.single .topimage{display:none;}
.single .r-border{border-right:1px solid #CCC;}
	.sing-cop{width:100%; height:auto;}
	.sing-tit-cont{position: relative;margin:30px 0;margin-left:5%; padding:0%;width:90%;background:#fff;}
	.sing-tit{margin:0 0 20px; font-weight: 700;font-size: 30px;}
	.sing-thumbnail{margin:0; text-align:center;}
	.sing-thumbnail img{max-width:100%;  height:auto;}
	.sing-spacer{padding:0%;}
	.sing-cont{position: relative;margin-left:5%;width:90%;font-size:15px; line-height:1.8;}
	.single-in{padding:0;}
	.sing-tit-cont .meta{margin:0;padding:5px 0;color:#999;font-size:16px; width:50%;}
	.sing-tit-cont .cat{margin:10px 0 0 0; color: #333; font-size:12px; width:50%; float:right; text-align:right;}
	
	/* カテゴリーカラー（個別ページの右） -------------------------------- */
	.sing-tit-cont .pdct-navi span{color:#fff; padding: 2px 10px; background-color:#075bb7;}
	.sing-tit-cont .pdct-pr span{color:#fff; padding: 2px 10px; background-color:#075bb7;}
	.sing-tit-cont .faq span{color:#fff; padding: 2px 10px; background-color:#075bb7;}
	.sing-tit-cont .srv-design span{color:#fff; padding: 2px 10px; background-color:#075bb7;}
	.sing-tit-cont .ori span{color:#fff; padding: 2px 10px; background-color:#075bb7;}
	.sing-tit-cont .paper span{color:#fff; padding: 2px 10px; background-color:#07945b;}
	.sing-tit-cont .words span{color:#fff; padding: 2px 10px; background-color:#07945b;}
	.sing-tit-cont .data span{color:#fff; padding: 2px 10px; background-color:#5b078f;}
	.sing-tit-cont .design-tech span{color:#fff; padding: 2px 10px; background-color:#5b078f;}
	.sing-tit-cont .design-flyer span{color:#fff; padding: 2px 10px; background-color:#5b078f;}
	.sing-tit-cont .photoshop span{color:#fff; padding: 2px 10px; background-color:#5b078f;}
	.sing-tit-cont .illustrator span{color:#fff; padding: 2px 10px; background-color:#5b078f;}
	.sing-tit-cont .wavepr span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .staff span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .kanda span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .kyoto span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .comic span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .talk span{color:#fff; padding: 2px 10px; background-color:#b7075b;}
	.sing-tit-cont .format span{color:#fff; padding: 2px 10px; background-color:#d79600;}
	.sing-tit-cont .marketing span{color:#fff; padding: 2px 10px; background-color:#d79600;}
	.sing-tit-cont .idea span{color:#fff; padding: 2px 10px; background-color:#d79600;}
	.sing-tit-cont .summary span{color:#fff; padding: 2px 10px; background-color:#d79600;}

	.tag-post{color:#999; font-size:12px;}
	.tag-post a{color:#999;}
	.spacer-sing{position:relative; margin:0 0 0 5%!important; padding:0; width:95%; height:60px }

	.categorytagarea{margin:0 0 10px;padding:10px 20px 5px 0;font-size:12px;background-color:#eee}
	.categorytagarea i{margin-left:20px}
	.socialarea{margin:0 0 40px; padding:0 0 5px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
	.socialarea .bookmarks-item{float:left;width:auto;height:35px;margin-right:10px}
	.socialarea .bookmarks-item a{display:block;height:30px;line-height:30px;padding:0 10px 0 40px;border-radius:5px;color:white;text-decoration:none;background-size:30px !important;background-repeat:no-repeat;background-position:5px center;}
	.socialarea .bookmarks-item a:hover{filter:brightness(90%)}
	.socialarea .bookmarks-item a,
	.socialarea .bookmarks-item iframe{margin-top:5px !important}
	.socialarea .bookmarks-pocket a{background-color:#ED4357;background-image:url("/images/main/icon/icon-pocket.png");background-size:20px !important;}
	.socialarea .bookmarks-hatena a{background-color:#00A4DE;background-image:url("/images/main/icon/icon-hatena.png");}
	.socialarea .bookmarks-twitter a{background-color:#000;background-image:url("/images/main/icon/bookmark-twitter.png");}
	.socialarea .bookmarks-facebook a{background-color:#1977F2;background-image:url("/images/main/icon/bookmark-facebook.png");}
	.socialarea .bookmarks-line a{background-image:url("/images/main/icon/bookmarks-line.png");background-position:0 0;background-size: contain !important; width:118px;padding:0;border-radius:0;text-indent:100%;white-space:nowrap;overflow:hidden;}

	/* .sing-tit-cont .wp_social_bookmarking_light{padding:0!important;}
	.sing-cont .wp_social_bookmarking_light{padding:0!important;} */

	.sing-cont .page-navi{text-align:center;margin-bottom:40px;}
	.sing-cont .page-navi a{margin:0 10px;padding:4px 12px; border:1px solid #333; border-radius:4px; color:#333; text-decoration:none; font-size:13px;}
	.sing-cont .page-navi a:hover{background-color:#333; color:#fff;}
	
	
	/* Comments（使用してません） -------------------------------- */
	#comments h3{margin-bottom: 20px; font-weight: 300; font-size: 20px;}
	ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
	ol.commentlist li.comment { border-top:1px solid #eee; padding:1em; }
	ol.commentlist li.comment div.vcard cite.fn {font-size: 14px }
	ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 6px 1em 1em 0; border-radius:50px;}
	ol.commentlist li.comment div.comment-meta { font-size:12px; }
	ol.commentlist li.comment ul {  margin:0 0 1em 2em; }
	ol.commentlist li.comment div.reply { font-size:11px; margin-left:80px}
	ol.commentlist li.comment div.reply a { font-weight:bold; }
	ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
	ol.commentlist li.comment ul.children li.depth-2 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.even { background:#fff; }
	ol.commentlist li.odd { /*background:#f9f9f9;*/ }
	ol.commentlist li.parent { border-left:1px solid #eee; }
	ol.commentlist li.bypostauthor .fn{	font-weight: bold;}
	input{ margin-right:10px;padding: 10px;border:none;background: #eee;}
	textarea{ float:left;padding:10px;width:90%;border:none;background: #eee;}
	#submit{margin-top:10px;background: #075BB7; color:#fff;padding: 15px 20px;}



	/* Gallery（使用してません） -------------------------------- */
	.gallery {margin: 0 0 10px 0!important;}
	.gallery-item {float: left;margin: 0!important;width: 33.333333%;text-align: center;}
	.gallery img { margin: 5%!important;width: 90%!important;border: none!important;}
	.gallery-caption {margin-left: 0;}

	
/* Primary Sidebar（右サイドメニュー） -------------------------------- */
.sidebar{float:right; border-top:6px solid #333; border-left:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#FFF;margin-top:20px;}
.single .sidebar{border-left:none; border-top:none; margin-top:0;}
.sidebar .widget{padding:0 10px 20px 10px;}
.sidebar .widget p{font-weight:700; font-size:15px; padding:8px 14px; background:#EFEFEF;border-radius:6px;}
/*.sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
*/
.sidebar .widget ul{padding:0;list-style-type: none;}
.sidebar .widget ul li a{padding-left: 0;}
.sidebar .social{ margin: 20px 0;width: 100%}
.sidebar .social a{display: block;float:left;padding:10px;}

	/* Tab（人気記事） -------------------------------- */
	.sidebar #myTab{margin-top:20px;}
		.tab-spacer{padding:0 10px 0 10px;}
		.tab-content{float:left;margin: 10px 0 20px 0; width:100%;}
		.tab-content a{float:left;padding: 10px 0 5px 0;min-height: 75px;width: 100%;border-bottom:1px solid #f0efef;text-decoration: none;}
		.tab-content a:hover{background-color:#EFEFEF;}
		.tab-content a:last-child{border:none;}
		.tab-content img{float:left;margin:0 20px 10px  10px;padding:0; width:60px; height:60px;border:0; border-radius:50%;}
		.tab-content .title{ margin:0;color:#000;font-weight: 400;font-size: 14px;}
		
		.tab-spacer .nav-tabs {border-bottom:#333 solid 3px;}
		.tab-spacer .nav-tabs li a{color:#333; cursor:pointer; background-color:#efefef; border:none; border-bottom:1px solid #333; margin-right:4px;}
		.tab-spacer .nav-tabs li.active a{color:#FFF; cursor:pointer; background-color:#333; border:none;}

	/* Search（検索窓） -------------------------------- */
	.sidebar .navbar-form{padding:0px;margin:20px 5px 0;border:1px solid #CCC;border-radius:4px;}
	.sidebar .navbar-form .btn-default{color:#FFF; background-color:#333;}
	.sidebar .navbar-form .btn{padding:7px 12px;}



/* Secondary Sidebar（左サイドバー） -------------------------------- */
.sec-sidebar{float:right;margin: 0;padding:0;width:100%;}
.sec-sidebar .widget{padding:0; margin-bottom:30px; border:1px solid #CCC;}
.sec-sidebar .widget p{font-weight:700;font-size: 14px;}
.sec-sidebar .widget ul{padding:0;list-style-type: none;}
.sec-sidebar .widget ul li a{padding-left: 0;}
@media (min-width: 992px) { 
.sec-sidebar{float:right;margin:60px 0 0;padding:0;width:100%;}
.sec-sidebar .textwidget{padding:20px 7% 0; background:url(img/allow_pdct.gif) no-repeat; background-position:center top;}
.sec-sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
}
@media (max-width: 991px) { 
.sec-sidebar .textwidget{padding:20px 10px 0; background:url(img/allow_pdct.gif) no-repeat; background-position:center top;}
.sec-sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
.sec-sidebar .widget ul{margin-bottom:0; text-align:center;}
}



/* フッター -------------------------------- */
.footer{float:left; padding:0; color:#FFF; line-height:1.6; font-size:12px;}
.footer-mid{background:#043666; padding:30px 0;}
.footer.col-md-4{border-left:1px solid #FFF;}
.footer-mid-l,.footer-mid-r{padding:0 15px;}
.footer-bottom{float:left; padding:10px 20px;background:#043666;border-top:1px solid #FFF; text-align:center; color:#FFF;font-size:12px;}
.footer ul{float:left; list-style:none; width:50%; margin:0; padding:0;}
.footer li{line-height:2;}
.footer a:link,.footer a:visited{color:#FFF;text-decoration:none}
.footer a:hover,.footer a:active{color:#FFF;text-decoration:underline}
.footer li a{background: url(img/icon_arrow_01.gif) no-repeat left center; padding-left: 18px;}
.footer-mid-l{display:table; box-sizing:border-box;}
.footer-mid-l .footer-logo{display:table-cell; vertical-align:middle; width:60px; height:auto; float:left; margin:0 10px;}
.footer-mid-l span{vertical-align:middle; display:table-cell;}
@media(max-width: 991px){
	.footer.col-md-8{margin-bottom:20px;}
	.footer.col-md-4{border:none;width:100%}
	.footer-bottom{width:100%}
}



/* General（わかりません） -------------------------------- */
.row{margin:0 -15px;padding:0;}
.panel{background: #eee;}
.sticky {border-right:3px solid #eee;border-bottom: 3px solid #eee }
.wp-caption {border: 1px solid #eee; text-align: center; padding: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none; width:100%!important;height:auto;}
.wp-caption p.wp-caption-text {font-size: 1em; line-height: 17px; padding: 8px; margin: 0; }
/* only in home caption full width */
.cont-grid .wp-caption {max-width:100%;width: 100% !important;height:auto; }
.alignleft{float:left; margin-right: 20px;}
.alignright{float: right; margin-left: 20px;}
.aligncenter{margin:  0 auto;display: block}
#s{width: 100%}
#searchsubmit{background-color: #333;color:#fff}


/* Search（検索結果） -------------------------------- */
.result{margin-left:5px;}
#srch-term{border:none;background:none; box-shadow: none;}
.search-cont{padding:0;}
.search-cont .btn-default{border: none; background: none;}


/* キャンペーン終了のお知らせ ---------------------- */
.disp_notice{text-align:center;border:1px dotted #333333;background-color:#ffffcc;margin-bottom:2em;position: relative;z-index: 1;padding:0 1em;}
.disp_notice:before {position: absolute;top: 10%;left: 50%;content: '\f071';color: rgba(255,204,0,0.5);font-size: 50px;font-family: fontAwesome;z-index: -1;margin-left:-20px;}



/* ウィンドウ幅1000px以下のとき---------------------- */
@media (max-width: 1000px) { 
	.featured{margin-top:50px}
	.cont-grid, .sidebar{width:100%;}
	.single{float:left; width:100%;border-left: none;}
	.cont-grid{float:left;padding:10px 0 0 0;}
	#floating{position:static !important;}
	.navbar-sub{display:block; background: #FFF; border:1px solid #CCC;}
	.navbar-sub .navbar-nav > li > a{color:#666; line-height:20px; padding:5px;}
	.navbar-sub .navbar-nav > li > a:hover{background: #EEE;color:#333;}
}


/* ウィンドウ幅850px以下のとき---------------------- */
@media (max-width: 850px) { 
	.navbar-inverse .navbar-nav > li > a{padding:20px 12px;}
	.navbar-inverse a.navbar-brand {margin:10px;}
}


/* ウィンドウ幅767px以下のとき---------------------- */
@media (max-width: 767px) { 
	#mainmenu{float:left;width:100%;}
	.spacer-sing{position:relative; margin:0%!important; padding:0; width:100%; overflow-x:auto;overflow-y:hidden;}
	.spacer-sing .breadcrumb{white-space: nowrap;border-bottom:1px solid #ccc;}
	.spacer{height: 58px;}
	.navbar-form {border:none}
	.sing-tit-cont{margin-left:0%; width:100%;}
	.sing-cont{margin-left:0%;width:100%;}
	.sing-tit{font-size: 24px;}
	.navbar-inverse a.navbar-brand {color:#FFF;padding:0;margin:4px 10px;}
	.navbar-inverse a.navbar-brand img{width:150px;}
	.navbar-inverse .navbar-toggle {border:none;}
	.navbar-toggle {margin:9px 10px; padding:10px;}
	.navbar-toggle:hover {background:#fff!important;}
	.navbar-toggle:focus {background:#428BCA!important;}
	.navbar-toggle .icon-bar {background:#333!important;}
	.cont-grid{float:left;padding:10px 0 0 0;}	
	.navbar{min-height:44px;}
	.navbar-nav{margin:0 -15px;}
	.navbar-nav ul{list-style-type:none;}
	.navbar-inverse .navbar-nav li a {color:#FFF;line-height:25px;padding:10px 15px; border-bottom:1px solid #053F7F;}
	.navbar-inverse .navbar-nav > li > a:hover{background:#428BCA;}	
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus{background:#428BCA;}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus{background:#043666;}
	.navbar-inverse .navbar-nav .open .dropdown-menu{padding:0;}
	.navbar-inverse .navbar-nav .open .dropdown-menu li a {color:#FFF; background:#075BB7; padding:12px 40px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu li a:hover {background:#428BCA;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active >a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{background:#043666;}
	.navbar-sub .navbar-header{display:none;}
	.navbar-form {margin:0px -15px; padding:4px 15px;}
	.navbar-collapse {max-height: 550px;}
	.navbar-collapse .navbar-nav.navbar-left:first-child {margin-left:-15px;}
	.topimage{width:100%; height:120px; background-position:center; background-repeat:no-repeat; background-color:#FFF; background-image:url(img/blog-top.jpg); background-size:650px 120px;}
	.grid .item {width: calc(50% - 10px);}
	.cont-grid .grid .item {width: calc(50% - 20px);}
}

/* ウィンドウ幅575px以下のとき---------------------- */
@media (max-width: 575px) { 
	.grid .item {width: 100%;margin-right:0;}
	.cont-grid .grid  {padding-left: 0;padding-right: 0;}
	.cont-grid .grid .item {width: calc(100% - 20px);}
}


/* Fullbyに後付け----------------------------------------------------------------------- */
/* social---------------------- */
.social a .fa-facebook{color:#3B5998;}
.social a .fa-twitter{color:#55ACEE;}
.social a .fa-google-plus{color:#DD4B39;}
.social a .fa-youtube{color:#CD201F;}

/* tagcloud---------------------- */
.sidebar .widget .tagcloud {position:relative; overflow:hidden; padding:0;text-align:left;}
.sidebar .widget .tagcloud a 
{display:inline-block; background:#FFF; white-space:nowrap; color:#333; border:1px solid #aaa;
line-height:1.3; padding:4px 6px; margin:0 1px 4px 0; text-decoration:none; 
-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;}
.sidebar .widget .tagcloud a:hover {background:#EEE;}

/* pdctarea---------------------- */
.sec-sidebar .widget p{margin:0; padding:10px; font-size:15px; background-color:#EEE; text-align:center;}
.sec-sidebar .widget .pdctarea li{border-bottom:1px solid #CCC; margin:0 0 20px;}
.sec-sidebar .widget .pdctarea li.last-child{border:none;}
.sec-sidebar .widget .pdctarea li a {border:none; margin:0 0 5px; padding:0;}
.sec-sidebar .widget .pdctarea li a img{width:100%;height:auto;}

@media (max-width: 1000px) {
	.sec-sidebar .widget .pdctarea:before,
	.sec-sidebar .widget .pdctarea:after {
		display: table;
		content: " ";
	}
	.sec-sidebar .widget .pdctarea:after {
		clear: both;
	}
	.sec-sidebar .widget .pdctarea li{border:none;}
	.sec-sidebar .widget .pdctarea li{display:block; margin:0 6px 10px; padding:1rem; width: 100%; max-width:200px;float:left;}
	.sec-sidebar .widget .pdctarea li img{ max-width:191px;}
}
@media (max-width: 525px) { 
	.sec-sidebar .widget .pdctarea li{ max-width:inherit;}
	.sec-sidebar .widget .pdctarea li img{ max-width:inherit;}
}

/* member---------------------- */
.sidebar .widget .member{display:table; box-sizing:border-box; width:100%; margin:20px 0;}
.sidebar .widget .member .block_pic{vertical-align:middle; padding-right:5px; display:table-cell; width:60px;}
.sidebar .widget .member .block_pic img{width:60px;}
.sidebar .widget .member .block_parts{vertical-align:middle; display:table-cell; width:10px;}
.sidebar .widget .member .block_come{vertical-align:top; padding:5px 8px; display:table-cell; background-color:#EFEFEF; border-radius:5px;}
.sidebar .widget .member p{margin:0; font-size:13px;}


/* YARPP---------------------- */
.yarpp-related{overflow : hidden;border:1px solid #CCC;margin:0 0 3em !important;padding: 0.3em;}
.yarpp-related h4.related-h,
.yarpp-related h4.related-none-h{text-align:center;padding: 5px 0; font-weight:bold;}
.related-post{width: 95%;margin: 0 auto;}
.related-post ul{display: block;margin:0;padding:0;list-style: none;}
.related-post ul li{display: block;min-height: 6.0em;margin: 0 0 0.3em 0;width: 48%;} 
.related-post ul .related-leftlist{margin-right: 0.5em;float: left;}
.related-post ul .related-rightlist{margin-left: 0.5em;float: right;}
.related-post ul li img{display: block;float:left;border-radius: 50%; border:none;padding:none; width:70px; height:70px;}
.related-post ul li .meta{width: 63%;float: left;display: inline;margin: 0 0 0 10px;font-size:13px;line-height:1.5em;}
.related-post ul li .date{font-size: 0.8em;margin: 0;font-weight:300;}
.related-post ul li .title{width: 100%;font-size: 0.9em;margin:0; padding:0;font-weight:300;}
.related-post ul li .title a{color:#333;display:block;margin:0 0 10px 0;}
@media (max-width: 767px) { 
.related-post ul li{display: block;min-height: 6.0em;margin: 0 0 0.3em 0;width: 100%;}
}


/* 以前のブログスタイルに整合（主にpost内）----------------------------------------------------------------------- */
.single div.sing-cont div.box-post{margin-bottom:3em;}
.single div.sing-cont div.section{margin-bottom:5em;}
.single div.sing-cont h2{font-size:1.3em;margin:0.5em 0 1em 0;font-weight:bold;}
.single div.sing-cont h3{font-size:1.1em;margin:0.5em 0 1em 0;font-weight:bold;}
.single div.sing-cont h4{font-size:1em;margin:0.5em 0 1em 0;font-weight:bold;}
.single div.sing-cont .h4-post{font-size:1.3em;margin:0.5em 0 1em 0; font-weight:bold;} /* h改善201603（過去） */
.single div.sing-cont .h5-post{font-size:1.1em;margin:0.5em 0 1em 0;}/* h改善201603（過去） */
.single div.sing-cont p.p-txt {margin-bottom:1.3em; line-height:1.9;}
.single div.sing-cont p.p-txt img{display:block; margin:0 auto 10px; max-width:100%;}
.single div.sing-cont p img{display:block; margin:0 auto; max-width:100%;}
.single div.sing-cont em.em-bold{font-weight:bold; font-style:normal;}
.single div.sing-cont em{font-style:normal;}

.single div.sing-cont li {line-height:1.7;margin-bottom:0.5em;}
.single div.sing-cont ul.ul-post,
.single div.sing-cont ol.ol-post {margin:0 10px 0.5em 0; font-style:normal;}
/*.single div.sing-cont ul.ul-post ,
.single div.sing-cont ol.ul-post li{line-height:1.7em;}*/
.single div.sing-cont ul.ul-post li.list-disc{list-style:disc;}
.single div.sing-cont ul.ul-post li.list-cir{list-style:circle;}
.single div.sing-cont ul.ul-post li.list-squ{list-style:square;}
.single div.sing-cont ul.ul-post li.list-none{list-style:none;}
.single div.sing-cont table,
.single div.sing-cont table th,
.single div.sing-cont table td{border:1px solid #eeeeee;}
.single div.sing-cont table th,
.single div.sing-cont table td{padding:4px 12px;}
.single div.sing-cont table .th-title{background-color:#def;font-weight:bold;text-align:center;}
/* float---- */
.single div.sing-cont div.layout-left {float:left; width: 49%;}
.single div.sing-cont div.layout-right {float:left; text-align: left;width: 50%;}
.single div.sing-cont img.layout-left {float:left;margin-right:10px!important;}
.single div.sing-cont img.layout-right {float:right;margin-left:10px!important;}
@media (max-width: 480px) { 
.single div.sing-cont img.layout-left {width:50%;}
.single div.sing-cont img.layout-right {width:50%;}
}
.single div.sing-cont .p-txt img.img-menber{float:left; margin:0 10px 10px 0; padding:5px; border:1px solid #CCC;}
/* clearfix---- */
.clearfix:after {content:""; clear:both; display:block;}
/* class---- */
.single div.sing-cont .layout-center {text-align:center;}
.single div.sing-cont  div.border-all{border:#666 1px dotted; padding:0.5em 1em 0;}
.single div.sing-cont div.bg-EEE{background:#EEE; padding:0.5em 1em;}
.single div.sing-cont div.bg-FFF8E1{background:#FFF8E1; padding:0.5em 1em;}
.single div.sing-cont div.bg-DEF{background:#DEF; padding:0.5em 1em;}
.single div.sing-cont div.bg-CEE9CE{background:#CEE9CE; padding:0.5em 1em;}
.single div.sing-cont .border-left{border-left:6px solid #CCC; padding:5px 0 5px 10px;}
.single div.sing-cont .per80{font-size:80%;}
.single div.sing-cont .per120{font-size:120%;}
.single div.sing-cont .per130{font-size:130%;}
.single div.sing-cont .per140{font-size:140%;}
.single div.sing-cont .per150{font-size:150%;}
.single div.sing-cont .per160{font-size:160%;}
.single div.sing-cont .per180{font-size:180%;}
.single div.sing-cont .per200{font-size:200%;}
.single div.sing-cont .bg-EEE{background:#EEE; padding:0.6em;}
.single div.sing-cont .bg-FFF8E1{background:#FFF8E1; padding:0.6em;}
.single div.sing-cont .bg-A1FFCF{background:#A1FFCF; padding:0.6em;}
.single div.sing-cont .bg-DEF{background:#DEF; padding:0.6em;}
.single div.sing-cont .bg-CEE9CE{background:#CEE9CE; padding:0.6em;}
.single div.sing-cont .border-all{border:#666 1px dotted; padding:1em;}
.single div.sing-cont .C-F00{color:#F00;}
.single div.sing-cont .C-39F{color:#39F;}
.single div.sing-cont .C-090{color:#090;}
.single div.sing-cont .C-F09{color:#F09;}
.single div.sing-cont .C-888{color:#888;}
.single div.sing-cont .C-F60{color:#F60;}
.single div.sing-cont .C-06C{color:#06C;}
.single div.sing-cont .C-C00{color:#C00;}
.single div.sing-cont .C-C06{color:#C06;}
.single div.sing-cont .C-099{color:#099;}
.single div.sing-cont .C-039{color:#039;}
.single div.sing-cont .C-0C0{color:#0C0;}
.single div.sing-cont .C-FC3{color:#FC3;}
.single div.sing-cont .C-000{color:#000;}
.single div.sing-cont .m-2em{margin-bottom:2em;}
/* box-relevance */
.single div.sing-cont div.box-relevance{margin:0 0 4em;padding:0;border:1px dotted #bbbbbb;background:#DDEEFF;}
.single div.sing-cont div.box-relevance h4{font-weight:bold;font-size:14px;bold;color:#3399CC;padding-left:12px;}
.single div.sing-cont div.box-relevance h5{padding-left:12px;}
.single div.sing-cont div.box-relevance ul{padding:0 10px;}
.single div.sing-cont div.box-relevance li{list-style:none;background: url("img/icon_arrow_02.gif") no-repeat left center;padding-left:15px;font-size:13px;}
.single div.sing-cont div.box-relevance p{padding:0 10px;font-size:14px;}
/*wavechan----*/
.single div.sing-cont div.box-wavechan{margin:0 10px 1em; color:#0071BC; padding:1em 1em 1em 80px; background: url(https://www.wave-inc.co.jp/weblog/wp-content/themes/mytheme/images/wavechan_mame.gif) no-repeat left  center #E6F6FF;}
.single div.sing-cont div.box-wavechan h4{ color:#0071BC;}
/*tooltips----*/
.single div.sing-cont .tips {
	position:relative;
	border-bottom:1px dashed #0070bb;
        background: #EEF7FF;
}
.single div.sing-cont a.tips {color:#464646;}
.single div.sing-cont a.tips:hover {text-decoration:none;}
.single div.sing-cont .tips span {
	display: none;
	position: absolute;
	bottom: 2em;
	left: 0.3em;
	z-index: 9999;
	padding: 0.3em 0.5em;
	color: #FFFFFF;
	background: #888;
	border-radius: 0.5em;
	width:200px;
	padding:10px;
	line-height:1.5;
}
.single div.sing-cont .tips span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0.5em;
	bottom: -8px;
	border-top:8px solid #888 ;
	border-left:8px solid transparent;
}
.single div.sing-cont .tips:hover span {display:block;}
.single div.sing-cont div.sokuhou-box-oga{border-top:4px groove #666;border-bottom:4px ridge #666; margin-left:10px; margin-right:10px; padding:10px 0;}
.single div.sing-cont div.sokuhou-box-column1,
.single div.sing-cont div.sokuhou-box-column2{margin-left:10px;margin-right:10px;padding:10px 0;}
.single div.sing-cont div.sokuhou-box-column1{border:2px dashed #87B4B8;}
.single div.sing-cont div.sokuhou-box-column2{border:2px dashed #A5D51F;}
.single div.sing-cont div.sokuhou-box-column1 h4{background:#D3F4F3;padding:2px 5px;}
.single div.sing-cont div.sokuhou-box-column2 h4{background:#DCEBAE;padding:2px 5px;}

/* mokuji（目次）---------------------- */
.single div.sing-cont .mokuji{margin-bottom:3em;color:#06C;background:#DEF;padding:0.8em;}
.single div.sing-cont .mokuji .mokuji_title{font-size:1.3em;margin:5px;font-weight:bold;}
#toc_container{margin-bottom:4em;color:#06C;background:#DEF;padding:0.8em;}
#toc_container .toc_title{font-size:1.3em;margin:5px;font-weight:bold;}
#toc_container li{list-style:square;}

/* talk（吹き出し）---------------------- */
.single div.sing-cont .talk{display:table; box-sizing:border-box; width:100%; margin:3em 0;}
.single div.sing-cont .talk .left_pic,
.single div.sing-cont .talk .right_pic{vertical-align:middle; display:table-cell; width:55px;position: relative;}
.single div.sing-cont .talk .left_pic{text-align:left}
.single div.sing-cont .talk .right_pic{text-align:right}
.single div.sing-cont .talk .left_pic::after,
.single div.sing-cont .talk .right_pic::after {content: "";display: block;width: 0;height: 0;position: absolute;top: calc( 50% - 10px );border-top: 10px solid transparent;border-bottom: 10px solid transparent;z-index:2;}
.single div.sing-cont .talk .left_pic::after {right: 0;border-right: 10px solid #e3f2fd;}
.single div.sing-cont .talk .right_pic::after {left: 0;border-left: 10px solid #e3f2fd;}
.single div.sing-cont .talk .left_pic img,
.single div.sing-cont .talk .right_pic img{width:40px;}
.single div.sing-cont .talk .come{vertical-align:top; padding:10px; display:table-cell; background-color:#e3f2fd; border-radius:5px;}
.single div.sing-cont .talk p{margin:0;}
.single div.sing-cont .talk.bg-yellow .come{background-color:#F7EEC9;}
.single div.sing-cont .talk.bg-yellow .left_pic::after{border-right-color: #F7EEC9;}
.single div.sing-cont .talk.bg-yellow .right_pic::after{border-left-color: #F7EEC9;}
.single div.sing-cont .talk.bg-gray .come{background-color:#EEE;}
.single div.sing-cont .talk.bg-gray .left_pic::after{border-right-color: #EEE;}
.single div.sing-cont .talk.bg-gray .right_pic::after{border-left-color: #EEE;}
.single div.sing-cont .talk.bg-pink .come{background-color:#F7DFEA;}
.single div.sing-cont .talk.bg-pink .left_pic::after{border-right-color: #F7DFEA;}
.single div.sing-cont .talk.bg-pink .right_pic::after{border-left-color: #F7DFEA;}
.single div.sing-cont .talk.bg-green .come{background-color:#DCF4DF;}
.single div.sing-cont .talk.bg-green .left_pic::after{border-right-color: #DCF4DF;}
.single div.sing-cont .talk.bg-green .right_pic::after{border-left-color: #DCF4DF;}

.single div.sing-cont .talk.talk2 .come {background-color: transparent !important;border:3px solid #7ABDE2;}
.single div.sing-cont .talk.talk2 .left_pic::before,
.single div.sing-cont .talk.talk2 .right_pic::before {content: "";display: block;width: 0;height: 0;position: absolute;z-index:1;border-top: 14px solid transparent;border-bottom: 14px solid transparent;top: calc( 50% - 14px );}
.single div.sing-cont .talk.talk2 .left_pic::before {border-right: 14px solid #7ABDE2;right:-3px}
.single div.sing-cont .talk.talk2 .right_pic::before {border-left: 14px solid #7ABDE2;left:-3px}
.single div.sing-cont .talk.talk2 .left_pic::after {border-right-color:#fff;right:-3px}
.single div.sing-cont .talk.talk2 .right_pic::after {border-left-color:#fff;left:-3px}
.single div.sing-cont .talk.talk2.bg-yellow .come {border-color:#FCC956;}
.single div.sing-cont .talk.talk2.bg-yellow .left_pic::before {border-right-color:#FCC956;}
.single div.sing-cont .talk.talk2.bg-yellow .right_pic::before {border-left-color:#FCC956;}
.single div.sing-cont .talk.talk2.bg-gray .come {border-color:#AAA;}
.single div.sing-cont .talk.talk2.bg-gray .left_pic::before {border-right-color:#AAA;}
.single div.sing-cont .talk.talk2.bg-gray .right_pic::before {border-left-color:#AAA;}
.single div.sing-cont .talk.talk2.bg-pink .come {border-color:#ED94B0;}
.single div.sing-cont .talk.talk2.bg-pink .left_pic::before {border-right-color:#ED94B0;}
.single div.sing-cont .talk.talk2.bg-pink .right_pic::before {border-left-color:#ED94B0;}
.single div.sing-cont .talk.talk2.bg-green .come {border-color:#79D179;}
.single div.sing-cont .talk.talk2.bg-green .left_pic::before {border-right-color:#79D179;}
.single div.sing-cont .talk.talk2.bg-green .right_pic::before {border-left-color:#79D179;}

@container (min-width: 700px) {
	.single div.sing-cont .talk .left_pic img,
	.single div.sing-cont .talk .right_pic img{width:80px;}
	.single div.sing-cont .talk .left_pic,
	.single div.sing-cont .talk .right_pic{width:95px;}
}

/* 見出し---------------------- */
.h-fukidashi {position: relative;padding: 0.6em;background-color: #003c78;color: #fff;border: none;}
.h-fukidashi::after {position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #003c78;width: 0;height: 0;}
.h-check {position: relative;padding: 0.5em 0.5em 0.5em 1.5em;padding-left: 2em;border-top: 1px solid #c00;border-bottom: 1px solid #c00;}
.h-check:before {content: "\2714";font-weight: bold;position: absolute;font-size: 1em;left: 0.25em;top: 0.5em;color: #fff;background: #c00;height: 1.5em;width: 1.5em;border-radius: 50%;text-align: center;}

/* button---------------------- */
.btn-primary {background-color: #075bb7;background-image: linear-gradient(to bottom, #0088cc, #075bb7);background-repeat: repeat-x;border-color: #075bb7;color: #fff !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-primary:hover {background: #055BB7;}
.btn-success {background-color: #06AF7A;background-image: linear-gradient(to bottom, #09CE8D, #06AF7A);background-repeat: repeat-x;border-color: #06AF7A;color: #fff !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-success:hover {background: #089968;}
.btn-danger {background-color: #D95350;background-image: linear-gradient(to bottom, #EA7373, #D95350);background-repeat: repeat-x;border-color: #D95350;color: #fff !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-danger:hover {background: #D63636;}
.btn-outline {background-image: linear-gradient(to bottom, #fefefe, #efefef);background-repeat: repeat-x;border-color: #cccccc;color: #000 !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-outline:hover{background-image: linear-gradient(to bottom, #efefef, #fefefe);}
.btn-large {padding:0.5em 0;font-size: 18px;line-height: 1.8;font-weight:bold;margin:0 auto;}
a.btn-default {color:#000}
/*.btn {padding:0.5em 0;font-size: 18px;line-height: 1.8;font-weight:bold;margin:0 auto;}
.row .btn {font-size: 15px;}
.btn:hover{background-color: #075bb7;color: #ffffff;background-image: none;background-repeat: no-repeat;}
a.btn{color:#fff}
*/
/* ウィンドウ幅767px以下のとき---------------------- */
@media (max-width: 767px) { 
.btn-large  {font-size: 15px;}
}


/* この記事を書いた人---------------------- */
#author {border: 4px solid #e1e1e1;margin-bottom: 40px;padding: 14px 15px 12px;margin-left: 5%;width: 90%;position: relative;}
.author-image {float:left; margin-right: 20px;}
.author-info {display:inline-block; width:80%;}
#author h4{margin-bottom:0.5em;margin-top:0;font-size: 15px;font-weight: bold;margin: 0 0 1em 0}
.author-info-profile-name {color: #3399cc;font-size: 1em;font-weight: bold;}
.author-info-profile-text {font-size: 1em;margin-right: 5px;line-height: 1.8;}
/* ウィンドウ幅767px以下のとき---------------------- */
@media (max-width: 767px) { 
#author{margin-left:0%;width:100%;}
.author-info{width:100%;}
}

/* 引用blockquote---------------------- */
blockquote {position: relative;padding: 10px 15px 10px 60px;box-sizing: border-box;font-style: italic;background: #eeeeee;color: #555;}
blockquote:before{display: inline-block;position: absolute;top: 18px;left: 15px;vertical-align: middle;content: "\f10d";font-family: FontAwesome;
color: #ffffff;font-size: 30px;line-height: 1;}
blockquote p {font-size: 15px;padding: 0;margin: 10px 0;line-height: 1.7;}
blockquote cite {display: block;text-align: right;color: #888888;font-size: 0.9em;}

/* iframe---------------------- */
iframe.wp-embedded-content{
	width:100%;
}
.talk_l{
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 20px
}
.talk_l figure{
width: 100px;
height: auto;
}
.talk_l figure img{
width: 100%;
}
.talk_l div{
max-width: calc(100% - 130px );
background-color: #e3f2fd;
position: relative;
padding: 20px;
border-radius: 10px;
margin-left: 30px;
}
.talk_l div::before{
content: "";
position: absolute;
width: 0;
height: 0;
left: -20px;
border-style: solid;
border-width: 12.5px 25px 12.5px 0;
border-color: transparent #e3f2fd transparent transparent;
}

.talk_r {
display: flex;
align-items: stretch;
justify-content: flex-end;
flex-wrap: wrap;
margin-bottom: 20px
}
.talk_r figure{
width: 100px;
height: auto;
    display: none;
}
.talk_r figure img{
width: 100%;
}
.talk_r div{
max-width: calc(100% - 130px );
background-color: #f3f3f3;
position: relative;
padding: 20px;
border-radius: 10px;
margin-right: 30px;
}
.talk_r div::before{
content: "";
position: absolute;
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 0 12.5px 25px;
border-color: transparent transparent transparent #f3f3f3;
}

/*youtube動画用*/
div.video {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
div.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*bootstrap的な*/
.text-center {text-align:center}
.text-left {text-align:left}
.text-right {text-align:right}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}

@media (min-width: 992px) {
  #content .col-md-1,
  #content .col-md-2,
  #content .col-md-3,
  #content .col-md-4,
  #content .col-md-5,
  #content .col-md-6,
  #content .col-md-7,
  #content .col-md-8,
  #content .col-md-9,
  #content .col-md-10,
  #content .col-md-11 {
    float: left;
  }
}
.m-0{margin:0 !important}
.mt-0,.my-0{margin-top:0 !important}
.mr-0,.mx-0{margin-right:0 !important}
.mb-0,.my-0{margin-bottom:0 !important}
.ml-0,.mx-0{margin-left:0 !important}
.m-1{margin:.25rem !important}
.mt-1,.my-1{margin-top:.25rem !important}
.mr-1,.mx-1{margin-right:.25rem !important}
.mb-1,.my-1{margin-bottom:.25rem !important}
.ml-1,.mx-1{margin-left:.25rem !important}
.m-2{margin:.5rem !important}
.mt-2,.my-2{margin-top:.5rem !important}
.mr-2,.mx-2{margin-right:.5rem !important}
.mb-2,.my-2{margin-bottom:.5rem !important}
.ml-2,.mx-2{margin-left:.5rem !important}
.m-3{margin:1rem !important}
.mt-3,.my-3{margin-top:1rem !important}
.mr-3,.mx-3{margin-right:1rem !important}
.mb-3,.my-3{margin-bottom:1rem !important}
.ml-3,.mx-3{margin-left:1rem !important}
.m-4{margin:1.5rem !important}
.mt-4,.my-4{margin-top:1.5rem !important}
.mr-4,.mx-4{margin-right:1.5rem !important}
.mb-4,.my-4{margin-bottom:1.5rem !important}
.ml-4,.mx-4{margin-left:1.5rem !important}
.m-5{margin:3rem !important}
.mt-5,.my-5{margin-top:3rem !important}
.mr-5,.mx-5{margin-right:3rem !important}
.mb-5,.my-5{margin-bottom:3rem !important}
.ml-5,.mx-5{margin-left:3rem !important}
.p-0{padding:0 !important}
.pt-0,.py-0{padding-top:0 !important}
.pr-0,.px-0{padding-right:0 !important}
.pb-0,.py-0{padding-bottom:0 !important}
.pl-0,.px-0{padding-left:0 !important}
.p-1{padding:.25rem !important}
.pt-1,.py-1{padding-top:.25rem !important}
.pr-1,.px-1{padding-right:.25rem !important}
.pb-1,.py-1{padding-bottom:.25rem !important}
.pl-1,.px-1{padding-left:.25rem !important}
.p-2{padding:.5rem !important}
.pt-2,.py-2{padding-top:.5rem !important}
.pr-2,.px-2{padding-right:.5rem !important}
.pb-2,.py-2{padding-bottom:.5rem !important}
.pl-2,.px-2{padding-left:.5rem !important}
.p-3{padding:1rem !important}
.pt-3,.py-3{padding-top:1rem !important}
.pr-3,.px-3{padding-right:1rem !important}
.pb-3,.py-3{padding-bottom:1rem !important}
.pl-3,.px-3{padding-left:1rem !important}
.p-4{padding:1.5rem !important}
.pt-4,.py-4{padding-top:1.5rem !important}
.pr-4,.px-4{padding-right:1.5rem !important}
.pb-4,.py-4{padding-bottom:1.5rem !important}
.pl-4,.px-4{padding-left:1.5rem !important}
.p-5{padding:3rem !important}
.pt-5,.py-5{padding-top:3rem !important}
.pr-5,.px-5{padding-right:3rem !important}
.pb-5,.py-5{padding-bottom:3rem !important}
.pl-5,.px-5{padding-left:3rem !important}
.m-auto{margin:auto !important}
.mt-auto,.my-auto{margin-top:auto !important}
.mr-auto,.mx-auto{margin-right:auto !important}
.mb-auto,.my-auto{margin-bottom:auto !important}
.ml-auto,.mx-auto{margin-left:auto !important}


div.most_view_posts {padding:0 15px;}
div.most_view_posts h4{font-weight:bold}
div.most_view_posts .tab-content{background-color: #fff;padding: 1rem;border:1px solid #ccc;margin-top:0}
div.most_view_posts .tab-content .tab-pane a{display: flex;flex-direction:row;align-items:center;padding:0;}
div.most_view_posts .tab-content .tab-pane a img{margin:10px;}
div.most_view_posts .tab-content .tab-pane a p.title{margin-left:1rem;font-size:14px;color:rgba(51,51,51);}