/*
ここに独自の CSS を追加することができます。
詳しくは上のヘルプアイコンをクリックしてください。
*/


/* 蛍光黄色ペン風マーカー加工 */ 
.keikou {
background: linear-gradient(transparent 65%, #ffff66 0%);
}
/* 蛍光ピンクペン風マーカー加工 */
.keipin {
background: linear-gradient(transparent 65%, #FFDFEF 0%);
}
/*check mark*/



/*段落リボン設定*/

h2#danraku2 {
    position: relative;
    color: #ffffff;
    background: #185cb6;
    font-size: 16pt ;
    border: 3px solid #185cb6;
    margin: 10px 0px 23px 0px;
    padding: 10px 0px 10px 10px;
    border-radius: 3px;
    box-shadow:1px 3px 7px 0px  #666666 ;
}
h2#danraku2:after, h2#danraku2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
h2#danraku2:after {
    left: 37px;
    border: 10px solid transparent;
    border-top: 10px solid #185cb6;
}
h2#danraku2:before {
    left: 37px; 
    border: 13px solid transparent;
    border-top: 13px solid #185cb6;
}



h3#danraku3 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}





h4#danraku4{
	padding: 9px 0 3px 33px;
	margin: 30px 0 10px 0;
	font-size: 16px;
	font-weight:bold;
    position: relative;
	box-shadow: 0 4px 4px -5px rgba(0,0,0,.3);
	border-bottom:none;
	background-color:#ffffff;
}

h4#danraku4:after, h4#danraku4:before {
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#7db4e6; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

h4#danraku4:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}



/* 記事一覧サイズ半分 */
/*
@media only screen and (min-width: 768px) {

article .kanren {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

article .kanren dl {
  width: 49%;
}

}
*/


/* アプリーチ枠線 */
/*
#appreach-box {
	background-color: #f5fafe;
	margin: 2rem 0;
	padding: 1rem;
}
 
#appreach-box p,
#appreach-box br {
	display: none;
}
 
.appreach-info {
	overflow: hidden;
}
 
#appreach-appname {
	color: #094274;
	font-weight: bold;
}
 
#appreach-developer {
	margin-bottom: 1.5rem;
}
 */
/* アプリーチ枠線2 */
/*
#appreach-box {
	border: 1px solid #ddd;
	margin: 2em 0;
}
 
#appreach-box p {
	display: none;
}
 */