#cmsBody{
overflow: hidden;
}
/* 記事上日付 */
#cmsDate{
position:relative;
}
#cmsDate .inner{
float:left;
padding:4px 16px 0 0;
text-align:left;
}
/* 関連キーワード */
#cmsBody .endkwd,
#cmsBody .endkwd .box{
border:none;
}
#cmsBody .endkwd .box h3:not(.format--subheading),
#cmsBody .endkwd .box h2.format--crosshead{
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endkwd .box h4,
#cmsBody .endkwd .box h3.format--subheading{
font-size:12px;
color:#CCC;
}
#cmsBody .endkwd .box h4 a{
background:none;
padding:2px;
text-decoration:none;
}
#tmplNewsIn .endkwd .box h4 a:hover,
#tmplNewsIn .endwpp .box h4 a:hover,
#tmplNewsIn .endkwd .box h3.format--subheading a:hover,
#tmplNewsIn .endwpp .box h3.format--subheading a:hover,
#tmplNewsIn .endlink li a:hover{
color:#4F4F4F !important;
text-decoration:underline !important;
}
/* ENDLINK */
#tmplNewsIn .endlink h4,
#tmplNewsIn .endlink h3.format--subheading{
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
font-size:14px;
line-height:20px;
color:#484848;
padding:5px 5px 3px 8px;
margin-bottom:4px;
background:#F2F2F2;
clear:both;
}
#tmplNewsIn .endlink ul{
padding:5px 7px 17px;
border:none;
margin-bottom:5px;
}
#tmplNewsIn .endlink li{
clear:both;
background:none;
padding-left:0;
color:#666;
font-size:16px;
line-height:24px;
margin-bottom:10px;
}
#tmplNewsIn .endlink li.endlink-lnk{
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 4px;
padding:0 0 3px 14px;
}
#tmplNewsIn .endlink li a img{
width:80px;
height:60px;
margin:0 10px 15px 0;
}
#tmplNewsIn .endlink li a:link{
color:#343434;
text-decoration:none;
}
#tmplNewsIn .endlink li a{
font-weight:bold;
}
/* endwpp */
#cmsBody .endwpp .box h3:not(.format--subheading),
#cmsBody .endwpp .box h2.format--crosshead{
padding:5px;
font-size:12px;
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endwpp .box h4,
#cmsBody .endwpp .box h3.format--subheading{
border:none;
color:#CCC;
font-size:10px;
padding:5px;
}
#cmsBody .endwpp .box h4 a,
#cmsBody .endwpp .box h3.format--subheading a{
background:none;
padding:2px;
font-weight:normal;
}
/* BOX */
#cmsBody .cmsBox h3:not(.format--subheading),
#cmsBody .cmsBox h2.format--crosshead{
padding:5px;
}
#cmsBody .box,
#cmsBody .box#red,
#cmsBody .box#green,
#cmsBody .box#blue,
#cmsBody .box#orange,
#cmsBody .box#red h3:not(.format--subheading),
#cmsBody .box#green h3:not(.format--subheading),
#cmsBody .box#blue h3:not(.format--subheading),
#cmsBody .box#orange h3:not(.format--subheading),
#cmsBody .box#red h2.format--crosshead,
#cmsBody .box#green h2.format--crosshead,
#cmsBody .box#blue h2.format--crosshead,
#cmsBody .box#orange h2.format--crosshead{
background:none;
}
#cmsBody .box{
border:1px solid #D2D2D2;
}
#cmsBody .box h3:not(.format--subheading),
#cmsBody .box h2.format--crosshead{
border-color:#FFF;
background:none;
color:#484848;
border-bottom:1px solid #E6E6E6;
}
/* ARTICLE */
#cmsBody{
margin-bottom:24px;
}
.tmplArticle{
width:660px;
}
#cmsTitle{
padding-top:10px;
clear:both;
}
#cmsTitle h1 small{
margin-bottom:10px;
color:#747474;
}
#cmsTitle h1 big{
font-size:24px;
line-height:32px;
color:#003366;
margin-bottom:12px;
}
#cmsAbstract h2,
#cmsAbstract p{
margin-bottom:15px;
}
#cmsBody h3:not(.format--subheading),
#cmsBody h2.format--crosshead{
border-left:4px solid #9C9C9C;
border-bottom:1px solid #D2D2D2;
padding-left:7px;
}
#cmsBody a:link,
#cmsBody a:hover{
text-decoration:underline;
color:#036;
}
#cmsBody p a:visited{
text-decoration:underline;
color:#A26;
}
#cmsMark, #cmsBody #cmsMark{
margin:5px 10px;
}
#cmsBody #cmsMark img{
display:inline!important;
vertical-align:bottom!important;
}
#cmsBody .backnum{
margin-bottom:10px;
}
#cmsBody .cmsBodyBoxInner{
font-size:12px;
line-height:18px;
}
#cmsBody .cmsBodyBoxInner p:first-child{
margin:5px 0;
}
#cmsBody li {
list-style:inherit;
}
/* タイトルレイアウト変更 */
.title{
color:#036;
}
.title__subtitle{
color:#747474;
}
.title__pagenumber{
display:none;
}
/* ARTICLE  - 販売ランキング - */
#cmsBody .cmsBodyRank a:link,
#cmsBody .cmsBodyRank a:visited{
text-decoration:none;
}
#cmsBody .cmsBodyRank a:hover{
color:#c00;
}
#cmsBody .cmsBodyRankHead .cmsBodyRankRow{
background:#000;
}
#cmsBody .cmsBodyRankBody .cmsBodyRankRow:hover{
background:#FFF;
}
.cmsBodyRank-101 .cmsBodyRankRow:nth-child(even),
.cmsBodyRank-102 .cmsBodyRankRow:nth-child(even),
.cmsBodyRank-105 .cmsBodyRankRow:nth-child(even){
background:#F3F3F2;
}
#cmsBody .cmsBodyRank-101 .cmsBodyRankRow:nth-child(even):hover,
#cmsBody .cmsBodyRank-102 .cmsBodyRankRow:nth-child(even):hover,
#cmsBody .cmsBodyRank-105 .cmsBodyRankRow:nth-child(even):hover{
background:#F3F3F2;
}
#cmsBody .cmsBodyRankCell{
padding:15px 0px;
text-align:left;
}
#cmsBody .cmsBodyRank-101 .cmsBodyRankCell-1,
#cmsBody .cmsBodyRank-102 .cmsBodyRankCell-1,
#cmsBody .cmsBodyRank-105 .cmsBodyRankCell-1{
text-align:center;
width:8%;
}
.cmsBodyRank-101 .cmsBodyRankCell-2,
.cmsBodyRank-102 .cmsBodyRankCell-2,
.cmsBodyRank-105 .cmsBodyRankCell-2{
width:12%;
}
.cmsBodyRank-101 .cmsBodyRankCell-3,
.cmsBodyRank-105 .cmsBodyRankCell-3{
width:20%;
}
.cmsBodyRank-101 .cmsBodyRankBody,
.cmsBodyRank-102 .cmsBodyRankBody,
.cmsBodyRank-105 .cmsBodyRankBody{
border-right:1px solid #CCC;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.cmsBodyRank-101 .cmsBodyRankBody .cmsBodyRankCell-1,
.cmsBodyRank-102 .cmsBodyRankBody .cmsBodyRankCell-1,
.cmsBodyRank-105 .cmsBodyRankBody .cmsBodyRankCell-1{
background:url(https://image.itmedia.co.jp/mobile/images/rankingbackground.gif) no-repeat center 2px;
font-size:16px;
line-height:16px;
}
.cmsBodyRank-101 .cmsBodyRankRow-1 .cmsBodyRankCell-1,
.cmsBodyRank-102 .cmsBodyRankRow-1 .cmsBodyRankCell-1,
.cmsBodyRank-105 .cmsBodyRankRow-1 .cmsBodyRankCell-1{
background:url(https://image.itmedia.co.jp/mobile/images/ranking1.gif) no-repeat center 5px;
font-weight:bold;
}
.cmsBodyRank-101 .cmsBodyRankRow-2 .cmsBodyRankCell-1,
.cmsBodyRank-102 .cmsBodyRankRow-2 .cmsBodyRankCell-1,
.cmsBodyRank-105 .cmsBodyRankRow-2 .cmsBodyRankCell-1{
background:url(https://image.itmedia.co.jp/mobile/images/ranking2.gif) no-repeat center 5px;
font-weight:bold;
}
.cmsBodyRank-101 .cmsBodyRankRow-3 .cmsBodyRankCell-1,
.cmsBodyRank-102 .cmsBodyRankRow-3 .cmsBodyRankCell-1,
.cmsBodyRank-105 .cmsBodyRankRow-3 .cmsBodyRankCell-1{
background:url(https://image.itmedia.co.jp/mobile/images/ranking3.gif) no-repeat center 5px;
font-weight:bold;
}
.cmsBodyRank-101 .cmsBodyRankRow-1 .cmsBodyRankCell-3,
.cmsBodyRank-101 .cmsBodyRankRow-2 .cmsBodyRankCell-3,
.cmsBodyRank-101 .cmsBodyRankRow-3 .cmsBodyRankCell-3,
.cmsBodyRank-102 .cmsBodyRankRow-1 .cmsBodyRankCell-3,
.cmsBodyRank-102 .cmsBodyRankRow-2 .cmsBodyRankCell-3,
.cmsBodyRank-102 .cmsBodyRankRow-3 .cmsBodyRankCell-3,
.cmsBodyRank-105 .cmsBodyRankRow-1 .cmsBodyRankCell-3,
.cmsBodyRank-105 .cmsBodyRankRow-2 .cmsBodyRankCell-3,
.cmsBodyRank-105 .cmsBodyRankRow-3 .cmsBodyRankCell-3{
font-size:16px;
line-height:24px;
font-weight:bold;
}
.cmsBodyRank-101 .cmsBodyRankRow-1 .cmsBodyRankCell-4,
.cmsBodyRank-101 .cmsBodyRankRow-2 .cmsBodyRankCell-4,
.cmsBodyRank-101 .cmsBodyRankRow-3 .cmsBodyRankCell-4,
.cmsBodyRank-102 .cmsBodyRankRow-1 .cmsBodyRankCell-4,
.cmsBodyRank-102 .cmsBodyRankRow-2 .cmsBodyRankCell-4,
.cmsBodyRank-102 .cmsBodyRankRow-3 .cmsBodyRankCell-4,
.cmsBodyRank-105 .cmsBodyRankRow-1 .cmsBodyRankCell-4,
.cmsBodyRank-105 .cmsBodyRankRow-2 .cmsBodyRankCell-4,
.cmsBodyRank-105 .cmsBodyRankRow-3 .cmsBodyRankCell-4{
font-size:20px;
line-height:24px;
font-weight:bold;
}
.cmsBodyRank-101 .cmsBodyRankBody .cmsBodyRankRow .up,
.cmsBodyRank-102 .cmsBodyRankBody .cmsBodyRankRow .up,
.cmsBodyRank-105 .cmsBodyRankBody .cmsBodyRankRow .up{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat 30px 13px;
}
.cmsBodyRank-101 .cmsBodyRankRow:nth-child(even) .up,
.cmsBodyRank-102 .cmsBodyRankRow:nth-child(even) .up,
.cmsBodyRank-105 .cmsBodyRankRow:nth-child(even) .up{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat -101px 13px;
}
.cmsBodyRank-101 .cmsBodyRankBody .cmsBodyRankRow .down,
.cmsBodyRank-102 .cmsBodyRankBody .cmsBodyRankRow .down,
.cmsBodyRank-105 .cmsBodyRankBody .cmsBodyRankRow .down{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat -490px 13px;
}
.cmsBodyRank-101 .cmsBodyRankRow:nth-child(even) .down,
.cmsBodyRank-102 .cmsBodyRankRow:nth-child(even) .down,
.cmsBodyRank-105 .cmsBodyRankRow:nth-child(even) .down{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat -619px 13px;
}
.cmsBodyRank-101 .cmsBodyRankBody .cmsBodyRankRow .same,
.cmsBodyRank-102 .cmsBodyRankBody .cmsBodyRankRow .same,
.cmsBodyRank-105 .cmsBodyRankBody .cmsBodyRankRow .same{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat -226px 13px;
}
.cmsBodyRank-101 .cmsBodyRankRow:nth-child(even) .same,
.cmsBodyRank-102 .cmsBodyRankRow:nth-child(even) .same,
.cmsBodyRank-105 .cmsBodyRankRow:nth-child(even) .same{
background:url(https://image.itmedia.co.jp/mobile/images/arrow-ranking.gif) no-repeat -360px 14px;
}
#cmsBody .cmsBodyRank-101 .cmsBodyRankCaption,
#cmsBody .cmsBodyRank-102 .cmsBodyRankCaption,
#cmsBody .cmsBodyRank-105 .cmsBodyRankCaption{
padding:10px;
background:none;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
font-size:12px;
line-height:16px;
}
.cmsBodyRank-101 .cmsBodyRankCaption a,
.cmsBodyRank-102 .cmsBodyRankCaption a{
display:block;
}
.cmsBodyRank-105 .cmsBodyRankCaption a{
background:url(https://image.itmedia.co.jp/dc/images/logo_MapCamera.gif)  no-repeat 545px 0;
display:block;
padding-right:100px;
min-height:18px;
}
/* ARTICLE  - 著者 - */
.AuthorProfileArea_Outer{
clear:both;
height:1%;
margin:15px 0;
padding:5px;
border:1px solid #E6E6E6;
}
.AuthorProfileArea_Inner{
display:inline-block;
height:1%;
}
.AuthorProfileArea_Profile{
float:left;
height:auto;
margin:0;
min-height:54px;
padding:0;
width:360px;
}
.AuthorProfileArea_Profile_Name{
display:block;
font-size:16px;
font-weight:bold;
line-height:23px;
margin:0;
padding-left:60px;
}
.AuthorProfileArea_Profile img{
float:left;
width:50px;
}
.AuthorProfileArea_Profile_Abs{
font-size:12px;
line-height:15px;
margin:0;
padding-left:60px;
}
.AuthorProfileArea_Social{
background:url(https://image.itmedia.co.jp/enterprise/images/profbtn_bg.gif) repeat 0 0;
float:right;
height:54px;
margin:0;
padding:0;
width:282px;
}
.AuthorProfileArea_Social_List{
border:0 solid;
margin:0;
padding:0;
}
.AuthorProfileArea_Social_List tr{
margin:0;
padding:0;
}
.AuthorProfileArea_Social_List td{
border:0 solid;
padding:0;
width:139px;
}
.AuthorProfileArea_Social_List a{
color:#3984BD;
display:block;
font-size:12px;
height:27px;
line-height:27px;
outline:medium none;
overflow:hidden;
padding:0 0 0 25px;
text-decoration:none;
width:105px;
}
.AuthorProfileArea_Social_List_twitter a{
background:url(https://image.itmedia.co.jp/enterprise/images/socialicon_16x16_twitter.gif) no-repeat 0 0;
}
.AuthorProfileArea_Social_List_website a{
background:url(https://image.itmedia.co.jp/enterprise/images/socialicon_16x16_website.gif) no-repeat 0 0;
}
.AuthorProfileArea_Social_List_facebook a{
background:url(https://image.itmedia.co.jp/enterprise/images/socialicon_16x16_facebook.gif) no-repeat 0 0;
}
/* ARTICLE  - 連載アラート - */
#cmsBody .cmsBodyItmidSeriesButtonRegist a{
background:url(https://image.itmedia.co.jp/news/images/rensai_alert_button.gif) no-repeat 0 0;
display:block;
width:590px;
height:62px;
margin:0 auto;
padding:0;
text-indent:-9999px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover{
opacity:0.65;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt{
display:none;
}
/* ARTICLE  - コピーライト - */
#cmsCopyright p{
font-size:12px;
line-height:16px;
}
/* Featuresヘッダ画像設定*/
.colBoxArticleHeader{
margin:0 0 15px 0;
width:600px;
margin-left:33px;
}
.colBoxArticleHeader .colBoxIcon a{
border:none;
float:none;
margin:0 0 3px 0;
}
.colBoxArticleHeader .colBoxIcon a img{
max-width:100%;
}
/* フレッシュサマリ*/
.freshsummary .cmskeywordBox{
display:none;
}
.freshsummary #cmsTitle{
padding:0 20px 0 0;
background:url(https://image.itmedia.co.jp/images/cms_pr.gif) no-repeat right top;
}
.freshsummary #cmsMark{
display:none;
}
.freshsummary #cmsPrcredit{
margin:20px 0 40px;
}
.ArticleHeaderImg{
margin-bottom:15px;
margin-left:33px;
width:600px;
}
/* マスク */
#masterMain .colBoxMembersControl .colBoxHead h2{
padding:8px 3px 5px;
border-bottom:none;
font-size:15px;
}
#masterMain .colBoxMembersControl .colBoxHead h2:before{
display:none;
}
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:link,
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:visited,
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:hover{
color:#FFF;
text-decoration:none;
}
/* ソーシャルボタン暫定 */
#masterMain .masterSocialbuttonMinimalCount .msbBtnTweetbutton_minimal .button{
background:#000 url(https://image.itmedia.co.jp/images/socialbutton/msbBtnXbutton_minimal_count.png) no-repeat 10% center;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtnSharebutton_minimal .button{
background:#0866ff url(https://image.itmedia.co.jp/images/socialbutton/msbBtnSharebutton_minimal_count.png) no-repeat 10% center;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtnHatenabookmark_minimal .button{
background:#007ba6 url(https://image.itmedia.co.jp/images/socialbutton/msbBtnHatenabookmark_minimal_count.png) no-repeat 10% center;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtnPocket_minimal .button{
background:#e84352 url(https://image.itmedia.co.jp/images/socialbutton/msbBtnPocket_minimal_count.png) no-repeat center center;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtn .button{
background-size:25px;
border:none;
}
#masterMain .masterSocialbuttonMinimalCount .baloon{
left:30px;
}
#masterMain .masterSocialbuttonMinimalCount .baloon a,
#masterMain .masterSocialbuttonMinimalCount .baloon span{
color:#FFF;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtnPrintbutton,
#masterMain .masterSocialbuttonMinimalCount .msbIn .msbGroup{
width:110px;
}
#masterMain .masterSocialbuttonMinimalCount .msbBtnComment_minimal .my_s_ul{
border:1px solid #CCC;
border-radius:3px;
}
/* コメントウィンドウ */
#ulCommentWidget{
min-width:600px;
min-height:200px;
}
#ulCommentWidgetAnnounce{
  position:relative;
  display:inline-block;
  margin:15px 0;
  padding:7px 10px;
  min-width:120px;
  max-width:100%;
  color:#555;
  font-size:16px;
  background:#e0edff;
}
#ulCommentWidgetAnnounce:before{
  content:"";
  position:absolute;
  top:-24px;
  left:50%;
  margin-left:-15px;
  border:9px solid transparent;
  border-bottom:15px solid #e0edff;
}
#ulCommentWidgetAnnounce p{
  margin:0;
  padding:0;
  font-size:12px;
}
/* 本文幅 600px に関するスタイル */
#cmsTitle,
#cmsDate,
#cmsByline,
#cmsBody .inner{
width:600px;
margin-left:32px;
}
#localPankuzu{
margin-left:32px;
}
.cmsVideo,
.cmsVideoContents,
.cmsVideoCaption,
#cmsBody .inner iframe{
max-width:590px;
}
.masterSocialbuttonMinimalCount .msbBtnPrintbutton,
.masterSocialbuttonMinimalCount .msbGroupUnder{
width:auto;
}
/* GAM */
/* SpecialLinkHead */
#BelowArtLink{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
clear:both;
}
#BelowArtLink.noad{
display:none;
}
#BelowArtLink .gam_headline{
width:100%;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
padding:5px 5px 3px 8px;
margin-bottom:8px;
background:#F2F2F2;
position:relative;
color:#484848;
font-size:14px;
line-height:20px;
font-weight:bold;
}
#BelowArtLink .gam_headline span{
top:4px;
}
/* BelowArtRectangle */
#BelowArtRectangle{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:24px;
}
/* InRead */
#InRead{
margin:8px auto 24px;
text-align:center;
width:640px;
}
#InRead.noad{
margin-bottom:0;
}
#InRead .adnotation{
font-family:"Gill Sans";
font-size:12px;
line-height:12px;
color:#BBB;
text-align:center;
margin:8px 0px 4px;
}
/* BelowArtNative */
#BelowArtNative{
text-align: center;
}
/* GeneralAD */
#GeneralAD{
display:none;
margin-bottom:0;
}
#GeneralAD.delivery{
display:block;
margin-bottom:16px;
}