@charset "utf-8";

/*===================================================
お知らせ
===================================================*/
/********** 検索ボックス **********/
#searchBox_out {
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and ( max-width:1030px ) {
#searchBox_out {
	padding: 0 10px;
}
}

#searchBox {
	box-sizing: border-box;
	width: 100%;
	border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	padding: 0 15px 15px 15px;
	margin-bottom: 30px;
}

.searchBox_in {
	display: table;
	width: 100%;
}

.searchBox_in dl {
	display: table-row;
}

.searchBox_in dt,
.searchBox_in dd {
	display: table-cell;
	vertical-align: top;
}

.searchBox_in dt,
.searchBox_in input[type="text"] {
	font-size: 110%;
	line-height: 1;
}
.searchBox_in input[type="text"] {
    box-sizing: border-box;
    height: 30px;
    color: #666;
    border: 1px solid #c3c9d2;
    padding: 3px 5px;
}

.searchBox_in dt {
	width: 7em;
	font-size: 125%;
	line-height: 1;
	font-weight: 500;
	color: #0077c3;
	padding: 20px 0 0 0;
}

.searchBox_in dd {
	padding: 15px 0 0 0;
}

#freewordBox {
	margin-right: 70px;
}

#freewordBox #enter_freeword,
#freewordBox #keyword {
	width: 100%;
}

/********** 検索ボタン **********/
#searchBt {
	float: right;
	width: 60px;
}

#searchBt button {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 30px;
	font-size: 110%;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-color: #0077c3;
	border: none;
	border-radius: 5px;
    padding: 5px;
}

#searchBt button:hover {
	cursor: pointer;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
}

/********** 情報一覧 **********/
#information_listBox {
	width: 100%;
	margin: 0 auto 50px auto;
}

.information_detail {
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.information_detail a {
	display: block;
	width: 100%;
}
.information_detail a,
.information_detail a:visited,
.information_detail a:hover {
	color: #333;
	text-decoration: none;
}

.information_ImgBoxOut,
.information_CopyBox {
    box-sizing: border-box;
	float: left;
    margin: 0;
}

.information_ImgBoxOut {
    width: 30%;
}

.information_ImgBox {
    box-sizing: border-box;
    width: 100%;
	border: 1px solid #eee;
}

.information_ImgOut {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #eee;
    padding: 75% 0 0 0;
}

.information_Img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.information_Img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.information_CopyBox {
    width: 70%;
    padding-left: 10px;
}
.information_detail .information_CopyBox:first-child {
    width: 100%;
	padding-left: 0;
}

.information_day {
	font-size: 95%;
	line-height: 1;
}

.information_name {
	color: #0078c4;
	font-size: 125%;
	line-height: 1.25;
	font-weight: 500;
	margin: 5px 0;
}
a:hover .information_name {
	text-decoration: underline;
}

.information_copy {
	position: relative;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
}
.information_copy:before,
.information_copy:after {
	position: absolute;
	background: #fff;
}
.information_copy:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}
.information_copy:after {
	content: "";
	width: 100%;
	height: 100%;
}

.information_siteLink,
.writer_topic {
	color: #0078c4;
	line-height: 1.25;
	font-weight: 500;
	text-align: right;
	margin-top: 5px;
}

.information_siteLink span {
	background: url(../../common/images/icon_popup.png) no-repeat left center;
	background-size: 16px 15px;
	padding: 0 0 0 18px;
}
.information_siteLink span:after {
	content: "（外部サイト）";
	font-size: 90%;
}

.writer_topic span {
	background: url(../../common/images/icon_pen.png) no-repeat left center;
	background-size: 15px 15px;
	padding: 0 0 0 18px;
}

@media screen and ( max-width:665px ) {
.information_detail {
	box-shadow: none;
	/**********
	border-bottom: 1px dashed #ccc;
	**********/
	border-radius: 0;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
}

.information_ImgBoxOut,
.information_CopyBox {
	float: none;
	width: 100%;
	padding: 0;
}

.information_ImgBoxOut {
	margin-bottom: 10px;
}

#pagingBox {
	display: none;
}
}


/*===================================================
詳細
===================================================*/
#information_detail section:nth-child(3) {
	margin-bottom: 50px;
}

/********** カテゴリタイトル **********/
#information_detail_cateTit {
    border-bottom: 1px solid #91b5e1;
    padding: 20px 0;
}
#information_detail_cateTit span {
	display:block;
	height: 30px;
	font-size: 200%;
	line-height: 30px;
	font-weight: 400;
	background: url(../images/information_icon.png) no-repeat 0 center;
	background-size: 30px 30px;
	padding: 0 0 0 35px;
}

/**********
#information_detail .information_detail {
	margin-bottom: 10px;
}
**********/

@media screen and ( max-width:665px ) {
#information_detail_cateTit {
	border-bottom: 1px solid #0065a9;
	border-left: 5px solid #0065a9;
	padding: 1px 5px 5px 5px
}

#information_detail_cateTit span {
	height: auto;
	font-size: 150%;
	line-height: 1;
	background-image: none !important;
	padding-left: 0 !important;
}
}

/********** 記事タイトル **********/
#information_nameBox {
	border-left: 5px solid #0078c4;
	padding-left: 7px;
	margin-bottom: 10px;
}

#information_nameBox .information_name {
	font-size: 180%;
	color: #333;
	margin-bottom: 0;
}

/********** ライター紹介_記事内 **********/
#information_writerBox_head {
	display: table;
	margin: 0 0 10px auto;
}

#information_writerBox_head a {
	display: block;
}

#information_writerBox_head a:hover {
	cursor: pointer;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
}

#information_writerBox_head .writer_img,
#information_writerBox_head .writer_name {
	display: table-cell;
	vertical-align: middle;
}

#information_writerBox_head .writer_img {
	width: 40px;
	height: 40px;
	vertical-align: top;
	border-radius: 20px;
	overflow: hidden;
}
#information_writerBox_head .writer_img img {
	width: 40px;
	height: auto;
}

#information_writerBox_head .writer_name {
	font-size: 90%;
	line-height: 1.3;
	padding-left: 7px;
}
#information_writerBox_head .writer_name b {
	font-size: 125%;
	font-weight: 500;
}

/********** SNS **********/
#information_snsBox_head {
	margin: 15px 0;
}

#information_snsBox_bottom {
	margin: 15px 0 50px 0;
}

.information_snsBox ul {
	display: table;
    table-layout: fixed;
	width: 100%;
}

.information_snsBox li {
	position: relative;
	display: table-cell;
	height: 40px;
	border-left: 5px solid #fff;
}
.information_snsBox li:first-child {
	border-left: none;
}

.information_snsBox li a {
	box-sizing: border-box;
	position: absolute;
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 7px;
	padding: 7px;
}
.information_snsBox li a:hover {
    box-shadow: none;
	top: 3px;
}

.information_sns_fb a {
	background-color: #3c5996;
    box-shadow: 0 3px 0 rgba(46, 69, 119, 1);
}

.information_sns_tw a {
	background-color: #0abff6 ;
    box-shadow: 0 3px 0 rgba(26, 150, 192, 1);
}

.information_sns_go a {
	background-color: #da4e40;
    box-shadow: 0 3px 0 rgba(172, 62, 51, 1);
}

.information_sns_po a {
	background-color: #e7364a;
    box-shadow: 0 3px 0 rgba(180, 43, 59, 1);
}

.information_sns_li a {
	background-color: #00b900;
    box-shadow: 0 3px 0 rgba(10, 110, 28, 1);
}

.information_snsBox li a span {
	display: block;
	width: 100%;
	height: 26px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.information_sns_fb a span {
	background-image: url(../../common/images/icon_sns_s_fb.png);
}

.information_sns_tw a span {
	background-image: url(../../common/images/icon_sns_s_tw.png);
}

.information_sns_go a span {
	background-image: url(../../common/images/icon_sns_s_go.png);
}

.information_sns_po a span {
	background-image: url(../../common/images/icon_sns_s_po.png);
}

.information_sns_li a span {
	background-image: url(../../common/images/icon_sns_s_li.png);
}

#fbBox {
    display: table;
    table-layout: fix;
    width: 100%;
    color: #fff;
    background-color: #2b2b2b;
    margin-bottom: 15px;
}

#fbThumb {
    display: table-cell;
    min-width: 240px;
	height: 180px;
    background-position: center;
	background-size:cover;
	border: 1px solid #eee;
}

#fbButtonBox {
    display: table-cell;
    font-size: 115%;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
}

#fbButton {
    display: inline-block;
    width: 200px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin-top: 20px;
}

#fbButton,
#fbButton iframe {
	height: 30px;
}

@media screen and ( max-width:665px ) {
.information_sns_fb a span {
	background-image: url(../../common/images/icon_sns_fb_s.png);
}

.information_sns_tw a span {
	background-image: url(../../common/images/icon_sns_tw_s.png);
}

.information_sns_go a span {
	background-image: url(../../common/images/icon_sns_go_s.png);
}

.information_sns_po a span {
	background-image: url(../../common/images/icon_sns_po_s.png);
}

.information_sns_li a span {
	background-image: url(../../common/images/icon_sns_li_s.png);
}

#fbThumb {
    min-width: 150px;
	height: 100px;
}

#fbButtonBox {
    font-size: 100%;
    padding: 10px;
}

#fbButton {
    width: 100%;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin-top: 10px;
}

#fbButton {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#fbButton,
#fbButton iframe {
	height: 28px;
}
}

.information_fullImg img {
    width: 100%;
}

/********** 記事本文 **********/
#information_textBox h2 {
	font-size: 120%;
	line-height: 1.5;
	font-weight: 700;
	border-bottom: 2px solid #0078c4;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

#information_textBox h3 {
	font-size: 110%;
	line-height: 1.5;
	color:  #0078c4;
	font-weight: 500;
	background-color: #dff2fc;
	border-radius: 5px;
	padding: 3px 7px;
	margin-bottom: 10px;
}

#information_textBox h4 {
	line-height: 1.5;
	color: #0078c4;
	font-weight: 500;
	margin-bottom: 10px;
}

#information_textBox p {
	font-size: 110%;
	line-height: 1.75;
	text-indent: 1em;
	letter-spacing: 1px;
	margin-bottom: 7px;
}

#information_textBox a {
	display: inline;
}

#information_textBox a,
#information_textBox a:visited {
	color: #00558e;
	text-decoration : underline;
}
#information_textBox a:hover {
	 color: #00558e;
	 text-decoration: none;
}

#information_textBox img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}

#information_textBox hr {
    display: block !important;
	width: 100%;
    height: 1px;
    font-size: 0;
    line-height: 0;
    border-style: solid none none none;
    border-width: 1px;
    border-color: #999;
    padding: 0;
    margin: 15px 0;
}

#information_textBox strong {
    background: linear-gradient(transparent 40%, #ffff66 40%);
}

#information_textBox .columnBox {
	display: table;
	width: 100%;
}

#information_textBox .columnBox li:nth-child(2) {
	padding-left: 0 !important;
}

/********** カラム表示 **********/
#information_textBox .col2,
#information_textBox .col3 {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px;
}

#information_textBox .col2 img,
#information_textBox .col3 img {
	display: block;
	width: 100% !important;
	height: auto;
	margin-bottom: 5px;
}

#information_textBox .col2 {
	width: 49%;
	padding-left: 2%;
}

#information_textBox .col3 {
	width: 32%;
	padding-left: 2%;
}

/********** 引用表示 **********/
#information_textBox blockquote {
	background-color: #eee;
	border-radius: 5px;
	padding: 15px 7px;
	margin: 15px 0;
}

#information_textBox blockquote:before,
#information_textBox blockquote:after {
    content: "";
    position: relative;
	display: block;
	width: 25px;
	height: 25px;
}
#information_textBox blockquote:before {
    float: left;
    top: -8px;
	background: url(../../common/images/icon_blockquote_w.png) no-repeat 0 0;
	background-size: 25px auto;
 
}
#information_textBox blockquote:after {
    float: right;
    bottom: -8px;
	background: url(../../common/images/icon_blockquote_w2.png) no-repeat 0 0;
	background-size: 25px auto;
}

#information_textBox blockquote p {
	text-indent: 0;
	padding: 5px 30px 0 30px;
	margin: 0;
}

/********** 囲み枠表示 **********/
#information_textBox p.hosoku,
#information_textBox p.warning,
#information_textBox p.boader {
	font-size: 90%;
	text-indent: 0;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

#information_textBox p.hosoku {
	background-color: #FFFBD2;
}

#information_textBox p.warning {
	background-color: #F6D2DC;
}

#information_textBox p.boader {
	border: 1px solid #999;
}

#information_textBox p.hosoku strong,
#information_textBox p.warning strong,
#information_textBox p.boader strong {
	font-size: 110%;
	font-weight: 600;
    background: linear-gradient(transparent 100%, #ffff66 100%);
}

/********** ボタン表示 **********/
#information_textBox .btnBox {
	text-align: center;
}

#information_textBox .btnBox.btnBg {
    background: #efefef;
    padding: 1.5em 1em;
}

#information_textBox .btnBox.btnBg-yellow {
    background: lightyellow;
    padding: 1.5em 1em;
}

#information_textBox .btnBox a {
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	max-width: 90%;
	color: #fff;
	text-decoration: none;
	background: #1BB4D3;
	border: 1px solid #1BB4D3;
	padding: 1em 2em;
}
#information_textBox .btnBox a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#information_textBox .btnSimple a {
	color: #1BB4D3 !important;
	background-color: transparent !important;
}

#information_textBox .btnBig a {
	min-width: 50%;
	font-size: 120%;
	padding: 1.1em 2em !important;
}

#information_textBox .btnLightning a {
	background: #C81C1C !important;
	border-color: #C81C1C !important;
}

#information_textBox .btnMaru a {
	border-radius: 0.4em !important;
}

/********** 吹き出し表示 **********/
#information_textBox .voiceBox_l > br,
#information_textBox .voiceBox_r > br {
	display: none;
}

#information_textBox .voiceBox {
	position: relative;
	box-sizing: border-box;
	min-height: 76px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 7px;
	padding: 10px;
}
#information_textBox .voiceBox::before {
	content: '';
	position: absolute;
	top: 26px;
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent !important;
	border-bottom: 12px solid transparent !important;
}
#information_textBox .voiceBox::after {
	content: '';
	position: absolute;
	top: 26px;
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent !important;
	border-bottom: 12px solid transparent !important;
}

#information_textBox .voiceBox_l .voiceBox {
	margin-left: 100px;
}
#information_textBox .voiceBox_r .voiceBox {
	margin-right: 100px;
}

#information_textBox .voiceBox_l .voiceBox::before {
	left: -12px;
	border-right: 12px solid #ccc;
}
#information_textBox .voiceBox_l .voiceBox::after {
	left: -10px;
	border-right: 12px solid #fff;
}
#information_textBox .voiceBox_r .voiceBox::before {
	right: -12px;
	border-left: 12px solid #ccc;
}
#information_textBox .voiceBox_r .voiceBox::after {
	right: -10px;
	border-left: 12px solid #fff;
}

#information_textBox .voiceIcon {
	box-sizing: border-box;
	width: 76px;
	height: 76px;
	border-radius: 38px;
	background-color: #eee;
	border: 2px solid #ccc;
}

#information_textBox .voiceName {
	width: 76px;
	font-size: 85%;
	text-align: center;
	margin-top: 80px;
}

#information_textBox .voiceBox_l .voiceIcon,
#information_textBox .voiceBox_l .voiceName {
	float: left;
}
#information_textBox .voiceBox_r .voiceIcon,
#information_textBox .voiceBox_r .voiceName {
	float: right;
}

#information_textBox .voiceBox_l .voiceName {
	margin-left: -76px;
}
#information_textBox .voiceBox_r .voiceName {
	margin-right: -76px;
}

#information_textBox .voiceIcon img {
	width: auto;
	max-width: 72px;
	height: 100%;
	max-height: 72px;
	border-radius: 36px;
}

#information_textBox .voiceFb .voiceBox {
	color: #fff;
	background-color: #4C5CB0;
	border-color: #4C5CB0;
}
#information_textBox .voiceFb .voiceBox::before {
	border-color: #4C5CB0;
}
#information_textBox .voiceFb .voiceBox::after {
	display: none;
}

#information_textBox .voiceLine .voiceBox {
	color: #fff;
	background-color: #7ACC40;
	border-color: #7ACC40;
}
#information_textBox .voiceLine .voiceBox::before {
	border-color: #7ACC40;
}
#information_textBox .voiceLine .voiceBox::after {
	display: none;
}

#information_textBox .viBig .voiceBox {
	margin-top: 10px;
}
#information_textBox .voiceBox_l.viBig .voiceBox {
	margin-left: 120px;
}
#information_textBox .voiceBox_r.viBig .voiceBox {
	margin-right: 120px;
}

#information_textBox .viBig .voiceIcon {
	width: 96px;
	height: 96px;
	border-radius: 48px;
	margin-top: -10px;
}
#information_textBox .viBig .voiceIcon img {
	max-width: 92px;
	max-height: 92px;
	border-radius: 46px;
}

#information_textBox .viBig .voiceName {
	width: 96px;
	margin-top: 90px;
}

#information_textBox .voiceBox_l.viBig .voiceName {
	margin-left: -96px;
}
#information_textBox .voiceBox_r.viBig .voiceName {
	margin-right: -96px;
}

@media screen and ( max-width:665px ) {
#information_textBox .columnBox,
#information_textBox .col2,
#information_textBox .col3 {
	display: block;
	width: 100%;
	padding-left: 0 !important;
}
}

/********** 登録タグ **********/
#tagList {
	margin-top: 10px;
}

#tagList dt,
#tagList dd {
	font-size: 95%;
	line-height: 1;
}

#tagList dt {
	float: left;
	width: 4.5em;
	margin-top: 15px;
}
#tagList dd {
	margin-left: 4.5em;
}
#tagList dd a {
	box-sizing: content-box !important;
    display: inline-block;
	width: auto;
	height: 12px;
	line-height: 12px;
    white-space: nowrap;
	background-color: #ebf2fa;
	border: 1px solid #91b5e1;
	border-radius: 5px;
	padding: 5px;
	margin: 10px 10px 0 0;
}

#tagList dd a,
#tagList dd a:visited,
#tagList dd a:hover {
	color: #00558e;
	text-decoration : none;
}
#tagList dd a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}
#tagList dd a:before {
	content: "＃";
}

/********** 閲覧回数 **********/
#noBox {
	margin-bottom: 30px;
}

#noBox p {
	font-size: 90%;
	line-height: 1;
	text-align: right;
	color: #0078c4;
}

/********** ライター紹介_記事下 **********/
#information_writerBox_bottom {
	border: 3px solid #ccc;
	margin: 30px 0;
}

#this_writer{
	line-height: 1;
	background: #ccc;
	padding: 4px 7px 7px 7px;
}

#information_writerBox_bottom a {
	display: block;
	padding: 7px;
}

#information_writerBox_bottom a,
#information_writerBox_bottom a:visited,
#information_writerBox_bottom a:hover {
	color: #333;
	text-decoration: none;
}

#information_writerBox_bottom a:hover {
	cursor: pointer;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
}

#information_writerBox_bottom .writer_img,
#information_writerBox_bottom #writerBox {
	display: table-cell;
	vertical-align: top;
}

#information_writerBox_bottom .writer_img {
	width: 75px;
	vertical-align: top;
}
#information_writerBox_bottom .writer_img div {
	width: 73px;
	height: 73px;
	border: 1px solid #ccc;
	overflow: hidden;
}
#information_writerBox_bottom .writer_img img {
	width: 73px;
	height: auto;
}

#information_writerBox_bottom #writerBox {
	padding-left: 10px;
}

#information_writerBox_bottom .writer_name {
	font-size: 125%;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 5px;
}

/********** 関連タイトル **********/
.information_InfoTit {
	box-sizing: border-box;
	width: 100%;
	font-size: 115%;
	line-height: 1;
	color: #fff;
	background-color: #00558f;
	border-radius: 5px;
	padding: 7px 10px;
}

/********** 関連リスト **********/
.informationBoxList dl {
	display: table;
	width: 100%;
	border-bottom: 1px dashed #ccc;
}

.informationBoxList dl:nth-child(even) {
	background-color: #f2f5fa;
}

.informationBoxList dt,
.informationBoxList dd {
	display: table-cell;
	vertical-align: top;
	padding: 10px 5px;
}
.informationBoxList dt {
	width: 6em;
	padding-right: 0;
}

/********** 関連リンク **********/
#informationAll {
	text-align: right;
	margin: 7px 0 30px 0;
}

#informationAll a {
	display: inline-block;
	background-color: #d9d9d9;
	border-radius: 7px;
	padding: 5px 10px;
}
#informationAll a,
#informationAll a:visited,
#informationAll a:hover {
	color: #333;
	text-decoration : none
}
#informationAll a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	cursor: pointer;
}

#informationAll a span {
	background: url(../../common/images/arrow_black.png) no-repeat right center;
	background-size: auto 10px;
	padding-right: 15px;
}

/*===================================================
関連記事
===================================================*/
#relationBox {
	width: 100%;
	background-color: #f2f5fa;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
}
#information_detail section:nth-child(3) #relationBox {
	background-color: transparent;
	border: none;
	padding-bottom: 0;
}

#relationBox .titBox {
	margin-bottom: 15px;
}

#relationBox h1 span {
	font-size: 165%;
}

#relation_information {
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	margin: -20px auto 0 auto;
}
@media screen and ( max-width:1030px ) {
#relation_information {
	padding: 0 10px;
}
}

#relation_information li {
	box-sizing: border-box;
	float: left;
	width: 32%;
	background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	margin-top: 20px;
	margin-left: 2%;
}
#relation_information li:first-child,
#relation_information li:nth-child(4),
#relation_information li:nth-child(7) {
	margin-left: 0;
}

#relation_information li a,
#relation_information li a:visited,
#relation_information li a:hover {
	color: #333;
	text-decoration: none;
}

#relation_information .information_day,
#relation_information .information_name {
	line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#relation_information .information_day {
	text-align: right;
	padding: 10px 10px 5px 10px;
}

#relation_information .information_name {
	font-size: 110%;
	margin: 7px 10px;
}

#relation_information .information_copy {
	height: 40px;
	margin: 0 10px 10px 10px;
}

.relationImg_out {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #eee;
	border: 1px solid #eee;
	padding: 50% 0 0 0;
}

.relationImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.relationImg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and ( max-width:665px ) {
#relationBox {
	background-color: #fff;
	border: none;
}

#relationBox h1 {
	color: #fff;
	border: none;
	background-color: #0066aa;
	border-radius: 5px;
	padding: 5px;
}

#relationBox h1 span {
	font-size: 90%;
	padding: 3px 5px;
	background-image: none !important;
}

#relation_information li {
	width: 50%;
    box-shadow: none;
	border-radius: 0;
	margin-left: 0;
	border-bottom: 1px dashed #ccc;
}
#relation_information li:nth-child(odd) {
	clear: both;
	float: left;
	padding-right: 10px;
}
#relation_information li:nth-child(even) {
	float: right;
	padding-left: 10px;
}

#relation_information li .picupArea {
	border-bottom: none;
	padding: 0 0 5px 0;
}

#relation_information .information_day {
	text-align: left;
	padding: 0 0 5px 0;
}

#relation_information .information_name {
	font-size: 95%;
	margin: 5px 0;
}

#relation_information .information_copy {
	font-size: 90%;
	margin: 0 0 10px 0;
}
}

/*===================================================
コメント
===================================================*/
#commentBox_out {
}
@media screen and ( max-width:1030px ) {
#commentBox_out {
	padding: 0 10px;
}
}

#commentBox_in {
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	border: 5px solid #efefef;
	margin: 0 auto;
}

#editBox_out {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 15px 20px;
}

#editBox,
#edit_btBox {
	display: table-cell;
	vertical-align: top;
}

#editBox {
	padding-right: 10px;
}
#editBox textarea {
	box-sizing: border-box;
	width: 100%;
    height: 50px;
	font-size: 85%;
    line-height: 1.3;
	color: #555;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px;
    resize: vertical;
}

#edit_btBox {
	width: 8em;
}
#edit_btBox a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	background-color: #0077c3;
	border-radius: 5px;
}

#edit_btBox a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
}

#commentBox {
	padding: 0 20px;
	border-top: 5px solid #efefef;
}

#commentBox li {
	position: relative;	
	padding: 15px 0;
	border-top: 1px dashed #ccc;
}
#commentBox li:first-child {
	border-top: none;
}

#commentBox .commenter_img {
	float: left;
	width: 40px;
	height: 40px;
}
#commentBox .commenter_img img {
	border-radius: 20px;
}

#commentBox .writer_name {
	float: left;
	font-size: 90%;
	line-height: 1.5;
	margin-left: 10px;
}
#commentBox .writer_name b {
	font-size: 125%;
	font-weight: 500;
	margin-right: 10px;
}

#commentBox .commenter_sns {
	float: left;
	padding: 16px 0 0 10px;
}

#commentBox .commenter_sns li {
	float: left;
	border: none;
	padding: 0 5px 0 0;
}
#commentBox .commenter_sns li a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/commenterBox_sns.png);
	background-repeat: no-repeat;
	background-size: 24px auto;
	border-radius: 3px;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}
#commentBox .commenter_sns li a:hover {
	-ms-filter: "alpha( opacity=20 )";
	filter: alpha( opacity=20 );
	opacity: 0.2;
	text-decoration: none;
}

#commentBox .commenter_sns li.commenter_sns_fb a {
	background-position: 0 0;
}
#commentBox .commenter_sns li.commenter_sns_tw a {
	background-position: 0 -24px;
}
#commentBox .commenter_sns li.commenter_sns_hp a {
	background-position: 0 -48px;
}

#commentBox .comment {
	line-height: 1.7;
	margin: 5px 0 0 50px;
}

#commentBox .bt_report {
	position: absolute;
	top: 15px;
	right: 0;
}
#commentBox .bt_report a,
#commentBox .bt_report a:visited,
#commentBox .bt_report a:hover {
	font-size: 85%;
	line-height: 1;
	color: #ccc;
	text-decoration: none;
}
#commentBox .bt_report a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#commentBox .bt_report a span {
	background: url(../../common/images/icon_ban.png) no-repeat 0 center;
	background-size: 14px;
	padding: 0 0 0 16px;
}

.modify_btBox ul {
	float: right;
}

.modify_btBox li {
	float: left;
	border: none !important;
	padding: 0 !important;
}

.modify_btBox li a,
.modify_btBox li a:visited,
.modify_btBox li a:hover {
	font-size: 85%;
	line-height: 1;
	color: #999;
	text-decoration: none;
}
.modify_btBox li a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

.modify_btBox a span {
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 14px;
	padding: 0 0 0 16px;
}

.modify_btBox .bt_modify {
	margin-right: 10px;
}

.modify_btBox .bt_modify a span {
	background-image: url(../../common/images/icon_pen_g.png);
}
.modify_btBox .bt_delete a span {
	background-image: url(../../common/images/icon_batsu_g.png);
}

@media screen and ( max-width:665px ) {
#commentBox_out {
	margin: 0 0 50px 0;
}

#editBox_out {
	padding: 10px;
}

#editBox_out,
#editBox,
#edit_btBox {
	display: block;
}

#editBox {
	padding: 0;
}
#editBox textarea {
    height: 75px;
}

#edit_btBox {
	width: 80%;
	margin: 10px auto 0 auto;
}
#edit_btBox a {
	height: 40px;
	line-height: 40px;
}

#commentBox {
	padding: 0 10px;
}

#commentBox li {
	padding: 10px 0;
}

#commentBox .bt_report {
	position: static;
	text-align: left;
	margin-top: 5px;
}

#commentBox .modify_btBox {
	position: absolute;
	bottom: 10px;
	right: 0;
}

#commentBox .commenter_sns {
	width: 100%;
	padding: 5px 0 0 50px;
}

#commentBox .comment {
	line-height: 1.7;
	margin: 10px 0 5px 0;
}
}
	

/*===================================================
ランキング
===================================================*/
#side_popular_tit {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 30px;
	font-size: 125%;
	line-height: 1;
	font-weight: 400;
	background: url(../images/side_popular_icon.png) no-repeat 0 3px;
	background-size: 25px 20px; 
	border-bottom: 1px solid #91b5e1;
	padding: 5px 5px 5px 30px;
}

#side_popularBox li {
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}
#side_popularBox li a,
#side_popularBox li a:visited,
#side_popularBox li a:hover {
	text-decoration: none;
}
#side_popularBox li a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

/*===================================================
ライター記事一覧
===================================================*/
#information_writerBox {
    width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and ( max-width:1030px ) {
#information_writerBox {
	padding: 0 10px;
}
}

#information_writerBox .writer_img {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px auto;
}
#information_writerBox .writer_img img {
	border-radius: 50px;
}

#information_writerBox .writer_name {
	font-size: 150%;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}

#information_writerBox .writer_affiliated {
	font-size: 120%;
	text-align: center;
	margin: 10px auto;
}

#information_writerBox .writer_prof {
	text-align: center;
}

#writer_sns {
	display: table;
	margin: 20px auto 0 auto;
}

#writer_sns li {
	float: left;
	border: none;
	margin: 0 0 0 10px;
}
#writer_sns li:first-child {
	margin: 0;
}

#writer_sns li a {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -999em;
	background-image: url(../images/commenterBox_sns.png);
	background-repeat: no-repeat;
	background-size: 36px auto;
	border-radius: 5px;
}
#writer_sns li a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
}

#writer_sns li.commenter_sns_fb a {
	background-position: 0 0;
}
#writer_sns li.commenter_sns_tw a {
	background-position: 0 -36px;
}
#writer_sns li.commenter_sns_hp a {
	background-position: 0 -72px;
}

#writer_information {
	box-sizing: border-box;
	width: 100%;
	line-height: 1;
	color: #fff;
	background: #00558f;
	border-radius: 5px;
	padding: 7px 10px;
	margin-bottom: 15px;
}

/********** 関連リンク **********/
#relationTit {
	width: 80%;
	font-size: 110%;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	color: #0078c4;
	background-color: #f5f7fc;
	border-top: 1px dotted #c9d7ec;
	border-bottom: 1px dotted #c9d7ec;
	padding: 7px 0;
	margin: 0 auto 10px auto;
}

#relationLink {
}

#relationLink dl {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

#relationLink dt,
#relationLink dd {
	display: inline-block;
}

#relationLink dt {
	text-align: right;
}
#relationLink dt:after {
	content: "：";
}

/*===================================================
スマホ用検索
===================================================*/
#information_search_sp .pc_on {
	display: block !important;
}

#information_search_sp #headBox {
	padding: 10px;
}

#information_search_sp #headLogoBox,
#information_search_sp #headLogo,
#information_search_sp #headLogo a {
	width: 190px;
	height: auto;
}

#information_search_sp #headLogo a {
	height: 0;
	padding-top: 11.3636%;
}

#information_search_sp #panNav {
	border-top: 2px solid #91b5e1;
	padding-top: 10px;
	margin: 0 auto;
}
#information_search_sp #panNav ul {
    border-bottom: none;
	padding-bottom: 10px !important;
}

#information_search_sp #searchBox_out {
	padding: 0;
}

#information_search_sp #searchBox {
	box-sizing: border-box;
	width: 100%;
	border-radius: 0;
    box-shadow: none;
	padding: 0;
	margin: 0 0 145px 0;
}

#information_search_sp .searchBox_in dt,
#information_search_sp .searchBox_in dd {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-top: 1px dashed #ccc !important;
	padding: 10px;
}

#information_search_sp .searchBox_in dt {
	background-color: #f2f5fa;
}

#information_search_sp .searchBox_in dd {
	position: relative;
}

#information_search_sp .searchBox_in #searchBt {
	float: none;
	position: absolute;
	top: 50px;
	left: 10%;
	width: 80%;
}

#information_search_sp .searchBox_in #freewordBox {
	width: 100%;
}

#information_search_sp #bt_to_top {
	right: 15px;
	bottom: 15px;
	width: 45px;
	height: 45px;
}

/*===================================================
ポップアップ
===================================================*/
#modifyPopup .popupBox,
#updatePopup .popupBox,
#deletePopup .popupBox,
#reporPopup .popupBox,
#commentdeletePopup .popupBox,
#commentreporPopup .popupBox,
#bestAnPopup .popupBox {
	width: 50%;
}

#modifyPopup p,
#updatePopup p,
#deletePopup p,
#reporPopup p,
#commentdeletePopup p,
#commentreporPopup p,
#bestAnPopup .popupBox p {
	text-align: center;
}

#updatePopup .popupBox dl {
    border-bottom: 1px dashed #ccc;
}

#updatePopup .popupBox dt,
#updatePopup .popupBox dd {
	text-align: left;
    border-top: 1px dashed #ccc;
	padding-top: 7px;
	margin-bottom: 7px;
}
#updatePopup .popupBox dt:first-child,
#updatePopup .popupBox dd:nth-child(2) {
    border-top: none;
}
#updatePopup .popupBox dt {
	clear: both;
	float: left;
	width: 10em;
}
#updatePopup .popupBox dd {
	margin-left: 10em;
}

#modifyPopup .popupBox .ok_btmBox,
#updatePopup .popupBox .ok_btmBox,
#deletePopup .popupBox .ok_btmBox,
#reporPopup .popupBox .ok_btmBox,
#commentdeletePopup .popupBox .ok_btmBox,
#commentreporPopup .popupBox .ok_btmBox,
#bestAnPopup  .popupBox .ok_btmBox {
	width: 90%;
	margin: 10px auto 20px auto;
}
#modifyPopup .popupBox .ok_btmBox a,
#updatePopup .popupBox .ok_btmBox a,
#deletePopup .popupBox .ok_btmBox a,
#reporPopup .popupBox .ok_btmBox a,
#commentdeletePopup .popupBox .ok_btmBox a,
#commentreporPopup .popupBox .ok_btmBox a,
#bestAnPopup  .popupBox .ok_btmBox a {
	box-sizing: border-box;
    display: block;
	width: 100%;
	height: 50px;
    font-size: 140%;
	line-height: 30px;
	font-weight: 500;
	background-color: #0078c4;
	border: none;
	border-radius: 7px;
	padding: 10px 0;
}

#modifyPopup .popupBox .ok_btmBox a,
#updatePopup .popupBox .ok_btmBox a,
#deletePopup .popupBox .ok_btmBox a,
#reporPopup .popupBox .ok_btmBox a,
#commentdeletePopup .popupBox .ok_btmBox a,
#commentreporPopup .popupBox .ok_btmBox a,
#bestAnPopup  .popupBox .ok_btmBox a,
#modifyPopup .popupBox .ok_btmBox a:visited,
#updatePopup .popupBox .ok_btmBox a:visited,
#deletePopup .popupBox .ok_btmBox a:visited,
#reporPopup .popupBox .ok_btmBox a:visited,
#commentdeletePopup .popupBox .ok_btmBox a:visited,
#commentreporPopup .popupBox .ok_btmBox a:visited,
#bestAnPopup  .popupBox .ok_btmBox a:visited,
#modifyPopup .popupBox .ok_btmBox a:hover,
#updatePopup .popupBox .ok_btmBox a:hover,
#deletePopup .popupBox .ok_btmBox a:hover,
#reporPopup .popupBox .ok_btmBox a:hover,
#commentdeletePopup .popupBox .ok_btmBox a:hover,
#commentreporPopup .popupBox .ok_btmBox a:hover,
#bestAnPopup  .popupBox .ok_btmBox a:hover {
    color: #fff;
	text-decoration: none;
}
#modifyPopup .popupBox .ok_btmBox a:hover,
#updatePopup .popupBox .ok_btmBox a:hover,
#deletePopup .popupBox .ok_btmBox a:hover,
#reporPopup .popupBox .ok_btmBox a:hover,
#commentdeletePopup .popupBox .ok_btmBox a:hover,
#commentreporPopup .popupBox .ok_btmBox a:hover,
#bestAnPopup  .popupBox .ok_btmBox a:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#modifyPopup .popupTit,
#updatePopup .popupTit,
#deletePopup .popupTit,
#reporPopup .popupTit,
#commentdeletePopup .popupTit,
#commentreporPopup .popupTit,
#bestAnPopup .popupTit {
    color: #00558f;
    font-size: 125%;
    font-weight: 600;
    line-height: 1.3;
	text-align: center;
    background-color: #ebf2fa;
    border-bottom: 2px solid #5694d2;
    border-top: 2px solid #5694d2;
    padding: 10px;
    margin: 0 0 15px 0;
}

@media screen and ( max-width:665px ) {
#modifyPopup .popupBox,
#updatePopup .popupBox,
#deletePopup .popupBox,
#reporPopup .popupBox,
#commentdeletePopup .popupBox,
#commentreporPopup .popupBox,
#bestAnPopup .popupBox {
	width: 90%;
}
.comment_name {
	line-height: 1;
}

.comment_name b {
	display: block;
	line-height: 1.5;
	margin: 0 0 3px 0;
}
}


/*===================================================
スマホ用フッターナビ
===================================================*/
#footNav li a {
	background: url(../images/footNav_to.png) no-repeat center 0;
	background-size: 80px 116px;
}

#footNav #footNav01 a {
	background-position: center 0;
}
#footNav #footNav02 a {
	background-position: center -58px;
}


/*===================================================
トップへ戻る
===================================================*/
@media screen and ( max-width:665px ) {
#bt_to_top {
    bottom: 15px !important;
}
}


/*===================================================
ショートコード：関連記事
===================================================*/
.related_article {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 0 0 15px 0;
}

.related_article a {
	box-sizing: border-box;
	display: block !important;
	width: 100%;
	color: #333 !important;
	text-decoration: none !important;
	background: #fff;
	padding: 10px;
}
.related_article a:hover{
	color: #666 !important;
	background: #ebf2fa;
}

.related_article .thum {
	float: left;
	display: block;
	width: 130px;
	margin: 0;
}

#topics_textBox .related_article .thum img {
	width: 120px !important;
	margin-right: 10px;
}

.related_article .inbox {
	position: relative;
	margin-left: 130px;
}

.related_article .ttl {
	font-size: 110% !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
	text-indent: 0 !important;
}
.related_article .ttl:before {
	content: '関連記事';
	display: block;
	width: 6em;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	text-align: center;
	background: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
	margin-bottom: 5px;
}

.related_article .inbox .date.gf {
	position: absolute;
	top: 1px;
	left: 6em;
	display: block;
}


/*===================================================
ショートコード：カラム
===================================================*/
.column-wrap {
    width: 100%;
}

.column-wrap img {
	display: block;
	margin-bottom: 7px;
}

.cf::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/********** 2カラム **********/
.d-1of2 {
	box-sizing: border-box;
    float: left;
    width: 50%;
	padding-left: 10px;
}
.column-wrap .d-1of2:first-child {
	padding: 0 10px 0 0;
}

/********** 3カラム **********/
.d-1of3 {
	box-sizing: border-box;
    float: left;
    width: 32%;
	margin-left: 2%;
}
.column-wrap .d-1of3:first-child {
	margin-left: 0;
}

@media screen and ( max-width:665px ) {
.d-1of2,
.d-1of3 {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
}
}


/*===================================================
ショートコード：囲み
===================================================*/
.supplement {
	box-sizing: border-box;
	width: 100%;
	border-radius: 3px;
	padding: 15px;
	margin: 0 0 15px 0;
}

.supplement strong {
	display: block;
	font-size: 110%;
	font-weight: 600;
    background-image: none !important;
	margin-bottom: 3px;
}

.supplement.normal {
	background: #ffffcc;
}

.supplement.warning {
	background: #ffd5cc;
}


/*===================================================
ショートコード：ボタン
===================================================*/
/********** デフォルト **********/
body #topics_textBox .btn-wrap {
    text-align: center;
    margin: 0 auto 15px auto;
}

body #topics_textBox .btn-wrap a {
	box-sizing: border-box;
    display: inline-block;
	width: auto;
	color: #fff;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
    background: #1BB4D3;
    border: 1px solid #1BB4D3;
	box-shadow: 0 3px 5px #E9E9E9;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
	padding: 1em 2em;
}
body #topics_textBox .btn-wrap a:hover {
	color: #fff;
	background: #bfeeef;
	border-color: #bfeeef;
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
	transform: translate3d(0px, 3px, 1px);
	box-shadow: none;
}

/********** シンプル **********/
body #topics_textBox .btn-wrap.simple a {
    color: #1BB4D3;
	background: #fff;
    border: 1px solid #1BB4D3;
	-webkit-box-shadow: 0 3px 5px #eee;
	-moz-box-shadow: 0 3px 5px #eee;
	box-shadow: 0 3px 5px #eee;
	-webkit-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.05);
	-moz-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
	box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
}
body #topics_textBox .btn-wrap.simple a:hover{
	color:#fff;
	background:#1BB4D3;
}

/********** ビッグ **********/
body #topics_textBox .btn-wrap.big a {
    width: 420px;
    max-width: 90%;
    font-size: 1.1em;
    padding: 1.1em 2em;
}

/********** 目立つ **********/
body #topics_textBox .btn-wrap.lightning a {
    color: #fff;
    background: #C81C1C;
    border-color: #C81C1C;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

body #topics_textBox .btn-wrap.lightning a:hover{
	color: #fff;
	background: #EC7373;
    border-color: #EC7373;
}

/********** 背景グレー **********/
body #topics_textBox .btn-wrap.bg {
	background: #eee;
	padding: 15px;
}

/********** 背景黄色 **********/
body #topics_textBox .btn-wrap.bg-yellow{
	background: #ffffcc;
	padding: 15px;
}

/********** 角丸 **********/
body #topics_textBox .btn-wrap.maru,
body #topics_textBox .btn-wrap.maru a {
	border-radius: 10px;
}

/********** 立体・黄色 **********/
body #topics_textBox .btn-wrap.rich_yellow a{
	position: relative;
	font-weight: bold;
	background-color: #f7cf2e;
	color: #fff!important;
	border-radius: 3px;
	box-shadow: 0 4px 0 #ecb254;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
body #topics_textBox .btn-wrap.rich_yellow a:hover {
	background: #ecb254;
	color: #fff!important;
	box-shadow: 0 1px 0 #ecb254;
}

/********** 立体・ピンク **********/
body #topics_textBox .btn-wrap.rich_pink a{
	position: relative;
	font-weight: bold;
	background-color: #ee5656;
	color: #fff!important;
	border-radius: 3px;
	box-shadow: 0 4px 0 #d34e4e;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
body #topics_textBox .btn-wrap.rich_pink a:hover {
	background: #d34e4e;
	color: #fff!important;
	box-shadow: 0 1px 0 #d34e4e;
}


/*===================================================
ショートコード：吹き出し
===================================================*/
.voice {
	width: 100%;
	margin-bottom: 15px;
}

.voice .icon {
	width: 100px;
	margin: -10px 0 0 0;
}
.voice.r .icon {
	float: left;
}
.voice.l .icon {
	float: right;
}

.voice .icon img {
	box-sizing: border-box;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #eee;
}

.voice .icon .name {
	font-size: 90%;
	line-height: 1.3;
	text-align: center;
	margin: 5px 0 0 0;
}

.voice .voicecomment {
    position: relative;
    color: #444;
    background-color: #fff;
    border: 3px solid #eee;
    border-radius: 7px;
    padding: 10px;
}
.voice .voicecomment::before {
    content: '';
    position: absolute;
    top: 10px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}
.voice .voicecomment::after {
    content: '';
    position: absolute;
    top: 10px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}

.voice.r .voicecomment {
	margin-left: 110px;
}
.voice.r .voicecomment:before {
    border-right: 8px solid #eee;
    left: -11px;
}
.voice.r .voicecomment:after {
    border-right: 10px solid #fff;
    left: -7px;
}

.voice.l .voicecomment {
	margin-right: 110px;
}
.voice.l .voicecomment:before {
    border-left: 8px solid #eee;
    right: -11px;
}
.voice.l .voicecomment:after {
    border-left: 10px solid #fff;
    right: -7px;
}