@charset "shift_jis";
html{scroll-behavior:smooth;}
body{
font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;
font-size:1rem;
font-weight:500;
line-height:1.9;
margin:0;
padding:0;
color:#333;
}
a:link{color:#333;}
a:link,a:visited{text-decoration:none;}
a:hover{color:#025bab;text-decoration:underline;}
a img{border:none;}
a:hover img{filter:brightness(110%);}
#cmsBody a:link{color:#025bab;text-decoration:underline;}
#cmsBody a:visited{color:#666;text-decoration:underline;}
#cmsBody a:hover{color:#C00;text-decoration:underline;}
#cmsBody a:link img{border:3px solid #025bab;}
#cmsBody a:visited img{border:3px solid #DDD;}
#cmsBody a:hover img{border:3px solid #C00;}
#cmsBody{color:#222;}
@-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{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{display:none;}
#globalHeader{min-height:90px;margin-top:30px;}
#globalFooter{
width:1084px;
margin:0 auto;
}
#globalFooterLink{
font-size:.75rem;
text-align:right;
padding:0 0 10px;
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*/
#masterBodyOuter.bg-gray{
background:#f6f6f6;
}
#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:relative;}
/*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 .colBoxHead{
display:none;
}
.colBoxBacknumber .colBoxSubhead h4{
font-size:1rem;
}
.colBoxBacknumber .colBoxUlist ul li{
border-bottom:1px dotted #DDD;
margin-bottom:10px;
padding-bottom:10px;
}
.colBoxBacknumber .colBoxUlist ul li:last-of-type{
border-bottom:none;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype{
display:inline-block;
width:80px;
font-size:.7rem;
text-align:center;
border:1px solid #DDD;
margin:0 10px 0 0;
padding:2px;
box-sizing:border-box;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype + a{
font-weight:bold;
}
.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 20px;
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;
}
/* ランキング */
.colBoxRanking .colBoxHead{
background:url(//image.itmedia.co.jp/nl/images/head_rank.png) no-repeat left center / 20px;
margin-bottom:30px;
padding-bottom:0;
padding-left:30px;
border:none;
font-weight:bold;
}
.colBoxRanking .colBoxHead h2,
.colBoxRanking .colBoxHead div{
font-size:1.1rem;
padding:0;
}
.colBoxRanking .colBoxUlist ul,
.colBoxRanking .colBoxOlist ol{
clear:both;
margin:0;
padding:0;
font-size:.9rem;
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 10px;
min-height:20px;
padding:0 0 10px 0;
font-weight:bold;
}
.colBoxRanking li:before{
font-family:Segoe UI,Gill Sans;
font-size:24px;
color:#999;
}
.colBoxRanking li:nth-child(1):before{content:"1";color:#E7D02A;font-weight:bold;}
.colBoxRanking li:nth-child(2):before{content:"2";color:#B0A996;font-weight:bold;}
.colBoxRanking li:nth-child(3):before{content:"3";color:#B78C3D;font-weight:bold;}
.colBoxRanking li:nth-child(4):before{content:"4";}
.colBoxRanking li:nth-child(5):before{content:"5";}
.colBoxRanking li:nth-child(6):before{content:"6";}
.colBoxRanking li:nth-child(7):before{content:"7";}
.colBoxRanking li:nth-child(8):before{content:"8";}
.colBoxRanking li:nth-child(9):before{content:"9";}
.colBoxRanking li:nth-child(10):before{content:"10";}
.colBoxRanking .colBoxOlist li a,
.colBoxRanking .colBoxUlist li a{
display:block;
margin:0 0 0 20px;
}
.colBoxRanking .colBoxOlist li a img,
.colBoxRanking .colBoxUlist li a img{
margin-right:20px;
}
.colBoxOlistDate{
font-size:.8rem;
margin:0 0 0 5px;
}
.colBoxRanking .colBoxUlist ul li span{
display:none;
}
/* ボトムリンク */
.colBoxBtmLinkBtn{display:none;}
/* 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;}
/* 遅延読込 */
.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 */
#cmsBody #cmsCopyright p{
font-size:13px;
font-family:Segoe UI,Gill Sans;
line-height:20px;
color:#666;
text-align:right;
margin-bottom:30px;
}
/* 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:65px;
	}
	.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;}
/* ------------------------------*/
/* for subtop */
/* ------------------------------*/
#subtopTitle{
border-top:5px solid #C45F8F;
margin:0 0 10px;
padding-top:10px;
}
#subtopTitle h1{
margin:0;
font-size:1.8rem;
}
#subtopDescription{
margin:0 0 20px;
}
#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;
}
/*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:30px;text-align:center;}

/* 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:10px;
font-size:1.8rem;
line-height:1.7;
}
#cmsAbstract h2{
margin:0 0 10px;
font-size:1rem;
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 30px;
font-size:1.1rem;
line-height:2;
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 30px;}
#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 30px;text-align:center;font-weight:bold;}
#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 30px;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;font-weight:bold;}
#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 30px;}
#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 30px;}
#cmsBody div[id^="col"][id$="l"]{float:left;margin:0 20px 30px 0;}
#cmsBody div[id^="col"][id$="r"]{float:right;margin:0 0 30px 20px;}
/**/
#cmsBody .cmsTable,#cmsBody #tbl-spec{border-collapse:collapse;margin:0 0 30px;}
#cmsBody .cmsTableL{float:left;}
#cmsBody .cmsTableC{margin:0 auto 30px;}
#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:30px;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:30px;}
#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:30px;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 30px;}
#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 30px;
}
#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:30px 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 30px;}
#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 30px;}
.cmsVideoCaption{padding:5px;font-size:14px;line-height:18px;border:1px solid #CCC;background:#EEE;}
/**/
.ricoh-theta-spherical-image,.cmsVideo,.cmsEmbeddedTweets,.cmsEmbeddedFBposts,.cmsEmbeddedImgur,.cmsEmbeddedTikTok{margin:0 auto 30px;}
.cmsEmbeddedImgur{width:540px;}.cmsEmbeddedTikTok{width:340px;}
.cmsVideoCaption,.cmsEmbeddedInstagramCaption,.cmsEmbeddedTweetsCaption,.cmsEmbeddedFBpostsCaption,.cmsEmbeddedImgurCaption,.cmsEmbeddedTikTokCaption{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:30px;}
.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%);}
/**/
.cmsToc{
position:relative;
margin-bottom:30px;
border:1px solid #A01E60;
padding:33px 25px 25px;
}
.cmsTocHeading{
position:absolute;
top:-10px;
left:20px;
font-size:1.2rem;
line-height:1;
color:#A01E60;
padding:0 10px 0 28px;
font-weight:bold;
background:url(//image.itmedia.co.jp/nl/images/cms_toc_head.png) no-repeat 10px center / 12px #fff;
}
#cmsBody .cmsToc ul,
#cmsBody .cmsToc li{
margin:0;
padding:0;
}
#cmsBody .cmsToc ul{
padding-left:25px;
}
#cmsBody .cmsToc li{
margin-bottom:10px;
font-size:.95rem;
font-weight:bold;
}
#cmsBody .cmsToc li:last-child{
margin-bottom:0;
}
#cmsBody .cmsToc a:link,
#cmsBody .cmsToc a:visited,
#cmsBody .cmsToc a:hover{
color:#666;
}
/**/
.cmsAmazonLink,
.cmsRakutenLink,
.cmsValuecommerceLink{
font-size:1rem;
font-weight:bold;
text-align:center;
margin-bottom:30px;
}
.cmsAmazonLink a,
.cmsRakutenLink a,
.cmsValuecommerceLink a{
display:block;
border-radius:3px;
color:#fff;
padding:7px 10px 5px;
}
.cmsAmazonLink a{
background:#F5C747;
border-bottom:solid 2px #E0AC22;
}
.cmsAmazonLink 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;
}
.cmsRakutenLink a{
background:#BF0000;
border-bottom:solid 2px #930000;
}
.cmsValuecommerceLink a{
background:#009091;
border-bottom:solid 2px #006465;
}
.cmsValuecommerceLink img[src*="ad.jp.ap.valuecommerce.com/servlet/gifbanner"]{
display:none;
}
.cmsAmazonLink a:link,
.cmsAmazonLink a:visited,
.cmsAmazonLink a:hover{color:#000;text-decoration:none;}
.cmsRakutenLink a:link,
.cmsRakutenLink a:visited,
.cmsRakutenLink a:hover,
.cmsValuecommerceLink a:link,
.cmsValuecommerceLink a:visited,
.cmsValuecommerceLink a:hover{color:#fff;text-decoration:none;}
.cmsAmazonLink a:hover,
.cmsRakutenLink a:hover,
.cmsValuecommerceLink a:hover{filter:brightness(110%);}
/**/
.cmsValuecommerceBanner{
margin-bottom:30px;
}
#cmsBody .cmsValuecommerceBanner a:link img,
#cmsBody .cmsValuecommerceBanner a:visited img,
#cmsBody .cmsValuecommerceBanner a:hover img{
border:none;
}
/**/
.cmsRelatedItem{
display:-webkit-flex;
display:flex;
margin-bottom:30px;
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-head{
font-family:Segoe UI,Gill Sans;
}
.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;
}
.logly-lift-ad-title{
line-height:1.8 !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;
}
/* thumbnails */
.cmsThumb{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 0 30px;
}
.cmsThumbItem{
position:relative;
display:block;
width:calc(20% - 16px);
margin:0 0 20px;
}
.cmsThumbItem:nth-child(5n+2):last-child{margin-right:calc(60% + 12px);}
.cmsThumbItem:nth-child(5n+3):last-child{margin-right:calc(40% + 8px);}
.cmsThumbItem:nth-child(5n+4):last-child{margin-right:calc(20% + 4px);}
.cmsThumbItem:before{
content:'';
display:block;
padding-top:100%;
}
.cmsThumbItem img{
position:absolute;
top:0;
left:0;
object-fit:cover;
width:100%;
height:100%;
border:none;
}
#cmsBody .cmsThumbItem:link img,
#cmsBody .cmsThumbItem:visited img,
#cmsBody .cmsThumbItem:hover img{
border:none;
}
@media all and (-ms-high-contrast:none){
.cmsThumbItem{
overflow:hidden;
}
.cmsThumbItem img{
width:auto;
height:auto;
top:50%;
left:50%;
min-height:100%;
min-width:100%;
-ms-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
}
/*localnav*/
.myBoxList{
position:sticky;
top:0;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
min-width:800px;
background:#FFF;
z-index:2;
transition-property:border;
transition-duration:.1s;
transition-timing-function:linear;
}
.myBoxList.scrollShadow{
border-bottom:1px solid #DDD;
}
.myBoxList .myBoxIndex > ul,
.myBoxList .list-li{
margin:0;
padding:0;
font-size:13px;
}
.myBoxList .myBoxIndex > ul{
display:flex;
justify-content:center;
list-style:none;
}
.myBoxList .list-li{
width:calc(100% / 7);
font-weight:bold;
text-align:center;
transition:background .1s linear;
margin-right:1px;
}
.myBoxList .list-li:last-child{
margin-right:0;
}
.list-name{
position:relative;
display:block;
box-sizing:border-box;
padding:18px 10px 16px;
color:#888;
pointer-events:none;
text-decoration:none;
}
.list-name:link,
.list-name:visited,
.list-name:hover{
color:#888;
}
.list-li.active .list-name{
text-decoration:none;
color:#333;
}
/*
.list-name:before{
content:"";
position:absolute;
right:-1px;
width:1px;
height:20px;
background:#DDD;
}
.list-li:last-child > .list-name:before{
display:none;
}
*/
.list-li ul,
.list-li li{
margin:0;
padding:0;
list-style:none;
}
.list-li ul{
margin:190px 20px 20px;
height:210px;
overflow-y:scroll;
}
.list-li li{
margin-bottom:10px;
}
.list-li li:last-child{
margin-bottom:0;
}
.list-li ul::-webkit-scrollbar{
width:7px;
}
.list-li ul::-webkit-scrollbar-thumb{
background:linear-gradient(0deg,#43e2c6,#3183d0);
border-radius:4px;
}
.list-li ul::-webkit-scrollbar-track{
background:rgba(100,100,100,.5);
}
.list-li li{
position:relative;
font-size:.8rem;
margin-bottom:10px;
padding-right:20px;
box-sizing:border-box;
}
.list-li li:last-child{
margin-bottom:0;
}
.list-li li:before{
margin-bottom:0;
}
.myBoxList .myBoxTitle a{

}
.list-li li a{
display:inline-block;
padding-left:15px;
color:#333;
}
.list-li li a:before{
position:absolute;
display:block;
content:"・";
color:#666;
left:0;
}
.list-li li a{
z-index:-1;
}
.list-li li a:after{
position:absolute;
content:"";
left:0;
bottom:0;
background:#EEE;
width:100%;
height:10px;
display:none;
z-index:-2;
}
.list-li li a:hover:after{
display:block;
}
.list-li{
cursor:pointer;
}
.list-li:focus-within{
outline:0;
}
.list-li:focus-within .list-name{
color:#FFF;
}
.list-li:focus-within .pulldown-wrap{
transition-duration:.5s;
max-height:600px;
z-index:3;
}
.list-li:focus-within .pulldown-wrap:before{
width:100%;
}
.list-close{
display:none;
position:absolute;
top:87px;
right:30px;
z-index:4;
border:1px solid #DDD;
padding:5px 20px 4px;
text-align:center;
border-radius:3px;
background:#FFF;
cursor:pointer;
font-size:.8rem;
font-weight:bold;
font-family:Segoe UI,Gill Sans;
color:#999;
}
.list-li:focus-within ~ .list-close{
display:block;
}
.pulldown-wrap{
position:absolute;
left:0;
text-align:left;
z-index:10;
width:100%;
overflow:hidden;
background:#FFF;
display:flex;
cursor:auto;
min-width:900px;
max-height:0;
box-shadow:0 6px 5px -5px rgba(0,0,0,0.4);
transition-property:max-height;
transition-duration:.3s;
}
.pulldown-wrap:before{
content:"";
position:absolute;
left:0;
width:0%;
height:5px;
transition-property:width;
transition-duration:.5s;
}
.pulldown-wrap:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background:#DDD;
}
.pulldown-head{
position:relative;
box-sizing:border-box;
width:300px;
min-height:200px;
background-repeat:no-repeat;
background-position:120px 10px;
background-size:100px;
}
.pulldown-head img{
position:absolute;
top:50px;
left:45px;
}
.pulldown-head img{
position:absolute;
top:50px;
left:45px;
}
.pulldown{
box-sizing:border-box;
flex:1;
padding:30px;
align-content:flex-start;
background:#f6f6f6;
}
.pulldown-btn{
position:absolute;
top:130px;
left:20px;
text-align:center;
font-size:.8rem;
display:block;
padding:10px;
color:#FFF;
font-weight:bold;
text-decoration:none;
transition-property:background;
transition-duration:.1s;
transition-timing-function:linear;
width:calc(100% - 40px);
box-sizing:border-box;
border-radius:3px;
}
.pulldown-btn:link,
.pulldown-btn:visited,
.pulldown-btn:hover{
text-decoration:none;
color:#FFF;
}
.pulldown-btn:hover{
filter:brightness(110%);
}
.list-top.active,
.list-top:hover{background:rgba(199,108,151,.1);}
.list-top:focus-within,
.list-top:focus-within .pulldown-wrap:before,
.list-top .pulldown-btn{background:rgba(199,108,151,1);}
.list-top ul::-webkit-scrollbar-thumb{background:rgba(199,108,151,1);}
.list-top .pulldown-head{
background-size:220px;
background-position:100px 0;
background-color:rgba(199,108,151,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_top.png);
}
.list-answer.active,
.list-answer:hover{background:rgba(99,135,193,.1);}
.list-answer:focus-within,
.list-answer:focus-within .pulldown-wrap:before,
.list-answer .pulldown-btn{background:rgba(99,135,193,1);}
.list-answer .myBoxMore a:hover{background:rgba(99,135,193,1);border-color:rgba(99,135,193,1);}
.list-answer ul::-webkit-scrollbar-thumb{background:rgba(99,135,193,1);}
.list-answer .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(99,135,193,1);
background:rgba(99,135,193,1);
}
.list-answer .pulldown-head{
background-size:160px;
background-color:rgba(99,135,193,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_answer.png);
}
.list-entertainment.active,
.list-entertainment:hover{background:rgba(221,134,111,.1);}
.list-entertainment:focus-within,
.list-entertainment:focus-within .pulldown-wrap:before,
.list-entertainment .pulldown-btn{background:rgba(221,134,111,1);}
.list-entertainment .myBoxMore a:hover{background:rgba(221,134,111,1);border-color:rgba(221,134,111,1);}
.list-entertainment ul::-webkit-scrollbar-thumb{background:rgba(221,134,111,1);}
.list-entertainment .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(221,134,111,1);
background:rgba(221,134,111,1);
}
.list-entertainment .pulldown-head{
background-color:rgba(221,134,111,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_entertainment.png);
}
.list-money.active,
.list-money:hover{background:rgba(119,89,61,.1);}
.list-money:focus-within,
.list-money:focus-within .pulldown-wrap:before,
.list-money .pulldown-btn{background:rgba(119,89,61,1);}
.list-money .myBoxMore a:hover{background:rgba(119,89,61,1);border-color:rgba(119,89,61,1);}
.list-money ul::-webkit-scrollbar-thumb{background:rgba(119,89,61,1);}
.list-money .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(119,89,61,1);
background:rgba(119,89,61,1);
}
.list-money .pulldown-head{
background-size:150px;
background-position:100px 10px;
background-color:rgba(119,89,61,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_money.png);
}
.list-girl.active,
.list-girl:hover{background:rgba(124,42,188,.1);}
.list-girl:focus-within,
.list-girl:focus-within .pulldown-wrap:before,
.list-girl .pulldown-btn{background:rgba(124,42,188,1);}
.list-girl .myBoxMore a:hover{background:rgba(124,42,188,1);border-color:rgba(124,42,188,1);}
.list-girl ul::-webkit-scrollbar-thumb{background:rgba(124,42,188,1);}
.list-girl .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(124,42,188,1);
background:rgba(124,42,188,1);
}
.list-girl .pulldown-head{
background-color:rgba(124,42,188,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_girl.png);
}
.list-norimono.active,
.list-norimono:hover{background:rgba(227,218,0,.1);}
.list-norimono:focus-within,
.list-norimono:focus-within .pulldown-wrap:before,
.list-norimono .pulldown-btn{background:rgba(227,218,0,1);}
.list-norimono .myBoxMore a:hover{background:rgba(227,218,0,1);border-color:rgba(227,218,0,1);}
.list-norimono ul::-webkit-scrollbar-thumb{background:rgba(227,218,0,1);}
.list-norimono .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(227,218,0,1);
background:rgba(227,218,0,1);
}
.list-norimono .pulldown-head{
background-size:120px;
background-color:rgba(227,218,0,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_norimono.png);
}
.list-sports.active,
.list-sports:hover{background:rgba(3,110,184,.1);}
.list-sports:focus-within,
.list-sports:focus-within .pulldown-wrap:before,
.list-sports .pulldown-btn{background:rgba(3,110,184,1);}
.list-sports .myBoxMore a:hover{background:rgba(3,110,184,1);border-color:rgba(3,110,184,1);}
.list-sports ul::-webkit-scrollbar-thumb{background:rgba(3,110,184,1);}
.list-sports .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(3,110,184,1);
background:rgba(3,110,184,1);
}
.list-sports .pulldown-head{
background-size:140px;
background-position:100px 10px;
background-color:rgba(3,110,184,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_sports.png);
}
.list-zoo.active,
.list-zoo:hover{background:rgba(105,185,0,.1);}
.list-zoo:focus-within,
.list-zoo:focus-within .pulldown-wrap:before,
.list-zoo .pulldown-btn{background:rgba(105,185,0,1);}
.list-zoo .myBoxMore a:hover{background:rgba(105,185,0,1);border-color:rgba(105,185,0,1);}
.list-zoo ul::-webkit-scrollbar-thumb{background:rgba(105,185,0,1);}
.list-zoo .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(105,185,0,1);
background:rgba(105,185,0,1);
}
.list-zoo .pulldown-head{
background-size:120px;
background-color:rgba(105,185,0,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_zoo.png);
}
.list-research:hover{background:rgba(97,88,86,.1);}
.list-research:focus-within,
.list-research:focus-within .pulldown-wrap:before,
.list-research .pulldown-btn{background:rgba(97,88,86,1);}
.list-research .myBoxMore a:hover{background:rgba(97,88,86,1);border-color:rgba(97,88,86,1);}
.list-research ul::-webkit-scrollbar-thumb{background:rgba(97,88,86,1);}
.list-research .myBoxCard2 .myBoxBtn a:hover{
border-color:rgba(97,88,86,1);
background:rgba(97,88,86,1);
}
.list-research .pulldown-head{
background-size:140px;
background-position:130px 10px;
background-color:rgba(97,88,86,.1);
background-image:url(//image.itmedia.co.jp/nl/images/g_nav_it_research.png);
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .list-name{pointer-events:auto;}
*::-ms-backdrop, .myBoxList{position:relative;}
}
@supports (-ms-ime-align:auto){
.myBoxList{position:relative;}
.list-name{pointer-events:auto;}
}
/*NEW STYLE*/
#globalFooter{
width:100%;
min-width:1084px;
}
#globalFooterLink{
padding:0 10px 10px;
}
#globalFooterCorp{
padding:20px;
background:#fff;
}
/*-----*/
.mainWrap{
}
.myBoxHead{
font-size:1.1rem;
margin-bottom:15px;
padding-bottom:0;
border:none;
font-weight:bold;
}
.myBoxBGLINK{position:relative;}
.myBoxBG{
padding-top:50%;
background:center/cover no-repeat #fff;
}
.myBoxBG:hover{filter:brightness(120%);}
.myBoxType{
display:none;
position:absolute;
top:0;
left:0;
background:#f6f6f6;
font-family:Segoe UI;
font-size:1rem;
font-weight:bold;
line-height:1;
text-align:center;
width:30px;
padding:5px;
color:#C76C97;
border-radius:0 0 5px 0;
}
.myBoxType[data-articletype="Special"]{display:block;}
.myBoxType[data-articletype="Special"]:before{content:"PR";}
.myBoxMETA{
display:flex;
width:100%;
margin-bottom:10px;
font-size:.8rem;
}
.myBoxMETA .my_tw_count{
text-align:right;
color:#29A5E2;
font-weight:bold;
font-family:Segoe UI,Gill Sans;
text-decoration:none;
}
.myBoxMETA .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;
}
.myBoxDate{
color:#33bad2;
font-family:Segoe UI,Gill Sans;
font-weight:bold;
flex:1;
}
.myBoxDate:before{
content:"";
display:inline-block;
width:13px;
height:13px;
background:url(//image.itmedia.co.jp/nl/images/mybox_time_green.png) no-repeat 0 0 / contain;
margin-right:5px;
}
.myBoxFamily{
color:#999;
font-weight:bold;
}
.myBoxAuthor{
color:#999;
text-align:right;
font-weight:bold;
flex:1;
}
.myBoxAuthor:before{
content:"";
display:inline-block;
width:12px;
height:12px;
background:url(//image.itmedia.co.jp/nl/images/mybox_pen.png) no-repeat 0 center / contain;
margin-right:5px;
}
.myBoxAuthor:empty{
display:none;
}
.myBoxIndex{
position:relative;
box-sizing:border-box;
}
.myBoxTitle{
margin:0 0 10px;
}
.myBoxAbs{
margin:0 0 10px;
font-size:.8rem;
color:#666;
}
.myBoxAD{
text-align:center;
margin-bottom:30px;
}
.myBoxHead{
font-weight:bold;
font-size:1.2rem;
}
.myBoxMore{
text-align:center;
font-size:.9rem;
background:#FFF;
}
.myBoxMore a{
display:block;
border:1px solid #DDD;
padding:10px;
color:#333;
font-weight:bold;
text-decoration:none;
transition-property:background,border,color;
transition-duration:.1s;
transition-timing-function:linear;
}
.myBoxMore a:hover{
border-color:#C76C97;
background:#C76C97;
color:#FFF;
}
.myBoxTopStories{
z-index:1;
min-width:1084px;
margin-bottom:0;
}
.myBoxTopStories .myBoxOuter{
display:flex;
width:100%;
}
.myBoxTopStories .myBoxInner{
box-sizing:border-box;
overflow:hidden;
}
.myBoxTopStories .myBoxInnerL{width:50%;border-right:1px solid #FFF;}
.myBoxTopStories .myBoxInnerR{width:50%;display:flex;flex-wrap:wrap;}
.myBoxTopStories .myBoxInnerR .myBoxIndex{width:50%;}
.myBoxTopStories .myBoxInnerR .myBoxIndex:first-of-type{border-bottom:1px solid #FFF;border-right:1px solid #FFF;}
.myBoxTopStories .myBoxInnerR .myBoxIndex:nth-of-type(2){border-bottom:1px solid #FFF;}
.myBoxTopStories .myBoxInnerR .myBoxIndex:nth-of-type(3){border-right:1px solid #FFF;}
.myBoxTopStories .myBoxIndex{margin-bottom:0;}
.myBoxTopStories .myBoxInnerL .myBoxBG{padding-top:calc(61% + 2px);}
.myBoxTopStories .myBoxInnerR .myBoxBG{padding-top:61%;}
.myBoxTopStories .myBoxMASK{
pointer-events:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
transition:background .1s linear;
background-image:linear-gradient(rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%);
}
.myBoxTopStories .myBoxIndex:hover .myBoxMASK{
background:rgba(0,0,0,.4);
background-image:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
}
.myBoxTopStories .myBoxTEXTLINKinner{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:0 25px 10px;
box-sizing:border-box;
}
.myBoxTopStories .myBoxInnerL .myBoxTEXTLINKinner{
padding:0 30px 25px;
}
.myBoxTopStories .myBoxMETA{
font-size:13px;
margin-bottom:5px;
}
.myBoxTopStories .myBoxTitle{
margin:0;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
color:#FFF;
}
.myBoxTopStories .myBoxAbs{color:#CCC;}
.myBoxTopStories .myBoxDate{display:none;}
.myBoxTopStories .myBoxInnerL .myBoxTitle{font-size:22px;line-height:40px;}
.myBoxTopStories .myBoxInnerR .myBoxTitle{font-size:14px;line-height:28px;}
@media only screen and (min-width:1500px){
.myBoxTopStories .myBoxInnerL .myBoxTitle{font-size:28px;line-height:46px;}
.myBoxTopStories .myBoxInnerR .myBoxTitle{font-size:18px;line-height:32px;}
}
@media only screen and (min-width:1800px){
.myBoxTopStories .myBoxInnerL .myBoxTitle{font-size:32px;line-height:50px;}
.myBoxTopStories .myBoxInnerR .myBoxTitle{font-size:20px;line-height:34px;}
}
.myBoxTopStories .myBoxMETA .my_tw_count{
color:#FFF;
}
/*-----*/
.mainBox{
padding:50px 100px 0;
display:flex;
flex-wrap:wrap;
min-width:1084px;
max-width:1500px;
margin:0 auto;
box-sizing:border-box;
}
.mainBoxL{
flex:1;
overflow:hidden;
}
.mainBoxR{
width:336px;
padding-left:30px;
}
.stickyBox{
position:sticky;
top:0;
margin-bottom:30px;
}
.myBoxCard2{
margin:0;
}
.myBoxCard .myBoxInner,
.myBoxCard2 .myBoxInner{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.myBoxCard .myBoxIndex{
width:calc(50% - 15px);
background:#FFF;
margin-bottom:30px;
}
.myBoxCard2 .myBoxIndex{
width:calc(33% - 20px);
background:#FFF;
margin-bottom:30px;
}
@media only screen and (min-width:1400px){
.myBoxCard .myBoxIndex{
width:calc(33% - 20px);
}
}
.mainBoxR .myBoxCard .myBoxIndex{
width:100%;
}
.myBoxCard .myBoxBG{
padding-top:66.315%;
background:center/cover no-repeat;
}
.myBoxCard .myBoxTitle{
font-size:1rem;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
display:-webkit-box;
}
.myBoxCard2 .myBoxTitle{
font-size:.9rem;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
display:-webkit-box;
}
@media only screen and (min-width:1200px){.myBoxCard .myBoxTitle{font-size:1.1rem;}}
@media only screen and (min-width:1400px){.myBoxCard .myBoxTitle{font-size:1rem;}}
@media only screen and (min-width:1500px){.myBoxCard .myBoxTitle{font-size:1.1rem;}}
.myBoxCard .myBoxTitle a{}
.mainBoxR .myBoxCard .myBoxTitle{font-size:.9rem;}
.myBoxCard .myBoxTEXTLINKinner,
.myBoxCard2 .myBoxTEXTLINKinner{padding:20px;}
.myBoxCard .myBoxAbs,
.myBoxCard2 .myBoxAbs{
overflow:hidden;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
display:-webkit-box;
}
.myBoxCard .myBoxBtn,
.myBoxCard2 .myBoxBtn{
font-size:.8rem;
font-weight:bold;
text-align:center;
}
.myBoxCard .myBoxBtn a,
.myBoxCard2 .myBoxBtn a{
display:block;
border:1px solid #999;
padding:5px 10px;
color:#999;
text-decoration:none;
transition-property:background,border,color;
transition-duration:.1s;
transition-timing-function:linear;
}
.myBoxCard .myBoxBtn a:hover,
.myBoxCard2 .myBoxBtn a:hover{
border:1px solid #C76C97;
background:#C76C97;
color:#FFF;
}
/*-----*/
.myBoxHbar .myBoxOuter{
background:#fff;
margin-bottom:30px;
padding:20px;
}
.myBoxHbar .myBoxIndex{
display:flex;
margin-bottom:40px;
}
.myBoxHbar .myBoxIndex:last-child{
display:flex;
margin-bottom:0;
}
.myBoxHbar .myBoxBG{
width:200px;
padding-top:66.315%;
}
.myBoxHbar .myBoxTEXTLINKinner{
width:100%;
padding-left:20px;
}
.myBoxHbar .myBoxMETA{
display:block;
}
.myBoxHbar .myBoxAuthor{
text-align:left;
margin-left:10px;
}
.myBoxHbar .myBoxTitle{
font-size:1rem;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
display:-webkit-box;
}
.myBoxHbar .myBoxTitle a{}
.myBoxHbar .myBoxBtn{
font-size:.8rem;
font-weight:bold;
text-align:right;
}
.myBoxHbar .myBoxBtn a{
display:inline-block;
border:1px solid #999;
padding:5px 15px;
color:#999;
text-decoration:none;
transition-property:background,border,color;
transition-duration:.1s;
transition-timing-function:linear;
}
.myBoxHbar .myBoxBtn a:hover {
border: 1px solid #C76C97;
background: #C76C97;
color: #FFF;
}
@media only screen and (min-width:1200px){
.myBoxHbar .myBoxBG{width:250px;}
.myBoxHbar .myBoxTitle{font-size:1.1rem;}
}
.myBoxHbar .myBoxDate{
text-align:left;
}
/*-----*/
.lineBox{
background:#666;
padding:30px 0;
}
.lineBox.navy{background:rgb(73,106,147);}
.lineBox.pink{background:#C76C97;}
.lineBox.green{background:#2a5f40;}
.lineBox .myBoxOuter{
min-width:1084px;
max-width:1500px;
margin:0 auto;
padding:0 100px;
box-sizing:border-box;
}
.lineBox .myBoxHead{
font-family:Segoe UI,Gill Sans;
color:#FFF;
}
.lineBox .myBoxInner{
flex:1;
overflow:hidden;
position:relative;
}
.lineBox .myBoxIndex{margin-bottom:0;}
.lineBox .myBoxTitle{font-size:1rem;}
/*-----*/
#logly-lift-widget{
margin-bottom:30px !important;
}
.logly-lift-ad-title{
line-height:1.8 !important;
font-size:.9rem !important;
}
.logly-lift-ad{
margin-bottom:30px !important;
}
/*-----*/
.myBoxStandard{margin-bottom:30px;}
.myBoxStandard .myBoxOuter{
padding:15px;
background:#FFF;
}
#masterSub .myBoxStandard .myBoxOuter{padding:0;}
.myBoxStandard .myBoxHead{
margin-bottom:30px;
padding-left:30px;
background:url(//image.itmedia.co.jp/nl/images/head_info.png) no-repeat left center / 20px;
}
.myBoxStandard ul,
.myBoxStandard li{
margin:0;
padding:0;
}
.myBoxStandard ul{padding:0 0 0 22px;}
.myBoxStandard li{margin-bottom:10px;}
.myBoxStandard li:before{margin-bottom:0;}
/*-----*/
.myBoxFeedback .myBoxHead{background:url(//image.itmedia.co.jp/nl/images/head_info.png) no-repeat left center / 20px;}
.myBoxFeedback li{font-size:.9rem;font-weight:bold;}
.myBoxRanking .myBoxHead{background:url(//image.itmedia.co.jp/nl/images/head_rank.png) no-repeat left center / 20px;}
/*-----*/
.myBoxRanking .myBoxIndex{
display:flex;
margin-bottom:30px;
}
.myBoxRanking .myBoxR{
flex:1;
padding-left:15px;
}
.myBoxRanking .myBoxIcon{
float:none;
position:relative;
display:block;
}
.myBoxRanking .myBoxIcon:before{
content:"";
position:absolute;
top:0;
left:0;
width:0;
height:0;
border-style:solid;
border-width:50px 50px 0 0;
border-color:#fff transparent transparent transparent;
}
.myBoxRanking .myBoxIcon:after{
position:absolute;
top:0;
left:0;
font-family:Segoe UI,Gill Sans;
font-size:24px;
color:#999;
line-height:.6;
}
.myBoxRanking .myBoxIcon img{
width:100px;
height:75px;
}
.myBoxRanking .myBoxTitle{
font-size:.9rem;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.myBoxRanking .myBoxTitle a{

}
.myBoxRanking .myBoxIndex:nth-child(1) .myBoxIcon:after{content:"1";color:#E7D02A;font-weight:bold;}
.myBoxRanking .myBoxIndex:nth-child(2) .myBoxIcon:after{content:"2";color:#B0A996;font-weight:bold;}
.myBoxRanking .myBoxIndex:nth-child(3) .myBoxIcon:after{content:"3";color:#B78C3D;font-weight:bold;}
.myBoxRanking .myBoxIndex:nth-child(4) .myBoxIcon:after{content:"4";}
.myBoxRanking .myBoxIndex:nth-child(5) .myBoxIcon:after{content:"5";}
.myBoxRanking .myBoxIndex:nth-child(6) .myBoxIcon:after{content:"6";}
.myBoxRanking .myBoxIndex:nth-child(7) .myBoxIcon:after{content:"7";}
.myBoxRanking .myBoxIndex:nth-child(8) .myBoxIcon:after{content:"8";}
.myBoxRanking .myBoxIndex:nth-child(9) .myBoxIcon:after{content:"9";}
.myBoxRanking .myBoxIndex:nth-child(10) .myBoxIcon:after{content:"10";}
/**/
.myBoxOsusume .myBoxTitle{font-size:.9rem;}
/**/
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.bt1{border-top:1px dotted #DDD;}
/**/
.myBoxFeatures .swiper-button-prev,
.myBoxFeatures .swiper-button-next,
.myBoxManga .swiper-button-prev,
.myBoxManga .swiper-button-next,
.myBoxOsusume .swiper-button-prev,
.myBoxOsusume .swiper-button-next{
top:60px;
z-index:1;
}