/* CSS Document */

/*記事見出し*/

.midashi01 {
padding: 0.3em 0.3em 0.3em 0.5em;
color: #a48c5d;
background: #fffde1;
border-left: solid 12px #ffe167;
}

.midashi02 {
color: #4f9dda;
margin: 0.5em 0.3em 1.0em 0.3em;
border-bottom: dashed 2px #99CCFF;
}

  /* floatを解除 */
.ximg-clear{
  clear: both;
}


/*各種枠ボックス*/

.b_waku_pink {
	background-color: #FFF7F7;
	border: 2px solid #FFA4A4;
	padding: 1em 1em;
	letter-spacing: 0.5px;
	margin: 18px 10px 18px 15px;
}

.b_waku_gold {
	background-color: #fffde1;
	border: 2px solid #ffe98f;
	padding: 1em 1em;
	letter-spacing: 0.5px;
	margin: 18px 15px 18px 15px;
}

.b_waku_blue {
	padding: 0.5em 1em;
	margin: 2em 0;
	background: #F0F8FF;
	border-radius: 8px;
	border: dashed 2px #99CCFF;/*点線*/
}
.b_blue p {
    margin: 0; 
    padding: 0;
}

/*各種枠ボックス2*/

.boxwaku_link {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.boxwaku_link .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.boxwaku_link p {
    margin: 0; 
    padding: 0;
}

.boxwaku_green {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.boxwaku_green .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.boxwaku_green p {
    margin: 0; 
    padding: 0;
}

.boxwaku_hotpink {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #f89174;
}
.boxwaku_hotpink .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #f89174;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.boxwaku_hotpink p {
    margin: 0; 
    padding: 0;
}

.boxwaku_orange {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffc778;
}
.boxwaku_orange .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ffc778;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.boxwaku_orange p {
    margin: 0; 
    padding: 0;
}

.notice {
  background-color: #fffafa;
  border: 3px dashed #f86c6c;
  border-radius: 10px;
  padding: 20px 60px;
}

/*各種フォント*/

.atx-grey{color:#9e9e9e;font-size: 90%;}
.atx-red{color:#d71d3b}
.atx-red-b{color: #d71d3b;font-size: 120%;font-weight: bold;}
.atx-big-b{color: #000000;font-size: 125%;font-weight: bold;}
.atx-blue{color:#2196f3}
.atx-orange{color:#ffb400}
.atx-pink{color:#F6C}
.atx-red{color:#cf0000}
.atx-green{color:#093}
.atx-small{font-size: 90%;}
.atx-xxx{font-size: 130%;font-weight: bold;}

/*黄色マーカー部分*/

.atx-marker {
background: #ffff99;
padding: 1px 1px;
margin: 0 1px;
}


/*--------------------------------------
  合わせて読みたい
--------------------------------------*/

.awasete{
    margin-bottom: 20px;
}
.awasete .awasete__title{
    border: none;
    margin: 0;
    padding: 0;
}
.awasete .awasete__title span{
    background: #333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding:5px 10px;
}
.awasete .awasete__title i{
    margin-right: 5px;
}
.awasete .awasete__list{
    border: 1px solid #ccc;
    padding: 20px;
}
.awasete .awasete__list__item{
    margin:0 0 20px 0;
}
.awasete .awasete__list__item:last-child{
    margin-bottom: 0;
}

.awasete_img {
	float:left;
	margin-right: 20px;
}