/* Enter Your Custom CSS Here *//*2015年7月13日アダマント追加cft*/
@media screen and (min-width:641px){
.adamant{
   width:100%;
   margin-bottom:2px;
   background-color:#ddd;
}
.adamant p{
   line-height:1em;
   padding-top:5px;
}
.adamanttitle{
   float:left;
   width:28%;
   padding-left:8px;
   background-color:#ddd;
}
.adamantright{
   width:69%;
   float:right;
   margin:0 0 0 0;
   padding:0 5px;
   background-color:#fff;
}

.iframe{
   float:right;
   margin:0 0 0 0;
   padding:0;
   display:block;
   width:100%;
}
/* clearfix
---------------------------------------- */
/* Modern Browsers */
.clearfix:after,
.imgSec01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
/* Legacy IE */
.clearfix,
.imgSec01 {
	*zoom: 1;
}
}
@media screen and (max-width:640px){
.adamant{
   width:100%;
   margin-bottom:0 !important;
}
.adamant p{
   padding-bottom:2px !important;
   padding-left:5px;
}
.adamanttitle{
   padding-left:5px;
   height:29px !important;
   background-color:#ddd;
}
.adamantright{
   padding:0 0;
   margin:0;
   overflow:hidden;
}

.iframe{
   margin:0 0 0 0;
   padding:0;
   width:100%;
}
}
/*2015年7月13日アダマント追加cftここまで*/

/*★記事表示方法スイッチボタン非表示★*/
.switch_display{
display:none;
}

/*★出典copyここから★*/
.copy{
font-size:x-small;
color:#CCC;
text-align:left;
position:relative; top:-27px;
margin-bottom:none;
padding-bottom:none;
}


/*★ランキングリスト★*/
.rankingList a{
text-decoration: underline;
font-weight:bold;}


/*★記事内リンク色★*/
article .body a:link { color: #33BAD2!important;}
article .body a:visited { color: #5706c4!important;}
article .body a:hover { color: #4adaf4!important;}
article .body a:active { color: #4adaf4!important;}


/*★目次のアンカージャンプ★*/
#i-1,#i-2,#i-3,#i-4,#i-5,#i-6,#i-7,#i-8,#i-9,#i-10
#i-11,#i-12,#i-13,#i-14,#i-15,#i-16,#i-17,#i-18,#i-19,#i-20
#i-21,#i-22,#i-23,#i-24,#i-25,#i-26,#i-27,#i-28,#i-29,#i-30{
padding-top:100px;
margin-top:-100px
}

/*★見出しCSS★*/
article .body h2 {
    position: relative;
    color: #fff;
    background: #FF7007;
    font-size: 16pt ;
    border: 4px solid #FF7007;
    margin: 10px 0px 23px 0px;
    padding: 20px 5px 20px 15px;
    border-radius: 3px;
}
article .body h2:after, article .body h2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
article .body h2:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #FF7007;
}
article .body h2:before {
    left: 37px; 
    border: 13px solid transparent;
    border-top: 13px solid #FF7007;
}


article .body h3{
	position:relative;
	padding-left:40px;
	margin-bottom:30px;
	font-size:1.5em;
	line-height:20px;
	border-left:none
	border-bottom: solid 3px #000!important;
}

article .body h3:before{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:15px;
	width:15px;
	margin-left:10px;
	display:block;
	position:absolute;
	background-color:#ff9600;
	top:13px;
	left:5px;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
/*★ここまで見出しCSS★*/


/*★記事一覧のタグマウスオーバーで拡大★*/
.category a:hover { 
    font-size:140%;
}


/*★スマホ限定CSS★*/
@media screen and (max-width: 768px){

  #path{
  display:none;}

}
/*★印刷限定CSS★*/
@media print {
  #header_wrapper {
    position: static;
  }
  #fix_area {
  display: none;
}}

/*★はてブのカウントを背景色と同じに★*/
.btn_hatena .count{
color:#00a4de;
}

/*★フキダシデザイン★*/
.arrow_answer,
.arrow_question {
position: relative;
background: #fff;
border: 1px solid #c8c8c8;
padding: 30px 25px;
border-radius: 10px;
width: 70%;
font-size: 13px;
}
.arrow_question {
float: right;
margin-right: 20px;

}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_question:after,
.arrow_question:before { right: 100%; }
.arrow_answer:after,

.arrow_answer:before { left: 100%; }
.arrow_answer:after,
.arrow_question:after {
border-color: rgba(255, 255, 255, 0);
border-width: 15px;
margin-top: -15px;
}
.arrow_answer:after { border-left-color: #fff ; }
.arrow_question:after { border-right-color: #fff ; }
.arrow_answer:before,
.arrow_question:before {
border-color: rgba(200, 200, 200, 0);
border-width: 16px;
margin-top: -16px;
}
.arrow_answer:before { border-left-color: #c8c8c8; }

.arrow_question:before { border-right-color: #c8c8c8; }
.question_image { float: left; }
.answer_image {
float: right;
margin-right: 20px;
}
.answer_image img,
.question_image img { border-radius: 50px; }
.question_Box {
margin-bottom: 25px;
overflow: hidden;
}