@charset "utf-8";
/*
Theme Name: scblog
Template: twentyeleven
*/

/*******************************************************
 投稿記事内で利用するスタイルの追加はこちらに記述
********************************************************/
/* 汎用 */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

/* title */
.entry-content .ttl01 {
	display: block;
	margin-bottom: 40px;
	font-size: 22px;
	background: url(images/ttl_bg_01.png) bottom left repeat-x;
}
.entry-content .ttl01 span {
	display: inline-block;
	font-size: inherit;
	border-bottom: 5px solid #4BD7F3;
}

/* lead */
.entry-content .lead {
	margin-bottom: 40px;
	padding: 15px 10px 0;
	border-top : 1px solid #ededed;
	border-bottom : 1px solid #ededed;
	font-size: 14px;
}
.entry-content .lead p,
.entry-content .lead a {
	font-size: 14px;
}
.entry-content .lead p {
	margin-bottom: 15px;
	line-height: 1.5;
}
/*
.entry-content > p {
	max-width:38em;
	margin-left:auto;
	margin-right:auto;
}
*/
.entry-content .lead p {
	max-width:38em;
	margin-left:auto;
	margin-right:auto;
}
.entry-content {
	/*max-width:38em;*/
	max-width:610px;
}

/* blockquote */
blockquote {
	display: block;
	width: 90%;
	margin: 0 auto 40px;
	padding: 10px 20px 0;
	background: #EEFBFD;
	border: 0 none;
	line-height: 1.4;
}
blockquote:before {
	content: "";
	height: 20px;
	display: block;
	background: url(images/ico_bq_01.png) top left no-repeat;
}
blockquote:after {
	content: "";
	height: 25px;
	display: block;
	background: url(images/ico_bq_02.png) top right no-repeat;
}
blockquote p {
	margin-bottom: 10px;
	color: #666;
	line-height: 1.5;
}

/* popup */
.popup {
	display: table;
	margin: 0 0 20px;
	zoom: 1;
}
.popup:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* dl */
.popup dt {	
	display: block;
	width: 40px;
	height: 40px;
	padding: 2px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
}
.popup.left dt {
	float: left;
	margin-right: 20px;
	vertical-align:middle;
}
.popup.right dt {
	float: right;
	margin-left: 20px;
}
.popup dt span {
	display: block;
	width: 40px;
	height: 40px;
	padding: 2px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
}
.popup dt img {
	margin: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.popup dd {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.popup.left dd {
	padding-left: 8px;
	background: url(images/bg_pop_02.png) left center no-repeat;
}
.popup.right dd {
	padding-right: 8px;
	background: url(images/bg_pop_03.png) right center no-repeat;
}
.popup dd span,
.popup .desc span {
	display: block;
	padding: 7px 15px;
	background: #f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.popup {
	display: table;
	width: 100%; 
	margin: 0 0 20px;
	zoom: 1;
}
.popup:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.popup .pic,
.popup .desc {	
	display: table-cell;
	vertical-align: middle;
}
.popup .pic {
	width: 40px;
}
.popup .pic span {
	display: block;
	width: 40px;
	height: 0;
	height: 40px;
	padding: 1px;
	border: 2px solid #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #fff 50% 50% no-repeat;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	line-height: 2;
	overflow: hidden;
}
.popup .pic img {
	margin: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.popup.left .pic {
	padding-right: 15px;
}
.popup.right .pic {
	padding-left: 15px;
}
.popup p {
	margin-bottom: 0;
}
.popup .desc {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; 
}
.popup.left .desc {
	padding-left: 8px;
	padding-right: 69px;
	background: url(images/bg_pop_02.png) left center no-repeat;
}
.popup.right .desc {
	padding-right: 8px;
	padding-left: 69px;
	background: url(images/bg_pop_03.png) right center no-repeat;
}
.popup .desc span {
	display: block;
	padding: 15px 20px;
	background: #f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.popup.left.blue .desc {
	background: url(images/bg_pop_05.png) left center no-repeat;
}
.popup.right.blue .desc {
	background: url(images/bg_pop_06.png) right center no-repeat;
}
.popup.blue .desc span {
	background: #e0ffff;
}
.popup.left.pink .desc {
	background: url(images/bg_pop_07.png) left center no-repeat;
}
.popup.right.pink .desc {
	background: url(images/bg_pop_08.png) right center no-repeat;
}
.popup.pink .desc span {
	background: #FFF0F5;
}

/* color marker */
.markYw,
.markPk,
.markGr,
.markBl {
	display: inline !important;
	padding: 0 3px !important;
	margin: 0 3px !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.markYw {
	background: #FF6 !important;
}
.markPk {
	background: #FCF !important;
}
.markGr {
	background: #CF6 !important;
}
.markBl {
	/* background: #6FF !important; */
	background: #a7f0ff !important;
}
/* news clipping */
.detail {
	overflow: hidden;
}

/* linkBox */
.linkBox a:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.linkBox a {
	display: block; 
	margin-bottom: 15px;
	border: 3px solid #efefef;
	zoom: 1;
}
.linkBox .pic {
	float: left; 
	width: 75px;
	vertical-align: top;
}

.linkBox p {
	margin: 0;
}
.linkBox .pic img {
	width: 70px;
	vertical-align: middle;
}
.linkBox .desc {
	overflow: hidden;
	padding: 5px;
	font-size: 13px;
	line-height: 1.35;
	vertical-align: middle;
}
/* notes */
.notes {
	color: #999;
	font-size: 13px;
	line-height: 1.3;
}
/* 枠囲み */
.txt-frame{
	border: 1px solid #C0C6C9;
    padding: 12px;
}
/* 記事内でavatarを利用するためのセット */
.popup .pic .auth2,
.popup .pic .auth4,
.popup .pic .auth5,
.popup .pic .auth9 {
	height: 0;
	padding-top: 40px;
}
/* otsuki */
.popup .pic .auth2 {background-image: url(../../uploads/2013/03/f0fb0fb25004393c2ba1c6f75c7e4943-40x40.jpg) ;}
/* amin */
.popup .pic .auth4 {background-image: url(../../uploads/2013/03/f9fba5e51029eab89cb873804c1c9482-40x40.jpg) ;}
/* Fujimura */
.popup .pic .auth5 {background-image: url(../../uploads/2013/03/327fb33b71934876c2decc4d03c14a99-40x40.png) ;}
/* mukuta */
.popup .pic .auth9 {background-image: url(../../uploads/2013/03/asami-mukuta_avatar-40x40.jpg) ;}
/* okawa */
.popup .pic .auth11 {background-image: url(../../uploads/2013/11/bfc9e8b33f6bb2344393fa27081d873c-40x40.jpg) ;}
/* arahama */
.popup .pic .auth23 {background-image: url(../../uploads/2013/04/hajime-arahama_avatar-40x40.jpg) ;}

/* facebookの横幅問題対応用CSS 2015.06.18追記 2017.08.04コメントアウト  */
/*
.fb_iframe_widget_fluid span {
	width: 100% !important;
}
.fb_iframe_widget.fb-comments iframe {
	width:100% !important;
}
*/