@import url('/css/subtop.css');
.colBoxCalendar0 {
display:none;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#subtopContents {
padding:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* タイトル */
/*---------------------------------------------------------------------*/
#subtopTitle {
background:none;
border-top:none;
border-bottom:4px solid #E94;
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 10px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead {
margin:0 0 10px;
border-bottom:1px #E94 solid;
}
/*---------------------------------------------------------------------*/
/* series - 連載インデックス */
/*---------------------------------------------------------------------*/
#seriesBody .colBoxButton {
display:none;
}
/*---------------------------------------------------------------------*/
/* Features */
/*---------------------------------------------------------------------*/
#masterMain .colBoxFeatures {
background:none;
border:1px solid #CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
padding:5px;
}
#masterMain .colBoxFeatures .colBoxHead {
border-bottom:4px solid #E00;
padding:6px 2px;
}
#masterMain .colBoxFeatures .colBoxIndex {
padding:5px 15px;
}
/*---------------------------------------------------------------------*/
/* 製品ディレクトリ */
/*---------------------------------------------------------------------*/
#colBoxTab {
margin:0 0 10px;
}
#colBoxTabBox .colBoxOuter .colBoxHead {
border:1px solid #CCC;
padding:3px 5px;
cursor:pointer;
margin:0 6px 0 0;
display:inline;
}
#colBoxTabBox .colBoxHead h2 {
font-size:13px;
line-height:18px;
display:inline;
}
#colBoxTabBox .colBoxHead:hover {
background:#f6cca1;
}
#colBoxTabBox .colBoxActive:hover {
background:#E94;
}
#colBoxTabBox .colBoxActive {
background:#E94;
border-color:#d88837;
}
#colBoxTabBox .colBoxActive h2 {
color:#FFF;
}
#colBoxTabBox .colBoxDescription {
margin:0;
}
/*---------------------------------------------------------------------*/
/* 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::after {
display:none;
}
.dir-archive .colBoxBacknumber .colBoxUlist ul li {
padding:3px 0 5px 0;
line-height:17px;
}
/*---------------------------------------------------------------------*/
/* 過去記事 */
/*---------------------------------------------------------------------*/
.colBoxButtons .colBoxUlist ul li {
background:none #FFF;
border:1px solid #CCC;
margin:0 3px;
padding:6px 5px;
font-size:13px;
line-height:18px;
font-weight:bold;
}
.colBoxButtons .colBoxUlist ul .active,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:link,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:visited,
.colBoxActive a:visited,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:hover {
background:none;
background:#E94;
}
.colBoxCalendar .colBoxUlist ul li a {
background:none;
background-color:#FFF;
border:1px solid #CCC;
color:#333;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
background:none;
background:#f6cca1;
}
.colBoxButtons .colBoxUlist ul li:hover {
background:#f6cca1;
}
.colBoxButtons .colBoxUlist ul .active:hover {
background:#E94;
}
.colBoxBacknumber .colBoxUlist ul li {
background:none;
padding:0 0 3px 0;
}
/*---------------------------------------------------------------------*/
/* 編集特集用ミドルページ管理用  */
/*---------------------------------------------------------------------*/
#subtopContents .colBoxTopStory .colBoxPageLink,
#subtopContents .colBoxButtons .colBoxPageLink {
display:none!important;
}
#subtopContents .colBoxButtons .colBoxUlistDate {
margin:0;
}
#subtopContents .colBoxButtons .colBoxUlist ul li {
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 3px 5px #EED;
padding:3px 3px 3px 16px;
}
#subtopContents .colBoxButtons {
padding:0;
}
/*---------------------------------------------------------------------*/
/* classifiedIndex - カテゴリ別　INDEX */
/*---------------------------------------------------------------------*/
.classifiedIndex #subtopTitle {
padding:10px 5px 5px;
background:#FFF;
}
.classifiedIndex #subtopTitle h1 {
font-size:28px;
line-height:36px;
}
.classifiedIndex #subtopDescription {
margin:0 10px 25px;
}
#masterMain.classifiedIndex .colBoxHead {
color:#333;
margin:0 0 10px;
padding:3px 0;
border-bottom:2px #ddd solid;
}
.classifiedIndex .colBoxHead h2 {
font-size:16px;
line-height:20px;
}
.classifiedIndex .colBoxHead h2 a {
display:block;
}
.classifiedIndex .colBoxHead h2 a::after {
content:"→";
margin:0 0 0 5px;
padding:1px 3px;
background:#4d4d4d;
font-size:10px;
color:#fff;
border-radius:1px;
vertical-align:middle;
}
.classifiedIndex .colBoxHead h2 a:hover::after {
background:#C00417;
}
.classifiedIndex .colBoxArticleType,
.classifiedIndex .colBoxKeywords {
display:none;
}
.classifiedIndex .colBoxDate {
display:none;
font-size:12px;
color:#666;
text-align:right;
}
.classifiedIndexTopArticle,
.classifiedIndexRecommendArticles,
.classifiedIndexCategories,
.classifiedIndexArticles {
clear:both;
margin:0 0 10px;
}
.classifiedIndex a:hover,
.classifiedIndex a:active {
text-decoration:none;
}

/* classifiedIndexTopArticle */
.classifiedIndexTopArticle {
margin:0 0 25px;
padding:15px;
background:#f9f9f9;
border:1px #ddd solid;
}
.classifiedIndexTopArticle .colBoxIcon a {
display:block;
margin:0 13px 0 0;
overflow:hidden;
}
.classifiedIndexTopArticle .colBoxIcon img {
float:none;
margin:-1px;
}
.classifiedIndexTopArticle .colBoxTitle {
margin:0 0 5px;
}
.classifiedIndexTopArticle .colBoxTitle h3 {
font-size:24px;
line-height:30px;
}
.classifiedIndexTopArticle .colBoxDescription p {
font-size:12px;
line-height:20px;
}
/* classifiedIndexRecommendArticles */
.classifiedIndexRecommendArticles .colBoxIndex {
position:relative;
margin:0 20px 25px 0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) {
float:left;
width:200px;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(3n) {
margin-right:0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(3n+1) {
clear:both;
}
.classifiedIndexRecommendArticles .colBoxIcon a {
margin:0 10px 10px 0;
overflow:hidden;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon a {
float:none;
display:block;
margin:0 0 5px;
}
.classifiedIndexRecommendArticles .colBoxIcon img {
margin:-1px;
width:200px;
height:150px;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon img {
float:none;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxTitle {
margin:0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxTitle h3 {
padding:0;
font-size:16px;
line-height:24px;
}
.classifiedIndexRecommendArticles .colBoxArticleType,
.classifiedIndexRecommendArticles .colBoxKeywords {
position:absolute;
top:0;
left:0;
width:100px;
height:18px;
padding:2px 0;
background-color:#325698;
color:#fff;
font-size:12px;
text-align:center;
overflow:hidden;
}
/* classifiedIndexArticles */
.classifiedIndexArticles .colBoxIndex {
margin:0 0 15px;
}
.classifiedIndexArticles .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.classifiedIndexArticles .colBoxIcon img {
margin:-1px;
width:120px;
height:90px;
}
.classifiedIndexArticles .colBoxTitle {
margin:0;
}
.classifiedIndexArticles .colBoxTitle h3 {
font-size:19px;
line-height:25px;
}
/*---------------------------------------------------------------------*/
/* トップに戻る */
/*---------------------------------------------------------------------*/
.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 */
#LogoAD{
display:none;
}
#LogoAD.delivery{
display:block;
}
#IndexTopLink{
display:none;
}
#IndexTopLink.delivery{
display:block;
border-bottom:1px solid #C1C1C1;
margin-bottom:24px;
}
#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;
}