/*----- common -----*/
body.home #content{
	padding-top: 15px;
}

article.page .post-header{
	padding-left: 36px;
	padding-right: 36px;
}

header.post-header,
section.post-content,
footer.post-footer {
	padding-left: 36px;
	padding-right: 36px;
}

h1.post-title {
position: relative;
padding: 0.2em;
background: -webkit-repeating-linear-gradient(-45deg, #fafaff, #fafaff 4px,#eeeeff 3px, #eeeeff 8px);
background: repeating-linear-gradient(-45deg, #fafaff, #fafaff 4px,#eeeeff 3px, #eeeeff 8px);
border-radius: 7px;
}

h1.post-title:after {
position: absolute;
content: '';
top: 100%;
left: 20px;
border: 15px solid transparent;
border-top: 15px solid #eeeeff;
width: 0;
height: 0;
}

body.color01 .post-content h3 {
	border-left:none;
	background-color: #eeeeff;
	padding: 10px 10px;
	border-radius: 7px;
}

.post-content h4 {
	border-left: none;
	border-bottom: 2px solid #ddf;
}
.post-content h4:first-letter {
	font-size: 1.5em;
	color: #ddf;
}


/*----- header -----*/
body.color01 #header{
	background: url(http://bittrader.jp/wp/wp-content/uploads/2018/10/3105bebe151a7854fd7c3c78523b5298_m2.jpg);
	background-position: bottom;
	padding: 10px 0;
}

/* トップ--リストの文字を小さく */
ul.lcp_catlist>li>a{
	font-size: 12px;
}
ul.lcp_catlist>li>a::after{
	content: "\A";
	white-space: pre;
}
ul.lcp_catlist>li{
	font-size: 12px;
}

/*----- header -----*/
body header#header {
	background-color: #A11;
	background: url("")
}

/*----- side area -----*/
div.side-widget-area>div{
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/* サイド--タイトルをコメント風に */
h4.side-title {
  position: relative;
  padding: 0.5em;
  background: #999;
	color: #fff;
}

h4.side-title span.side-title-inner a{
	color: #fff;
}

h4.side-title:after {
position: absolute;
content: '';
top: 100%;
left: 15px;
border: 10px solid transparent;
border-top: 10px solid #999;
width: 0;
height: 0;
}

/* サイド--ウィジェットリスト文字を小さく */
div.widget_recent_entries ul li,
div.widget_categories ul li,
div.widget_top-posts ul li{
		font-size:12px; 
}

/* トップ--ブロックの内部 */
body.color01 .post-content h2{
	margin: 0px;
	border: none;
	color: #494949;
}

/* トップ--ブロックの内部の一文字め */
body.color01 .post-content h2:first-letter{
	font-size: 1.4em;
	color: #999;
}

/* HOME--トップのパディング */
.post-content{
	padding-top:5px;
}

/*----- CTA -----*/
body.color01 .post-cta{
	border: none;
	background-color: #FFF;
}

body.color01 .post-cta .cta-post-title{
	color: #6cb4e4;
	text-align: center;
	margin-top: 10px;
	padding: 0.25em;
	border-top: solid 2px #6cb4e4;
	border-bottom: solid 2px #6cb4e4;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

body .post-cta .post-cta-inner {
	padding-left: 24px;
	padding-right: 24px;
}

/* point--MARKER */
.marker {
	background: linear-gradient(transparent 70%, #ccabcd 70%);
}

/* point--FRAMEキャンパス */
.frame01 {
	background: #f3f3ff;
	margin:20px 10px;
	box-shadow: 0px 0px 0px 5px #f3f3ff;
	border: dashed 2px white;
	padding: 0.5em 0.5em;
}
/* point--FRAME吹き出し */
.frame02 {
	position: relative;
	margin: 10px 10px;
	padding: 1em 1em;
	border: solid 2px #FFF;
	border-radius: 40px 2px 40px 2px;
	background-color: #FFF;
}
.frame02:before,.frame02:after{
	content: '';
	position: absolute;
	width:15px;
	height: 15px;
	border: solid 5px #FFF;
	border-radius: 50%;
}

.frame02:after{
	top:-10px;left:-10px;
}
.frame02:before{
	bottom:-10px;right:-10px;
}

/* BUTTON */
.cta-btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 12px 0 8px;
    text-decoration: none;
    color: #1ABB9A;
    transition: .4s;
}

.cta-btn:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:100%;
   left: 0;
   border-radius: 3px;
   background: #1ABB9A;
   transition: .2s;
}

.cta-btn:after{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:0;
   left: 0;
   border-radius: 3px;
   background: #1ABB9A;
   transition: .2s;
}

.cta-btn:hover:before{
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}
.cta-btn:hover:after{
    top: 3px;
}

/*----- 携帯用 -----*/
@media screen and (max-width: 991px){
header.post-header,
section.post-content,
footer.post-footer {
	padding-left: 12px;
	padding-right: 12px;
}

.cta-post-title, .post-cta, .post-cta-inner {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
}