/*---------------------------------------------------------------------*/
/* ITN */
/*---------------------------------------------------------------------*/
#ITN {
display:flex;
justify-content:center;
width:100%;
padding:20px 0;
}
/*---------------------------------------------------------------------*/
/* ヘッダボトム */
/*---------------------------------------------------------------------*/
#globalHeaderBottom {
position:relative;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#lnavMain {
background:rgb(13,159,148);
border-bottom:1px solid #777;
}
#lnavMainIn {
width:990px;
margin:0 auto;
background:rgb(13,159,148);
}
#lnavMain .lnavBtn {
background:rgb(13,159,148);
display:inline-block;
font-size:14px;
line-height:18px;
font-weight:bold;
z-index:999;
}
#lnavMain .lnavBtn a {
display:block;
margin:0 auto;
padding:10px;
color:#FFF;
border-right:1px solid rgba(0,0,0,0.1);
}
#lnavMain .lnavBtnFirst a {
border-left:1px solid rgba(0,0,0,0.1);
}
#lnavMain .lnavBtn .lnavBtn {
display:inline;
font-size:12px;
line-height:16px;
font-weight:normal;
}
#lnavMain .lnavBtn .lnavBtn a {
border:none;
}
#lnavMain .lnavBtn .lnavBtn .raquo {
display:none;
}
#lnavMain .lnavBtn a:hover {
text-decoration:none;
background:#317F7A;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーションカラーカスタム */
/*---------------------------------------------------------------------*/
#lnavMain .lnavBtnColor1 {
background:#24749F;
}
#lnavMain .lnavBtnColor1 a:hover {
background:#436B7F;
}
#lnavMain .lnavBtnColor2 {
background:#999;
}
#lnavMain .lnavBtnColor2 a:hover {
background:#888;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
font-size:12px;
line-height:16px;
background:#DDD;
border-bottom:1px solid #CCC;
}
#lnavSubIn {
width:990px;
margin:0 auto;
background:#DDD;
}
#lnavSub .lnavBtn {
background:#DDD;
display:inline-block;
}
#lnavSub .lnavBtn a {
display:block;
padding:7px 10px;
border-right:1px solid rgba(0,0,0,0.1);
}

#lnavSub .lnavBtnNew a {
position:relative;
padding-right:52px;
/*
animation-name:lnavBtnNew;
animation-duration:5s;
animation-timing-function:ease;
animation-direction:alternate;
animation-iteration-count:infinite;
*/
}
@keyframes lnavBtnNew {
0% {background:rgba(13,159,148,0);}
100% {background:rgba(13,159,148,0.1);}
}
#lnavSub .lnavBtnNew a:before {
content:'';
display:block;
position:absolute;
top:7px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #C00;
}
#lnavSub .lnavBtnNew a:after {
content:'NEW';
position:absolute;
top:7px;
right:10px;
padding:0 3px;
font-size:11px;
font-weight:bold;
color:#FFF;
background:#C00;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSub .lnavBtnNew2 a {
position:relative;
padding-right:52px;
}
#lnavSub .lnavBtnNew2 a:before {
content:'';
display:block;
position:absolute;
top:7px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #D85C36;
}
#lnavSub .lnavBtnNew2 a:after {
content:'New';
position:absolute;
top:7px;
right:10px;
padding:0 3px;
font-size:11px;
font-weight:bold;
color:#FFF;
background:#D85C36;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSub .lnavBtnNew3 a {
position:relative;
padding-right:52px;
}
#lnavSub .lnavBtnNew3 a:before {
content:'';
display:block;
position:absolute;
top:7px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #FFF;
}
#lnavSub .lnavBtnNew3 a:after {
content:'NEW';
position:absolute;
top:7px;
right:10px;
padding:0 3px;
font-size:11px;
font-weight:bold;
color:#C00;
background:#FFF;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSub .lnavBtnFirst a {
border-left:1px solid rgba(0,0,0,0.1);
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#333;
}
#lnavSub .lnavBtn a:hover {
text-decoration:none;
background:#EEE;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtnGroupIn .lnavBtn {
background:#FFF;
display:block;
}
/*---------------------------------------------------------------------*/
/* プレミアムコンテンツ */
/*---------------------------------------------------------------------*/
#lnavSub .lnavBtnGroupIn .cbox{
border:none;
border-radius:0;
}
#lnavSub .lnavBtn .premiumContents .premiumImgBox a{
background:#FFF;
}
#lnavSub .lnavBtn .premiumContents .premiumImgBox .premiumDlIcon img:hover,
#lnavSub .lnavBtn .premiumContents .description a:hover {
background:#FFF;
opacity: 0.70;
}
#lnavSub .lnavBtn .premiumContents .premiumBtmlink:hover,
#lnavSub .lnavBtn .premiumContents .premiumBtmlink a:hover {
background:#EEE;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーションカラーカスタム */
/*---------------------------------------------------------------------*/
#lnavSub .lnavBtnColor1 a:link,
#lnavSub .lnavBtnColor1 a:visited {
color:#F30;
}
#lnavSub .lnavBtnColor1 a:hover {
color:#F50;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
font-size:12px;
line-height:16px;
/*
background:#DDD;
*/
border-bottom:1px solid #CCC;
}
#lnavSubSubIn {
width:990px;
margin:0 auto;
/*
background:#DDD;
*/
}
#lnavSubSub .lnavBtn {
/*
background:#DDD;
*/
display:inline-block;
}
#lnavSubSub .lnavBtn a {
display:block;
padding:5px 10px;
border-right:1px solid rgba(0,0,0,0.1);
}

#lnavSubSub .lnavBtnNew a {
position:relative;
padding-right:52px;
}
#lnavSubSub .lnavBtnNew a:before {
content:'';
display:block;
position:absolute;
top:5px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #C00;
}
#lnavSubSub .lnavBtnNew a:after {
content:'NEW';
position:absolute;
top:5px;
right:10px;
padding:0 3px;
font-size:10px;
font-weight:bold;
color:#FFF;
background:#C00;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSubSub .lnavBtnNew2 a {
position:relative;
padding-right:52px;
}
#lnavSubSub .lnavBtnNew2 a:before {
content:'';
display:block;
position:absolute;
top:5px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #D85C36;
}
#lnavSubSub .lnavBtnNew2 a:after {
content:'New';
position:absolute;
top:5px;
right:10px;
padding:0 3px;
font-size:10px;
font-weight:bold;
color:#FFF;
background:#D85C36;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSubSub .lnavBtnNew3 a {
position:relative;
padding-right:52px;
}
#lnavSubSub .lnavBtnNew3 a:before {
content:'';
display:block;
position:absolute;
top:5px;
right:41px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #FFF;
}
#lnavSubSub .lnavBtnNew3 a:after {
content:'NEW';
position:absolute;
top:5px;
right:10px;
padding:0 3px;
font-size:10px;
font-weight:bold;
color:#C00;
background:#FFF;
font-family:Arial,Verdana;
display:inline-block;
width:25px;
height:16px;
}

#lnavSubSub .lnavBtnFirst a {
border-left:1px solid rgba(0,0,0,0.1);
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtn a:hover {
text-decoration:none;
background:#DDD;
}
#lnavSubSub .lnavBtn a .raquo {
display:none;
}
#lnavSubSub .lnavBtnGroupIn .lnavBtn {
background:#FFF;
display:block;
}



/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:200px;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
margin:0;
display:block;
font-size:12px;
line-height:16px;
}
.lnavBtnGroupIn .lnavBtn a {
width:auto;
color:#333 !important;
margin:0;
padding:7px;
color:#333;
border:none;
border-bottom:1px dotted #DDD !important;
background:none;
text-align:left;
display:block;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE !important;
text-decoration:none;
}
.lnavBtnGroupIn .lnavBtnHover a:after {
content:'≫';
color:#999;
position:absolute;
right:5px;
font-weight:bold;
}
.lnavBtnGroupIn .lnavBtnHover .lnavBtn a:after {
display:none;
}

#localSociallist {
margin:0;
padding:0;
display:flex;
}
#localSociallist .lsclBtn {
list-style:none;
margin-right:5px;
}
#localSociallist .lsclBtn a {
display:block;
width:17px;
height:17px;
font-size:10px;
text-indent:-9999px;
}
#localSociallist #lsclBtnRss {background:url(https://image.itmedia.co.jp/tt/images/tt/tmplFeedButtonRSS.gif) no-repeat 0 0;}
#localSociallist #lsclBtnFacebook {background:url(https://image.itmedia.co.jp/tt/images/tt/tmplFeedButtonFb2.png) no-repeat 0 0;}
#localSociallist #lsclBtnTwitter {background:url(https://image.itmedia.co.jp/tt/images/tt/tmplFeedButtonX.png) no-repeat 0 0;}

/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
.localSearch {
background:#0D9F94;
background:-webkit-linear-gradient(top, #27bdb2, #0D9F94);
background:-moz-linear-gradient(top, #27bdb2, #0D9F94);
background:-o-linear-gradient(top, #27bdb2, #0D9F94);
background:linear-gradient(to bottom, #27bdb2, #0D9F94);
border:1px solid #0D9F94;
border-radius:1px;
margin:0 0 10px;
padding:10px;
color:#FFF;
}
#localSearchTop {
background:none;
border:1px solid #FFF;
color:#666;
position:absolute;
width:448px;
margin:0;
top:10px;
left:210px;
}
.cse .gsc-control-cse, .gsc-control-cse {
padding:0 !important;
border:none !important;
}
.gsc-search-box.gsc-search-box-tools {
background:#FFF;
border:1px solid #CCC;
border-radius:20px;
width:278px;
margin:0;
}
#localSearchTop .gsc-search-box.gsc-search-box-tools {
border:1px solid #999;
width:446px;
}
.gsc-input {
padding:0 !important;
}
#gsc-iw-id1 {
border:none !important;
height:auto !important;
background:none !important;
}
#gsc-iw-id1.gsc-input-box-focus,
#gsc-iw-id1.gsc-input-box-hover {
border:none !important;
box-shadow:none !important;
}
#gsc-i-id1 {
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
border:none !important;
padding:5px !important;
font-size:14px !important;
width:176px !important;
height:15px !important;
border-radius:20px;
}
#localSearchTop #gsc-i-id1 {
width:342px !important;
}
.gsst_b {
display:none !important;
}
.gsc-search-button {
padding:0 2px !important;
}
.gsc-search-button-v2 {
margin-top:2px !important;
padding:8px 27px !important;
border-radius:20px !important;
filter:none !important;
}
#gs_tti50 {
padding:2px 8px 0 !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
background:transparent !important;
}

#tmplSearch1 {
display:none;
}

/* パンクズ */
#tmplDir {
width:990px;
margin:0 auto;
font-size:10px;
line-height:14px;
color:#666;
}
#tmplDir a:link,
#tmplDir a:visited {
color:#094A81;
text-decoration:none;
}
#tmplDir a:hover {
text-decoration:underline;
}
#tmplDir ol,
#tmplDir li {
list-style:none;
padding:0;
margin:0;
}
#tmplDir li {
display:inline;
}
#tmplDir li:after {
content:' > ';
}
#tmplDir li:last-child:after {
content:'';
}