@charset "UTF-8";

/* 記事本文内の文字サイズ */

.articlebody p {
	font-size: 16px; font-size:1rem;
	color: #333333;
	line-height: 160%;
	margin-bottom:20px;
	letter-spacing:1px;
 }

/* 記事本文内 Pタグ内のリンク */

.articlebody p a {
/*	font-size: 16px; font-size:1rem; */
	color: #2200C1;
	line-height: 160%;
	text-decoration: none;
}

.articlebody p a:visited {
/*	font-size: 16px; font-size:1rem; */
	color: #551A8B;
	line-height: 160%;
	text-decoration: none;
}

/* ▼テーマ共通ここから */

/* リード（背景赤色） */
.articlebody .bplead{
	background-color:#f5d6d6;
	padding:10px 15px;
	margin-bottom:25px;
	font-size: 14px; font-size: 0.9rem;
	line-height: 120%;
	color: #333333;;
}

/* 20140704 renew 追加 */
.articlebody .bplead a{
	font-size: 14px; font-size: 0.9rem;
	color: #2200C1;
	line-height: 120%;
	text-decoration: none;
}
.articlebody .bplead a:visited{
	font-size: 14px; font-size:0.9rem;
	color: #551A8B;
	line-height: 120%;
	text-decoration: none;
}

/* 20140704 ここまで */

/* 質問 */
.articlebody .bpquestion{
	font-size: 14px; font-size: 0.9rem;
/* 20140704 renew 追加 */
	font-weight:bold;
/* 20140704 ここまで */
	color: #333333;
}


/* 質問への回答 */
.articlebody .bpanswer{
	font-size: 16px; font-size:1rem;
	font-weight:normal;
	color: #333333;
}

.articlebody .bpanswer b { font-size:16px; font-size:1rem; font-size:1rem; color: #E70012;}

/* 小見出し */
.articlebody h4{
	font-size: 14px; font-size: 0.9rem;
	color:#E70012;
	font-weight:bold;
	margin:30px 0 20px;
	clear:both;
}

/* 中見出し */
.articlebody h3 {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:left bottom;
background-repeat:no-repeat;
clear:both;
margin-bottom:20px;
margin-left:0px;
margin-right:5px;
margin-top:20px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size: 16px; font-size:1rem;
line-height:140%;
font-weight:bold;
border-left:2px solid #E70012;
color:#E70012;
}


/* 画像の枠 */
/* 修正201410 */
 .articlebody .bpimage_image img{
/*	border:1px solid #fff;*/
	border:0px;
}


/* 修正201410 */
.articlebody .bpimage_image a:hover img { 
	border:0px;
	/*border-color:#E70012;*/ } 

/* 画像のキャプション */
.articlebody .bpimage_title{
    margin-bottom:3px;
    font-weight:bold;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-align:left;
	margin: 0.3em 0;/* 20170301追記 */
	clear:both; /* 20170301追記 */
}
.articlebody .bpimage_caption{
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: 0.3em 0;
}
.articlebody .bpimage_click{
    text-align:left;
    color: #E70012;
    line-height: 120%;
    font-size:12px; font-size: 0.75rem;
    margin-top: 0.3em;
}


/* 図（回り込み：左）右配置 */
.articlebody .bpimage_right{
	float: right;
	margin: 1.5em 0 1.5em 2em;
}
.articlebody > .bpimage_right{
	clear: both;
}

/* 図（回り込み：右）左配置 */
.articlebody .bpimage_left{
	float: left;
	margin: 1.5em 2em 1.5em 0;
}

/* 図（スタンダード）中央配置 */
.articlebody .bpbox_center{
	margin: 2em auto;
}
.articlebody .bpbox_center .bpimage_double .bpimage_left .bpimage_caption, .articlebody .bpbox_center .bpimage_double .bpimage_right .bpimage_caption{
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: 0.3em 0.5em 0;
}
.articlebody .bpbox_center .bpimage_double .bpimage_caption{
    clear: both;
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: -0.2em 0.5em 0;
}
.articlebody .bpbox_center .bpimage_double .bpimage_left, .articlebody .bpbox_center .bpimage_double .bpimage_right{
    margin-bottom: 0.2em;
}
.articlebody .bpimage_center{
    width:500px;
    margin:10px auto;
    text-align:left;
}

/* 図（エトキ右配置） */
.articlebody .bpimage_caption_right{
    padding:5px 0 0;
}
.articlebody .bpimage_caption_right .bpimage_left{
    float: left;
    margin: 10px 1em 1.5em 0;
}
.articlebody .bpimage_caption_right .bpimage_title{
    padding:10px 10px 0 0;
}


/* 図（二つ並び） */
.articlebody .bpimage_double{
    width:500px;
    margin:10px auto;
    text-align:center;
}
.articlebody .bpimage_double .bpimage_left{
    margin:0;
}
.articlebody .bpimage_double .bpimage_right{
    margin:0;
}


/* 図（三つ並び） */
.articlebody .bpimage_triple{
    width:500px;
    margin:10px auto;
    text-align:center;
}
.articlebody .bpimage_triple .bpimage_wrap{
    margin:0;
    float:left;
}
.articlebody .bpimage_triple .bpimage_left{
    margin:0;
}
.articlebody .bpimage_triple .bpimage_center{
    float:right;
    margin:0;
}
.articlebody .bpimage_triple .bpimage_right{
    margin:0;
}
.articlebody .bpimage_triple .bpimage_caption {
    clear: both;
}

/* 図（縦積み） */
.articlebody .bpbox_left{
    float:left;
    margin:10px 10px 10px 0;
}
.articlebody .bpbox_right{
    float:right;
    margin:10px 0 10px 10px;
}
.articlebody .bpimage_set{
    margin:0 0 10px 0;
}



/* 表の配置（左・右・真ん中） */
.articlebody .bptable_left{
    clear:both;
    float:left;
}
.articlebody .bptable_right{
    clear:both;
    float:right;
}
.articlebody .bptable_center{
    width:540px;
    clear:both;
    text-align:center;
}
.articlebody .bptable_center .bptable{
    margin:auto;
}


/* 表 */
.articlebody .bptable{
    margin:10px 0;
}
.articlebody .bptable_title{
    margin:20px 0 15px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    font-weight: bold;
    text-align: left;
    color: #555;
}
.articlebody .bptable_caption{
    line-height: 130%;
    font-size: 14px; font-size: 0.9rem;
    text-align: left;
    color: #555;
}
.articlebody .bptable table{
    border-collapse: collapse;
    font-size: 14px; font-size: 0.9rem;
    border:1px solid #666;
    line-height: 120%;
}
.articlebody .bptable table th{
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    font-weight:bold;
    background-color:#F5D6D6;
    border:1px solid #666;
}
.articlebody .bptable table td{
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    background-color:#fff;
    border:1px solid #666;
}


/* プロフィール */
.articlebody .bpprofile, .articlebody .bpprofile_photo{
    margin:1em 0;
    padding-bottom:5px;
    border-bottom:3px double #c33;
}
.articlebody .bpprofile .bpprofile_profile{
    font-weight: bold;
    color: #000000;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: url(/images/n/trendy/201407/bpcss/ico_profile_top.jpg) no-repeat #f5d6d6;
    background-position: left center;
    text-align: left;
    padding:2px 0 0 30px;
    vertical-align: bottom;
}
.articlebody .bpprofile_position {
    font-weight: bold;
    font-size: 14px; font-size: 0.9rem;
}
.articlebody .bpprofile_name {
    font-size: 14px; font-size: 0.9rem;
}
.articlebody .bpprofile_text {
    color: #000000;
    text-align: left;
    padding: 5px 8px;
    font-size: 14px; font-size: 0.9rem;
    line-height:130%;
}


/* プロフィール（顔写真付） */
.articlebody .bpprofile_photo .bpprofile_profile{
    font-weight: bold;
    color: #000000;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: #f5d6d6;
    text-align: left;
    padding:2px 0 0 5px;
    vertical-align: bottom;
}
.articlebody .bpprofile_photo .bpprofile_text img{
    padding:0 10px 0 0;
    float:left;
}

/*--インタビュープロフィール用--*/
.articlebody .bpinterview{
    margin:1em 0;
    border-bottom:3px double #c33;
}
.articlebody .bpinterview_profile {
    padding: 2px 0 2px 32px;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: url(/images/n/trendy/201407/bpcss/ico_interviwe_top.jpg) no-repeat #f5d6d6;
    background-position: left center;
    text-align: left;
    vertical-align:middle;
}
.articlebody .bpinterview_position {
    font-weight: bold;
    font-size:16px; font-size:1rem;
}

.articlebody .bpinterview_name {
    font-size:16px; font-size:1rem;
}

.articlebody .bpinterview_text {
    color: #000000;
    text-align: left;
    padding: 5px 8px;
    font-size:16px; font-size:1rem;
    line-height:130%;
}


/* 囲み1 */
.articlebody .bpbox {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5d6d6;
    text-align: left;
}
.articlebody .bpbox .bpbox_title {
    margin:15px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    border-bottom: 5px solid #c33;
}
.articlebody .bpbox .bpbox_text {
    margin:15px;
    text-align: left;
    line-height: 140%;
    padding: 8px 15px 10px 15px;
    color: #000000;
    font-size: 14px; font-size:0.9rem;
}

/* 囲み2 */
.articlebody .bpbox2 {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5d6d6;
    text-align: center;
}
.articlebody .bpbox2 .bpbox_title {
    margin:15px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
}
.articlebody .bpbox2 .bpbox_text {
    margin: 8px 15px 8px 15px;
    text-align: left;
    line-height: 140%;
    color: #000000;
    padding: 8px 15px 10px 15px;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

/* 囲み3 */
.articlebody .bpbox3 {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 500px;
    text-align: center;
    background-color: #f5d6d6;
    border-bottom: 5px solid #E70012;
}
.articlebody .bpbox3 .bpbox_title {
    margin:8px 0 0 0;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    padding: 8px 15px;
    border-bottom: 5px solid #E70012;
}
.articlebody .bpbox3 .bpbox_text {
    text-align: left;
    line-height: 140%;
    color: #000000;
    padding: 8px 30px 10px 30px;
    background-color: #f5e4fb;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    font-size: 16px; font-size:1rem;
}

/* 囲み4 */
.articlebody .bpbox4{
    clear: both;
    margin:15px auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5e4fb;
    text-align: center;
}
.articlebody .bpbox4 .bpbox_title{
    margin:6px 3px 0 6px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    padding-bottom: 8px;
}
.articlebody .bpbox4 .bpbox_text{
    margin:0 6px 3px 6px;
    padding: 8px 15px 10px 15px;
    text-align: left;
    line-height: 140%;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

/* 20140704 renew 追加*/
.articlebody .bpbox4 .bpbox_text a{
    font-size: 16px; font-size:1rem;
}
/* 20140704 ここまで */

/* 囲み5 */
.articlebody .bpframe{
	overflow:hidden;
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 494px;
    text-align: center;
    border:3px double #E70012;
} 
.articlebody .bpframe .bpbox_text{
    margin:10px 10px;
    text-align: left;
    line-height: 160%;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

.articlebody .bpframe a {
    color: #0000ff;
    font-size: 16px; font-size:1rem;
    line-height: 160%;
    text-decoration: none;
}

.articlebody .bpframe a:visited {
    color: #551A8B;
    font-size: 16px; font-size:1rem;
    line-height: 160%;
    text-decoration: none;
}

/* コードリスト（灰色）  javascriptやhtmlなどのコードを記事本文で見せたいときのもの */
.articlebody .bpcode {
    margin:1em 0;
    width: 500px;
    background-color: #E4E4E6;
    border: 1px solid #666666;
    line-height: 130%;
    color: #000000;
    text-align: left;
}
.articlebody .bpcode .bpimage_caption code{
    color: #fff;
}

.articlebody .bpcode pre{
    margin: 10px;
    font-size: 16px; font-size:1rem;
    line-height:130%;
}

.articlebody .bpcode pre code{
    margin: 0px;
    font-size: 16px; font-size:1rem;
}

/* コードリスト（緑色）  javascriptやhtmlなどのコードを記事本文で見せたいときのもの */
.articlebody .bpcode2 {
    margin:1em 0;
    width: 500px;
    background-color: #C5E4D5;
    border: 1px solid #666666;
    line-height: 130%;
    color: #000000;
    text-align: left;
}
.articlebody .bpcode2 pre{
    margin: 10px;
    font-size: 16px; font-size:1rem;
    line-height:130%;
}

.articlebody .bpcode2 pre code{
    margin: 0px;
    font-size: 16px; font-size:1rem;
}

/* 訂正文 */
.articlebody .bpteisei_box {
	margin:1em 0;
	padding: 0 15px;
	border-left: 2px solid #DDD;
}

.articlebody .bpteisei_box .bpteisei b {
	font-size: 14px; font-size: 0.9rem;
	color: #777;
	font-weight: bold;
	line-height: 150%;
}

.articlebody .bpteisei {
    color:#888;
    font-size: 14px; font-size: 0.9rem;
    line-height: 150%;
    margin:0 0 20px 0;
}



.articlebody .bpteisei_box .bpteisei {
    color:#888;
    font-size: 14px; font-size: 0.9rem;
    line-height: 150%;
    margin:0 0 20px 0;
}

/* 	用語解説用 */
.articlebody .bpword{
    border-top:2px dotted #ccc;
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    color: #555;
}

/* 	注釈用 */
.articlebody .bpannotation{
    padding-left: 30px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    color: #555;
}

/* 	参考文献用 */
.articlebody .bpreference {
    border:1px dotted #ccc;
    padding:0.8em 15px;
    margin: 1.5em 0
    font-size: 14px; font-size: 0.9rem;
    line-height: 1.6em;
    color: #555;
}

.articlebody .bpreference a {
    color: #2200c1;
    font-size: 14px; font-size: 0.9rem;
    border-bottom: 1px solid #666666;
}

/* clearfix */
.clearfix,.articlebody .bpprofile_photo .bpprofile_text , .articlebody .bpimage_caption_right{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after, .articlebody .bpimage_caption_right:after, .articlebody .bpimage_double:after ,.articlebody .bpprofile_photo .bpprofile_text:after,.articlebody .bpimage_triple:after {
    display: block;
    clear: both;
    height: 0.1em;
    line-height: 0.1em;
    visibility: hidden;
    content: ".";
}


.articlebody .bprecommend_sitelist {
    border-top: 1px dashed #999999;
    margin: 30px 0 15px;
    padding: 10px 10px 0;
    clear:both;
}

.articlebody .bprecommend_sitelist h6 {
    color: #666666;
    font-size: 14px; font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.articlebody .bprecommend_sitelist ul {
    list-style: disc outside none;
    margin-bottom: 15px;
    padding-left: 20px;
}

.articlebody .bprecommend_sitelist ul li {
    color: #999999;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    margin-bottom: 5px;
}

.articlebody .bprecommend_sitelist ul li a {
    color: #666666;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    text-decoration: none;
}

.articlebody .bprecommend_sitelist ul li a:visited {
    color: #551A8B;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    text-decoration: none;
}

/* ▲テーマ共通ここまで */

/* video area pc begin */


.bpvideo {
	position: relative;
	padding-bottom: 35.7%;
	padding-top: 10px;
	height: auto;
	width:66.6%;
	margin:10px auto;
	overflow: hidden;
}
 
.bpvideo iframe,  
.bpvideo object,  
.bpvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* video area pc end */

.articlebody .bpvideo_caption {
    text-align: center;
    font-size: 0.8rem;
    color: #333333;

}

/* 本文標準CSS仕様 20170210verup(2016/12/22) */

 /* 区切り要素  配布本来はarticleBody */

.articlebody hr.asterisk { border: none; text-align:center;}
.articlebody hr.asterisk:after { content: "＊＊＊＊＊"; letter-spacing: 3em; margin-right: -3em; }
.articlebody hr.diamond { border: none;  text-align:center;}
.articlebody hr.diamond:after { color:#990000;content: "◇◆◇◆◇◆◇"; letter-spacing: 5em; margin-right: -5em;padding-bottom: 7px;clear: both; }
/*.articlebody hr, .articlebody hr.line { width: 100%; border-top: 1px solid gray;border-bottom: 1px solid gray; padding-bottom:7px;clear: both; }*/
.articlebody hr, .articlebody hr.line { width: 100%; border-top: 1px solid gray;border-left: none;border-right: none;border-bottom: 1px solid gray;padding-bottom:3px;clear: both; }

/*.articlebody hr, .articlebody hr.line:after { content: ""; display: block; }*/
.articlebody hr, .articlebody hr.line:after { content: ""; display: block; }


/* TRN スマホ用の区切り要素 */
.detail_cont hr.asterisk { border: none;padding-bottom: 12px;}
.detail_cont hr.asterisk:after { content: "＊＊＊＊"; letter-spacing: 3em; margin-right: -3em; text-align:center;}
.detail_cont hr.diamond { border: none; padding-bottom: 12px;}
.detail_cont hr.diamond:after { color:#990000;content: "◇◆◇◆"; letter-spacing: 3em; margin-right: -3em; text-align:center;padding-bottom: 7px;}
.detail_cont hr, .detail_cont hr.line { width: 100%; border-top: 1px solid gray;border-left: none;border-right: none;border-bottom: 1px solid gray;padding-bottom:3px;margin-bottom:20px;clear: both; }
.detail_cont hr:after, .detail_cont hr.line:after { content: ""; display: block; }

/* フォントのサイズ変更 PC　*/
.articlebody .fontSizeXXL { font-size: 3em; }
.articlebody .fontSizeXL { font-size: 2em; }
.articlebody .fontSizeL { font-size: 1.5em; }
.articlebody .fontSizeS { font-size: 0.8em; }
.articlebody .fontSizeXS { font-size: 0.4em; }


/* フォントのサイズ変更 スマホ */
.detail_cont .fontSizeXXL { font-size: 3em; }
.detail_cont .fontSizeXL { font-size: 2em; }
.detail_cont .fontSizeL { font-size: 1.5em; }
.detail_cont .fontSizeS { font-size: 0.8em; }
.detail_cont .fontSizeXS { font-size: 0.4em; }


/* 文字色と背景色 */
.articlebody .textCol { color: dodgerblue; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .textColTintA { color: deepskyblue; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .textColTintB { color: lightskyblue; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .textColShade { color: lightblue; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .textColShadeA { color: lightcyan; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .textColShadeB { color: aliceblue; } /* サイトカラーに合わせてcolorを変更 */
.articlebody .bgCol { background-color: dodgerblue; }
.articlebody .bgColTintA { background-color: deepskyblue; }
.articlebody .bgColTintB { background-color: lightskyblue; }
.articlebody .bgColShade { background-color: lightblue; }
.articlebody .bgColShadeA { background-color: lightcyan; }
.articlebody .bgColShadeB { background-color: aliceblue; }
.articlebody .textColBlackTintA { color: dimgray; }
.articlebody .textColBlackTintB { color: darkgray; }
.articlebody .textColBlackShade { color: lightgrey; }
.articlebody .textColBlackShadeA { color: gainsboro; }
.articlebody .textColBlackShadeB { color: whitesmoke;}
.articlebody .bgColBlack { background-color: black; }
.articlebody .bgColBlackTintA { background-color: dimgray; }
.articlebody .bgColBlackTintB { background-color: darkgray; }
.articlebody .bgColBlackShade { background-color: lightgrey; }
.articlebody .bgColBlackShadeA { background-color: gainsboro; }
.articlebody .bgColBlackShadeB { background-color: whitesmoke;}
.articlebody .textColBlack { color: black; }
.articlebody .textColGray { color: gray; }
.articlebody .textColSilver { color: silver; }
.articlebody .textColWhite { color: white; }
.articlebody .textColRed { color: red; }
.articlebody .textColYellow { color: yellow; }
.articlebody .textColLime { color: lime; }
.articlebody .textColAqua { color: aqua; }
.articlebody .textColBlue { color: blue; }
.articlebody .textColFuchsia { color: fuchsia; }
.articlebody .textColMaroon { color: maroon; }
.articlebody .textColOlive { color: olive; }
.articlebody .textColGreen { color: green; }
.articlebody .textColTeal { color: teal; }
.articlebody .textColNavy { color: navy; }
.articlebody .textColPurple { color: purple; }
.articlebody .bgColBlack { background-color: black; }
.articlebody .bgColGray { background-color: gray; }
.articlebody .bgColSilver { background-color: silver; }
.articlebody .bgColWhite { background-color: white; }
.articlebody .bgColRed { background-color: red; }
.articlebody .bgColYellow { background-color: yellow; }
.articlebody .bgColLime { background-color: lime; }
.articlebody .bgColAqua { background-color: aqua; }
.articlebody .bgColBlue { background-color: blue; }
.articlebody .bgColFuchsia { background-color: fuchsia; }
.articlebody .bgColMaroon { background-color: maroon; }
.articlebody .bgColOlive { background-color: olive; }
.articlebody .bgColGreen { background-color: green; }
.articlebody .bgColTeal { background-color: teal; }
.articlebody .bgColNavy { background-color: navy; }
.articlebody .bgColPurple { background-color: purple; }


/* 文字色と背景色 スマホ */
.detail_cont .textCol { color: dodgerblue; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .textColTintA { color: deepskyblue; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .textColTintB { color: lightskyblue; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .textColShade { color: lightblue; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .textColShadeA { color: lightcyan; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .textColShadeB { color: aliceblue; } /* サイトカラーに合わせてcolorを変更 */
.detail_cont .bgCol { background-color: dodgerblue; }
.detail_cont .bgColTintA { background-color: deepskyblue; }
.detail_cont .bgColTintB { background-color: lightskyblue; }
.detail_cont .bgColShade { background-color: lightblue; }
.detail_cont .bgColShadeA { background-color: lightcyan; }
.detail_cont .bgColShadeB { background-color: aliceblue; }
.detail_cont .textColBlackTintA { color: dimgray; }
.detail_cont .textColBlackTintB { color: darkgray; }
.detail_cont .textColBlackShade { color: lightgrey; }
.detail_cont .textColBlackShadeA { color: gainsboro; }
.detail_cont .textColBlackShadeB { color: whitesmoke;}
.detail_cont .bgColBlack { background-color: black; }
.detail_cont .bgColBlackTintA { background-color: dimgray; }
.detail_cont .bgColBlackTintB { background-color: darkgray; }
.detail_cont .bgColBlackShade { background-color: lightgrey; }
.detail_cont .bgColBlackShadeA { background-color: gainsboro; }
.detail_cont .bgColBlackShadeB { background-color: whitesmoke;}
.detail_cont .textColBlack { color: black; }
.detail_cont .textColGray { color: gray; }
.detail_cont .textColSilver { color: silver; }
.detail_cont .textColWhite { color: white; }
.detail_cont .textColRed { color: red; }
.detail_cont .textColYellow { color: yellow; }
.detail_cont .textColLime { color: lime; }
.detail_cont .textColAqua { color: aqua; }
.detail_cont .textColBlue { color: blue; }
.detail_cont .textColFuchsia { color: fuchsia; }
.detail_cont .textColMaroon { color: maroon; }
.detail_cont .textColOlive { color: olive; }
.detail_cont .textColGreen { color: green; }
.detail_cont .textColTeal { color: teal; }
.detail_cont .textColNavy { color: navy; }
.detail_cont .textColPurple { color: purple; }
.detail_cont .bgColBlack { background-color: black; }
.detail_cont .bgColGray { background-color: gray; }
.detail_cont .bgColSilver { background-color: silver; }
.detail_cont .bgColWhite { background-color: white; }
.detail_cont .bgColRed { background-color: red; }
.detail_cont .bgColYellow { background-color: yellow; }
.detail_cont .bgColLime { background-color: lime; }
.detail_cont .bgColAqua { background-color: aqua; }
.detail_cont .bgColBlue { background-color: blue; }
.detail_cont .bgColFuchsia { background-color: fuchsia; }
.detail_cont .bgColMaroon { background-color: maroon; }
.detail_cont .bgColOlive { background-color: olive; }
.detail_cont .bgColGreen { background-color: green; }
.detail_cont .bgColTeal { background-color: teal; }
.detail_cont .bgColNavy { background-color: navy; }
.detail_cont .bgColPurple { background-color: purple; }




/* テキストの強調  新版調整中  */


/* 対談、インタビュー PC */
.articlebody p span.speaker01 { font-size:0.9rem;color: blue; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker02 { font-size:0.9rem;color: red; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker03 { font-size:0.9rem;color: green; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker04 { font-size:0.9rem;color: lime; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker05 { font-size:0.9rem;color: olive; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker06 { font-size:0.9rem;color: yellow; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker07 { font-size:0.9rem;color: fuchsia; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker08 { font-size:0.9rem;color: lightcoral; font-weight: bold; margin-right: 0.5em;}
.articlebody p span.speaker09 { font-size:0.9rem;color: purple; font-weight: bold; margin-right: 0.5em;}


/* 対談、インタビュー スマホ */
.detail_cont p span.speaker01 { font-size:1rem;color: blue; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker02 { font-size:1rem;color: red; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker03 { font-size:1rem;color: green; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker04 { font-size:1rem;color: lime; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker05 { font-size:1rem;color: olive; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker06 { font-size:1rem;color: yellow; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker07 { font-size:1rem;color: fuchsia; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker08 { font-size:1rem;color: lightcoral; font-weight: bold; margin-right: 0.5em;}
.detail_cont p span.speaker09 { font-size:1rem;color: purple; font-weight: bold; margin-right: 0.5em;}


/* 左寄せ、左右中央、右寄せ PC */
.articlebody .textAlignLeft { text-align: left;}
.articlebody .textAlignCenter { text-align: center; }
.articlebody .textAlignRight { text-align: right; }

/* 左寄せ、左右中央、右寄せ スマホ */
.detail_cont .textAlignLeft { text-align: left;}
.detail_cont .textAlignCenter { text-align: center; }
.detail_cont .textAlignRight { text-align: right; }


/* 回り込み解除  PC */
.articlebody .clearLeft { clear: left; }
.articlebody .clearRight { clear: right; }
.articlebody .clearBoth { clear: both; }
.articlebody .clearfix:after { content:""; display:block; clear:both; }

/* 回り込み解除  スマホ */
.detail_cont .clearLeft { clear: left; }
.detail_cont .clearRight { clear: right; }
.detail_cont .clearBoth { clear: both; }
.detail_cont .clearfix:after { content:""; display:block; clear:both; }


/* リスト 新版調整中 */


/* 引用 PC用　*/
.articlebody blockquote{ background-color: aliceblue; padding:3em 1em; position: relative; }
.articlebody blockquote:before{ content:"“"; font-size: 6em; line-height: 1; font-family: sans-serif; color: gray; position: absolute; left: 0; top: 0; }
.articlebody blockquote:after{ content:"”"; font-size: 6em; line-height: 0; font-family: sans-serif; color: gray;
position: absolute; right: 0; bottom: 0; }
.articlebody blockquote cite  { font-style: normal; }

/* 引用 スマホ用 */
.detail_cont blockquote{ background-color: aliceblue; padding:3em 1em; position: relative; }
.detail_cont blockquote:before{ content:"“"; font-size: 6em; line-height: 1; font-family: sans-serif; color: gray; position: absolute; left: 0; top: 0; }
.detail_cont blockquote:after{ content:"”"; font-size: 6em; line-height: 0; font-family: sans-serif; color: gray;
position: absolute; right: 0; bottom: 0; }
.detail_cont blockquote cite  { font-style: normal; }


/* コード 新版調整中  */