@import url('/css/subtop.css');
.colBoxCalendar0 {
display:none;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#subtopContents {
padding:0 10px 10px;
}
#seriesBody {
padding:0;
}
#seriesWrap .fb_iframe_widget {
margin-left:10px;
}
/*---------------------------------------------------------------------*/
/* タイトル */
/*---------------------------------------------------------------------*/
#subtopTitle {
background:none;
border-top:none;
border-bottom:4px solid #418FC1;
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;
}
#seriesHeader #subtopTitle h1 {
margin:10px 0;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead {
margin:0 0 10px;
border-bottom:1px #418FC1 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:#CEE7F5;
}
#colBoxTabBox .colBoxActive:hover {
background:#418FC1;
}
#colBoxTabBox .colBoxActive {
background:#418FC1;
border-color:#005084;
}
#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:#418FC1;
}
.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:#CEE7F5;
}
.colBoxButtons .colBoxUlist ul li:hover {
background:#CEE7F5;
}
.colBoxButtons .colBoxUlist ul .active:hover {
background:#418FC1;
}
.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 .colBoxHead {
display:none;
}
.classifiedIndexRecommendArticles,
.classifiedIndexArticles {
clear:both;
margin:0 0 10px;
}
.classifiedIndex a:hover,
.classifiedIndex a:active {
text-decoration:none;
}
.classifiedIndex .colBoxIndex {
margin:0 0 15px 0;
}
.classifiedIndex .colBoxIndex h3 {
font-size:17px;
line-height:26px;
}
.classifiedIndex .colBoxIcon img {
width:100%;
height:100%;
}
.classifiedIndex .colBoxInfo {
display:none;
}
/* classifiedIndexRecommendArticles */
.classifiedIndexRecommendArticles {
margin-bottom:20px;
}
.classifiedIndexRecommendArticles .colBoxInner {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.classifiedIndexRecommendArticles .colBoxInner::after {
content:"";
width:200px;
height:0px;
}
.classifiedIndexRecommendArticles .colBoxIndex {
width:200px;
}
.classifiedIndexRecommendArticles .colBoxIcon a {
display:block;
margin:0 0 10px 0;
width:200px;
height:150px;
box-sizing:border-box;
overflow:hidden;
}
/* classifiedIndexArticles */
.classifiedIndexArticles .colBoxIcon a {
display:block;
margin:0 10px 10px 0;
width:120px;
height:90px;
box-sizing:border-box;
overflow:hidden;
}
/*---------------------------------------------------------------------*/
/* トップに戻る */
/*---------------------------------------------------------------------*/
.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;
}