@charset "shift_jis";
body{
--base-fs:16;--base-lh:1.7;--base-width:1020;--base-color:#0050A0;
font:calc(var(--base-fs) * 1px) -apple-system, Sans-Serif, HiraKakuProN-W3, Meiryo, 'ƒƒCƒŠƒI', ArialMT, Hiragino Kaku Gothic Pro, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Osaka, Verdana, '‚l‚r ‚oƒSƒVƒbƒN';
line-height:var(--base-lh);
margin:0;
padding:0;
color:#333;
-webkit-text-size-adjust:none;
}
#index_body{
line-height:1.5;
}
a:link{
color:var(--base-color);
text-decoration:none;
}
a:visited{
color:var(--base-color);
text-decoration:none;
}
a:hover{
color:var(--base-color);
text-decoration:underline;
}
h1,h2,h3{
overflow-wrap:break-word;
margin:0;
}
h4,h5,li,p{
overflow-wrap:break-word;
}
#PATHDEBUG{
display:none;
}
#masterNavigation{
display:block;
}
#masterHeader{
width:100%;
}
#globalHeaderTop{
padding:30px 0;
}
#globalLogo{
width:250px;
}
#SuperBanner{
display:flex;
justify-content:center;
width:100%;
}
#PC_SuperBanner {
min-height:250px;
}
#globalHeaderMiddle{
display:none;
}
#globalHeaderBottom{
}
.jsonld_breadcrumb {
width: calc(var(--base-width) * 1px);
margin: 0 auto;
font-size: 0.8rem;
color: #999;
}
#localPankuzu {
min-height:1.4rem;
white-space:nowrap;
}
#masterMain .jsonld_breadcrumb {
width:100%;
display:table;
margin:0 0 20px;
background:#f2f2f2;
}
.jsonld_breadcrumb ol {
margin:0;
padding:0;
list-style:none;
}
#localPankuzu ol {
display:flex;
}
#masterMain .jsonld_breadcrumb ol {
margin:2px 16px;
}
#masterMain .jsonld_breadcrumb ol:first-child {
margin-top:12px;
}
#masterMain .jsonld_breadcrumb ol:last-child {
margin-bottom:12px;
}
.jsonld_breadcrumb li {
display:inline-block;
}
.jsonld_breadcrumb li::after {
content:" > ";
color:#CCC;
padding:0 5px 0 3px;
text-decoration:none;
}
.jsonld_breadcrumb li:last-child::after {
content:"";
}
#localPankuzu li:last-child {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#masterMain .jsonld_breadcrumb li {
margin:0;
left:inherit;
}
#globalContents{
display:flex;
width:calc(var(--base-width) * 1px);
margin:0 auto;
padding:20px 0;
}
#masterMain{
flex:1;
}
#masterMainLeft{
float:left;
width:49%;
}
#masterMainRight{
float:right;
width:49%;
}
#masterSub{
width:300px;
margin-left:30px;
}
/*=====================================================================*/
/* GLOBAL FOOTER */
/*=====================================================================*/
#masterFooter{
width:100%;
padding:30px 0;
border-top:5px solid #CCC;
}
#globalFooter{
width:calc(var(--base-width) * 1px);
margin:0 auto;
}
#globalFooterCorp{
clear:both;
border-top:none;
padding:0;
}
#globalFooterCorpLogo{
position:static;
display:block;
height:auto;
margin:0 0 0.5em;
font-size:0.8rem;
color:#666;
padding:0;
line-height:inherit;
}
#globalFooterCorpLogo a{
position:static;
display:inline;
padding-right:10px;
width:auto;
height:auto;
background:none;
text-indent:0;
float:none;
}
#globalFooterCorpLogo img{
vertical-align:bottom;
}
#globalFooterCorpLink{
margin:0; 
font-size:0.8rem; 
line-height:inherit; 
color:#CCC;
clear:both;
}
/*=====================================================================*/
/* SITE FOOTER */
/*=====================================================================*/
#siteFooter{
background:var(--base-color);
font-size:0.8rem;
}
#siteFooter ul{
display:flex;
width:calc(var(--base-width) * 1px);
margin:0 auto;
padding:0;
list-style:none;
}
#siteFooter ul li{
}
#siteFooter ul li a{
display:block;
padding:8px 14px;
color:#FFF;
background:var(--base-color);
}
#siteFooter ul li a:hover{
filter:brightness(115%);
text-decoration:none;
}
/**/
.colBoxClear{
clear:both;
}
.h5px{height:10px;}
.h10px{height:10px;}
.h15px{height:15px;}
.h20px{height:20px;}
.colBox{
margin-bottom:20px;
}
.colBoxHead{
position:relative;
clear:both;
margin:0 0 21px;
padding:0;
border-bottom:3px solid var(--base-color);
}
.colBoxHead[data-pr]:before{
content:"-PR-";
position:absolute;
right:0;
bottom:0;
font-family:Arial;
font-size:0.7rem;
color:#999;
}
.colBoxHead > h2,
.colBoxHead > .colBoxHeadname,
.colBoxHead > div{
font-size:1.2rem;
line-height:1.7;
font-weight:bold;
margin:0;
}
.colBoxHead[data-pr] > h2,
.colBoxHead[data-pr] > .colBoxHeadname,
.colBoxHead[data-pr] > div{
padding-right:20px;
}

.colBoxHeadSubtxt{
position:absolute;
right:0;
bottom:0;
font-size:.7rem;
color:#999;
font-family:Arial;
}
.colBoxSubhead{
background:#EEE;
margin-bottom:10px;
padding:5px;
}
.colBoxSubhead h2,
.colBoxSubhead h4,
.colBoxSubhead div{
font-size:0.9rem;
font-weight:bold;
margin:0;
}
.colBoxIndex{
clear:both;
}
.colBoxIcon{
display:inline-block;
float:left;
margin:0 10px 5px 0;
}
.colBoxIcon img{
border:1px solid #CCC;
}
.colBoxSubTitle h5{
font-size:0.9rem;
font-weight:normal;
margin:0;
color:#666;
}
.colBoxTitle h3{
font-size:1.2rem;
font-weight:normal;
margin:0;
}
.colBoxNewtxt{
font-weight:bold;
color:#C00;
font-family:Arial;
}
.colBoxDescription p{
font-size:0.8rem;
margin:0;
color:#666;
display:inline;
}
.colBoxInfo{
display:inline;
text-align:right;
}
.colBoxDate{
font-size:0.75rem;
color:#666;
}
.colBoxUlist ul{
clear:both; 
font-size:inherit; 
line-height:inherit; 
margin:0; 
padding:0; 
list-style-type:circle; 
}
.colBoxUlist li{
margin:0 0 0.5em 1.5em; 
padding:0; 
background:none; 
font-size:0.9rem;
border-bottom:none; 
}
.colBoxOlist ol{
clear:both; 
font-size:inherit; 
line-height:inherit; 
margin:0; 
padding:0; 
}
.colBoxOlist li{
margin:0 0 0.5em 1.5em; 
padding:0; 
background:none; 
font-size:0.9rem;
border-bottom:none; 
}
.colBoxIndex .linkset{
clear:both;
margin:0;
padding:0;
}
.colBoxIndex .linkset li{
margin:0 0 0.3em 1.5em;
padding:0;
font-size:0.8rem;
}
.colBoxPageLink{
text-align:right;
font-size:0.8rem;
}
.colBoxPageLink a{
}
.colBoxArticletype{
display:inline-block;
width:7em;
margin-right:10px;
font-size:0.7rem;
text-align:center;
border:1px solid #DDD;
}
.colBoxArticlewriter{
font-size:0.8rem;
color:#666;
}
.colBoxUlistDate{
font-size:0.8rem;
color:#666;
}
.colBoxMembership{
border:3px solid var(--base-color);
padding:10px;
}
.colBoxMembership .colBoxButton{
display:block;
text-align:center;
background:var(--base-color);
margin-bottom:10px;
padding:12px 10px 10px;
color:#FFF;
text-decoration:none;
}
.colBoxMembership .colBoxButton:hover{filter:brightness(115%);}

.colBoxRanking .colBoxHead{
}
.colBoxRanking .colBoxOlist ol{
counter-reset:li;
list-style:none;
padding:0 0 0 1.2em;
}
.colBoxRanking .colBoxOlist ol li{
margin:0;
padding:0 0 0 5px;
}
.colBoxRanking .colBoxOlist ol .rank10{
border-bottom:none;
}
.colBoxRanking .colBoxOlist ol li a{
position:relative;
display:block;
padding:0 0 0 1.2em;
margin:.5em 0;
text-decoration:none;
transition:all .3s ease-out;
}
.colBoxRanking .colBoxOlist ol li a:hover:before{
transform:rotate(45deg);
}
.colBoxRanking .colBoxOlist ol li a:before{
content:counter(li);
counter-increment:li;
position:absolute;
left:-1.3em;
top:2px;
background:#FFF;
height:1.5em;
width:1.5em;
line-height:1.6em;
border:.1em solid #EEE;
text-align:center;
transition:all .3s ease-out;
font-family:Gurmukhi MN, Gill Sans, 'ƒƒCƒŠƒI', Meiryo;
text-shadow:0 1px 0 rgba(255,255,255,.5);
font-size:123.1%;
color:#666;
}
.colBoxRanking .colBoxOlist ol li:first-child a:before{
background:#FAF09A;
border-color:#CCB600;
}
.colBoxRanking .colBoxOlist ol li:nth-child(2) a:before{
background:#FAFAFA;
border-color:#C5C5C5;
}
.colBoxRanking .colBoxOlist ol li:nth-child(3) a:before{
background:#F8CD9F;
border-color:#EE810B;
}
#masterSub .colBoxTitle h3{font-size:0.9rem;}
/*SPECIAL*/
#specialTitleWrap{margin-bottom:1em;}
#specialTitle{border-top:3px solid var(--base-color);padding-top:5px;}
#specialTitle h1{margin:0;font-size:2rem;font-weight:normal;}
#specialDescription{margin:0 0 10px;}
#specialDescription h2{margin:0;font-size:0.9rem;font-weight:normal;color:#666;}
/**/
#specialHeader{margin:0 0 10px;}
#specialHeader h1{margin:0;font-size:12px;line-height:16px;text-indent:-9999px;}
#specialFooter{font-size:12px;line-height:16px;text-indent:-9999px;}
/**/
.colBoxSpecialImage .colBoxImage{text-align:center;}
/**/
#cmsBody .credit{clear:both;border:1px solid #CCC;margin:0 0 20px;padding:5px;font-size:12px;}
#cmsBody .credit br{display:inline;}
#cmsPrcredit{clear:both;border:3px solid #DDD;margin:0 0 20px;padding:10px;}
#cmsPrcredit .inner > br{display:none;}
#cmsPrcredit .inner .credit{margin:0;font-size:0.8rem;color:#666;}
/**/
.dir-special .colBoxSponsor .colBoxHead{margin:0 0 3px;}
.dir-special .colBoxSponsor ul{list-style:none;}
.dir-special .colBoxSponsor li{cursor:pointer;margin:0;padding:10px 5px 9px;border-bottom:1px solid #DDD;font-size:0.8rem;}
.dir-special .colBoxSponsor .colBoxActive{color:#FFF !important;background:var(--base-color) !important;}
.dir-special .colBoxSponsor .colBoxHover{background:#EEE;}
.dir-special .free0 .colBoxUlist li{display:inline;margin:0 10px 0 0;border:none;}
/*AD*/
#BEACON{display:none;}.colBoxITT{margin:0 0 5px;}.colBoxITT .colBoxTitle{background:url(https://image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 0 2px;margin:0;padding:0 0 0 24px;}.colBoxITT .colBoxTitle h3{font-size:12px;line-height:16px;font-weight:normal;}.colBoxITT .colBoxTitleSubtxt{display:none;}#PC_rcol-Rectangle{margin-bottom:20px;}#ISALR .colBoxIcon img{border:none;width:80px;height:auto;}
/*AD ITIR*/
#ITIR{margin:0 auto;width:640px;}#ITIR .colBoxDisplayAd,#ITIR iframe{margin-bottom:24px!important;}#ITIR .colBoxDisplayAd iframe{margin-bottom:0!important;}#cmsBody #ITIR img{border:none;}#ITIR .colBoxDisplayAd a{display:block;}.colBoxAdHead{position:relative;height:22px;}#masterMain .colBoxAd.colBox,.colBoxAd.colBox,.colBoxDisplayAd,.colBoxDisplayAd a{display:inline-block;}
/*ARTICLE*/
.tmplArticleIn{position:relative;}
#cmsDate{position:absolute;top:0;right:0;font-size:0.7rem;line-height:inherit;text-align:left;color:#999;}
#cmsDate.cmsDate--nomove{position:relative;}
#cmsDate.cmsDate--nomove .inner {
float:left;
padding:4px 15px 0 0;
text-align:left;
}
#cmsDate .arrow{display:none;}
#cmsDate #update{background:url(https://image.itmedia.co.jp/images/update.png) no-repeat left center / 11px;padding:1px 0 0 15px;}
#cmsType{
font-size:0.7rem;
line-height:inherit;
color:#999;
text-indent:-9999px;
}
#cmsTitle {
position:relative;
}

/* titleŒ๊‡“ˆ๊ ‰฿‹Ž‹LŽ–‘ฮ‰ž */
#cmsTitle h1{
margin:0 0 12px;
padding:32px 0 0;
height:auto;
font-size:2rem;
line-height:1.4;
font-weight:bold;
color:var(--base-color);
}
#cmsTitle h1 > i{
display:block;
font-size:1.1rem;
line-height:inherit;
font-weight:bold;
font-style: inherit;
color:#666;
position:absolute;
top:0;
}
#cmsTitle h1 > i:nth-child(1) {
display: none;
}
#cmsTitle h1 > span:not(.title__maintext) {
display:none;
}
#cmsTitle h1 small{
display:block;
font-size:1.1rem;
line-height:inherit;
font-weight:bold;
margin-bottom:10px;
color:#666;
position:absolute;
top:0;
}
#cmsTitle h1 small:empty{
display:none;
}
/* titleŒ๊‡“ˆ๊ ‰฿‹Ž‹LŽ–‘ฮ‰ž */

.title {
display: inline-flex;
flex-direction: column;
margin: 8px 0 12px !important;
padding: 0 !important;
font-size:2.4rem;
line-height:1.4;
font-weight:bold;
color:var(--base-color);
width: 100%;
}
.title__subtitle {
position: relative !important;
order: -1;
margin-bottom: 12px;
font-size:1.1rem;
line-height:1.2 !important;
font-weight:bold;
font-style: inherit;
color: #666;
}
.title__delimiter,
.title__pagenumber {
display: none !important;
}
#cmsTitle h1 big{
display:block;
font-size:2.4rem;
line-height:1.4;
font-weight:bold;
margin-bottom:10px;
color:var(--base-color);
}
#cmsAbstract h2,
#cmsAbstract p{
font-size:1rem;
line-height:inherit;
font-weight:normal;
margin:0 0 10px;
color:#666;
}
#cmsAbstract h2:empty,
#cmsAbstract p:empty{
display:none;
}
#cmsByline{
font-size:0.8rem;
text-align:right;
margin-bottom:20px;
}
#byline b{
font-weight:normal;
}
/**/
#cmsBody hr{clear:both;}
/**/
#cmsBody{line-height:calc(var(--base-lh) + 0.2);}
#cmsBody hr{clear:both;}
#cmsBody img[src*="_MASK.jpg"],
#cmsBody img[src*="_MASK.gif"],
#cmsBody img[src*="_MASK.png"],
#cmsBody img[src*="_MASK.JPG"],
#cmsBody img[src*="_MASK.GIF"],
#cmsBody img[src*="_MASK.PNG"] {
visibility:hidden;
}
#CmsMembersControl img[src*="_MASK.jpg"],
#CmsMembersControl img[src*="_MASK.gif"],
#CmsMembersControl img[src*="_MASK.png"],
#CmsMembersControl img[src*="_MASK.JPG"],
#CmsMembersControl img[src*="_MASK.GIF"],
#CmsMembersControl img[src*="_MASK.PNG"] {
visibility:visible;
}
/*
#cmsBodyMain a[href*="l_"][href$="jpg"],
#cmsBodyMain a[href*="l_"][href$="gif"],
#cmsBodyMain a[href*="l_"][href$="png"],
#cmsBodyMain a[href*="l_"][href$="JPG"],
#cmsBodyMain a[href*="l_"][href$="GIF"],
#cmsBodyMain a[href*="l_"][href$="PNG"]{
position:relative;
display:inline-block;
}
#cmsBodyMain a[href*="l_"][href$="jpg"]:hover,
#cmsBodyMain a[href*="l_"][href$="gif"]:hover,
#cmsBodyMain a[href*="l_"][href$="png"]:hover,
#cmsBodyMain a[href*="l_"][href$="JPG"]:hover,
#cmsBodyMain a[href*="l_"][href$="GIF"]:hover,
#cmsBodyMain a[href*="l_"][href$="PNG"]:hover{
filter:brightness(105%);
}
#cmsBodyMain a[href*="l_"][href$="jpg"]:before,
#cmsBodyMain a[href*="l_"][href$="gif"]:before,
#cmsBodyMain a[href*="l_"][href$="png"]:before,
#cmsBodyMain a[href*="l_"][href$="JPG"]:before,
#cmsBodyMain a[href*="l_"][href$="GIF"]:before,
#cmsBodyMain a[href*="l_"][href$="PNG"]:before{
content:"ƒNƒŠƒbƒN‚ลŠg‘ๅ";
font-size:13px;
position:absolute;
top:0;
right:0;
display:inline-block;
padding:3px 5px 2px;
background:rgba(255,255,255,0.8);
border:1px solid #EEE;
color:#333;
}
*/
#cmsBody a:link img{border:3px solid #069;}
#cmsBody a:hover img{border:3px solid #C00;filter:brightness(105%);}
/*
#cmsBody a:visited img{border:3px solid #800080;}
*/
#cmsBody a.imgLink img{border:none;}
/**/
#cmsBody p{
margin:0 0 20px;
font-size:1rem;
line-height:inherit;
word-wrap:break-word;
}
#cmsBody p small{
font-size:0.7rem;
line-height:inherit;
}
#cmsBodyMain > h3:not(.format--subheading),
#cmsBody .subscription > h3:not(.format--subheading),
#cmsBody .inner > h3:not(.format--subheading),
#CmsMembersControl > h3:not(.format--subheading),
.CmsMembersControlIn > h3:not(.format--subheading),
#cmsBodyMain > h2.format--crosshead,
#cmsBody .subscription > h2.format--crosshead,
#cmsBody .inner > h2.format--crosshead,
#CmsMembersControl > h2.format--crosshead,
.CmsMembersControlIn > h2.format--crosshead{
position:relative;
clear:both;
margin:0 0 23px;
padding:0;
font-size:1.4rem;
line-height:calc(var(--base-lh) - 0.2);;
font-weight:bold;
border-bottom:3px solid var(--base-color);
}
#cmsBody h3.format--subheading {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-size: 1rem;
font-weight: bold;
}
#cmsBody ul,
#cmsBody ol{
margin:0 0 20px 20px;
padding-left:0;
}
#cmsBody ul ul,
#cmsBody ul ol,
#cmsBody ol ul,
#cmsBody ol ol{
margin-bottom:0;
padding-top:6px;
}
#cmsBody li {
position:relative;
left:18px;
margin:0 18px 6px 0;
}
#backNumBox .backNumBoxRap .backNumBoxIn ul li {
left:inherit;
}
/**/
#cmsBody .cmsBodyPreBox{
clear:both;
margin:0 0 20px;
}
#cmsBody .cmsBodyPre{
width:100%;
overflow:scroll;
border:1px solid #CCC;
background:#EEE;
margin:0 0 20px;
}
#cmsBody .cmsBodyPreCaption{
width:100%;
font-size:0.8rem;
line-height:inherit;
margin:0;
}
#cmsBody .cmsBodyPre pre{
font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•";
margin:0;
padding:10px;
font-size:0.8rem;
color:#063;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist{
font-size:1rem;
line-height:inherit;
margin:0 0 20px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a{
background:url(https://image.itmedia.co.jp/images/ulli_bell0.gif) no-repeat left center;
padding:0 0 0 22px;
}
#cmsBody .cmsImgLinkBtn{
position:relative;
width:580px;
margin:25px auto;
padding:0;
background:#FFF;
background:-webkit-linear-gradient(#FFF 0%,#EFEFEF 50%,#FFF);
background:linear-gradient(#FFF 0%,#EFEFEF 50%,#FFF);
border:3px solid var(--base-color);
border-radius:2px;
text-align:center;
}
#cmsBody .cmsImgLinkBtn a{
display:block;
margin:0;
padding:15px;
font-size:1.5rem;
font-weight:bold;
}
#cmsBody .cmsImgLinkBtn a:hover{
opacity:0.7;
}
#cmsBody .cmsImgLinkBtn a::after{
content: ">>";
margin:0 0 0 10px;
color:var(--base-color);
}
#cmsBody #cmsMark:empty{
display:none;
}
#cmsBody #cmsMark img{
margin:0.5em 0 0.5em 1em;
border:none;
}
#cmsCopyright{
margin-bottom:20px;
color:#666;
}
#cmsCopyright p{
margin:0;
font-size:0.8rem;
line-height:inherit; 
text-align:right;
}
#cmsBody .credit{
clear:both;
border:1px solid #CCC;
margin:0 0 20px;
padding:5px;
font-size:12px;
}
#cmsBody .credit br{
display:inline;
}
#cmsPrcredit{
clear:both;
border:3px solid #DDD;
margin:0 0 20px;
padding:10px;
}
#cmsPrcredit .inner > br{
display:none;
}
#cmsPrcredit .inner .credit{
margin:0;
font-size:0.8rem;
color:#666;
}
#cmsBody .cmsToc{
position:relative;
margin-bottom:20px;
border:1px solid #666;
padding:33px 25px;
}
#cmsBody .cmsTocHeading{
position:absolute;
top:-11px;
left:20px;
font-size:19.2px;
line-height:1;
color:#333;
padding:0 16px;
font-weight:bold;
background:#fff;
}
#cmsBody .cmsToc ul{
margin:0;
padding:0 0 0 10px;
}
#cmsBody .cmsToc li{
margin:0 0 10px;
padding:0;
font-size:15px;
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;
}
/*subtop*/
#subtopTitleWrap{
margin-bottom:20px;
}
#subtopTitle h1 {
margin:0 0 10px;
font-size:2rem;
line-height:1.4em;
}
#subtopDescription {
margin:0 0 10px;
}
#subtopDescription h2 {
margin:0;
font-size:0.9rem;
font-weight:normal;
color:#666;
}
/*------------------------------------*/
.colBoxFlex{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
width:100%;
}
.colBoxInbox .colBoxIndex{
margin-bottom:20px;
}
.colBoxInbox .colBoxIndex:nth-child(3){
margin-bottom:0;
}
.colBoxInbox .colBoxIcon{
display:inline-block;
margin:0;
float:none;
}
.colBoxInbox .colBoxIcon:hover{
filter:brightness(110%);
}
.colBoxInbox .colBoxIcon img{
box-sizing:border-box;
border:1px solid #CCC;
}
.colBoxInbox .colBoxTitle{
font-size:1rem;
margin:0;
}
.colBoxInbox .colBoxInfo{
font-size:0.7rem;
color:#999;
text-align:right;
display:block;
}
.colBoxInbox .colBoxTop{}
.colBoxInbox .colBoxTop .colBoxIcon{
margin-bottom:10px;
}
.colBoxInbox .colBoxBtm{width:inherit;}
.colBoxInbox .colBoxBtm .colBoxTitle{
}
.colBoxInbox .colBoxLeft{}
.colBoxInbox .colBoxRight{
flex:1;
padding-left:10px;
}
/*------------------------------------*/
#colBoxTopstories .colBoxInner > .colBoxInbox:first-child{
width:240px;
}
#colBoxTopstories .colBoxInner > .colBoxInbox:last-child{
flex:1;
padding-left:20px;
}
#colBoxTopstories .colBoxInner > .colBoxInbox:last-child .colBoxIndex:nth-child(n + 4){
display:none;
}
/*------------------------------------*/
#colBoxNewarticle .colBoxInner{
justify-content:space-between;
}
#colBoxNewarticle .colBoxInner{
margin-bottom:20px;
}
#colBoxNewarticle .colBoxInner:last-child{
margin-bottom:0;
}
#colBoxNewarticle .colBoxInner > .colBoxInbox{
width:calc((100% - 40px) / 3);
}
#colBoxNewarticle .colBoxIcon img{
width:100%;
}
#colBoxNewarticle .colBoxTitle,
#colBoxIchioshi .colBoxTitle,
#colBoxFeaturesTop .colBoxTitle{
font-size:0.9rem;
}
/*------------------------------------*/
#colBoxCase .colBoxInner{
justify-content:space-between;
}
#colBoxCase .colBoxInner{
margin-bottom:20px;
}
#colBoxCase .colBoxInner:last-child{
margin-bottom:0;
}
#colBoxCase .colBoxInner > .colBoxInbox{
width:calc((100% - 60px) / 4);
}
#colBoxCase .colBoxIcon img{
width:100%;
}
#colBoxCase .colBoxTitle{
font-size:0.9rem;
}
/*------------------------------------*/
#colBoxFeatures{
margin-bottom:0;
}
#colBoxFeatures .colBoxInner{
justify-content:space-between;
}
#colBoxFeatures .colBoxInner > .colBoxInbox{
width:calc((100% - 20px) / 2);
margin-bottom:20px;
}
#colBoxFeatures .colBoxIcon img{
width:120px;
}
#colBoxFeatures .colBoxTitle{
font-size:0.9rem;
}
/*------------------------------------*/
.heading04 {
    margin: 0 0 10px;
    padding: 10px 20px;
    border-radius: 3px 3px 0 0;
    background: #242d3c;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.list-category {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
}
.list-category__box {
    position: relative;
    width: 241px;
    margin: 20px 16px 0 0;
    padding-bottom:23px;
    border: 1px solid #d3d5d8;
    border-radius: 3px;
    letter-spacing: 0;
    text-align: right;
}
.list-category__heading {
    display: flex;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}
.list-category__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #025bab;
}
.list-category__icon img {
    max-width: 40px;
    max-height: 40px;
}
.list-category__heading span {
    display: flex;
    align-items: center;
    width: 158px;
    padding: 0 10px 0 15px;
    border-bottom: 1px solid #edeeef;
}
.list-category ul {
    min-height: 101px;
    margin: 10px 20px;
    padding: 0;
    list-style: none;
}
.list-category__box {
    letter-spacing: 0;
    text-align: right;
}
.list-category__list {
    position: relative;
    padding-left: 15px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list-category__list::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #242d3c;
    content: "";
}
.list-category__list {
    text-align: left;
    white-space: nowrap;
}
.list-category a {
    text-decoration: none;
}
.list-category a:hover {
text-decoration: underline;
}
.list-category__more {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right:10px;
    padding: 8px 0;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
}
.list-category__box:nth-child(4n) {
    margin-right: 0;
}
#colBoxProductCategories {
font-size:14px;
width: calc(var(--base-width) * 1px);
margin: 0 auto;
padding: 20px 0;
}

#cx_article_recommend {
margin-bottom:16px;
}
.colBoxh {
width: calc(var(--base-width) * 1px);
margin: 0 auto;
}
.colBoxh h2 {
font-size:12.8px;
color: #666;
font-weight:normal;
}
.colBoxHeadname h2,.colBoxHeadname h3 {
font-size:19.2px;
}
/*------------------------------------*/
#subtopHeader {
margin:0 0 10px;
}
#subtopHeader h1,
#subtopFooter {
margin:0;
font-size:12px;
line-height:16px;
text-indent:-9999px;
}
/*------------------------------------*/
.colBoxMiddleImage .colBoxImage,
.colBoxFeaturesImage .colBoxImage {
text-align:center;
}
/*------------------------------------*/
#colBoxIchioshi .colBoxIndex,
#colBoxFeaturesTop .colBoxIndex {
margin-bottom:20px;
}
#colBoxIchioshi  .colBoxIndex .colBoxTitle h3,
#colBoxFeaturesTop .colBoxIndex .colBoxTitle h3 {
font-weight:bold;
}
/*------------------------------------*/
#seriesHeader #seriesIcon {
float:right;
margin:20px 0 10px 10px;
width:120px;
height:120px;
border:1px solid #DDD;
overflow:hidden;
}
#seriesHeader #seriesIconInner {
width:120px;
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(https://image.itmedia.co.jp/spv/images/series_head_noimg.png);
}
#seriesHeader #subtopDescription h2 {
font-size:0.9rem;
}
#seriesBody .colBoxIndex-0 {
clear:both;
}
#seriesBody .colBoxIcon img {
border:1px solid #CCC;
width:120px;
height:auto;
}
#seriesBody .colBoxInfo {
display:block;
font-size:0.75rem;
text-align:right;
color:#999;
}
#seriesBody .colBoxButton {
text-align:center;
}
#seriesBody .colBoxButton a {
padding:10px;
display:inline-block;
font-size:1.1rem;
background:var(--base-color);
color:#FFF;
}
/*----*/
.colBoxCalendar .colBoxOuter{
padding-top:10px;
}
.colBoxCalendar .colBoxInner{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
widtn:100%;
}
.colBoxCalendar .colBoxInner::before {
content: "";
display: block;
width: calc(25% - 5px);
order: 1;
}
.colBoxCalendar .colBoxInner::after {
content: "";
display: block;
width: calc(25% - 5px);
}
.colBoxCalendar .colBoxInner .colBoxClear {
display: none;
}
.colBoxCalendar .colBoxIndex{
width:calc(25% - 5px);
border:1px solid #CCC;
box-sizing:border-box;
margin-bottom:20px;
}
.colBoxCalendar .colBoxSubhead{
margin:-0.7em 0 0 8px;
padding:0 5px;
display:inline-block;
background:#FFF;
}
.colBoxCalendar .colBoxSubhead h3,
.colBoxCalendar .colBoxSubhead h4{
font-size:0.9rem;
font-weight:normal;
margin:0;
padding-left:21px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEoSURBVDhPpZMtbsNAEIX9UxBQEBhY6BuksDfoEWJq2BNYOUGhZdZjBG5ZYWiYwwIKCgJC7PZ707G1UpCTkcbv7fzt7Ow6bZqmTO6QtG3bX+c3SeZ4s1gHyBu6N0OaFuhqGIYuy7In2UZOzI/HLMXBd+tAyVVVBSnGNabak+uY43uVOl+C10fA8Q10vlsXc/AkFaerM5g86ENSwVE2SsZxANWJkoP7jYMHrZELXIWmAiugpHoHV5Ku9ugoGbkVRF6Ik+2/gA9pq1ZxaLcjtoBNbvmNK05r+CdgQ7cC0ZDGtktP1hDlNw5OHaBbkashzpXZR+j7fpfn+YLYR7CefQTeyocW/EP2yMyjnYEAfoG6quADU7GY2+BiGZ/ynt3tmc6QBfp85++cJH+Zb7vsa87vhwAAAABJRU5ErkJggg==) no-repeat left 3px;
}
.colBoxCalendar .colBoxUlist{
padding:10px;
}
.colBoxCalendar .colBoxUlist ul{
display:flex;
flex-wrap:wrap;
list-style:none;
margin:0;
}
.colBoxCalendar .colBoxUlist li{
width:25%;
margin:0;
text-align:center;
font-size:0.9rem;
}
.colBoxButtons ul{
display:flex;
flex-wrap:wrap;
margin:0;
list-style:none;
}
.colBoxButtons ul li{
margin:0;
width:15%;
padding:4px 5px 3px;
border:1px solid #FFF;
box-sizing:border-box;
font-size:0.8rem;
cursor:pointer;
background:#EEE;
text-align:center;
}
.colBoxButtons ul li:hover{
background:#FFF;
}
.colBoxButtons ul .active,
.colBoxButtons ul .active:hover{
background:var(--base-color);
color:#FFF;
}
.colBoxBacknumber ul{
list-style:none;
}
.colBoxBacknumber .colBoxUlist li{
margin-left:0;
}
/*/subtop*/
#cmsBody .endlink{clear:both;}
#cmsBody .endlink h4,#cmsBody .endlink h3.format--subheading{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:1.3rem;line-height:inherit;font-weight:normal;border-bottom:3px solid var(--base-color);}

#cmsBody .endlink #art{margin:0 0 20px;padding:0;list-style:none;}
#cmsBody .endlink li{display:block;font-size:0.85rem;color:#666;margin:0 0 10px;clear:both;left:inherit;}
#cmsBody .endlink li a{font-size:1rem;}
#cmsBody .endlink li a img{margin:0 10px 5px 0;border:1px solid #DDD;box-sizing:border-box;}
#cmsBody .endlink #lnk{padding:0;}
#cmsBody .endlink #lnk li{}
/*
#cmsBody .endlink #lnk li{position:relative;padding:0 0 0 20px;}
#cmsBody .endlink #lnk li:before{content:"";width:6px;height:6px;background:#666;border-radius:6px;position:absolute;top:50%;left:0;margin-top:-3px;}
*/
#cmsBody .endlink #lnk li a{font-size:0.9rem;}
/**/
#cmsBody div[id^="col"]{margin-bottom: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 #noalign #cap-l{text-align:left;}
#cmsBody #noalign #cap-r{text-align:right;display:block;}
#cmsBody #noalign #cap-c{text-align:center;display:block;}
/**/
#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:0.8rem;line-height:1.5;margin-bottom:3px;text-align:left;}
#cmsBody .cmsTable tbody,#cmsBody #tbl-spec tbody{box-shadow:0 0 1px rgba(0,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,0.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:0.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,0.1);}
#cmsBody .cmsTable tfoot td,#cmsBody #tbl-spec tfoot td{font-size:0.8rem;line-height:1.5;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:25%;}.cmsFontsize-2{font-size:50%;}.cmsFontsize-1{font-size:75%;}.cmsFontsize1{font-size:125%;}.cmsFontsize2{font-size:150%;}.cmsFontsize3{font-size:175%;}
/**/
#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:not(.format--subheading),#cmsBody .cmsBoxL h3:not(.format--subheading),#cmsBody .cmsBoxR h3:not(.format--subheading),#cmsBody .cmsBox h2.format--crosshead,#cmsBody .cmsBoxL h2.format--crosshead,#cmsBody .cmsBoxR h2.format--crosshead{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,#cmsBody .cmsBox h3.format--subheading,#cmsBody .cmsBoxL h3.format--subheading,#cmsBody .cmsBoxR h3.format--subheading{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:0.9rem;line-height:inherit;font-weight:normal;border-bottom:1px solid #CCC;}
#cmsBody .cmsBox p,#cmsBody .cmsBoxL p,#cmsBody .cmsBoxR p{font-size:0.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:0.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:not(.format--subheading),#cmsBody .cmsBodyBoxInner h2.format--crosshead{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 .cmsBodyBoxInner h4,#cmsBody .cmsBodyBoxInner h3.format--subheading{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:0.9rem;line-height:inherit;font-weight:normal;border-bottom:1px solid #CCC;}
#cmsBody .cmsBodyBoxInner p{font-size:0.8rem;margin:0 0 1em;}
#cmsBody .cmsBodyBoxInner p:last-of-type{margin:0;}
#cmsBody .cmsBodyBoxCaption{padding:5px 0;font-size:0.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:not(.format--subheading),#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h2.format--crosshead{border-color:#BE2B2B;}
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h3:not(.format--subheading),#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h2.format--crosshead{border-color:#649526;}
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h3:not(.format--subheading),#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h2.format--crosshead{border-color:#267095;}
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h3:not(.format--subheading),#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h2.format--crosshead{border-color:#DA6B2E;}
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h4,#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h3.format--subheading{border-color:#BE2B2B;}
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h4,#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h3.format--subheading{border-color:#649526;}
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h4,#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h3.format--subheading{border-color:#267095;}
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h4,#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h3.format--subheading{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:not(.format--subheading),#cmsBody .box h2.format--crosshead{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 .box#red h3:not(.format--subheading),#cmsBody .box#red h2.format--crosshead{border-color:#BE2B2B;}
#cmsBody .box#green h3:not(.format--subheading),#cmsBody .box#green h2.format--crosshead{border-color:#649526;}
#cmsBody .box#blue h3:not(.format--subheading),#cmsBody .box#blue h2.format--crosshead{border-color:#267095;}
#cmsBody .box#orange h3:not(.format--subheading),#cmsBody .box#orange h2.format--crosshead{border-color:#DA6B2E;}
#cmsBody .box h4,#cmsBody .box h3.format--subheading{clear:both;margin:0 0 1em;padding:0 0 5px;font-size:0.9rem;line-height:inherit;font-weight:normal;border-bottom:1px solid #CCC;}
#cmsBody .box#red h4,#cmsBody .box#red h3.format--subheading{border-color:#BE2B2B;}
#cmsBody .box#green h4,#cmsBody .box#green h3.format--subheading{border-color:#649526;}
#cmsBody .box#blue h4,#cmsBody .box#blue h3.format--subheading{border-color:#267095;}
#cmsBody .box#orange h4,#cmsBody .box#orange h3.format--subheading{border-color:#DA6B2E;}
#cmsBody .box p{font-size:0.8rem;margin:0 0 1em;}
#cmsBody .box p:last-of-type{margin:0;}
#cmsBody .box li{font-size:0.8rem;}
/**/
.cmsBodyRank{font-size:1rem;margin:0 0 20px;}
.cmsBodyRankTitle{display:table;border-collapse:collapse;width:100%;margin:0 0 5px;}
#cmsBody .cmsBodyRankTitle h3:not(.format--subheading),#cmsBody .cmsBodyRankTitle h2.format--crosshead{display:table-cell;margin:0;padding:0;border:none;color:#34495e;font-size:1.17em;}
.cmsBodyRankTitle span{display:table-cell;font-size:0.8rem;line-height:1.5;text-align:right;color:#666;}
.cmsBodyRankHead{display:table-header-group;}
.cmsBodyRankHead .cmsBodyRankRow{font-weight:bold;text-align:center;color:#FFF;background:#1abc9c;}
.cmsBodyRankBody{display:table-row-group;}
.cmsBodyRankBody .cmsBodyRankRow:hover{background:#ecf0f1;}
.cmsBodyRankInner{display:table;width:100%;border-collapse:collapse;}
.cmsBodyRankCaption{display:table-caption;caption-side:bottom;background:#ecf0f1;padding:10px 5px;font-size:0.8rem;line-height:1.5;}
.cmsBodyRankRow{display:table-row;}
.cmsBodyRankCell{display:table-cell;padding:10px;word-break:break-all;}
.cmsBodyRank-1 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1{background:#1abc9c;word-break:keep-all;}
.cmsBodyRank-1 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2{background:#f39c12;}
.cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1{text-align:center;}
.cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1{font-size:20px;color:#f1c40f;font-weight:bold;}
.cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1{font-size:20px;color:#7f8c8d;font-weight:bold;}
.cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1{font-size:20px;color:#e67e22;font-weight:bold;}
.cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1{background:#1abc9c;}
.cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2{background:#f1c40f;}
.cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-3{background:#f39c12;}
.cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1{text-align:center;}
.cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-2{text-align:center;color:#666;}
.cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1{font-size:20px;color:#f1c40f;font-weight:bold;}
.cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1{font-size:20px;color:#7f8c8d;font-weight:bold;}
.cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1{font-size:20px;color:#e67e22;font-weight:bold;}
.cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1{background:#1abc9c;}
.cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2{background:#16a085;}
.cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-3{background:#f1c40f;}
.cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-4{background:#f39c12;}
.cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1{text-align:center;}
.cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-2{text-align:center;color:#666;}
.cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1{font-size:20px;color:#f1c40f;font-weight:bold;}
.cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1{font-size:20px;color:#7f8c8d;font-weight:bold;}
.cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1{font-size:20px;color:#e67e22;font-weight:bold;}
/**/
#cmsBody blockquote{background:#EEE;padding:10px;}
#cmsBody blockquote p{background:url(https://image.itmedia.co.jp/images/cms_blockquote.gif) no-repeat 0px 0px;margin:0px;padding:8px 0px 0px 40px;}
/**/
#cmsBody .trBoxC .trBoxWidth {margin:auto;}
#cmsBody .trBoxL .trBoxWidth {float:left;}
#cmsBody .trBoxR .trBoxWidth {float:right;}
#cmsBody .trBoxC h2.format--crosshead,
#cmsBody .trBoxL h2.format--crosshead,
#cmsBody .trBoxR h2.format--crosshead {font-size:1.17rem;}
#cmsBody .balBox1 p:last-of-type{margin:0;}
.balBox1{position:relative;margin:0 0 20px;}
.balBox2{position:relative;box-sizing:border-box;padding:10px;background:rgba(218,235,254,1);border-radius:10px;}
.balBox2:before{content:'';display:block;position:absolute;height:0;width:0;border:solid transparent;}
.balAlignCC .balBox1{padding-bottom:10px;}
.balAlignCC .balBox2:before{border-width:10px;border-top-color:rgba(218,235,254,1);bottom:-20px;left:50%;margin-left:-10px;}
.balAlignL .balBox1{padding-left:10px;}
.balAlignL .balBox2:before{border-width:10px;border-right-color:rgba(218,235,254,1);top:23px;left:-20px;margin-top:-10px;}
.balAlignR .balBox1{padding-right:10px;}
.balAlignR .balBox2:before{border-width:10px;border-left-color:rgba(218,235,254,1);top:23px;right:-20px;margin-top:-10px;}
.balAlignCL .balBox1{padding-bottom:10px;}
.balAlignCL .balBox2:before{border-width:10px;border-top-color:rgba(218,235,254,1);bottom:-20px;left:30px;margin-left:-10px;}
.balAlignCR .balBox1{padding-bottom:10px;}
.balAlignCR .balBox2:before{border-width:10px;border-top-color:rgba(218,235,254,1);bottom:-20px;right:30px;margin-right:-10px;}
/**/
.cmsBodyBaloon{background:#E4E4E4;border-radius:6px;margin:0px 15px 15px 15px;position:relative;}
.cmsBodyBaloonInner{padding:15px;position:relative;z-index:1;}
#cmsBody .cmsBodyBaloon p:last-of-type{margin-bottom:0;}
.cmsBodyBaloon::after,.cmsBodyBaloon::before{content:'';position:absolute;width:0;height:0;border:10px solid transparent;}
.cmsBodyBaloon::after{z-index:2;}
.cmsBodyBaloon::before{display:none;z-index:0;}
.cmsBodyBaloonB::after,.cmsBodyBaloonB::before{border-top-color:#E4E4E4;left:50%;margin-left:-10px;}
.cmsBodyBaloonBL::after,.cmsBodyBaloonBL::before{border-top-color:#E4E4E4;left:30px;}
.cmsBodyBaloonBR::after,.cmsBodyBaloonBR::before{border-top-color:#E4E4E4;right:30px;}
.cmsBodyBaloonB::after,.cmsBodyBaloonBL::after,.cmsBodyBaloonBR::after{bottom:-19px;}
.cmsBodyBaloonB::before,.cmsBodyBaloonBL::before,.cmsBodyBaloonBR::before{bottom:-20px;}
.cmsBodyBaloonL::after,.cmsBodyBaloonL::before{border-right-color:#E4E4E4;margin-bottom:-10px;bottom:50%;}
.cmsBodyBaloonL::after{left:-19px;}
.cmsBodyBaloonL::before{left:-20px;}
.cmsBodyBaloonR::after,.cmsBodyBaloonR::before{border-left-color:#E4E4E4;margin-bottom:-10px;bottom:50%;}
.cmsBodyBaloonR::after{right:-19px;}
.cmsBodyBaloonR::before{right:-20px;}
.cmsBodyBaloonU::after,.cmsBodyBaloonU::before{border-bottom-color:#E4E4E4;left:50%;margin-left:-10px;}
.cmsBodyBaloonUR::after,.cmsBodyBaloonUR::before{border-bottom-color:#E4E4E4;right:30px;}
.cmsBodyBaloonUL::after,.cmsBodyBaloonUL::before{border-bottom-color:#E4E4E4;left:30px;}
.cmsBodyBaloonU::after,.cmsBodyBaloonUR::after,.cmsBodyBaloonUL::after{top:-19px;}
.cmsBodyBaloonU::before,.cmsBodyBaloonUR::before,.cmsBodyBaloonUL::before{top:-20px;}
.cmsBodyBaloonBN::after,.cmsBodyBaloonBN::before{display:none !important;}
.cmsBodyBaloonCol-gray{background:#E4E4E4;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonB::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBR::after{border-top-color:#E4E4E4;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonL::after{border-right-color:#E4E4E4;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonR::after{border-left-color:#E4E4E4;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonU::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonUR::after{border-bottom-color:#E4E4E4;}
.cmsBodyBaloonCol-red{background:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonB::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBR::after{border-top-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonL::after{border-right-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonR::after{border-left-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonU::after,.cmsBodyBaloonCol-red.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-red.cmsBodyBaloonUR::after{border-bottom-color:#F6A4A4;}
.cmsBodyBaloonCol-blue{background:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonB::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBR::after{border-top-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonL::after{border-right-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonR::after{border-left-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonU::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonUR::after{border-bottom-color:#A3CBE4;}
.cmsBodyBaloonCol-green{background:#C2E4A3;}
.cmsBodyBaloonCol-green.cmsBodyBaloonB::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBR::after{border-top-color:#C2E4A3;}
.cmsBodyBaloonCol-green.cmsBodyBaloonL::after{border-right-color:#C2E4A3;}
.cmsBodyBaloonCol-green.cmsBodyBaloonR::after{border-left-color:#C2E4A3;}
.cmsBodyBaloonCol-green.cmsBodyBaloonU::after,.cmsBodyBaloonCol-green.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-green.cmsBodyBaloonUR::after{border-bottom-color:#C2E4A3;}
.cmsBodyBaloonCol-bottlegreen{background:#82B2B2;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonB::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBR::after{border-top-color:#82B2B2;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonL::after{border-right-color:#82B2B2;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonR::after{border-left-color:#82B2B2;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonU::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonUR::after{border-bottom-color:#82B2B2;}
.cmsBodyBaloonCol-orange{background:#FAC577;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonB::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBR::after{border-top-color:#FAC577;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonL::after{border-right-color:#FAC577;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonR::after{border-left-color:#FAC577;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonU::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonUR::after{border-bottom-color:#FAC577;}
.cmsBodyBaloonCol-yellow{background:#EAF067;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonB::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBR::after,
.cmsBodyBaloonCol-yellow.cmsBodyBaloonL::after{border-right-color:#EAF067;}.cmsBodyBaloonCol-yellow.cmsBodyBaloonR::after{border-left-color:#EAF067;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonU::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonUR::after{border-bottom-color:#EAF067;}
.cmsBodyBaloonCol-purple{background:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonB::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBR::after{border-top-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonL::after{border-right-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonR::after{border-left-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonU::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonUR::after{border-bottom-color:#D995FA;}
.cmsBodyBaloonCol-white{background:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonB::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBR::after{border-top-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonL::after{border-right-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonR::after{border-left-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonU::after,.cmsBodyBaloonCol-white.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-white.cmsBodyBaloonUR::after{border-bottom-color:#FFF;}
/**/
.cmsBodyBaloonBorder{background:#F0F0F0;border:1px solid #AAA;}
.cmsBodyBaloonBorder::before{display:block;}
.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#F0F0F0;}
.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#F0F0F0;}
.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#F0F0F0;}
.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#F0F0F0;}
.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#AAA;}
.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#AAA;}
.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#AAA;}
.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#AAA;}
/**/
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder{background:#F0F0F0;border:1px solid #AAA;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#F0F0F0;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#F0F0F0;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#F0F0F0;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#F0F0F0;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#AAA;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#AAA;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#AAA;}
.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#AAA;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder{background:#FFDFDF;border:1px solid #F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#FFDFDF;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#FFDFDF;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#FFDFDF;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#FFDFDF;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#F6A4A4;}
.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#F6A4A4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder{background:#D3E9F6;border:1px solid #A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#D3E9F6;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#D3E9F6;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#D3E9F6;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#D3E9F6;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#A3CBE4;}
.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#A3CBE4;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder{background:#E5F8D4;border:1px solid #99CA6C;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#E5F8D4;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#E5F8D4;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#E5F8D4;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#E5F8D4;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#99CA6C;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#99CA6C;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#99CA6C;}
.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#99CA6C;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder{background:#B0D3D3;border:1px solid #5C9999;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#B0D3D3;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#B0D3D3;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#B0D3D3;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#B0D3D3;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#5C9999;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#5C9999;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#5C9999;}
.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#5C9999;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder{background:#FFF;border:1px solid #444;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#FFF;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#444;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#444;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#444;}
.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#444;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder{background:#FFE1B5;border:1px solid #F1AF4C;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#FFE1B5;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#FFE1B5;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#FFE1B5;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#FFE1B5;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#F1AF4C;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#F1AF4C;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#F1AF4C;}
.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#F1AF4C;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder{background:#F1F5A0;border:1px solid #D2DA37;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#F1F5A0;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#F1F5A0;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#F1F5A0;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#F1F5A0;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#D2DA37;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#D2DA37;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#D2DA37;}
.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#D2DA37;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder{background:#F0D0FF;border:1px solid #D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonB::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBL::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBR::after{border-top-color:#F0D0FF;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonL::after{border-right-color:#F0D0FF;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonR::after{border-left-color:#F0D0FF;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonU::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUL::after,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUR::after{border-bottom-color:#F0D0FF;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonB::before,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBL::before,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBR::before{border-top-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonL::before{border-right-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonR::before{border-left-color:#D995FA;}
.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonU::before,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUL::before,.cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUR::before{border-bottom-color:#D995FA;}
/**/
#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:#999;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:#999;}
#cmsBody .ctrl #next a:before{left:100px;border-left-color:#999;}
#cmsBody .ctrl #numb{font-family:Arial;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 #999;}
#cmsBody .ctrl #numb a{background:#999;text-decoration:none;}
#cmsBody .ctrl #numb strong{color:#999;}
#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:var(--base-color);}
#cmsBody #notice a:before{content:'';position:absolute;top:0;left:80px;width:0;height:0;border:17px solid transparent;border-left-color:var(--base-color);}
#cmsBody #notice a:after{content:'ŽŸƒy[ƒW';position:absolute;top:0;left:0;width:80px;height:34px;background:var(--base-color);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%);}
/**/
.cmsClick2visible{opacity:0;}
/**/
#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:0.9rem;color:#369;background:#CDE0F0;padding:5px;}
#amazon-item td{width:33%;font-size:0.8rem;line-height:1.5;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(https://image.itmedia.co.jp/images0509/amazon_bt_buy.gif) no-repeat 0 0;text-indent:-9999px;}
/**/
.cmsAmazonBox{display:flex;margin-bottom:20px;}
.cmsAmazonImg a{
border:1px solid #CCC;
display: flex;
justify-content: center;
align-items: center;
width: 172px;
height: 172px;
}
.cmsAmazonImg a:hover{filter:brightness(110%);}
.cmsAmazonImg a img{
object-fit:contain;
width:calc(100% - 15px);
height:calc(100% - 15px);
vertical-align:middle;
border:none !important;
}
/* IE11 fallback */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .cmsAmazonImg a{
  border:1px solid #CCC;
  display: inline-block;
  width: 172px;
  height: 172px;
  position: relative;
  overflow: hidden;
  }
  .cmsAmazonImg a img{
  width:auto;
  height:auto;
  max-width: calc( 100% - 15px );
  max-height: calc( 100% - 15px );
  vertical-align:middle;
  border:none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  }
}
.cmsAmazonBox_2{flex:1;padding-left:10px;}
.cmsAmazonTitle{
font-size:1rem;
font-weight:bold;
word-break:break-word;
}
.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(https://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%);}
#cmsBody .cmsAmazonLink,
#cmsBody .cmsRakutenLink,
#cmsBody .cmsButtonLink{
font-size:1rem;
font-weight:bold;
text-align:center;
margin-bottom:20px;
}
#cmsBody .cmsAmazonLink a,
#cmsBody .cmsRakutenLink a,
#cmsBody .cmsButtonLink a{
display:block;
border-radius:3px;
padding:7px 10px 5px;
}
#cmsBody .cmsAmazonLink a,
#cmsBody .cmsButtonLink a{
background:#F5C747;
border-bottom:solid 2px #E0AC22;
line-height: 1.9;
}
.cmsAmazonLink a:before{
content:'';
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
margin-right:5px;
background:url(https://image.itmedia.co.jp/spv/images/cms_amazon_btn.png) no-repeat center center / contain;
}
#cmsBody .cmsRakutenLink a{
background:#BF0000;
border-bottom:solid 2px #930000;
}
#cmsBody .cmsAmazonLink a:link,
#cmsBody .cmsAmazonLink a:visited,
#cmsBody .cmsAmazonLink a:hover,
#cmsBody .cmsButtonLink a:link,
#cmsBody .cmsButtonLink a:visited,
#cmsBody .cmsButtonLink a:hover {color:#000;text-decoration:none;}
#cmsBody .cmsRakutenLink a:link,
#cmsBody .cmsRakutenLink a:visited,
#cmsBody .cmsRakutenLink a:hover{color:#fff;text-decoration:none;}
#cmsBody .cmsAmazonLink a:hover,
#cmsBody .cmsButtonLink 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;
}
/**/
#cmsBody .endkwd,#cmsBody .endwpp{clear:both;}
#cmsBody .endkwd .box h4,#cmsBody .endwpp .box h4,#cmsBody .endkwd .box h3.format--subheading,#cmsBody .endwpp .box h3.format--subheading{font-weight:normal;color:#FFF;border-bottom:none;margin:0;}
#cmsBody .endkwd .box h4 a,#cmsBody .endwpp .box h4 a,#cmsBody .endkwd .box h3.format--subheading a,#cmsBody .endwpp .box h3.format--subheading a{background:url(https://image.itmedia.co.jp/images/ulli_key0.gif) no-repeat 0 0;padding-left:18px;text-decoration:none;}
#cmsBody .endkwd .box h4 a:hover,#cmsBody .endwpp .box h4 a:hover,#cmsBody .endkwd .box h3.format--subheading a:hover,#cmsBody .endwpp .box h3.format--subheading a:hover{color:#C00;text-decoration:underline;}
/**/
#endlinkConnectionAlertBtn{clear:both;margin:0 0 20px;}
#endlinkConnectionAlertBtn form{margin:0;padding:0;}
#endlinkConnectionAlertBtn form button{display:block;width:400px;height:28px;float:left;margin:0;padding:0 0 0 14px;font-size:14px;line-height:18px;text-align:left;color:#037;border:none;background:url(https://image.itmedia.co.jp/images/ulli_bell0.gif) no-repeat left center transparent;font-family:Meiryo, 'ƒƒCƒŠƒI', '‚l‚r ‚oƒSƒVƒbƒN', Osaka, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3';text-decoration:underline;cursor:pointer;}
#endlinkConnectionAlertBtn .endlinkConnectionAlertBtnNew{font-size:14px;line-height:18px;color:#C00;font-weight:bold;}
/**/
#CmsMembersControl{clear:both;position:relative;z-index:2;}
#CmsMembersControl .CmsMembersControlJsOff{position:absolute;top:10px;left:0;text-align:center;width:100%;background:#FFF;}
#CmsMembersControl .CmsMembersControlJsOffIn{color:#C00;font-weight:bold;border:3px solid #CCC;padding:10px;}
.colBoxMembersControl .colBoxInner{text-align:center;}
.colBox.colBoxMembersControl{margin:100px 0 350px 0;}
#cmsBody .colBoxMembersControl .colBoxDescription{margin-bottom:1em;}
#cmsBody .colBoxMembersControl .colBoxDescription p{font-size:1.1rem;line-height:1.5;}
.colBoxMembersControl .colBoxButton a{display:inline-block;background:var(--base-color);color:#FFF;font-size:1.2rem;line-height:1.5;padding:10px 50px;text-decoration:none;}
.colBoxMembersControl .colBoxButton a:hover{filter:brightness(115%);}
/*ƒOƒ‰ƒf[ƒVƒ‡ƒ“ƒ}ƒXƒN*/
.colBoxMembersControlGradation {
  position: relative;
  margin-top: 50px !important;
}
.colBoxMembersControlGradation:before {
  content: "";
  position: absolute;
  top: -160px;
  left: 0;
  display: block;
  width: 100%;
  height: 160px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 10%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
}
/*ƒOƒ‰ƒf[ƒVƒ‡ƒ“ƒ}ƒXƒN*/
/**/
.lgMembersControlDescription{text-align:center;}
/**/
.ricoh-theta-spherical-image,.cmsVideo,.cmsEmbeddedTweets,.cmsEmbeddedFBposts,.cmsEmbeddedImgur,.cmsEmbeddedTikTok,.cmsEmbeddedThreads{margin:0 auto 20px;}
.cmsEmbeddedImgur{width:540px;}.cmsEmbeddedTikTok,.cmsEmbeddedThreads{width:340px;}
.cmsVideoCaption,.cmsEmbeddedInstagramCaption,.cmsEmbeddedTweetsCaption,.cmsEmbeddedFBpostsCaption,.cmsEmbeddedImgurCaption,.cmsEmbeddedTikTokCaption,.cmsEmbeddedThreadsCaption{padding:5px 0;font-size:0.8rem;line-height:1.5;}
/* thumbnails */
.cmsThumb{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 0 20px;
}
.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;
}
#cmsBody .cmsThumbItem:hover img{
filter:brightness(110%);
}
@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%);
}
}
/* Measures for tie-up wraparound */
#cmsSubPR .colBoxIcon.nowrap{
margin-right:0;
float:none;
}
/* KN Megamenu */
.gnavSoln {
width: 860px;
margin: 0 auto;
background: white;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
z-index: 10;
display: none;
box-shadow: 0px 4px 10px -4px rgb(10 10 10 / 40%), 0px 0px 0px 1px rgb(10 10 10 / 2%);
}
.gnavSoln.is-open {
display: block;
}
.gnavSoln * {
margin: 0;
padding: 0;
color: white;
}
.gnavSolnTabs {
display: flex;
list-style: none;
justify-content: space-between;
padding: 0;
}
.gnavSolnTabs li {
width: 100%;
}
.gnavSolnTabs li button {
display: block;
width: 100%;
background: #e6e6e6;
appearance: none;
border: none;
line-height: 60px;
outline: none;
cursor: pointer;
color: #333;
font-size: 15px;
letter-spacing: -0.05em;
transition: background-color 0.5s ease; 
}
.gnavSolnTabs li button:hover {
background: white;
font-weight: bold;
transition: background-color 0s ease; 
}
.gnavSolnTabs li button.is-active {
background: white;
font-weight: bold;
}
.gnavSolnContainer {
overflow: hidden;
position: relative;
}
.gnavSolnContainerMenu {
min-height: 300px;
}
.gnavSolnContainerMenu.is-deactive {
display: none;
}
.gnavSolnContainerMenu.is-active {
display: block;
}
.gnavSolnContainerMenuList {
display: flex;
flex-wrap: wrap;
padding: 16px 24px 7px;
}
.gnavSolnContainerMenuListItem {
width: 260px;
list-style: none;
margin: 0 24px 18px 0;
}
.gnavSolnContainerMenuListItem:nth-child(even) {
margin-right: 0;
}
.gnavSolnContainerMenuListItem a {
display: block;
width: 100%;
transition: opacity 0.35s ease;
}
.gnavSolnContainerMenuListItem a:hover{
opacity: 0.5;
transition: opacity 0s ease;
}
.gnavSolnContainerMenuListItem figure {
position: relative;
width: 260px; 
height: 80px;
margin-bottom: 10px;
}
.gnavSolnContainerMenuListItem figure img {
width: 100%; 
height: 100%;
background: #bfbfbf;
display: block;
}
.gnavSolnContainerMenuListItem figcaption {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.gnavSolnContainerMenuListItemList {
display: flex;
flex-wrap: wrap;
}
.gnavSolnContainerMenuListItemListItem {
list-style: none;
}
.gnavSolnContainerMenuListItemListItem a {
color: #0050a0;
margin: 0 18px 2px 0;
font-size: 15px;
}
.gnavSolnContainerRecommend {
position: absolute;
top: 16px;
right: 27px;
}
.gnavCategory {
width: 924px;
margin: 0 auto;
background: #0050A0;
position: absolute;
left: -40px;
right: 0;
margin: 0 auto;
z-index: 10;
display: none;
box-shadow: 0px 4px 10px -4px rgb(10 10 10 / 40%), 0px 0px 0px 1px rgb(10 10 10 / 2%);
}
.gnavCategory.is-open {
display: block;
}
.gnavCategory * {
margin: 0;
padding: 0;
color: white;
}
.gnavCategoryTabs {
display: flex;
list-style: none;
justify-content: space-between;
padding: 0;
}
.gnavCategoryTabs li {
width: 100%;
}
.gnavCategoryTabs li button {
display: block;
width: 100%;
background: #6998C7;
appearance: none;
border: none;
line-height: 41px;
outline: none;
cursor: pointer;
color: white;
font-size: 16px;
letter-spacing: -0.05em;
transition: background-color 0.5s ease; 
}
.gnavCategoryTabs li button:hover {
background: #0050A0;
font-weight: bold;
transition: background-color 0s ease; 
}
.gnavCategoryTabs li button.is-active {
background: #0050A0;
font-weight: bold;
}
.gnavCategoryContainer {
overflow: hidden;
position: relative;
}
.gnavCategoryContainerMenu {
min-height: 300px;
}
.gnavCategoryContainerMenu.is-deactive {
display: none;
}
.gnavCategoryContainerMenu.is-active {
display: block;
}
.gnavCategoryContainerMenuList {
display: flex;
flex-wrap: wrap;
padding: 16px 18px 16px;
}
.gnavCategoryContainerMenuListItem {
width: 140px;
height: 80px;
list-style: none;
padding: 4px;
position: relative;
}
.gnavCategoryContainerMenuListItem:nth-child(even) {
margin-right: 0;
}
.gnavCategoryContainerMenuListItem a {
width: 100%;
height: 100%;
background-color: white;
transition: opacity 0.35s ease;
display: flex;
justify-content: center;
}
.gnavCategoryContainerMenuListItem a:hover{
opacity: 0.8;
transition: opacity 0s ease;
}
.gnavCategoryContainerMenuListItem figure {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-top: 5px;
}
.gnavCategoryContainerMenuListItem figure img {
display: block;
padding: 12px 0 6px 0;
}
.gnavCategoryContainerMenuListItem figcaption {
position: absolute;
top: 52px;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
left: 0;
font-size: 14px;
line-height: 12.5px;
text-align: center;
color: #0050A0;
width: 130px;
margin: 0 auto;
height: 2em;
}
.gnavCategoryContainerMenuListItem:nth-child(2) figcaption {
font-size: 10px;
height: 3em;
}

.gnavCategoryContainerMenuListItem:nth-child(5) figcaption, .gnavCategoryContainerMenuListItem:nth-child(6) figcaption {
font-size: 11px;
height: 3em;
}
.gnavCategoryContainerMenuListItemList {
display: flex;
flex-wrap: wrap;
}
.gnavCategoryContainerMenuListItemListItem {
list-style: none;
}
.gnavCategoryContainerMenuListItemListItem a {
color: #0050a0;
margin: 0 18px 2px 0;
font-size: 15px;
}
.gnavCategoryContainerRecommend {
position: absolute;
top: 16px;
right: 27px;
}
#g_nav .g_local_btn .g_lnav_o > a[href="#"] div:before {
content: "ฅ";
display: inline-block;
transform: scale(0.5);
margin: 0 2px 0 -3px;
}
/* Lead-in */
.subscription {
display:none;
}
/* ’†ƒJƒe */
#categoryBody .colBoxIndexList .colBoxIndex {
display:flex;
margin:0 0 20px;
padding:0;
}
#categoryBody .colBoxIndexList .colBoxIndex .colBoxLeft {
width:136px;
}
#categoryBody .colBoxIndexList .colBoxIndex .colBoxRight{
flex:1;
vertical-align:middle;
}
#categoryBody .colBoxIndexList .colBoxIcon a {
display:block;
width:120px;
height:90px;
}
#categoryBody .colBoxIndexList .colBoxIcon a img {
width:100%;
}
#categoryBody .colBoxTitle h2 {
margin:0;
font-weight:normal;
font-size:1.2rem;
}
/* ’†ƒJƒe •าW—ฬˆๆ */
#categoryHeader .colBoxEditarea .colBoxIcon {
margin:0 15px 5px 0;
}
#categoryHeader .colBoxEditarea .colBoxIcon a {
display:block;
width:120px;
height:90px;
}
#categoryHeader .colBoxEditarea .colBoxIcon a img {
width:100%;
}
.colBoxEditarea .cmsTable,#cmsBody #tbl-spec{border-collapse:collapse;margin:0 0 20px;}
.colBoxEditarea .cmsTableL{float:left;}
.colBoxEditarea .cmsTableC{margin:0 auto 20px;}
.colBoxEditarea .cmsTableR{float:right;}
.colBoxEditarea .cmsTable25{width:25%;}
.colBoxEditarea .cmsTable50{width:50%;}
.colBoxEditarea .cmsTable75{width:75%;}
.colBoxEditarea .cmsTable100{width:100%;}
.colBoxEditarea .cmsTable caption,#cmsBody #tbl-spec caption{font-size:0.8rem;line-height:1.5;margin-bottom:3px;text-align:left;}
.colBoxEditarea .cmsTable tbody,#cmsBody #tbl-spec tbody{box-shadow:0 0 1px rgba(0,0,0,0.2) inset;}
.colBoxEditarea .cmsTable tbody tr,#cmsBody #tbl-spec tbody tr{background:#FFF;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;}
.colBoxEditarea .cmsTable tbody tr:nth-child(even),#cmsBody #tbl-spec tbody tr:nth-child(even){background:#F5F5F5;}
.colBoxEditarea .cmsTable th,#cmsBody .cmsTable td,#cmsBody #tbl-spec th,#cmsBody #tbl-spec td{font-size:0.9rem;padding:5px;text-align:left;}
.colBoxEditarea .cmsTable thead th,#cmsBody #tbl-spec thead th{background:rgba(56,89,146,1);color:#FFF;font-size:1rem;}
.colBoxEditarea .cmsTable thead th:first-child,#cmsBody #tbl-spec thead th:first-child{border-radius:2px 0 0 0;}
.colBoxEditarea .cmsTable thead th:last-child,#cmsBody #tbl-spec thead th:last-child{border-radius:0 2px 0 0;}
.colBoxEditarea .cmsTable tbody th,#cmsBody #tbl-spec tbody th{background:rgba(56,89,146,0.1);}
.colBoxEditarea .cmsTable tfoot td,#cmsBody #tbl-spec tfoot td{font-size:0.8rem;line-height:1.5;padding:5px 0;}
/* ƒJƒeƒSƒŠˆ๊—— */
.colBoxCategories {
margin-bottom:30px;
}
.colBoxCategories .colBoxUlist li {
display:inline-block;
margin:4px 12px 4px 0;
padding:0;
background:none;
border:none;
}
.colBoxCategories .colBoxUlist li a {
display:block;
padding:4px 8px;
background:#f7f7f7;
border-radius:3px;
border:1px #eee solid;
color:#555;
font-size:12px;
}
.colBoxCategories .colBoxUlist li a:hover {
text-decoration:none;
background:#f0f0f0;
}
/* cmsSeriesList
------------------------------*/
#cmsSeriesList a:link,
#cmsSeriesList a:visited {
text-decoration:none !important;
}
#cmsSeriesList a:hover {
text-decoration:underline !important;
}
#cmsSeriesList #seriesIndexBox0,
#cmsSeriesList #seriesIndexBox2 {
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
transition-property:opacity;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
#cmsSeriesList div[id^="col"] {
margin:0;
}
#cmsSeriesList .colBoxHead {
border-bottom:3px solid #FBB03B;
background:#FFF;
}
#cmsSeriesList .colBoxHead .seriesBoxIcon {
display:block;
border:1px solid #CCC;
padding:1px;
width:80px;
height:60px;
float:left;
margin:0 10px 3px 0;
}
#cmsSeriesList .colBoxHead .seriesBoxIcon a {
display:block;
width:80px;
height:60px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
border:none;
float:none;
margin:0;
}
#cmsSeriesList .colBoxHead .seriesBoxTitle {
font-weight:bold;
font-size:16px;
line-height:24px;
margin:0;
padding:0;
border:none;
display:inline-block;
}
#cmsSeriesList #seriesBoxRegistbutton {
font-size:12px;
line-height:18px;
padding:2px 5px;
background:rgba(251,176,59,0.2);
border:1px solid rgba(251,176,59,1);
cursor:pointer;
vertical-align:text-bottom;
display:inline-block;
margin-left:10px;
}
#cmsSeriesList #seriesBoxRegistbutton:hover {
background:rgba(251,176,59,1);
}
#cmsSeriesList #seriesBoxLength {
display:inline-block;
font-weight:bold;
font-size:16px;
line-height:24px;
margin-left:10px;
}
#cmsSeriesList .colBoxHead .seriesBoxDescription {
font-size:12px;
line-height:20px;
margin:0;
padding:0;
border:none;
font-weight:normal;
}
#cmsSeriesList .colBoxIndex {
margin:0;
padding:5px;
}
#cmsSeriesList .colBoxIcon {
display:block;
border:1px solid #CCC;
padding:1px;
width:60px;
height:45px;
float:left;
margin:4px 10px 3px 0;
}
#cmsSeriesList .colBoxIcon a {
display:block;
width:60px;
height:45px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
border:none;
float:none;
margin:0;
}
#cmsSeriesList .colBoxIcon.noImg a {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAoYSURBVHhe7d09iC1nGQfw7JIiRYqUKSLcIoWFRQqLCBESSJEiRYqIBm6RIoVCCoUIKSIGUlhEuIVIhFtESHEVAwlYKETILe0UFCwsbC1SCFoIhj3+n7PvXm7u3VzO7p6PmXl+PxjOzOyeOfPxvv8zZz7eeQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPhyR6vV6troB5qpAFiNfqCZ4/EKNCQAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQ2NEqRv8kZHb+eHR09MoYhMVI2b6Vsv30GJyEKQbA7ePj4+fGICzGycnJpwmAZ8fgJPgJAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBMCGr1erRk5OT74xB2DkBMBGp/A+n++jo6OhWQuD7YzTslACYiFT+91P5n6/+vN5ICLy8/gPskACYgFT2d1Ppr4/BM7cSCi+NftgJAXBgtbufyv/GGLwj4+onwQfpnhmjYOsEwAGN3fx3T4fulxB4NAHwu3RPjVGzt6RlWQIBcCDjm/2D+qY/HXO+u0Lgq2PUbCXwXsvLn2qv53QMhyYADqAqc1XqVO5HxqgHyv89nv//JN3jY9TsZN7reMZ71Z/lqYOcTndOgADYs6rE6T6tb/YxaiP5/yfqfXMMgczzM+nu3dv5YPwE4oAEwB6lEtTufFX+S1XivK/2HD6q6YxRk5d5rXn+zb2BN8Lg/fzNQc4DEgB7koL+SLra7b/Sb/m8/+maTk1vjJqszGPt7dQynxt4FQr19+wJPD1GsWcCYA9SyNen9FLgt/JtV9Op6dV0x6jJybytK3fm9doYda4KgbzUXs3sD3LOkQDYgxTuutBnq793a3qZ7vtjcFIyX2eXNW90yi//tz4ukj2BJ8Yo9kQA7FgK9Rsp4Ds57ZXpXs/0b4zByUhlrr2d9WXNm6oQyMusz3TMkQDYoVTO6ynYX3qhzzZUuORz3hqDB5d5qb2dS53iy/vWp0fTzeYg59wJgB1JIa5vwL3soqfivJOKd/CLa2oeMi/3XdZ8EXn/U9sMgUynDr4+lXl7Od2L6b6e4cfGn8nKmJRsoE/HrM1WFqMK3L9Pl2h/qpCPWdi7+uwxG1uR6dWBwUsd5Mz7Hs/7b6b7+3pi98j4/6X7JN1rGdzb2ZR8Xl3HMSn2ALYsG/nJrNc6+n2I3diD3EGYz6yzG7dOh7Yj6++lTLeWZ+MQyP8+lvX/Tl7/kfe/lu7J8acvyPiH0z2f7mb+9y95T9urEgXAFqUw1QGs36ZgHeRAVhXszMNe7yDMZ51d1rz1U5KZZu1VbHQMZczH3/Ket9Jt/K2e/30yXTXCUmEw2dOquyIAtiSFp8571xVvBz2fnc8/u3lo53fdpdKsL0+uzxyjti7TroOcPxmD58o8VOW/9BWWJe+tnwO13lqFgADYgio06bZ2oc9VVYUchXlnYZRp14G0T65S6TaVz3gzIXDuQc5axnRXqvxnMo3nM60Hhs3SCIAtSKF5L4VnUq33VIXIfO3kvHqmWQFTP3X2treTz7qRz3x1DN6RcbXut7aMmdYbmeazY3DxBMAVpbC8nUJT97lPTuZr63cQZlq1t1PtF+59byefW0f275zpyPCzmY+tV9ZMd6fXbkyJALiCFMaq+D8+HZqmVJDaRd7aHYSZzo1M8yCnG/O59fu8zgyswyevO1n3+Zy6VuBCVzLOlQC4pBSQOw1cTF0K9FbuIMz738y0Xh+DB1EhUMuS8H09/TvbVc9nfHv0LpoAuIQUjvMauJi0zOuV7iDM++r39yQOkGVZHk33szG4Ky+O10UTABeUilC71Pc1cDEHmedL3UGYb9sX8r6bY7CFrKs6iLr4U4IC4AJSIKpQHOxCn23IvF/oDsL8bzXWUYHX6vz4sPjbkwXAhlLxzxq4OPfy0jnJMmx0B2GWt07z1X39s9vbYTMCYAOpCBdq4GIOsiwPvIMwy1t7O7XMs93b2YJ/jdfFEgAbSEW4cAMXc5BlOvcZhFne2tupyt+2ma4s/2dZfgHQXSrIpRu4mIkv3EGY/trbqd/83Rvq/MN4XTQB8AC1i5yKcKUGLqYuy7e+jyHd2cU1NzPuhfUfG8s6+PXoXTQB8CXGrnGLS0JT2NcHOLPMt9J/3/X23WRd3M56+HgMLpoAOMf4NqzK0ObUV4VAuvaP68q2/zzr4QdjcPEEwD1SAOpCn500cMEs/DLb/s+jf/EEwF1S8dft09e34RhFI9n2H3f69i8CYMjGf2xU/s7nvdvKtv9ptv230v1njGpBAEQ2fjUdvdcGLpiGbPfP0n3v+Pj4h9n+n4/RbbQPgGz89WmwbPxJNOfFfmSb3073Srb7V1L5fzFGtyMAdvDcPqYr27t28b+ZSv9cul9l2//39C89tQ6AFIZq4OLgT9Rhf7K965qHagLcsZ5oGwAnJyfX89KqBVhOJQTWbTqka3+2p2UAZMPv7bl9TFNCoFpIavccgHu1C4B881eDj3Wnmwt9mhshcKHHjy1NqwBI5a/GPOp0nwt9WEtZqGbSWjV3drc2AZCNXAd9Zt2cF7uRMvFqvhw2biZtSVoEQCp/Hfk9+HP7mK6UjWombdG3fp9n8QFQv+/S1Z19LvThgVJG3k0IHPS5B/vWIQDq2XEt2nhnK85tJm2pjlJBVqN/EjI7t+sqrTF4JZnW23mZ9KO7liTr+/d5+efp0KxVmwA/SrfVZUmw1M1mk3rw6GIDICv7u1nZs3h011Jk2/016/wb6VrdUbepKQbAIn8CpCBWI5e7fnQU90jh/lrWfV1c4zTrTCwuAFL4ZvfcviXJem9/cc2cLCoAUuhm+9y+Jcn6f1EIzMNijgFUYUtXV3RdOx3DBPw82/LD0d+eg4AbuGwAwNQ5CAhMigCAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQmACAxgQANCYAoDEBAI0JAGhMAEBjAgAaEwDQ2NEqRj/QjD0AaEwAQGMCABoTANCYAIDGBAA0JgCgMQEAjQkAaEwAQGMCABoTANCYAIDGBAA0JgCgMQEAjQkAaEwAQGMCABoTANCYAIDGBAA0JgCgMQEAjQkAaEwAQGMCABoTANCYAIDGBAA0JgCgsaPVanVt9AMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACnHnro/1lYKWjECDMHAAAAAElFTkSuQmCC);
background-size:20px 20px;
background-color:#CCC;
}
#cmsSeriesList .colBoxIcon a img {
width:60px;
height:45px;
margin:0;
padding:0;
border:none;
}
#cmsSeriesList .colBoxNumber {
display:block;
width:40px;
height:40px;
float:left;
margin:4px 10px 3px 0;
}
#cmsSeriesList .colBoxNumber a {
display:block;
width:40px;
height:40px;
border:none;
float:none;
margin:0;
text-align:center;
line-height:43px;
background:#FBB03B;
color:#000;
font-family:Arial;
}
#cmsSeriesList .mycolBoxIndex {
position:relative;
border:3px solid #FBB03B;
padding-top:30px;
}
#cmsSeriesList .mycolBoxIndex:before {
content:'กŒฉ‚ฤ‚ข‚้ƒy[ƒW‚ล‚ท';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
color:#333;
background:#FBB03B;
font-size:12px;
line-height:18px;
padding:3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#cmsSeriesList .seriesBoxClosed0 #colBoxIndex-0 .NewMark {
position:relative;
display: inline-block;
width: 47px;
height: 21px;
vertical-align: top;
}
#cmsSeriesList .seriesBoxClosed0 #colBoxIndex-0 .NewMark:before {
content:'';
display:block;
position:absolute;
top:50%;
left:0;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid rgba(230,230,230,0.9);
margin-top:-9px;
}
#cmsSeriesList .seriesBoxClosed0 #colBoxIndex-0 .NewMark:after {
content:'New';
position:absolute;
top:50%;
left:16px;
padding:0 3px;
font-size:9px;
font-weight:normal;
color:#F00;
font-family:Arial,Verdana;
display:inline-block;
width:22px;
height:16px;
line-height:16px;
background:rgba(230,230,230,0.9);
margin-top:-9px;
}
#cmsSeriesList .colBoxTitle p {
font-weight:normal;
font-size:16px;
line-height:24px;
margin:0;
}
#cmsSeriesList .colBoxTitle a:visited {
color:#000;
}
#cmsSeriesList .colBoxButton {
border-radius:0;
width:auto;
border:none;
margin:0;
text-align:center;
}
#cmsSeriesList .colBoxButton a {
border-radius:0;
border:none;
padding:5px 10px;
display:block;
width:auto;
font-weight:normal;
background:rgba(251,176,59,0.2);
border:1px solid rgba(251,176,59,1);
color:#000 !important;
}
#cmsSeriesList .colBoxButton a:hover {
background:rgba(251,176,59,1);
text-decoration:none !important;
}
#cmsBody #cmsSeriesList .colBoxButton a:link,
#cmsBody #cmsSeriesList .colBoxButton a:visited,
#cmsBody #cmsSeriesList .colBoxButton a:hover {
color:#333;
}
/*---------------------------------------------------------*/
#cmsSeriesList.cmsSeriesList1 .colBoxHead {
border-bottom:3px solid rgb(64,140,179);
margin-bottom:8px;
padding:0 0 3px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxHead .seriesBoxTitle {
display:block;
font-weight:bold;
}
#cmsSeriesList.cmsSeriesList1 #seriesBoxRegistbutton {
border:none;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUJJREFUeNpi/P//P8NAAiaGAQajDhh1AItj75b7A+oAIFYY2VFAQP4DEJcC8R0yzZcA4n4oTbQDWoC4BsoWgBqQCsQrSLTcBYvlC6DiMviioBaII4H4C5TPA8TLgXg2lE1MqLYD8XYky/8AcSEQJ0LZBNMAyLe2QPwASSwFiI8DsQ4ey0E+2w/EFUih+waIPYF4AqmJ8AIQmwLxHiQxHagjMrCoDwDi80BsQ8AMknIBzPVTkMRA0TAdGi08UJ+C4no9EIsgqVuDJRRJzgWw+MsF4rNQizmg4hFAbALNKSZo6huhiZnibMiAloJvQH0KS1wqaGq+QBPwFloVRCeA2BBKo4Mb0PjeQs2CCBt4AY3bbiA2gIo9gEbTF2qXhPjSReFoe4BWlZEDje3kIOSA/SMuCh4MpAMYR3tGow4Y8Q4ACDAAwpdAPjRbCagAAAAASUVORK5CYII=) no-repeat left center;
background-size:14px 14px;
padding:0 0 0 20px;
margin-left:0;
}
#cmsSeriesList.cmsSeriesList1 #seriesBoxRegistbutton:hover {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUJJREFUeNpi/P//P8NAAiaGAQajDhh1AItj75b7A+oAIFYY2VFAQP4DEJcC8R0yzZcA4n4oTbQDWoC4BsoWgBqQCsQrSLTcBYvlC6DiMviioBaII4H4C5TPA8TLgXg2lE1MqLYD8XYky/8AcSEQJ0LZBNMAyLe2QPwASSwFiI8DsQ4ey0E+2w/EFUih+waIPYF4AqmJ8AIQmwLxHiQxHagjMrCoDwDi80BsQ8AMknIBzPVTkMRA0TAdGi08UJ+C4no9EIsgqVuDJRRJzgWw+MsF4rNQizmg4hFAbALNKSZo6huhiZnibMiAloJvQH0KS1wqaGq+QBPwFloVRCeA2BBKo4Mb0PjeQs2CCBt4AY3bbiA2gIo9gEbTF2qXhPjSReFoe4BWlZEDje3kIOSA/SMuCh4MpAMYR3tGow4Y8Q4ACDAAwpdAPjRbCagAAAAASUVORK5CYII=) no-repeat left center;
background-size:14px 14px;
text-decoration:underline;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex {
display:table;
width:100%;
padding:5px 0;
border-bottom:1px solid #DDD;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxLeft {
float:none;
display:table-cell;
width:90px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxLeft.N-1 {
width:5em;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxLeft.N-2 {
width:5.5em;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxLeft.N-3 {
width:6em;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber {
float:none;
width:auto;
height:auto;
margin:0;
font-size:14px;
line-height:22px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOxJREFUeNpi/P//P8NAAiaGAQajDhh1wKgDWBx7t8QAaWc62nkXiPcA8QmwA4B4BRDbA3EKHR3RDMRTgDgX5IA/QJwKxDeBuB3qKHqAHFBoIKeBHiAOBeIvdAyJdPREuAGIHYH4BZ0coIEtF5wBYkMgvjCQ2RAUArZAvGUgywFQWgiEptYBK4hAOUKCpgURHjkRIF4PxDYD4QAFIN4OSqUDkQZMgPg4PSzH5gAfIN5P63hHAg+QHZACjXMeOpaES5iQKofZdKwHGKBlTCML1OeglH6AThbfAeK90FqYgXG0XzDqgFEHjHgHAAQYALRSKFudz7MAAAAAAElFTkSuQmCC) no-repeat left center;
background-size:14px 14px;
padding:0 0 0 20px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber:before {
content:'‘ๆ';
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber:after {
content:'‰๑';
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxRight {
display:table-cell;
}
#cmsSeriesList.cmsSeriesList1 .mycolBoxIndex {
padding:5px 0;
border:none;
border-bottom:1px solid #DDD;
}
#cmsSeriesList.cmsSeriesList1 .mycolBoxIndex::before {
content:'';
background:none;
padding:0;
}
#cmsSeriesList.cmsSeriesList1 .colBoxHgroup {
display:inline;
}
#cmsSeriesList.cmsSeriesList1 .colBoxTitle {
display:inline;
margin:0;
}
#cmsSeriesList.cmsSeriesList1 .colBoxTitle p {
display:inline;
font-size:14px;
line-height:22px;
}
#cmsSeriesList.cmsSeriesList1 .mycolBoxIndex,
#cmsSeriesList.cmsSeriesList1 .mycolBoxIndex .colBoxTitle p {
font-weight:bold;
}
#cmsSeriesList.cmsSeriesList1 .colBoxButton {
text-align:left;
}
#cmsSeriesList.cmsSeriesList1 .colBoxButton a {
display:inline-block;
padding:5px 10px 4px 36px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADASURBVFhH7da9DcIwEAVgn2tKBmEEUtFSMAAr0DECEkOwRjoYIW02SMkEhnf2QwpVUuSwhO6TLN9TilycPwfnapOU0o11JiI9xoXRnLyAdYb4iDE2jAENXjEdSjKgDYzhhHceynSFeMjE5AognzF2jIvTBo6sM+QBDbSMzpmb8xbsMW1KMqANjP36OxB5nmrm3II1plVJzi1PH8It648nNiQda3PVf8fVP0STK4AGTLdkuin9umLo0MCJtXP/LoQ3Kba7jLLWJT0AAAAASUVORK5CYII=) no-repeat 10px center #DDD;
background-size:16px 16px;
border:none;
font-size:12px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxButton a:hover {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADASURBVFhH7da9DcIwEAVgn2tKBmEEUtFSMAAr0DECEkOwRjoYIW02SMkEhnf2QwpVUuSwhO6TLN9TilycPwfnapOU0o11JiI9xoXRnLyAdYb4iDE2jAENXjEdSjKgDYzhhHceynSFeMjE5AognzF2jIvTBo6sM+QBDbSMzpmb8xbsMW1KMqANjP36OxB5nmrm3II1plVJzi1PH8It648nNiQda3PVf8fVP0STK4AGTLdkuin9umLo0MCJtXP/LoQ3Kba7jLLWJT0AAAAASUVORK5CYII=) no-repeat 10px center rgb(64,140,179);
background-size:16px 16px;
color:#FFF !important;
}
#tmplNews{
width:690px;
}
/* cmsUsingAffiliate
------------------------------*/
#cmsBody .cmsUsingAffiliate {
font-size: 13px;
padding-bottom: 15px;
}
/* GAM
------------------------------*/
#SideLink .gam_headline{
position:relative;
}
#SideLink.delivery .gam_headline{
font-size:19.2px;
font-weight:600;
clear:both;
margin:0 0 21px;
padding:0;
border-bottom:3px solid var(--base-color);
}
.gam_prmark{
position:absolute;
border:#CCC 1px solid;
background-color:#FFF;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:4px;
right:4px;
font-family:Arial;
color:#666;
}
#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:#666;
text-align:center;
margin:8px 0px 4px;
}