@import url('/css/subtop.css');

/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:663px;
background:#FFF;
border:1px solid #CCC;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
#subtopContents {
padding:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* タイトル周り */
/*---------------------------------------------------------------------*/
#subtopTitle {
background:none;
border-top:none;
border-bottom:4px solid #4f2225;
margin:0 10px 15px;
padding:15px 0 2px;
}
#subtopTitle h1 {
font-size:28px;
line-height:36px;
margin-bottom:5px;
padding:0;
}
#subtopHeader {
margin:10px 10px 15px;
}
.dir-features #subtopHeader {
background-position-x:center;
}
#subtopDescription {
margin:0 10px 20px;
}
/*---------------------------------------------------------------------*/
/* series - 連載インデックス */
/*---------------------------------------------------------------------*/
#seriesBody .colBoxButton {
display:none;
}
/*---------------------------------------------------------------------*/
/* FORUM TITLE */
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* for dir-info */
/*---------------------------------------------------------------------*/
.dir-info .colBoxUlist ul li .colBoxArticlewriter {
display:none;
}
.dir-info .colBoxUlist ul li .colBoxUlistDate {
display:none;
}
/* RULE & FAQ -------------------------------------------- */
#masterMain .colBoxRuleInfo,
#masterMain .colBoxFaq {
padding:10px;
}
#masterMain .colBoxRuleInfo .colBoxHead,
#masterMain .colBoxFaq .colBoxHead {
color:#444;
border-bottom:1px solid #CCC;
padding:0 0 3px;
}
.colBoxSubhead {
	margin-bottom: 9px;
}
.colBoxArukikata h3,
.colBoxRule h3,
.colBoxFaq h3 {
	position: relative;
	border-left: 5px solid #4f2225;
	padding-left: 13px;
	padding-top: 2px;
}
.colBoxRule h3 {
	margin-top: 0;
}
.colBoxArukikata h4,
.colBoxFaq .colBoxSubhead h4 {
font-size:14px;
line-height:20px;
}
.colBoxArukikata p,
.colBoxRule p,
.colBoxFaq p {
margin-bottom:10px;
font-size: 14px;
line-height: 22px;
}
.colBoxArukikata ul {
	padding-left: 0;
}
.colBoxRule ul li,
.colBoxFaq .colBoxUlist ul li {
	font-size: 13px;
	line-height: 1.5;
	padding:0 0 3px 16px;
	list-style: none;
	background:url(https://image.itmedia.co.jp/tf/images/endlink_bg.gif) no-repeat 0 1px;
}
.colBoxFaq .colBoxUlist ul li::after {
display:none;
}
.colBoxArukikata ol,
.colBoxRule ol,
.colBoxFaq .colBoxOlist ol {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 0 0 5px 40px;
}
.colBoxArukikata ol li,
.colBoxRule ol li,
.colBoxFaq .colBoxOlist ol li {
	background: none;
	padding-left: 0;
	list-style-type: decimal;
	font-size: 13px;
	line-height: 1.5;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.colBoxArukikata .anchorlist,
.colBoxFaq .anchorlist {
	padding: 0;
	margin: 20px 0 0 0;
	padding: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}
.colBoxFaq .reference {
	padding: 0;
	margin: 20px 0 0 40px;
	padding: 10px;
	background: #F5F5F5;
	border: 1px solid #CCC;
}
.colBoxArukikata .anchorlist li,
.colBoxFaq .anchorlist li,
.colBoxFaq .reference li {
	list-style: none;
	font-size: 13px;
	padding-left: 20px;
	background: url(https://image.itmedia.co.jp/tf/images/endlink_bg.gif) no-repeat 0 1px;
}

.colBoxArukikata ul li {
	font-size: 13px;
	line-height: 1.5;
	padding:0 0 3px 20px;
	list-style: none;
	background:url(https://image.itmedia.co.jp/tf/images/endlink_bg.gif) no-repeat 0 1px;
}
.colBoxArukikata ul.disc {
	padding-left: 20px;
}
.colBoxArukikata ul.disc li {
	background: none;
	list-style: disc;
	padding-left: 5px;
}


/*---------------------------------------------------------------------*/
/* for dir-archive */
/*---------------------------------------------------------------------*/
.dir-archive .colBoxCalendar,
.dir-archive .colBoxButtons,
.dir-archive .colBoxBacknumber {
margin:0 10px 10px;
}
.dir-archive .colBoxUlist ul {
padding:0;
}
.dir-archive .colBoxUlist ul li .colBoxArticlewriter {
display:none;
}
.dir-archive .colBoxUlist ul li .colBoxUlistDate {
display:none;
}
.dir-archive #masterMain .colBoxUlist ul li::after {
display:none;
}
.dir-archive .colBoxBacknumber .colBoxUlist ul li {
padding:3px 0 5px 0;
line-height:17px;
}
/*---------------------------------------------------------------------*/
/* for dir-features */
/*---------------------------------------------------------------------*/
#masterMain .colBoxTopStory {
margin-bottom:15px;
height:1%;
}
#masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
#masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
#masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
#masterMain .colBoxHead {
color:#333;
margin:0 0 10px;
padding:5px;
border:none;
}
.dir-features .colBoxHead {
background:#eee;
}
.dir-features #masterSub .colBoxHead {
background:transparent;
}
#masterMain .colBoxHead h2 {
font-size:14px;
line-height:18px;
}
#masterMain .colBoxTopStory .colBoxPageLink,
#masterMain .colBoxButtons .colBoxPageLink {
display:none;
}
.dir-features #masterMain .colBoxButtons .colBoxUlistDate {
display:none;
}
/* social button 20110912 */
.dir-features .colBoxSocialBtnBox .colBoxSocialButton {
float:right;
width:168px;
height:90px;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton ul {
padding:0;
margin:0;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton li {
list-style:none;
float:right;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton .colBoxSocialButtonFacebook {
width:79px;
}
.dir-features .colBoxSocialBtnBox .colBoxInfo {
width:488px;
}
.dir-features .colBoxCsbBtn .csbBtn {float:left;}

/* colBoxFeaturesIndexKeyword - インデックス＋キーワードの枠 */
.colBoxFeaturesIndexKeyword .colBoxLeft .colBoxIcon a {
margin:0 5px 3px 0;
}

/*---------------------------------------------------------------------*/
/* forumTopIndex - フォーラムトップ */
/*---------------------------------------------------------------------*/
.forumTopIndex #subtopDescription h2 {
font-size:13px;
line-height:20px;
}
#masterMain.forumTopIndex .colBoxHead {
color:#333;
margin:0 0 10px;
padding:3px 0;
border-bottom:2px #ddd solid;
}
.forumTopIndex .colBoxHead h2 {
font-size:16px;
line-height:20px;
}
.forumTopIndex .colBoxDate {
font-size:12px;
color:#666;
text-align:right;
}
.forumTopIndexTopArticle,
.forumTopIndexRecommendArticles,
.forumTopIndexFeatures,
.forumTopIndexPastFeatures,
.forumTopIndexArticles {
clear:both;
margin:0 0 10px;
}
/* forumTopIndexTopArticle */
.forumTopIndexTopArticle {
margin:0 0 25px;
}
.forumTopIndexTopArticle .colBoxIcon a {
display:block;
margin:0 13px 0 0;
overflow:hidden;
}
.forumTopIndexTopArticle .colBoxIcon img {
float:none;
margin:-1px;
}
.forumTopIndexTopArticle .colBoxTitle {
margin:0 0 5px;
}
.forumTopIndexTopArticle .colBoxTitle h3 {
padding:5px 0 0;
font-size:24px;
line-height:30px;
}
.forumTopIndexTopArticle .colBoxDescription p {
font-size:12px;
line-height:20px;
}
/* forumTopIndexRecommendArticles */
.forumTopIndexRecommendArticles .colBoxIndex {
position:relative;
margin:0 20px 25px 0;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(1n) {
float:left;
width:200px;
padding-top:10px;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(3n) {
margin-right:0;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(3n+1) {
clear:both;
}
.forumTopIndexRecommendArticles .colBoxIcon a {
overflow:hidden;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon a {
float:none;
display:block;
margin:0 0 5px;
}
.forumTopIndexRecommendArticles .colBoxIcon img {
margin:-1px;
width:200px;
height:150px;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxIcon img {
float:none;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxTitle {
margin:0;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxTitle h3 {
padding:0;
font-size:16px;
line-height:24px;
}
.forumTopIndexRecommendArticles .colBoxSubTitle,
.forumTopIndexRecommendArticles .colBoxDescription {
display:none;
}
.forumTopIndexRecommendArticles .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexRecommendArticles .colBoxPageLink a {
margin:0 auto;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexRecommendArticles .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* forumTopIndexFeatures */
.forumTopIndexFeaturesTitle {
clear:both;
margin:0 0 10px 0;
padding:3px 5px;
border-bottom:2px #ddd solid;
}
.forumTopIndexFeaturesTitle span {
font-size:16px;
font-weight:bold;
}
.forumTopIndexFeatures .forumTopIndexFeature:nth-child(odd) {
clear:both;
float:left;
width:310px;
}
.forumTopIndexFeatures .forumTopIndexFeature:nth-child(even) {
clear:none;
float:right;
width:310px;
}
#masterMain .forumTopIndexFeature .colBoxHead {
background:#e8e8e8!important;
border-bottom:none!important;
}
.forumTopIndexFeature .colBoxHead h2 {
padding:4px 10px 2px;
font-size:14px;
line-height:18px;
color:#555;
}
.forumTopIndexFeature .colBoxHead h2 a:link,
.forumTopIndexFeature .colBoxHead h2 a:visited {
color:#555;
}
.forumTopIndexFeature .colBoxHead h2 a:hover,
.forumTopIndexFeature .colBoxHead h2 a:active {
color:#C00417;
}
.forumTopIndexFeatures .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.forumTopIndexFeatures .colBoxIcon img {
margin:-1px;
width:120px;
height:90px;
}
.forumTopIndexFeatures .colBoxTitle {
margin:0;
}
.forumTopIndexFeatures .colBoxTitle h3 {
font-size:15px;
line-height:22px;
}
.forumTopIndexFeatures .colBoxSubTitle {
display:none;
}
.forumTopIndexFeatures .colBoxPageLink {
display:none;
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexFeatures .colBoxPageLink a {
margin:0 auto;
padding:3px 35px;
font-size:13px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexFeatures .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* forumTopIndexPastFeatures */
.forumTopIndexPastFeatures {
margin-bottom:20px;
}
.forumTopIndexPastFeatures .colBoxUlist ul {
padding:2px 0 0 0;
font-size:13px;
line-height:20px;
}
.forumTopIndexPastFeatures .colBoxUlist ul li {
position:relative;
background:none;
padding:10px 0 5px 15px;
border-bottom:none;
border-top:1px dotted #ccc;
}
.forumTopIndexPastFeatures .colBoxUlist ul li::after {
display:block;
content:'';
position:absolute;
top:15px;
left:0;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.forumTopIndexPastFeatures .colBoxUlist ul li:nth-child(odd) {
clear:both;
float:left;
width:295px;
margin:0 0 3px 0;
}
.forumTopIndexPastFeatures .colBoxUlist ul li:nth-child(even) {
clear:none;
float:right;
width:295px;
margin:0 0 3px 0;
}
.forumTopIndexPastFeatures .colBoxPageLink {
margin-top:30px;
}
/* forumTopIndexArticles */
.forumTopIndexArticles .colBoxIndex {
margin:0 0 15px;
}
.forumTopIndexArticles .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.forumTopIndexArticles .colBoxIcon img {
margin:-1px;
width:80px;
height:60px;
}
.forumTopIndexArticles .colBoxTitle {
margin:0;
}
.forumTopIndexArticles .colBoxTitle h3 {
font-size:19px;
line-height:25px;
}
.forumTopIndexArticles.divide2column .colBoxIndex:nth-child(odd) {
clear:both;
float:left;
width:310px;
}
.forumTopIndexArticles.divide2column .colBoxIndex:nth-child(even) {
clear:none;
float:right;
width:310px;
}
.forumTopIndexArticles.divide2column .colBoxTitle h3 {
font-size:15px;
line-height:22px;
}
.forumTopIndexArticles .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexArticles .colBoxPageLink a {
margin:0 auto;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexArticles .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* タイトルカット */
.forumTopIndexRecommendArticles .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:72px;
padding-right:10px;
}
.forumTopIndexRecommendArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:52px;
right:0;
font-size:10px
}
.forumTopIndexRecommendArticles .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
.forumTopIndexFeatures .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:67px;
padding-right:10px;
}
.forumTopIndexFeatures .colBoxTitle h3::before {
position:absolute;
content:"…";
top:49px;
right:3px;
font-size:10px
}
.forumTopIndexFeatures .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
.forumTopIndexArticles .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:67px;
padding-right:10px;
}
.forumTopIndexArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:49px;
right:0;
font-size:10px
}
.forumTopIndexArticles .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
/*---------------------------------------------------------------------*/
/* forumArchiveIndex - フォーラム過去記事一覧 */
/*---------------------------------------------------------------------*/
#masterMain.forumArchiveIndex .colBoxHead {
color:#333;
margin:0 0 10px;
padding:3px 0;
border-bottom:2px #ddd solid;
}
.forumArchiveIndex .colBoxHead h2 {
font-size:16px;
line-height:20px;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLinkPrev {
clear:none;
float:left;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLinkNext {
clear:none;
float:right;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink a {
margin:0 auto;
padding:8px 30px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
.forumArchiveIndex #subtopTitle h1 {
height:auto;
padding-top:55px;
font-size:16px;
text-indent:inherit;
}
/*---------------------------------------------------------------------*/
/* トップに戻る */
/*---------------------------------------------------------------------*/
.colBoxPageLinkBackToTop {
clear:both;
float:right;
width:80px;
margin:10px;
background:#ddd;
text-align:center;
}
.colBoxPageLinkBackToTop a {
display:block;
padding:10px;
}
.colBoxPageLinkBackToTop a:link,
.colBoxPageLinkBackToTop a:visited {
color:#000;
}
.colBoxPageLinkBackToTop a:hover,
.colBoxPageLinkBackToTop a:active {
color:#C00417;
text-decoration:none;
}

/* GAM */
#IndexTopLink{
display:none;
}
#IndexTopLink.delivery{
display:block;
}
#IndexTopLink .gam_headline{
color:#000;
position:relative;
border-bottom:3px solid #C1C1C1;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 5px;
clear:both;
font-size:14px;
line-height:1.4;
font-weight:600;
}
#IndexTopLink .gam_headline .gam_prmark{
top:9px;
}