@charset "UTF-8";
/* CSS Document */
#titarea h1 {
	font-size: 28px;
	margin-bottom: 20px;
}
#titarea p {font-size: 85%;line-height: 180%;}
#titarea .top_keyword {margin-bottom: 10px;}
#titarea .top_keyword ul li {font-size: 70%;color: #999;display: inline;}
#titarea .top_keyword ul li a {color: #999;text-decoration: underline;}
#titarea .top_keyword ul li a:hover {text-decoration: none;}

/*
###############################
  .table-contents
###############################
*/
.table-contents {
	font-size: 85%;
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.table-contents p {
	font-size: 120%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
.table-contents ul li {
	font-size: 95%;
	margin-bottom: 5px;
	background-image: url(img/ico_table_bottom.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:10px 9px;
	padding-left: 15px;
	line-height: 140%;
}
/*
###############################
  #article
###############################
*/
#article,
.contents_post  {
	/*line-height: 195%;*/
	margin-top: 20px;
}

.contents_post p {
	font-size: 16px;
}

#article h2,
.contents_post h2 {
margin-bottom: 50px;
}
#article h3,
.contents_post h3 {

margin-bottom: 20px;
}
.authority a {scolor: #a1a1a1 !important;}
.authority {
    font-size: 12px;
    line-height: 21px;
    color: #a1a1a1 !important;
    font-weight: normal;
}
#article strong,
.contents_post strong {
	font-weight: bold;
	/*display: block;*/
	/*margin-top: 20px;*/
}

.external_link {
display: inline-block;
margin: auto;
text-align: center;
margin-bottom: 50px;
padding: 10px 20px;
font-size: 14px;
color: #fff;
background-color: #2b87ae;
border-radius: 5px;
min-width: 270px;
}
.external_link:hover {
	text-decoration: none;
}
.video-container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.video-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;}

/*
###############################
  #アイテム紹介テキスト
###############################
*/
.block_mcommerce.clearfix .mcDetail h5 {font-weight: bold;}
.block_mcommerce.clearfix .mcDetail .mcTxt {line-height: 180%;}
/*
###############################
  #引用
###############################
*/
.block_mcommerce .mcDetail .mcInner blockquote  {/*アイテムの中見の引用*/
	font-size: 90%;
	line-height: 160%;
	padding-top: 28px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 10px;
	width: 285px;
}
blockquote {
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: url(../img/blockquote.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 20px 17px;
}
#article blockquote {
    padding: 10px 20px;
    margin: 10px 0 20px;
    font-size: 17.5px;
}
blockquote p{font-size: 75%;line-height: 160%;padding: 15px;}

.item_detail .name {font-size: 12px;}
.text_area {padding-bottom: 5px;line-height: 100%;}

/*
###############################
  #有料ページの関連リンク
###############################
*/
.related_link dl {display: table;margin-bottom: 10px;}
.related_link dt {height: 75px;width: 75px;float: left;margin-right:10px;}
.related_link dt img{height: auto;width: 100%;}

/*
###############################
  .section
###############################
*/
.section {margin-bottom: 20px;}

#titarea{
	font-family: Times New Roman,游明朝,YuMincho,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HGS明朝E,ＭＳ Ｐ明朝,serif;
}

.section h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	padding-bottom: 5px;
}
/*
###############################
  .section
###############################
*/
.relatedpost dl {margin-bottom: 10px;margin-right: 15px;float: left;width: 330px;}
.relatedpost dl dt {float: left;margin-right:10px;}
.relatedpost dl dt img {height: 75px;width: 75px;}
.relatedpost dl dd {font-size: 80%;}
.relatedpost .pr {color: #666;}
.fixed {position: fixed;top: 20px;right:205px;}
.PressButton{
	text-align: center;
}