@charset "shift_jis";
html{scroll-behavior:smooth;}
body{
font-family:'BIZ UDPGothic','游ゴシック体','Yu Gothic',YuGothic,Meiryo,'メイリオ',sans-serif;
font-size:1rem;
font-weight:500;
line-height:1.6;
margin:0;
padding:0;
color:#333;
}
a:link{color:#025bab;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;color:#C00;}
a img{border:none;}
a:hover img{filter:brightness(110%);}
#cmsBody a:link img{border:3px solid #025bab;}
#cmsBody a:hover img{border:3px solid #C00;}
#cmsBody a:visited img{border:3px solid #DDD;}
@-webkit-keyframes jsonloader{0%{-webkit-transform:rotate(0deg);opacity:.2;}50%{-webkit-transform:rotate(180deg);opacity:1;}100%{-webkit-transform:rotate(360deg);opacity:.2;}}
@keyframes jsonloader{0%{transform:rotate(0deg);opacity:.2;}50%{transform:rotate(180deg);opacity:1;}100%{transform:rotate(360deg);opacity:.2;}}
.deferLoader{
margin:3px auto 0;
display:inline-block;
width:6px;
height:6px;
border-radius:50%;
border:2px solid #CCC;
border-right-color:transparent;
-webkit-animation:jsonloader 1s linear infinite;
animation:jsonloader 1s linear infinite;
}
/* PATHDEBUG */
#PATHDEBUG{display:none;}
/* adsense */
.colBoxGtAdsense{
padding-top:15px;
font-size:12px;
line-height:150%;
}
.colBoxGtAdsense span{
text-decoration:none!important;
}
.colBoxGtAdsense b{
font-size:16px;
}
#masterMain .colBoxGtAdsense{
float:left;
width:336px;
}
/* BEACON */
#BEACON{display:none;}
/* global header */
#globalHeader{min-height:90px;}
/* global footer */
#globalFooter{
width:1084px;
margin:0 auto;
}
#globalFooterLink{
font-size:.75rem;
text-align:right;
padding:0 0 10px;
border-bottom:3px solid #EEE;
color:#CCC;
}
#globalFooterCorp{
clear:both;
padding:20px 0;
}
#globalFooterCorpLogo{
position:relative;
display:block;
margin:0 0 5px;
padding:11px 0 0 180px;
font-size:.75rem;
}
#globalFooterCorpLogo a{
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(//image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#globalFooterCorpLink{
margin:0;
font-size:.75rem;
}
/*master*/
#globalContents{
display:-webkit-flex;
display:flex;
width:1084px;
margin:0 auto;
padding:0 20px;
}
#masterMain{width:728px;}
#masterSub{width:336px;padding-left:30px;}
#masterMainLeft{width:200px;float:left;}
#masterMainRight{width:450px;float:right;}
#cmsBody{position:relatibe;}
/*search Google*/
#globalSearchGoogle{margin-bottom:10px;}
#globalSearchGoogle .cse .gsc-control-cse,#globalSearchGoogle .gsc-control-cse{padding:0;}
#globalSearchGoogle input.gsc-input{padding:5px !important;}
#globalSearchGoogle .gsc-search-button.gsc-search-button-v2{padding:9px 27px !important;}
/*colBox old*/
.colBoxL33,.colBoxIndexL33{float:left;width:33%;}
.colBoxR33,.colBoxIndexR33{float:right;width:33%;}
.colBoxL50,.colBoxIndexL50{float:left;width:50%;}
.colBoxR50,.colBoxIndexR50{float:right;width:50%;}
.colBoxL66,.colBoxIndexL66{float:left;width:66%;}
.colBoxR66,.colBoxIndexR66{float:right;width:66%;}
.colBoxLeft{float:left;}
.colBoxIconMargin120 .colBoxRight{margin-left:132px;}
.colBoxIconMargin80 .colBoxRight{margin-left:92px;}
/*colBox*/
.colBox{
margin-bottom:20px;
width:auto;
}
.colBoxHead{
position:relative;
font-weight:bold;
margin-bottom:20px;
padding-bottom:3px;
border-bottom:1px solid #DDD;
}
.colBoxHead h2,
.colBoxHead div{
font-size:.9rem;
display:inline-block;
background:#FFF;
margin:0;
padding:2px 10px 2px 2px;
}
colBoxHead h2 a,
colBoxHead div a{
color:#333;
}
.colBoxHead h2 span{
background:white;
padding:0 8px 1px 0;
}
.colBoxHeadSubtxt{
position:absolute;
top:3px;
right:0;
font-size:.7rem;
color:#999;
}
.colBoxSubhead{
clear:both;
margin:0 0 10px;
padding:0 0 3px;
border-bottom:1px solid #DDD;
}
.colBoxSubhead h4{
font-size:.8rem;
margin:0;
}
.colBoxIndex{
margin-bottom:10px;
}
.colBoxIndex:last-child{
margin-bottom:0;
}
.colBoxIcon{
float:left;
display:inline;
}
.colBoxIcon a{
float:left;
margin:0 15px 15px 0;
padding:2px;
border:1px solid #DDD;
background:#FFF;
}
.colBoxLeft .colBoxIcon a{
margin:0;
}
.colBoxIcon a img{
vertical-align:middle;
}
.colBoxNewtxt{
font-weight:bold;
color:#C00;
}
.colBoxSubTitle{
margin:0 0 5px;
}
.colBoxSubTitle h5,
.colBoxSubTitle div{
font-size:.8rem;
font-weight:bold;
margin:0;
color:#A73;
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5{
font-size:.8rem;
}
.colBoxSubIcon img{
vertical-align:middle;
}
.colBoxTitle{
margin:0 0 5px;
}
.colBoxTitle h3{
margin:0;
font-size:1.1rem;
word-break:break-all;
}
#masterSub .colBoxTitle h3{
font-size:.85rem;
}
.colBoxDescription{
margin:0 0 5px;
}
.colBoxDescription p{
font-size:.8rem;
color:#666;
margin:0;
}
.colBoxButton{
width:150px;
margin:0 auto;
border:1px solid #CCC;
border-radius:20px;
-webkit-border-radius:20px;
}
.colBoxButton a{
display:block;
padding:5px;
font-size:14px;
font-weight:bold;
text-align:center;
background:#036;
border:2px solid #FFF;
border-radius:20px;
-webkit-border-radius:20px;
}
.colBoxButton a:link,
.colBoxButton a:visited,
.colBoxButton a:hover{
color:#FFF;
text-decoration:none;
}
.colBoxIndex .linkset{
clear:both;
margin:0 0 3px;
padding:0;
list-style-type:none;
}
.colBoxIconMargin120 .colBoxIndex .linkset,
.colBoxIconMargin80 .colBoxIndex .linkset{
clear:none;
}
.colBoxIndex .linkset li{
font-size:12px;
font-weight:bold;
line-height:16px;
margin:0;
padding:3px 6px;
background:none;
}
.colBoxInfo{
font-size:.75rem;
margin:0 0 5px;
color:#999;
}
.colBoxClear{
font-size:0;
line-height:0;
height:0;
clear:both;
}
.colBoxUlist ul{
clear:both;
font-size:.85rem;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxUlist ul li{
margin:0 0 5px;
padding:0;
}
.colBoxUlist ul li:last-child{
margin:0;
}
.colBoxUlistDate{
font-size:.7rem;
margin:0 0 0 5px;
color:#999;
}
.colBoxPageLink{
text-align:right;
}
.colBoxPageLink span a{
display:inline-block;
color:#999;
font-size:.85rem;
padding:4px 10px;
border:1px solid #999;
border-radius:3px;
font-weight:bold;
}
.colBoxPageLink span a:hover{
text-decoration:none;
background:#C76C97;
border:1px solid #C76C97;
color:#FFF;
}
.colBoxTable table{
border-collapse:collapse;
}
.colBoxTable table th,
.colBoxTable table td{
font-size:12px;
line-height:16px;
border:1px solid #CCC;
padding:1px 3px;
text-align:left;
}
.colBoxTable table th{
background:#EEE;
}
/**/
.colBoxCalendar .colBoxInner{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
padding-top:10px;
}
.colBoxCalendar .colBoxInner > .colBoxClear{
display:none;
}
.colBoxCalendar .colBoxIndex{
width:calc((100% / 4) - 20px);
border:1px solid #DDD;
margin-bottom:20px;
}
.colBoxCalendar .colBoxSubhead{
margin:-10px 0 0 10px;
padding:0;
background:#FFF;
border:none;
width:3.5em;
text-align:center;
}
.colBoxCalendar .colBoxUlist ul{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
width:100%;
padding:5px;
font-size:.7rem;
box-sizing:border-box;
}
.colBoxCalendar .colBoxUlist ul li{
width:25%;
background:none;
border:none;
margin:0;
padding:0;
}
.colBoxCalendar .colBoxUlist ul li a{
display:block;
text-align:center;
padding:2px;
}
.colBoxCalendar .colBoxUlist ul li a:link,
.colBoxCalendar .colBoxUlist ul li a:visited{
color:#332;
text-decoration:none;
}
.colBoxCalendar .colBoxUlist ul li a:hover{
color:#332;
text-decoration:none;
background:#EEE;
}
.colBoxCalendar .colBoxUlist ul .colBoxActive a:link,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:visited,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:hover{
background:#C45F8F;
color:#FFF;
}
#masterSub .colBoxCalendar .colBoxIndex{
width:calc((100% / 2) - 10px);
}
.colBoxBacknumber .colBoxUlist ul li{
border-bottom:1px solid #DDD;
margin-bottom:5px;
padding-bottom:5px;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype{
display:inline-block;
width:60px;
font-size:.7rem;
text-align:center;
border:1px solid #DDD;
margin:0 10px 0 0;
padding:2px;
}
.colBoxSentence p{
font-size:16px;
line-height:24px;
margin:0 0 20px;
}
.colBoxSentence ul,
.colBoxSentence ol{
font-size:14px;
line-height:22px;
margin:0 0 20px;
}
.colBoxSentence li{
margin:0 0 10px;
}
.colBoxButtons .colBoxUlist ul{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
}
.colBoxButtons .colBoxUlist ul li{
margin:0 10px 10px 0;
padding:5px;
border:1px solid #DDD;
cursor:pointer;
}
.colBoxButtons .colBoxUlist ul .hover{
background-color:#DDD;
}
.colBoxButtons .colBoxUlist ul .active{
background-color:#C45F8F;
color:#FFF;
font-weight:bold;
}
.colBoxLargeImage .colBoxSubTitle{
clear:both;
margin:0 0 10px;
}
.colBoxLargeImage .colBoxInfo{
text-align:left;
margin:0 0 10px;
}
.colBoxImage .colBoxIndex{
margin:0 0 30px;
border-bottom:1px solid #CCC;
}
.colBoxImage .colBoxTitle h3{
font-size:24px;
line-height:30px;
}
.colBoxImage .colBoxDescription p{
font-size:16px;
line-height:22px;
}
/* インデックス ソーシャルボタン */
.colBoxSocialButtonsL{
margin:0 0 10px 10px;
float:right;
}
.colBoxSocialButtonsL iframe{
height:62px!important;
}
.colBoxSocialButtonsS{
margin:0 0 10px 0;
}
.colBoxSocialButtonsS iframe{
margin-top:2px;
}
/* ランキング */
.colBoxRanking .colBoxUlist ul,
.colBoxRanking .colBoxOlist ol{
clear:both;
margin:0;
padding:0;
font-size:.85rem;
list-style-type:none;
counter-reset:colBoxRankingCounter;
overflow:hidden;
}
.colBoxRanking .colBoxOlist li,
.colBoxRanking .colBoxUlist li{
position:relative;
display:-webkit-flex;
display:flex;
width:100%;
border-bottom:1px solid #EEE;
margin:0 0 5px;
min-height:20px;
padding:0 0 5px 0;
}
.colBoxRanking .colBoxOlist li:after,
.colBoxRanking .colBoxUlist li:after{
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:0;
left:0;
width:17px;
height:17px;
padding:1px;
border-radius:2px;
background:#FF5600;
font-size:12px;
line-height:17px;
color:#FFF;
text-align:center;
}
.colBoxRanking .colBoxOlist li:nth-of-type(n+4):after,
.colBoxRanking .colBoxUlist li:nth-of-type(n+4):after{
background:#648DB5;
}
.colBoxRanking .colBoxOlist li a,
.colBoxRanking .colBoxUlist li a{
display:block;
margin:0 0 0 26px;
}
.colBoxOlistDate{
font-size:.8rem;
margin:0 0 0 5px;
}
.colBoxRanking .colBoxUlist ul li span{
display:none;
}
.colBoxRankingYesterday .colBoxOlist li,
.colBoxRankingYesterdaySpv .colBoxOlist li,
.colBoxRankingLastweek .colBoxOlist li,
.colBoxRankingLastmonth .colBoxOlist li{
float:none;
width:auto;
}
/* ボトムリンク */
.colBoxBtmLinkBtn{display:none;}
/* 新着記事 */
#masterMain .colBoxNewArtIndex{
margin-bottom:0;
padding-bottom:10px;
border-bottom:1px dotted #DDD;
}
/* 口コミランキング */
#masterMain .colBoxRankingTopsy{
float:right;
width:290px;
}
#masterMain .colBoxRankingTopsy .colBoxUlist ul{
width:auto;
}
/* base style */
.floatclear{
clear:both;
font-size:0;
line-height:0;
height:0;
}
.h5px{height:5px;}.h10px{height:10px;}.h15px{height:15px;}.h20px{height:20px;}.h25px{height:25px;}.h30px{height:30px;}
.txtR{text-align:right;}.txtC{text-align:center;}
.wdt_button wdt_fb,
.wdt_button{
padding:0 2px;
float:left;
}
.w300fl{
width:290px;
float:left;
}
.w300fr{
width:290px;
float:right;
}
.w200fl{
display:table;
padding-right:39px;
width:186px;
float:left;
}
.w200fr{
display:table;
width:186px;
float:right;
}
.w200fl .colBoxIcon a,
.w200fr .colBoxIcon a{
margin:0 0 15px 0;
}
.kwds a{
margin:0 3px 3px 0;
padding:8px 10px;
background-color:#F6F6F6;
border:1px solid #C8D5E0;
color:#1E598E;
float:left;
font-weight:bold;
text-decoration:none;
word-break:keep-all;
}
.kwds a:hover{
background-color:#C8D5E0;
}
/* 遅延読込 */
.lazyLoad{
opacity:0;
-webkit-transition-property:opacity;
transition-property:opacity;
-webkit-transition-duration:.3s;
transition-duration:.3s;
}
.lazyLoad.lazyLoad_ok{
opacity:1;
}
/* LOADER */
@-webkit-keyframes iconloader{
0%{-webkit-transform:rotate(0deg);opacity:.5;}
50%{-webkit-transform:rotate(180deg);opacity:1;}
100%{-webkit-transform:rotate(360deg);opacity:.5;}
}
@keyframes iconloader{
0%{transform:rotate(0deg);opacity:.5;}
50%{transform:rotate(180deg);opacity:1;}
100%{transform:rotate(360deg);opacity:.5;}
}
.index-ajax-loader{
height:50px;
padding:20px;
opacity:1;
overflow:hidden;
-webkit-transition-property:height,padding,opacity;
transition-property:height,padding,opacity;
-webkit-transition-duration:0;
transition-duration:0;
}
.index-ajax-loader.complete{
height:0;
padding:0;
opacity:0;
}
.index-ajax-loader .loading{
font-family:Segoe UI,Gill Sans;
text-align:center;
}
.index-ajax-loader .loader{
margin:0 auto 10px;
display:block;
width:20px;
height:20px;
border-radius:50%;
border:3px solid #CCC;
border-right-color:transparent;
-webkit-animation:iconloader 1s linear infinite;
animation:iconloader 1s linear infinite;
}
/* for Articles */
.clrall,
#attention{
display:none;
}
#cmsCopyright p{
font-size:13px;
line-height:20px;
color:#666;
text-align:right;
}
/* 注目のアイコン */
.colBoxPageEndLink p{
margin:0;
padding:0;
}
.colBoxPageEndLink img{
margin:1px!important;
padding:2px;
background:#FFF;
border:1px solid #CCC!important;
float:left;
}
/* SOCIALBUTTON */
.my_social{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
margin-bottom:20px;
background:transparent;
}
.my_s_btn{
position:relative;
width:calc(100% / 5);
height:32px;
flex-grow:2;
text-align:center;
box-sizing:border-box;
color:#FFF;
padding:3px 0 5px;
}
.my_s_btn:hover,
.my_s_btn:hover{
filter:brightness(120%);
text-decoration:none;
}
.icon-tw:link,
.icon-tw:visited{
color:#1da1f2;
}
.icon-fb{
color:#335797;
}
.icon-hb{
color:#1c99cd;
}
.icon-pk{
color:#ec3d53;
}
.icon-ul{
color:#fb9c2e;
}
.icon-ra,
.icon-home{
color:#999;
}
.my_ra_count,
.my_s_ra:link,
.my_s_ra:visited,
.my_s_ra:hover{
color:#666;
}
.my_s_count{
color:#999;
line-height:1.1;
}
.my_s_ra,
.my_s_home{
display:none;
}
.my_s_icon{
display:inline-block;
font-size:22px;
vertical-align:middle;
margin-right:5px;
}
.icon-tw:hover{
text-decoration:none;
}
.my_s_count{
display:inline-block;
font-size:13px;
font-family:Segoe UI,Gill Sans;
vertical-align:middle;
}
.my_rel_count{
font-size:1.5px;
font-family:'BIZ UDPGothic','游ゴシック体','Yu Gothic',YuGothic,Meiryo,'メイリオ';
}
.my_p_txt{
display:none;
position:absolute;
}
.icon-tw:hover + .my_p_txt,
.my_tw_count:hover + .my_p_txt{
display:block;
top:30px;
left:0;
width:100%;
font-size:11.5px;
color:#666;
text-align:center;
font-weight:bold;
}
@media screen and (min-width:1200px){
	.my_social_wrap{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	}
	.my_social{
	position:absolute;
	z-index:999;
	top:10px;
	margin-left:-80px;
	width:50px;
	justify-content:flex-start;
	margin-bottom:0;
	background:#EEE;
	border-radius:3px;
	padding:5px;
	}
	.my_s_btn{
	width:100%;
	height:50px;
	padding:9px 0 0;
	line-height:1;
	}
	.my_s_ra,
	.my_s_home{
	display:block;
	}
	.my_s_home{
	margin-top:10px;
	/*border-top:1px solid #FFF;*/
	}
	.my_s_icon{
	position:relative;
	display:block;
	font-size:18px;
	vertical-align:inherit;
	margin-right:0;
	}
	.my_s_count{
	vertical-align:inherit;
	font-size:11.5px;
	}
	.icon-tw:hover + .my_p_txt,
	.my_tw_count:hover + .my_p_txt{
	left:60px;
	width:100px;
	padding:5px;
	text-align:left;
	background:#FFF;
	}
	.icon-tw:hover + .my_p_txt{
	top:8px;
	}
	.my_tw_count:hover + .my_p_txt{
	top:25px;
	}
}
/* ねとらぼ 週間アクセスランキング Top10 */
#cmsBody .colBoxAccessTop10 .colBoxOuter{background:none;border-radius:0;padding:10px;}
#cmsBody .colBoxAccessTop10 .colBoxHead{background:url(//image.itmedia.co.jp/nl/images/nlab_accesstop10title.gif) no-repeat;width:100%;height:87px;}
#cmsBody .colBoxAccessTop10 .colBoxDate{font-size:10px;line-height:36px;float:right;}
#cmsBody .colBoxAccessTop10 .colBoxHead h2{text-indent:-9999px;background:none;}
#cmsBody .colBoxAccessTop10 .colBoxIndex{clear:both;}
#cmsBody .colBoxAccessTop10 #col100l{margin:0 0 5px 0;}
#cmsBody .colBoxAccessTop10 #col100l img{margin:0;}
#cmsBody .colBoxAccessTop10 #col100l a img{padding:2px;border:1px solid #CCC;}
#cmsBody .colBoxAccessTop10 p{font-weight:bold;font-size:16px;line-height:26px;margin:0 0 0 122px;}
#cmsBody .colBoxAccessTop10 hr{border-width:1px 0 0 0;border-style:solid;border-color:#CCC;height:1px;clear:both;}
/* リファレンスページ誘導 */
#cmsReferenceBtn{margin:0;}
#cmsReferenceBtn::after{content:'';clear:both;display:block;}
#cmsReferenceBtn a{
display:block;
width:250px;
float:right;
margin:0 0 20px;
padding:5px 0;
border:2px #333 solid;
text-align:center;
color:#333;
}
#cmsReferenceBtn a{
background:#eee;
text-decoration:none;
}
#cmsReferenceBtn a::after{
content:'';
display:inline-block;
width:6px;
height:6px;
margin:0 0 2px 10px;
border-right:2px solid #333;
border-bottom:2px solid #333;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* 連載パーツ */
#cmsSeriesList .colBox{margin-bottom:30px;}
#cmsSeriesList .colBoxHead{padding:0 0 8px;background:none;}
#cmsSeriesList.cmsSeriesList1 .colBoxHead h1{margin:0 0 3px;}
/* ------------------------------*/
/* 右カラム マンガ枠 */
/* ------------------------------*/
.colBoxKodanshaManga .colBoxHead,
.colBoxKodanshaManga .colBoxHead h2,
.colBoxKodanshaManga .colBoxHead div{background:transparent;}
#mangaSocialButton,
#NecoMangaSocialButton{
float:left;
width:130px;
}
#mangaLink,
#NecoMangaLink{
display:block;
float:right;
font-size:.8rem;
text-align:right;
width:160px;
}
.tw_button{
margin-bottom:3px;
}
.tw_button iframe{
vertical-align:middle;
}
.mangaImage{
margin-bottom:10px;
text-align:center;
}
.mangaImage img{
border:1px solid #DDD;
}
.mangaImage .titleImage:hover{
opacity:.7;
filter:alpha(opacity=70);
}
.colBoxKodanshaManga .colBoxOuter{
border:1px solid #DDD;
padding:10px;
background:#EEE;
}
/* ------------------------------*/
/* 右カラム 特別企画 */
/* ------------------------------*/
.colBoxPrArticle .colBoxOuter{
border:1px solid #E4EAED;
padding:10px;
background:#F4FAFD;
}
.colBoxPrArticle .colBoxHead{
margin:0;
border:none;
}
.colBoxPrArticle .colBoxHead h2{
padding:4px 5px;
color:#FFF;
background:none;
}
#masterSub .colBoxPrArticle .colBoxHead h2{
color:#FFF;
}
.colBoxPrArticle .colBoxInner{
padding:25px 5px 0;
}
/* ------------------------------*/
/* for Neco */
/* ------------------------------*/
.colBoxNecoTopStories .colBoxIcon,
.colBoxNewArtIndexNeco .colBoxIcon{
position:relative;
}
.colBoxNecoTopStories .colBoxIcon a,
.colBoxNewArtIndexNeco .colBoxIcon a{
z-index:10;
position:relative;
}
.colBoxNecoTopStories .colBoxIconNeco{
background:url(//image.itmedia.co.jp/nl/images/neco/topStoriesNeco.gif) no-repeat;
width:120px;
height:70px;
position:absolute;
left:0;
top:0;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-property:top;
-webkit-transition-duration:.25s;
-webkit-transition-timing-function:ease;
z-index:1;
}
.colBoxNecoTopStories .colBoxIndex:hover .colBoxIconNeco{
top:-15px;
}
.colBoxNewArtIndexNeco .colBoxIcon a{
background:#FFF;
}
.colBoxNewArtIndexNeco .colBoxIconNeco{
background:url(//image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat;
width:90px;
height:50px;
position:absolute;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-duration:.25s;
-webkit-transition-timing-function:ease;
-webkit-transition-property:left;
left:0;
top:0;
z-index:1;
}
.colBoxNewArtIndexNeco .colBoxIndex:hover .colBoxIconNeco{
left:-15px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+1) .colBoxIconNeco{
background-position:0 0;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+2) .colBoxIconNeco{
background-position:0 -50px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+3) .colBoxIconNeco{
background-position:0 -100px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n) .colBoxIconNeco{
background-position:0 -150px;
}
.neco .lnavInfo span{
max-width:385px;
}
/* ------------------------------*/
/* for subtop */
/* ------------------------------*/
#subtopTitle{
border-top:5px solid #C45F8F;
margin:0 0 10px;
padding-top:5px;
}
#subtopTitle h1{
margin:0;
font-size:1.5rem;
}
#subtopDescription{
margin:0 0 10px;
}
#subtopDescription h2{
margin:0;
font-size:.9rem;
}
#subtopDate{
margin:0 0 10px;
font-size:.7rem;
text-align:right;
}
#subtopHeader{
margin:0 0 20px;
}
#subtopHeader h1{
margin:0;
font-size:12px;
line-height:16px;
text-indent:-9999px;
}
.colBoxMiddleImage .colBoxImage,
.colBoxFeaturesImage .colBoxImage{
text-align:center;
}
/**/
#seriesHeader #seriesIcon{
float:right;
margin:0 0 10px 10px;
width:160px;
height:120px;
border:3px solid #EEE;
padding:2px;
overflow:hidden;
}
#seriesHeader #seriesIconInner{
width:160px;
height:120px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#seriesHeader #seriesIconInner.noImg{
background-size:60px 60px;
background-color:#CCC;
background-image:url(//image.itmedia.co.jp/images/series_head_noimg.png);
}
#seriesHeader #subtopTitle{
display:block !important;
float:none !important;
border:none;
background:none;
margin:0;
padding:0;
}
#seriesHeader #subtopTitle h1{
float:none !important;
font-size:2.3rem;
border:none;
padding:0;
}
#seriesHeader #subtopDescription{
display:block;
margin:0;
padding:0;
}
#seriesHeader #subtopDescription h2{
font-size:.85rem;
font-weight:bold;
color:#666;
}
#seriesBody .colBoxIndex-0{
clear:both;
}
#seriesBody .colBoxIcon img{
width:120px;
height:auto;
}
#seriesBody .colBoxSubTitle{
display:none;
}
#seriesBody .colBoxButton{
border-radius:0;
width:auto;
border:none;
margin:0 0 20px;
text-align:center;
}
#seriesBody .colBoxButton a{
border-radius:0;
padding:10px;
display:inline-block;
width:auto;
font-weight:normal;
font-size:16px;
background:#333;
}
.dir-hc #seriesBody .colBoxButton,
.dir-review #seriesBody .colBoxButton,
.dir-gg #seriesBody .colBoxButton{
display:none;
}
#masterType-404 #subtopTitle h1{
color:#C00;
}
#subtopTitleWrap #subtopTitle{
display:none;
}
.dir-gadget #masterMain .colBoxCalendar .colBoxUlist ul li a{
width:32px;
}
.dir-gadget #masterMain .colBoxCalendar .colBoxIndex{
width:175px;
}
/* TOP STORIES */
#colBoxTopStories .colBoxOuter{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#colBoxTopStories .colBoxHead{width:100%;}
#colBoxTopStories .w300fl,
#colBoxTopStories .w200fl{
width:calc((100% / 2) - 20px);
padding:0;
margin-bottom:20px;
float:none;
}
#colBoxTopStories .w300fl{width:calc((100% / 2) - 10px);}
#colBoxTopStories .w200fl{width:calc((100% / 3) - 13.3px);}
#colBoxTopStories .colBoxClear{display:none;}
#colBoxTopStories .colBoxIcon{display:block;float:none;}
#colBoxTopStories .colBoxIcon a{display:block;margin:0;float:none;padding:0;border-width:1px 1px 0;position:relative;overflow:hidden;}
#colBoxTopStories .colBoxIcon img{width:100%;height:auto!important;box-sizing:border-box;position:absolute;}
#colBoxTopStories .colBoxIcon + .colBoxClear{height:0;}
#colBoxTopStories .colBoxTitle h3{font-size:1rem;}
#colBoxTopStories .w300fl .colBoxIcon a{height:192px;}
#colBoxTopStories .w300fl .colBoxIcon img{top:-35px;}
#colBoxTopStories .w300fl .colBoxIcon .colBoxIconNeco + a img{top:0;}
#colBoxTopStories .w200fl .colBoxIcon a{height:125px;}
#colBoxTopStories .w200fl .colBoxIcon img{top:-22px;}
#colBoxTopStories .w200fl .colBoxTitle h3{font-size:.9rem;}
.colBoxIndexSocialButtons{
display:-webkit-flex;
display:flex;
margin-bottom:5px;
border:1px solid #DDD;
border-top-width:0;
}
.colBoxSocialButton{
width:calc(100% / 2);
text-align:center;
}
.colBoxSocialButton a{
display:-webkit-flex;
display:flex;
justify-content:center;
align-items:center;
color:#FFF;
font-size:.7rem;
}
.colBoxSocialButton a:hover{
text-decoration:none;
filter:brightness(115%);
}
.colBoxSocialButton-Twitter a{background:#28A5E2;}
.colBoxSocialButton-Facebook a{background:#36559C;}
.colBoxSocialButton-TwitterText,
.colBoxSocialButton-FacebookText{
width:20px;
height:20px;
margin:0 3px 0 0;
text-indent:-9999px;
}
.colBoxSocialButton-TwitterText{background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) no-repeat -90px -60px;}
.colBoxSocialButton-FacebookText{background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) no-repeat -120px -60px;}
/*NEW TOPSTORIES*/
.colBox.box-topstories .colBoxInner{
margin-bottom:20px;
}
.colBox.box-topstories .colBoxInner:last-child{
margin-bottom:0;
}
.colBox.box-topstories .colBoxInner.flex_2,
.colBox.box-topstories .colBoxInner.flex_3{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
.colBox.box-topstories .colBoxInner.flex_2 .colBoxIndex{
width:calc((100% / 2) - 10px);
}
.colBox.box-topstories .colBoxInner.flex_2 .colBoxIndex:only-child{
flex-grow:1;
}
.colBox.box-topstories .colBoxInner.flex_3 .colBoxIndex{
width:calc((100% / 3) - 10px);
}
.colBox.box-topstories .colBoxInner.flex_2 .colBoxIcon,
.colBox.box-topstories .colBoxInner.flex_3 .colBoxIcon{
display:block;
width:100%;
border:1px solid #DDD;
margin:0 0 5px;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.colBox.box-topstories .colBoxInner.flex_2 .colBoxIcon:hover,
.colBox.box-topstories .colBoxInner.flex_3 .colBoxIcon:hover{
filter:brightness(115%);
}
.colBox.box-topstories .colBoxInner.flex_2 .colBoxIcon{
height:210px;
}
.colBox.box-topstories .colBoxInner.flex_3 .colBoxIcon{
height:125px;
}
.colBox.box-topstories .colBoxTitle.flex_2{
font-size:1.1rem;
}
.colBox.box-topstories .colBoxInner.flex_3 .colBoxTitle{
font-size:.9rem;
}
.colBox.box-topstories .colBoxDescription{
font-size:.8rem;
color:#666;
}
.colBox.box-topstories .colBoxInfo{
display:-webkit-flex;
display:flex;
width:100%;
}
.colBox.box-topstories .colBoxInfo *{
}
.colBox.box-topstories .colBoxInfo .my_tw_count{
color:#999;
font-weight:bold;
font-family:Segoe UI,Gill Sans;
margin-right:10px;
text-decoration:none;
}
.colBox.box-topstories .colBoxInfo .my_tw_count:hover{
filter:brightness(115%);
}
.colBox.box-topstories .colBoxInfo .my_tw_count:before{
content:'';
display:inline-block;
width:20px;
height:20px;
border-radius:20px;
margin-right:5px;
vertical-align:top;
background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) no-repeat -90px -60px;
}
.colBox.box-topstories .colBoxInfo .colBoxDate{
flex:1;
text-align:right;
font-family:Segoe UI,Gill Sans;
}
/* IMAGEBOX IMAGE REVERSE */
#cmsBody div[id^="col"][id*="00"],#cmsBody div[id^="col"][id*="10"]{display:flex;flex-wrap:wrap;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(1),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(1){order:6;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(2),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(2){order:5;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(3),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(3){order:4;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(4),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(4){order:3;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(5),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(5){order:2;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(6),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(6){order:1;}
#cmsBody div[id^="col"][id*="00"] img[src*="_reverse_"],#cmsBody div[id^="col"][id*="10"] img[src*="_reverse_"]{margin:0 0 3px 3px !important;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:last-of-type img,#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:last-of-type img{margin-left:0 !important;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"] + small,#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"] + small{width:100%;order:7;}
/*G ADNW*/
.gad{margin-bottom:20px;text-align:center;}
.gad > [id^="div-gpt-ad"]{display:inline-block;}

/* LINK
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cmsBody a:link.imgLink img{border:none;}
#cmsBody a:hover.imgLink img{border:none;}
#cmsBody a:visited.imgLink img{border:none;}

/* TITLE AREA
-----------------------------------------------------------------*/
#cmsType{display:none;}
#cmsDate{
font-size:.8rem;
text-align:right;
color:#999;
}
#cmsDate .arrow{display:none;}
#cmsDate #update{
background:url(//image.itmedia.co.jp/images/update.png) no-repeat left center;
background-size:11px 11px;
padding:1px 0 0 15px;
}
#cmsTitle h1{margin:0;}
#cmsTitle h1 small{
display:block;
margin-bottom:5px;
font-size:.9rem;
}
#cmsTitle h1 big{
display:block;
margin-bottom:5px;
font-size:1.7rem;
line-height:1.7;
}
#cmsAbstract h2{
margin:0 0 5px;
font-size:.9rem;
line-height:1.9;
color:#333;
}
#cmsByline{
margin:0 0 20px;
font-size:.8rem;
text-align:right;
color:#999;
}
#cmsMark,
#cmsBody #cmsMark{
margin:0 0 5px 10px;
}
#cmsMark img,
#cmsBody #cmsMark img{
border:none;
}
/* CMS/Input BASE
-----------------------------------------------------------------*/
#cmsBody hr{clear:both;}
#cmsBody p{
margin:0 0 20px;
font-size:1rem;
line-height:1.9;
word-wrap:break-word;
}
#cmsBody p small{
font-size:.9rem;
}
#cmsBody h3{
clear:both;
margin:0 0 20px;
padding:0 0 3px;
font-size:1.2rem;
border-bottom:3px solid #CCC;
}
#cmsBody h4{
clear:both;
margin:0 0 20px;
padding:0 0 2px;
font-size:1.1rem;
border-bottom:1px solid #DDD;
}
#cmsBody ul,#cmsBody ol{margin-bottom:20px;}
/* ENDLINK
-----------------------------------------------------------------*/
#cmsBody .endlink{clear:both;}
#cmsBody .endlink h4{
clear:both;
margin:0 0 10px;
padding:0 0 3px;
font-size:1.2rem;
border-bottom:3px solid #CCC;
}
#cmsBody .endlink ul{
margin:0 0 20px;
padding:0;
list-style:none;
}
#cmsBody .endlink li{
clear:both;
display:block;
font-size:.8rem;
margin:0 0 10px;
color:#999;
}
#cmsBody .endlink li#art{
min-height:60px;
}
#cmsBody .endlink li a{
font-size:1rem;
font-weight:bold;
text-decoration:none;
}
#cmsBody .endlink li a:hover{
color:#C00;
text-decoration:underline;
}
#cmsBody .endlink li a img{
float:left;
display:block;
margin:0 10px 5px 0;
border:1px solid #CCC;
box-sizing:border-box;
vertical-align:middle;
}
/* CREDIT
-----------------------------------------------------------------*/
#cmsPrcredit{clear:both;margin:0 0 20px;}
#cmsPrcredit .inner{border:5px solid #DDD;padding:10px;}
#cmsPrcredit .inner > br{display:none;}
#cmsPrcredit .credit{margin:0;font-size:.85rem;line-height:1.6;}
/**/
#cmsBody .ctrl{clear:both;margin:0 0 20px;text-align:center;}
#cmsBody .ctrl #prev a,#cmsBody .ctrl #next a{display:inline-block;font-size:14px;line-height:36px;background:#C45F8F;width:100px;height:34px;color:#FFF;position:relative;text-decoration:none;}
#cmsBody .ctrl #prev a:before,#cmsBody .ctrl #next a:before{content:'';position:absolute;top:0;width:0;height:0;border:17px solid transparent;}
#cmsBody .ctrl #prev a:before{left:-34px;border-right-color:#C45F8F;}
#cmsBody .ctrl #next a:before{left:100px;border-left-color:#C45F8F;}
#cmsBody .ctrl #numb{font-family:Segoe UI,Gill Sans;color:#FFF;}
#cmsBody .ctrl #numb a,#cmsBody .ctrl #numb strong{display:inline-block;height:32px;font-size:14px;line-height:34px;padding:0 12px;color:#FFF;border:1px solid #C45F8F;}
#cmsBody .ctrl #numb a{background:#C45F8F;text-decoration:none;}
#cmsBody .ctrl #numb strong{color:#C45F8F;}
#cmsBody #notice{clear:both;min-height:35px;margin:0 0 20px;text-align:center;}
#cmsBody #notice a{position:relative;display:inline-block;text-align:left;padding-left:105px;text-decoration:underline;font-size:1.1rem;color:#C45F8F;}
#cmsBody #notice a:before{content:'';position:absolute;top:0;left:80px;width:0;height:0;border:17px solid transparent;border-left-color:#C45F8F;}
#cmsBody #notice a:after{content:'次ページ';position:absolute;top:0;left:0;width:80px;height:34px;background:#C45F8F;font-size:14px;line-height:36px;text-indent:12px;color:#FFF;}
#cmsBody .ctrl #prev a:hover,#cmsBody .ctrl #numb a:hover,#cmsBody .ctrl #next a:hover,#cmsBody #notice a:hover{filter:brightness(115%);}
/**/
#cmsBody div[id^="col"]{margin:0 auto 20px;}
#cmsBody div[id^="col"] img{margin-right:3px;}
#cmsBody div[id^="col"] small{display:block;word-break:break-all;}
#cmsBody div[id^="col"] #cap-l{text-align:left;}
#cmsBody div[id^="col"] #cap-r{text-align:right;}
#cmsBody div[id^="col50"]{width:50px;}
#cmsBody div[id^="col100"]{width:100px;}
#cmsBody div[id^="col150"]{width:150px;}
#cmsBody div[id^="col200"]{width:200px;}
#cmsBody div[id^="col250"]{width:250px;}
#cmsBody div[id^="col300"]{width:300px;}
#cmsBody div[id^="col350"]{width:350px;}
#cmsBody div[id^="col400"]{width:400px;}
#cmsBody div[id^="col500"]{width:500px;}
#cmsBody div[id^="col600"]{width:600px;}
#cmsBody div[id^="col"][id$="c"]{margin:0 auto 20px;}
#cmsBody div[id^="col"][id$="l"]{float:left;margin:0 10px 20px 0;}
#cmsBody div[id^="col"][id$="r"]{float:right;margin:0 0 20px 10px;}
/**/
#cmsBody .cmsTable,#cmsBody #tbl-spec{border-collapse:collapse;margin:0 0 20px;}
#cmsBody .cmsTableL{float:left;}
#cmsBody .cmsTableC{margin:0 auto 20px;}
#cmsBody .cmsTableR{float:right;}
#cmsBody .cmsTable25{width:25%;}
#cmsBody .cmsTable50{width:50%;}
#cmsBody .cmsTable75{width:75%;}
#cmsBody .cmsTable100{width:100%;}
#cmsBody .cmsTable caption,#cmsBody #tbl-spec caption{font-size:.8rem;line-height:1.6;margin-bottom:3px;text-align:left;}
#cmsBody .cmsTable tbody,#cmsBody #tbl-spec tbody{box-shadow:0 0 1px rgba(0,0,0,.2) inset;}
#cmsBody .cmsTable tbody tr,#cmsBody #tbl-spec tbody tr{background:#FFF;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;}
#cmsBody .cmsTable tbody tr:nth-child(even),#cmsBody #tbl-spec tbody tr:nth-child(even){background:#F5F5F5;}
#cmsBody .cmsTable th,#cmsBody .cmsTable td,#cmsBody #tbl-spec th,#cmsBody #tbl-spec td{font-size:.9rem;padding:5px;text-align:left;}
#cmsBody .cmsTable thead th,#cmsBody #tbl-spec thead th{background:rgba(56,89,146,1);color:#FFF;font-size:1rem;}
#cmsBody .cmsTable thead th:first-child,#cmsBody #tbl-spec thead th:first-child{border-radius:2px 0 0 0;}
#cmsBody .cmsTable thead th:last-child,#cmsBody #tbl-spec thead th:last-child{border-radius:0 2px 0 0;}
#cmsBody .cmsTable tbody th,#cmsBody #tbl-spec tbody th{background:rgba(56,89,146,.1);}
#cmsBody .cmsTable tfoot td,#cmsBody #tbl-spec tfoot td{font-size:.8rem;line-height:1.6;padding:5px 0;}
/**/
.cmsColorRed{color:#C00;}.cmsColorBlue{color:#00C;}.cmsColorGreen{color:#090;}.cmsColorBottlegreen{color:#066;}.cmsColorOrange{color:#F60;}.cmsColorYellow{color:#CC0;}.cmsColorPurple{color:#A757A8;}.cmsColorGray{color:#999;}.cmsColorWhite{color:#FFF;}
/**/
.cmsBgcolorRed{background-color:#FBB;}.cmsBgcolorBlue{background-color:#BBF;}.cmsBgcolorGreen{background-color:#BCB;}.cmsBgcolorBottlegreen{background-color:#699;}.cmsBgcolorOrange{background-color:#FCB;}.cmsBgcolorYellow{background-color:#FFB;}.cmsBgcolorPurple{background-color:#FCF;}.cmsBgcolorGray{background-color:#DDD;}.cmsBgcolorWhite{background-color:#FFF;}
/**/
.cmsFontsize-3{font-size:.7rem;}.cmsFontsize-2{font-size:.8rem;}.cmsFontsize-1{font-size:.9rem;}.cmsFontsize1{font-size:1.1rem;}.cmsFontsize2{font-size:1.2rem;}.cmsFontsize3{font-size:1.3rem;}
/**/
#cmsBody .cmsBox,#cmsBody .cmsBoxL,#cmsBody .cmsBoxR{clear:both;border:3px solid #CCC;margin-bottom:20px;padding:10px;}
#cmsBody .cmsBoxNoborder{border:none;background:#EEE;}
#cmsBody .cmsBox h3,#cmsBody .cmsBoxL h3,#cmsBody .cmsBoxR h3{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:1rem;line-height:inherit;font-weight:normal;border-bottom:3px solid #CCC;}
#cmsBody .cmsBox h4,#cmsBody .cmsBoxL h4,#cmsBody .cmsBoxR h4{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:.9rem;line-height:inherit;font-weight:normal;border-bottom:1px solid #CCC;}
#cmsBody .cmsBox p,#cmsBody .cmsBoxL p,#cmsBody .cmsBoxR p{font-size:.8rem;margin:0 0 1em;}
#cmsBody .cmsBox p:last-of-type,#cmsBody .cmsBoxL p:last-of-type,#cmsBody .cmsBoxR p:last-of-type{margin:0;}
#cmsBody .cmsBox li,#cmsBody .cmsBoxL li,#cmsBody .cmsBoxR li{font-size:.8rem;}
/**/
#cmsBody .cmsBoxRed{border-color:#BE2B2B;background:#F9F1F1;}
#cmsBody .cmsBoxGreen{border-color:#649526;background:#F4F6F1;}
#cmsBody .cmsBoxBlue{border-color:#267095;background:#F1F4F6;}
#cmsBody .cmsBoxOrange{border-color:#DA6B2E;background:#FBF5F2;}
/**/
#cmsBody .cmsBodyBox{margin-bottom:20px;}
#cmsBody .cmsBodyBoxInner{border:3px solid #CCC;clear:both;padding:10px;}
#cmsBody .cmsBodyBoxInner h3,
#cmsBody .cmsBodyBoxInner h4{clear:both;margin:0 0 1em;padding:0 0 5px;line-height:inherit;font-weight:normal;}
#cmsBody .cmsBodyBoxInner h3{font-size:1rem;border-bottom:3px solid #CCC;}
#cmsBody .cmsBodyBoxInner h4{font-size:.9rem;border-bottom:1px solid #CCC;}
#cmsBody .cmsBodyBoxInner p{font-size:.8rem;margin:0 0 1em;}
#cmsBody .cmsBodyBoxInner p:last-of-type{margin:0;}
#cmsBody .cmsBodyBoxCaption{padding:5px 0;font-size:.8rem;}
#cmsBody .cmsBodyBoxNoborder .cmsBodyBoxInner{border:none;background:#EEE;}
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner{border-color:#BE2B2B;background:#F9F1F1;}
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner{border-color:#649526;background:#F4F6F1;}
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner{border-color:#267095;background:#F1F4F6;}
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner{border-color:#DA6B2E;background:#FBF5F2;}
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h3{border-color:#BE2B2B;}
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h3{border-color:#649526;}
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h3{border-color:#267095;}
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h3{border-color:#DA6B2E;}
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h4{border-color:#BE2B2B;}
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h4{border-color:#649526;}
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h4{border-color:#267095;}
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h4{border-color:#DA6B2E;}
/**/
#cmsBody .box{clear:both;border:3px solid #CCC;margin-bottom:20px;padding:10px;}
#cmsBody .box.cmsBoxNoborder{border:none;background:#EEE;}
#cmsBody .box#red{border-color:#BE2B2B;background:#F9F1F1;}
#cmsBody .box#green{border-color:#649526;background:#F4F6F1;}
#cmsBody .box#blue{border-color:#267095;background:#F1F4F6;}
#cmsBody .box#orange{border-color:#DA6B2E;background:#FBF5F2;}
#cmsBody .box h3,
#cmsBody .box h4{clear:both;margin:0 0 1em;padding:0 0 5px;line-height:inherit;font-weight:normal;}
#cmsBody .box h3{font-size:1rem;border-bottom:3px solid #CCC;}
#cmsBody .box h4{font-size:.9rem;border-bottom:1px solid #CCC;}
#cmsBody .box#red h3,#cmsBody .box#red h4{border-color:#BE2B2B;}
#cmsBody .box#green h3,#cmsBody .box#green h4{border-color:#649526;}
#cmsBody .box#blue h3,#cmsBody .box#blue h4{border-color:#267095;}
#cmsBody .box#orange h3,#cmsBody .box#orange h4{border-color:#DA6B2E;}
#cmsBody .box p{font-size:.8rem;margin:0 0 1em;}
#cmsBody .box p:last-of-type{margin:0;}
#cmsBody .box li{font-size:.8rem;}
/**/
#cmsBody blockquote{background:#EEE;padding:10px;}
#cmsBody blockquote p{background:url(//image.itmedia.co.jp/images/cms_blockquote.gif) no-repeat 0px 0px;margin:0px;padding:8px 0px 0px 40px;}
/**/
#cmsBody .cmsBodyPreBox{clear:both;margin:0 0 20px;}
#cmsBody .cmsBodyPre{width:600px;overflow:scroll;border:1px solid #CCC;background:#EEE;margin:0 auto 3px;}
#cmsBody .cmsBodyPreCaption{width:600px;font-size:.8rem;line-height:1.6;margin:0 auto;}
#cmsBody .cmsBodyPre pre{
font-family:"ＭＳ ゴシック","Osaka−等幅";
margin:0;
padding:10px;
font-size:12px;
color:#063;
}
/**/
#cmsBody .cmsBodyItmidSeriesButtonRegist{
font-size:16px;
line-height:22px;
margin:0 0 20px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a{
background:url(//image.itmedia.co.jp/images/ulli_bell0.gif) no-repeat 0 3px;
padding:0 0 0 18px;
}
/**/
#cmsBody .cmsImgLinkBtn{margin:20px auto;}
#cmsBody .cmsImgLinkBtn a{
display:block;
width:580px;
margin:0 auto;
background:#FFF;
border:3px solid #FB910E;
text-align:center;
padding:15px;
font-size:1.3rem;
font-weight:bold;
}
#cmsBody .cmsImgLinkBtn a:hover{opacity:.7;}
#cmsBody .cmsImgLinkBtn a:after{content:">>";margin:0 0 0 10px;color:#FB910E;}
#cmsBody .cmsImgLinkBtn a:link,
#cmsBody .cmsImgLinkBtn a:visited{color:#333;}
#cmsBody .cmsImgLinkBtn a:link,
#cmsBody .cmsImgLinkBtn a:visited,
#cmsBody .cmsImgLinkBtn a:active,
#cmsBody .cmsImgLinkBtn a:hover{text-decoration:none;}
/**/
#amazon-item{clear:both;margin:0 auto 20px;}
#amazon-item table{border-collapse:collapse;border:3px solid #CCDEEE;width:100%;}
#amazon-item th,#amazon-item table td{border:1px solid #CCDEEE;text-align:left;}
#amazon-item th{font-size:.9rem;color:#369;background:#CDE0F0;padding:5px;}
#amazon-item td{width:33%;font-size:.8rem;line-height:1.6;vertical-align:top;padding:10px;}
#amazon-item .amazon-product:hover{color:#C00;}
#amazon-item .amazon-product .icon{float:left;margin:0 10px 3px 0;display:inline-block;border-right:1px solid #CCDEEE;text-align:center;}
#amazon-item .amazon-product .icon img{border:none;}
#amazon-item .amazon-btBuy{display:inline-block;margin-top:5px;width:100px;height:19px;background:url(//image.itmedia.co.jp/images0509/amazon_bt_buy.gif) no-repeat 0 0;text-indent:-9999px;}
/**/
#cmsBody .endkwd{clear:both;}
#cmsBody .endkwd .box h4{font-weight:normal;color:#FFF;border-bottom:none;margin:0;}
#cmsBody .endkwd .box h4 a{background:url(//image.itmedia.co.jp/images/ulli_key0.gif) no-repeat 0 0;padding-left:18px;text-decoration:none;}
#cmsBody .endkwd .box h4 a:hover{color:#C00;text-decoration:underline;}
/**/
.cmsVideo{margin:0 auto 20px;}
.cmsVideoCaption{padding:5px;font-size:14px;line-height:18px;border:1px solid #CCC;background:#EEE;}
/**/
.ricoh-theta-spherical-image,.cmsVideo,.cmsEmbeddedTweets,.cmsEmbeddedFBposts,.cmsEmbeddedImgur{margin:0 auto 20px;}
.cmsEmbeddedImgur{width:540px;}
.cmsVideoCaption,.cmsEmbeddedInstagramCaption,.cmsEmbeddedTweetsCaption,.cmsEmbeddedFBpostsCaption,.cmsEmbeddedImgurCaption{padding:5px 0;font-size:.8rem;line-height:1.6;}
/**/
#backNumBox.f-center .backNumBoxRap{width:auto !important;}
#backNumBox .backNumBoxRap .backNumBoxIn ul li{margin:0;padding:3px 3px 3px 22px !important;background-position:7px 5px !important;}
/**/
#cmsBody .backnum{clear:both;}
#cmsBody .backnum dl{margin:0;padding:5px;border:10px solid #CCC;}
#cmsBody .backnum dt{margin:0;padding:5px;font-size:14px;line-height:18px;font-weight:bold;border-bottom:1px solid #CCC;}
#cmsBody .backnum dd{margin:0;padding:5px;font-size:12px;line-height:16px;border-bottom:1px dotted #CCC;}
/**/
.cmsAmazonBox{display:flex;margin-bottom:20px;}
.cmsAmazonImg a{display:block;padding:10px;border:1px solid #CCC;}
.cmsAmazonImg a:hover{filter:brightness(110%);}
.cmsAmazonImg a img{
width:150px;
vertical-align:middle;
border:none !important;
}
.cmsAmazonBox_2{flex:1;padding-left:10px;}
.cmsAmazonTitle{
font-size:1rem;
font-weight:bold;
}
.cmsAmazonDesc{
margin-top:5px;
font-size:.75rem;
color:#666;
}
.cmsAmazonBtn{
margin-top:10px;
font-size:.85rem;
font-weight:bold;
text-align:center;
}
.cmsAmazonBtn a{
display:block;
background: #F5C747;
border-bottom: solid 2px #E0AC22;
border-radius:3px;
color:#000;
padding:7px 10px 5px;
}
.cmsAmazonBtn a:before{
content:'';
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
margin-right:5px;
background:url(//image.itmedia.co.jp/spv/images/cms_amazon_btn.png) no-repeat center center / contain;
}
#cmsBody .cmsAmazonBtn a:link,
#cmsBody .cmsAmazonBtn a:visited,
#cmsBody .cmsAmazonBtn a:hover{color:#000;text-decoration:none;}
#cmsBody .cmsAmazonBtn a:hover{filter:brightness(110%);}
/**/
.cmsRelatedItem{
display:-webkit-flex;
display:flex;
margin-bottom:20px;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
padding:10px 0;
}
#cmsBody .cmsRelatedItem a img{
border:1px solid #DDD;
vertical-align:middle;
}
.cmsRelatedBox_2{
flex:1;
padding-left:15px;
}
#cmsBody .cmsRelatedTitle{
font-size:1rem;
font-weight:bold;
margin:0;
}
/*logly*/
.logly-lift-widget-header{
clear:both !important;
color:#333 !important;
margin:0 0 10px !important;
padding:0 0 3px !important;
font-size:1.2rem !important;
line-height:inherit !important;
border-bottom:3px solid #CCC !important;
}
.logly-lift-ad{
display:block !important;
height:auto !important;
font-size:.85rem !important;
line-height:inherit !important;
background:none !important;
margin:0 0 10px !important;
padding:0 !important;
min-height:60px !important;
}
.logly-lift-ad a{
text-decoration:none !important;
}
.logly-lift-ad-image{
padding-right:10px !important;
}
.logly-lift-ad-image-inner{
border:1px solid #DDD !important;
box-sizing:border-box !important;
}
/*outbrain*/
.ob-widget .ob-widget-section .ob-widget-header{
color:#333 !important;
margin:0 0 10px !important;
font-size:1.2rem !important;
line-height:inherit !important;
font-weight:bold !important;
border-bottom:3px solid #CCC !important;
}
.ob-smartfeed-wrapper .ob-widget .ob-widget-section .ob-widget-items-container{
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.ob-widget .ob-widget-section .ob-dynamic-rec-container{
width:calc((100% / 3) - 20px) !important;
margin:0 0 20px !important;
}
#masterMain .ob-smartfeed-wrapper .ob-widget .ob-widget-section .ob-dynamic-rec-container .ob-dynamic-rec-link .ob-rec-image{
border:1px solid #DDD !important;
box-sizing:border-box;
}
.ob-widget .ob-widget-section .ob-dynamic-rec-container .ob-rec-text{
margin:5px 0 0 !important;
line-height:inherit !important;
font-size:.85rem;
font-weight:bold;
max-height:4.5em !important;
color:#025bab !important;
}