
@charset "UTF-8";
/**/
/* =========================================================
Font Style
========================================================= */
@font-face { font-family: 'Noto Sans Japanese Light'; src: url("../font/fonts/NotoSansCJKjp-Light.eot"); src: url("../font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Light.woff") format("woff"), url("../font/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese Regular'; src: url("../../font/NotoSansCJKjp-Regular.eot"); src: url("../font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Regular.woff") format("woff"), url("../font/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese Medium'; src: url("../font/NotoSansCJKjp-Medium.eot"); src: url("../font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese Bold'; src: url("../font/NotoSansCJKjp-Bold.eot"); src: url("../font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Bold.woff") format("woff"), url("../font/NotoSansCJKjp-Bold.ttf") format("truetype"); }

/* =========================================================
◆Link Style
========================================================= */
/**:focus {
  background-color: #ccffcc !important;
}
*/
a { color: #333; text-decoration: none; }

a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) { a:hover { text-decoration: none; } }

/* =========================================================
◆Wrap
========================================================= */
html { font-size: 62.5%; }

body { color: #333; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif; font-size: 1.4rem; min-width: 960px; overflow: hidden; }

#Wrap { position: relative; margin: 0 auto; }

#Main { position: relative; line-height: 1.5; padding-top: 20px; }

@media screen and (max-width: 767px) { body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif; font-size: 1.3rem; min-width: 100%; }
  #Main { line-height: 1.5; padding-top: 10px; } }

/* =========================================================
◆header
========================================================= */
header a.ov:hover img, header img.ov:hover { opacity: 0.6; }

/*headerロゴの透過しない*/
.header_logo:hover img, #siteId:hover img, .logo:hover img { opacity: 1; }

/*----------------------------------------
/上部黒帯部分
-----------------------------------------*/
.headerLoginInfo .inner, .headerLoginInfo .startPageCol, .headInner, .naviBlock01 { margin: 0 auto; width: 960px; }

.headerLoginInfo { position: relative; background: #000; z-index: 1000; line-height: 1.5; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

.headerLoginInfo .inner { position: relative; }

.headerLoginInfo .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.headerLoginInfo .startPage { padding-left: 0; background: none; float: left; }

.headerLoginInfo .startPage a { background: url("/shared/common/images/header/com_ic10.gif") no-repeat 0 50%; display: inline-block; padding: 11px 0 11px 15px; }

.headerLoginInfo .siteUtillity { float: right; }

.headerLoginInfo .siteUtillity li { float: left; display: block; margin: 0 0 0 20px; }

.headerLoginInfo .siteUtillity li a { display: inline-block; padding: 11px 0 11px 10px; }

.headerLoginInfo .siteUtillity li.selectAreaBtn { background-color: #e9e9e9; border-bottom: 1px solid #dddddd; }

.headerLoginInfo .siteUtillity li.selectAreaBtn a { padding: 0 15px 0 25px; background: url(/shared/common/images/header/com_ic79.png) 10px 50% no-repeat; line-height: 38px; color: #333333; }

.headerLoginInfo .siteUtillity li.selectAreaBtn.open a { background: #e9e9e9 url(/shared/common/images/header/com_ic79_on.png) 10px 50% no-repeat; }

.headerLoginInfo .siteUtillity li.login, .headerLoginInfo .siteUtillity li.logout { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; display: block; position: relative; margin-left: 0; padding: 0px 7px 0px; background: #ffffff; line-height: 38px; }

.headerLoginInfo .siteUtillity li.login a, .headerLoginInfo .siteUtillity li.logout a { display: inline-block; width: 105px; font-weight: bold; font-size: 12px; line-height: 1; padding: 6px 0 5px; text-align: center; vertical-align: middle; }

.headerLoginInfo .siteUtillity li.login a.open:after, .headerLoginInfo .siteUtillity li.logout a.open:after { content: url(/common/2014/images/com_ic36.png); }

.headerLoginInfo .siteUtillity li.login a { border: 1px solid #e73817; background: #ffeee2; color: #e73817; }

.headerLoginInfo .siteUtillity li.logout a { border: 1px solid #777777; background: #ffffff; color: #333333; }

.headerLoginInfo p a, .headerLoginInfo ul li a { color: #ffffff; font-size: 11px; }

.headerLoginInfo .loginChild { display: none; position: absolute; top: 33px; right: 0; padding: 10px; background: #ffffff; border-right: solid 2px #a3a3a3; border-bottom: solid 2px #a3a3a3; border-left: solid 2px #a3a3a3; z-index: 500; }

.headerLoginInfo .loginBox { display: table-cell; padding-left: 10px; border-left: solid 1px #e9e9e9; }

.headerLoginInfo .selectAreaChild { display: none; position: absolute; top: 39px; right: 121px; padding: 14px 15px; background: #ffffff; border: solid 2px #e9e9e9; border-top: none; z-index: 500; font-size: 13px; line-height: 1.5; z-index: 1006; }

.headerLoginInfo .selectAreaChild a { color: #000; font-size: 13px; }

.headerLoginInfo .selectAreaChild .icon01 { padding-left: 20px; background: url(/shared/common/images/header/com_ic81.gif) 0 0.22em no-repeat; }

.headerLoginInfo .selectAreaChild .icon01 a { display: block; color: #eb5505; text-decoration: underline; }

.headerLoginInfo .selectAreaChild .icon01 a span { color: #000; display: block; line-height: 1; font-size: 15px; }

.headerLoginInfo .selectAreaChild .icon01 + .list { margin-top: 8px; }

.headerLoginInfo .selectAreaChild .icon01 + .list li { margin: 8px 0 0 20px; }

.headerLoginInfo .selectAreaChild .icon01.getArea span { color: #333; background-color: #f3f3f3; padding: 3px; font-size: 15px; }

.headerLoginInfo .selectAreaChild .icon02 { display: none; margin-top: 12px; margin-bottom: 0; }

.headerLoginInfo .selectAreaChild .icon02 a { display: block; padding-left: 22px; background: url(/shared/common/images/header/com_ic82.gif) 0 0.09em no-repeat; line-height: 1.9; font-size: 12px; }

.headerLoginInfo .selectAreaChild .list li { padding-left: 10px; margin: 8px 0 0 0; background: url(/shared/common/images/header/com_ic04.gif) 0 0.55em no-repeat; }

.headerLoginInfo .selectAreaChild .list li:first-child { margin-top: 0 !important; }

.headerLoginInfo .selectAreaChild.selectedArea .icon01 + .list { margin-top: 0; }

.headerLoginInfo .selectAreaChild.selectedArea .icon01 + .list li { margin: 8px 0 0 0; }

/*----------------------------------------
/ヘッダー
-----------------------------------------*/
#newHeader2016Myj { background-color: #fff; font-size: 12px; line-height: 1.45; position: relative; border-bottom: 1px solid #ddd; }

#newHeader2016Myj img { vertical-align: text-bottom; }

#newHeader2016Myj a:hover { color: #e83416; text-decoration: none; }

#newHeader2016Myj .inner { margin: 0 auto; z-index: 1000; }

#newHeader2016Myj .logo { padding: 12px 0 0 12px; width: 115px; float: left; }

#newHeader2016Myj .utilityNavigation { /* utilityNavigation
------------------------------ */ float: right; }

#newHeader2016Myj .utilityNavigation li { float: left; margin: 8px 0 0 17px; }

#newHeader2016Myj .utilityNavigation li a:link, #newHeader2016Myj .utilityNavigation li a:visited { font-size: 11px; text-decoration: none; }

#newHeader2016Myj .utilityNavigation li a:hover { text-decoration: underline; }

#newHeader2016Myj .actionArea { /* serviceNavigation
------------------------------ */ clear: both; padding: 13px 0 0 0; }

#newHeader2016Myj .serviceNavigation { float: right; margin: 0 0 0 6px; zoom: 1; }

#newHeader2016Myj .serviceNavigation li { float: left; margin: 0 0 0 11px; line-height: 0; }

#newHeader2016Myj .serviceNavigation li.boderList { border-left: 1px solid #ddd; margin: 0 0 0 12px; padding-left: 8px; }

#newHeader2016Myj #SS_searchForm { /* SS_searchForm
------------------------------ */ position: relative; float: right; z-index: 1000; margin-top: 4px; /* suggest */ }

#newHeader2016Myj #SS_searchForm input { vertical-align: middle; border-radius: 0; -webkit-appearance: none; }

#newHeader2016Myj #SS_searchForm input#SS_searchQuery { width: 143px; height: 22px; line-height: 22px; margin-right: 3px; padding: 0 3px 0 30px; font-size: 14px; color: #666; border: 1px solid #ccc; background: #fff url(/shared/common/images/header/bg_search.png) no-repeat 0 0; }

#newHeader2016Myj #SS_searchForm input#SS_searchQuery.active { background-position: 0 -22px; }

#newHeader2016Myj #SS_searchForm .SS_suggest { display: none; position: absolute; top: 32px; left: 0; width: 238px; border: 1px solid #ccc; border-top: none; z-index: 300; }

#newHeader2016Myj #SS_searchForm .SS_suggest .SS_suggestItemOff { background: #fff; border-top: 1px solid #ccc; padding: 2px 0; width: 100%; }

#newHeader2016Myj #SS_searchForm .SS_suggest .SS_suggestItemOn { background-color: #ecf5fa; border-top: 1px solid #ccc; padding: 2px 0; width: 100%; }

#newHeader2016Myj #SS_searchForm .SS_suggest .SS_suggestKey { font-size: 13px; padding-left: 4px; }

#newHeader2016Myj .headTop { height: 71px; }

#globalNavigation2016 { margin: 0 auto; box-sizing: border-box; display: table; }

#globalNavigation2016 > li { display: table-cell; vertical-align: middle; }

#globalNavigation2016 > li > a { display: table-cell; vertical-align: middle; position: relative; width: 152px; height: 61px; line-height: 1.3; padding-left: 8px; padding-right: 8px; text-align: center; font-weight: bold; color: #666; z-index: 999; }

#globalNavigation2016 > li > a:hover { text-decoration: none; }

#globalNavigation2016 > li > a:after { content: url("/shared/common/images/header/bg_line_gnav01.png"); position: absolute; top: 20px; right: 0; width: 1px; height: 13px; }

#globalNavigation2016 > li > a.currentPage { background-color: #fff; color: #e83416; border-bottom: 2px solid #e83416; }

#globalNavigation2016 > li.logo { background: url("/shared/common/images/header/bg_line_gnav01.png") 0 20px no-repeat; }

#globalNavigation2016 > li.current > a:hover { background-color: #eee; color: #e83416; border-bottom: none; }

#globalNavigation2016 > li > ul { display: none; position: absolute; background: #fff; border: 1px solid #e0e0e0; top: 50px; left: 0; z-index: 100; }

#globalNavigation2016 .menuBox { display: none; position: absolute; background: #fff; border: 1px solid #e0e0e0; border-top: none; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15); /*top: 132px;*/ top: 62px; left: 0; z-index: 100; }

#globalNavigation2016 .service .menuBox, #globalNavigation2016 .price .menuBox, #globalNavigation2016 .campaign .menuBox, #globalNavigation2016 .tv .menuBox, #globalNavigation2016 .event .menuBox, #globalNavigation2016 .support .menuBox, #globalNavigation2016 .inquiry .menuBox { width: 100%; background: #eee; border: none; padding-bottom: 40px; }

#globalNavigation2016 .menuBoxInner { width: 962px; margin: 0 auto; overflow: hidden; }

#globalNavigation2016 .menuListWrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#globalNavigation2016 .root { padding: 27px 15px 25px 3px; }

#globalNavigation2016 ul li a:link, #globalNavigation2016 ul li a:visited { display: block; padding: 15px 10px 15px 28px; background: url(/shared/common/images/header/icon_arrow_default_large2.png) no-repeat 15px 50%; /*color: #333;*/ line-height: 1.5; text-decoration: none; font-size: 12px; }

#globalNavigation2016 ul li.isTypeA a { padding: 3px 10px 3px 9px; /*font-family:'Noto Sans Japanese Medium';*/ font-size: 12px; background-position-x: 0; }

#globalNavigation2016 li .globalNavTitTypeA { font-size: 14px; position: relative; display: table-cell; box-sizing: border-box; font-weight: bold; }

#globalNavigation2016 li .globalNavTitTypeA:after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #e83416; border-right: 1px solid #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 50%; right: 0; margin-top: -2px; }

#globalNavigation2016 li .globalNavTitTypeA.isNet::after { border-top: 1px solid #0086cd; border-right: 1px solid #0086cd; }

#globalNavigation2016 li > ul > li { float: none; border-top: 1px solid #ddd; zoom: 1; }

#globalNavigation2016 li.myjcom a { border-bottom: none !important; }

#globalNavigation2016 li.current .menuBox { display: block; text-align: left; }

#globalNavigation2016 .menuList a:hover { text-decoration: underline; }

#globalNavigation2016 .service .menuList { width: 184px; float: left; margin-right: 10px; }

#globalNavigation2016 .service .menuList.tv .list a { background: url(/shared/common/images/header/icon_list_tv.png) no-repeat left center; }

#globalNavigation2016 .service .menuList.net .list a { background: url(/shared/common/images/header/icon_list_net.png) no-repeat left center; }

#globalNavigation2016 .service .menuList.phone .list a { background: url(/shared/common/images/header/icon_list_phone.png) no-repeat left center; }

#globalNavigation2016 .service .menuList.mobile .list a { background: url(/shared/common/images/header/icon_list_mobile.png) no-repeat left center; }

#globalNavigation2016 .service .menuList.electricity .list a { background: url(/shared/common/images/header/icon_list_electricity.png) no-repeat left center; }

#globalNavigation2016 .service .menuList a:hover { text-decoration: underline; }

#globalNavigation2016 .service .logoItem { margin-bottom: 16px; }

#globalNavigation2016 .service .list { padding-left: 12px; }

#globalNavigation2016 .service .list a { text-decoration: none; /*color: #333333;*/ padding-left: 10px; font-size: 12px; line-height: 22px; }

#globalNavigation2016 .price .menuList { width: 232px; float: left; margin-right: 10px; }

#globalNavigation2016 .campaign .menuList { /*border-right: 1px solid #e6e6e6;*/ /*width: 232px;*/ float: left; }

#globalNavigation2016 .campaign .menuList .logoItem { border-right: 1px solid #ddd; }

#globalNavigation2016 .campaign .top { border-left: 1px solid #ddd; /*width: 232px;*/ float: left; }

#globalNavigation2016 .tv .menuList { /*border-left: 1px solid #e6e6e6;*/ float: left; box-sizing: border-box; width: 80px; margin-right: 20px; }

#globalNavigation2016 .tv .menuList:nth-child(7) { width: 90px; margin-right: 10px; }

#globalNavigation2016 .tv .logoItem { margin-bottom: 5px; }

#globalNavigation2016 .tv .globalNavBoxChild2 li { padding: 0 0 0 2px; display: block; }

#globalNavigation2016 .tv .globalNavBoxChild2 li a { background-position-x: 0; padding: 2px 3px 2px 9px; }

#globalNavigation2016 .tv .menu_community { background-color: #ddd; padding-top: 10px; padding-bottom: 17px; width: 240px; overflow: hidden; text-align: center; float: right; margin-right: 0; }

#globalNavigation2016 .tv .menu_community .title { display: block; font-weight: bold; padding: 0 10px 5px; text-align: center; }

#globalNavigation2016 .tv .menu_community .logoItem { margin: 6px 0 5px 0; text-align: center; }

#globalNavigation2016 .event .menuList { border-right: 1px solid #e6e6e6; width: 232px; float: left; }

#globalNavigation2016 .event .top { border-left: 1px solid #e6e6e6; width: 232px; float: left; }

#globalNavigation2016 .support .genreTopLink { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height: 1.5; background: url("/images_v2/header/icon_snavi_arrow.gif") no-repeat scroll 100% 50%; color: #333; display: inline-block; font-size: 15px; font-weight: bold; padding: 0 15px 0 0; margin: 20px 0 10px 0; text-decoration: none; }

#globalNavigation2016 .support .genreTopLink a { text-decoration: none; }

#globalNavigation2016 .support .genreTopLink a:hover { text-decoration: underline; }

#globalNavigation2016 .support .menuList { width: 184px; float: left; margin-right: 10px; }

#globalNavigation2016 .support .second_box .menuList { /*border-right: 1px solid #e6e6e6;*/ width: 240px; float: left; margin-right: 10px; }

#globalNavigation2016 .inquiry .menuList { width: 184px; float: left; margin-right: 10px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA { background-color: #ddd; padding: 18px; box-sizing: border-box; float: left; min-height: 169px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA .ttl { font-size: 1.4rem; font-weight: bold; text-align: center; margin-bottom: 10px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA em { font-style: normal; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA.isTypeEntry { width: 567px; float: left; margin-right: 2px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA > p { font-weight: bold; text-align: center; font-size: 14px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA.isTypeMember { width: 386px; margin-right: 2px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA .menuList { width: 170px; float: left; margin-right: 10px; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA .menuList:last-child { margin-right: 0; }

#globalNavigation2016 .inquiry .areaInquiryChildTypeA .menuList .txtInquiryA { padding: 16px 12px 0; /*font-family:'Noto Sans Japanese Regular';*/ font-size: 12px; }

#globalNavigation2016 .inquiry .isColorMember { font-weight: bold; color: #5e9600 !important; }

#globalNavigation2016 .inquiry .isJcomColor { font-weight: bold; color: #e83316 !important; }

#globalNavigation2016 .btnList { float: left; overflow: hidden; }

#globalNavigation2016 .btnList li { float: left; margin-right: 10px; }

#globalNavigation2016 .btnList li a:link, #globalNavigation2016 .btnList li a:visited { background: none; padding: 0; }

#globalNavigation2016 .btnList.isTypeText { display: table; overflow: hidden; width: 391px; margin-right: 0; float: right; }

#globalNavigation2016 .btnList.isTypeText li { display: table-cell; vertical-align: middle; float: none; }

#globalNavigation2016 .btnList.isTypeText li a { display: table-cell; vertical-align: middle; text-align: center; width: 120px; height: 46px; /*font-size: 9px;*/ /*line-height: 1.5;*/ font-family: 'Noto Sans Japanese Light'; }

#globalNavigation2016 .btnList.isTypeText li a:hover { text-decoration: none; opacity: .7; }

#globalNavigation2016 .btnList.isTypeText li a span { font-size: 15px; font-family: 'Noto Sans Japanese Light'; display: block; }

#globalNavigation2016 .btnList.isTypeText .linkSpecial a { color: #00489e !important; }

#globalNavigation2016 .btnList.isTypeText .linkPreview a { color: #ff5600 !important; width: 140px; }

#globalNavigation2016 .btnList.isTypeText .linkFreeprogram a { color: #69a700 !important; border-right: none; }

#globalNavigation2016 .last { margin: 0; }

#globalNavigation2016 .globalNavBox1 { display: table; width: 845px; margin: 35px 0 0 27px; }

#globalNavigation2016 .globalNavBox1.globalNavBoxColumn4 { width: 935px;}

#globalNavigation2016 .globalNavBox1 a:hover { text-decoration: underline; }

#globalNavigation2016 .globalNavBoxChild1 { display: table-cell !important; width: 250px; }

#globalNavigation2016 .globalNavBoxChild2 { display: table-cell !important; width: 398px; }

#globalNavigation2016 .globalNavBoxChild3 { display: table-cell !important; /*width: 160px;*/ }

#globalNavigation2016 .globalNavBoxChild4 { display: table-cell !important; /*width: 160px;*/ }

#globalNavigation2016 .globalNavBoxColumn4 ul { width: auto; }

#globalNavigation2016 .globalNavBoxColumn4 .globalNavBoxChild2 { //width: 286px; }

#globalNavigation2016 .btnTypeTopA { display: block; position: relative; padding: 0 15px 0 0; background: #ffffff; box-sizing: border-box; border-radius: 3px; border: 1px solid #ddd; font-size: 13px; /*font-family:'Noto Sans Japanese Medium';*/ }

#globalNavigation2016 .btnTypeTopA:after { border-top: none; border-right: none; content: ""; display: block; width: 9px; height: 9px; border-top: 2px solid #e83416; border-right: 2px solid #e83416; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 12px; top: 50%; margin-top: -6px; }

#globalNavigation2016 .btnTypeTopA.isTypeEventA:after{ border-top: none; border-right:none;}

#globalNavigation2016 .btnTypeTopA:last-child { margin-right: 0; }

#globalNavigation2016 .btnTypeTopA.isTypeEventA { box-sizing: border-box; width: 474px; height: 100px; float: left; margin-right: 10px; position: relative; }

#globalNavigation2016 .btnTypeTopA.isTypeEventA ul { position: absolute; top: 8px; left: 62.5%; }

#globalNavigation2016 .btnTypeTopA.isTypeEventA ul li a { padding: 2px 5px 2px 11px; background-position-x: 0; }

.localNavTitTypeA:after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #e83416; border-right: 1px solid #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 50%; right: 0; margin-top: -2px; }

.localNavTitTypeA.isNet:after { border-top: 1px solid #0086cd; border-right: 1px solid #0086cd; }

.eventList { overflow: hidden; }

.btnTypeTopB { box-sizing: border-box; width: 253px; height: 100px; float: left; margin-right: 10px; border: none; }

.btnTypeTopB:last-child { margin-right: 0; }

.btnTypeTopB ul li a:hover { text-decoration: underline; }

.btnTypeTopB ul li.top { display: none; border-top: none; font-weight: bold; }

.btnTypeTopB ul li.secondChild { border-top: none; }

.btnTypeTopB ul li.tv a:link, .btnTypeTopB ul li.tv a:visited { background-image: url(/shared/common/images/header/icon_arrow_tv_large2.png); }

.btnTypeTopB ul li.net a:link, .btnTypeTopB ul li.net a:visited { background-image: url(/shared/common/images/header/icon_arrow_net_large2.png); }

.btnTypeTopB ul li.phone a:link, .btnTypeTopB ul li.phone a:visited { background-image: url(/shared/common/images/header/icon_arrow_phone_large2.png); }

.btnTypeTopB ul li.mobile a:link, .btnTypeTopB ul li.mobile a:visited { background-image: url(/shared/common/images/header/icon_arrow_mobile_large2.png); }

.btnTypeTopB ul li.electricity a:link, .btnTypeTopB ul li.electricity a:visited { background-image: url(/shared/common/images/header/icon_arrow_electricity_large2.png); }

.btnTypeTopB ul li.child { border-top-style: dotted; margin-left: 20px; }

.btnTypeTopB ul li.banner { border: 0; margin: -1px; }

.btnTypeTopB ul li.banner a:link, .btnTypeTopB ul li.banner a:visited { background: none; padding: 10px; line-height: 1; background: #aaaaaa; }

.btnTypeTopB ul li.current a, .btnTypeTopB ul li.current a:link, .btnTypeTopB ul li.current a:visited { position: relative; z-index: 101; }

.btnTypeTopB ul li.current ul, .btnTypeTopB ul li.current .menuBox { display: block; text-align: left; }

.btnTypeTopB ul li.current ul a:link, .btnTypeTopB ul li.current ul a:visited { border-bottom: none; }

/*
#newHeader2016Myj ul#globalNavigation2016 .campaign .menuBox,
#newHeader2016Myj ul#globalNavigation2016 .event .menuBox{
  padding-top: 20px;
}
*/
.touchDevice #globalNavigation2016 ul li.top { display: block; }

.touchDevice #globalNavigation2016 ul li.secondChild { border-top: 1px solid #DDD; }

.isJcomColor { color: #e83316 !important; }

.isColorMember { color: #5e9600 !important; }

/* /common/2014/js/common2015.js?161007  custom
---------------------------------------------------------*/
#infoArea .siteLogoCol .inner { position: initial; }

#infoArea #searchWidth #searchWrap { width: 620px; margin-left: inherit; margin: 30px auto 0; }

/* http://www.myjcom.jp/view_css.php custom
---------------------------------------------------------*/
.notTop { float: right; overflow: hidden; }

#searchWrap { clear: both; margin: 20px 0 0 0; padding-bottom: 5px; }

.notTop #searchWrap { width: 437px; margin: 0 !important; }

.notTop #typeBox { width: 432px; margin-left: 0; }

.notTop #typeBox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#searchbox .searchType { overflow: hidden; float: left; zoom: 1; margin-top: 0; margin-bottom: 5px; margin-left: 0; padding-left: 0; }

.notTop #typeBox .select { float: left; width: 78px; padding: 0 5px 0 0; border-top: solid 1px #999999; border-right: none; border-bottom: solid 1px #999999; border-left: solid 1px #999999; height: 26px; position: relative; }

.notTop #typeBox .select .text { position: absolute; left: 0; display: block; width: 100%; padding-left: 5px; background: url(/shared/common/images/header/select01.gif) no-repeat 85% 50%; top: 4px; }

.notTop #typeBox .select select { position: absolute; top: 7px; left: 0; width: 83px; border: none; color: #666666; font-size: 12px; opacity: 0; }

.notTop #typeBox .inputArea { float: left; width: 348px; font-size: 0; outline: 0; }

.notTop #typeBox .inputArea .webSearch { width: 278px; height: 26px; border-top: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #cccccc; border-radius: 0; -webkit-appearance: none; line-height: 26px; outline: 0; }

.safari .notTop #typeBox .inputArea .webSearch:focus { outline: auto; }

#suggest_input_border { margin-right: 3px; display: inline-block; vertical-align: middle; font-size: 1.3rem; }

.notTop #typeBox .inputArea #sub { border-radius: 0; -webkit-appearance: none; border-radius: 0; background: #666; color: #fff; border: none; height: 26px; font-size: 1.1rem; outline: 0; }

.notTop #typeBox .inputArea input[name="ie"] { outline: none; }

/*----------------------------------------
/※下層用
-----------------------------------------*/
#newHeader2016Myj.isTypeLower { /*a:link, #newHeader2016Myj.isTypeLower a:visited { color: #666; }*/ }

#newHeader2016Myj.isTypeLower .inner { width: 960px; }

#newHeader2016Myj.isTypeLower .headTop { height: 45px; }

#newHeader2016Myj.isTypeLower .logo { width: 180px; }

#newHeader2016Myj.isTypeLower #globalNavigation2016 { width: 100%; margin: 10px auto 0; }

#globalNavigation2016.isTypeLower { height: auto; line-height: 1.45; }

#globalNavigation2016.isTypeLower ul { position: initial; background: none; border: none; box-shadow: none; }

#globalNavigation2016.isTypeLower li { font-size: 12px; border-top: none; }

#globalNavigation2016.isTypeLower li.current a, #globalNavigation2016.isTypeLower li.current a:visited { border-bottom: none; }

#globalNavigation2016.isTypeLower > li { position: initial; }

#globalNavigation2016.isTypeLower > li.service { background: url("/shared/common/images/header/bg_line_gnav01.png") 0 20px no-repeat; }

#globalNavigation2016.isTypeLower > li > a { box-sizing: border-box; width: 137px; height: 51px; }

#globalNavigation2016.isTypeLower > li > a.current { border-bottom: 2px solid #e83416; }

#globalNavigation2016.isTypeLower .menuBox { top: 106px; }

#globalNavigation2016.isTypeLower .btnTypeTopA { display: block; position: relative; padding: 0 15px 0 0; background: #ffffff; box-sizing: border-box; border-radius: 3px; border: 1px solid #ddd; font-size: 13px; /*font-family:'Noto Sans Japanese Medium';*/ }

#globalNavigation2016.isTypeLower .btnTypeTopA.isTypeEventA { box-sizing: border-box; width: 516px; height: 100px; float: left; margin-right: 10px; position: relative; }

#globalNavigation2016.isTypeLower .btnTypeTopA.isTypeEventA a:hover { text-decoration: underline; }

#globalNavigation2016.isTypeLower .btnTypeTopA:last-child { margin-right: 0; }

#globalNavigation2016.isTypeLower .btnTypeTopA ul { position: absolute; top: 8px; left: 62.5%; }

@media screen and (max-width: 767px) { header { background: none; padding-top: 0; }
  .waku_800 { max-width: 800px; margin: 0 auto; }
  .header_top2 a:link, .header_top2 a:hover, .header_top2 a:visited, .header_top2 a:active { color: #333; }
  .header_top2 img { vertical-align: top; }
  .header_top2 .toggle { font-size: 14px; line-height: 1.4; border-top: solid #bbbdbe 1px; }
  .header_top2 .toggle:first-child { font-size: 14px; line-height: 1.4; /*    border-bottom: dotted #bbbdbe 1px;*/ border-top: none; }
  .header_top2 .toggle:last-child { font-size: 14px; line-height: 1.4; border-bottom: solid #bbbdbe 1px; border-top: solid #bbbdbe 1px; }
  .header_top2 .toggle span { cursor: pointer; text-decoration: none; display: block; padding: 12px; }
  .header_top2 .toggle .arr1 { display: block; background: url(/sph/common/img/ico_arr_3.png) no-repeat right center; background-size: 30px 12px; /*    border-left:4px solid #e83317;*/ background-color: #f5f5f5; }
  .header_top2 .toggle .arr2 { display: block; background: url(/sph/common/img/ico_arr_3_2.png) no-repeat right center; background-size: 30px 12px; /*    border-left:4px solid #e83317;*/ background-color: #f5f5f5; }
  /*.header_top2 .toggle2 { font-size: 14px; line-height: 1.4; width:60px; position:absolute; right:60px; top:0; border-left:1px solid #bbbdbe; height:50px; }*/
  .header_top2 .toggle2 span { cursor: pointer; text-decoration: none; display: block; padding: 30px; }
  .header_top2 .toggle2 .arr1 { display: block; background: url(/shared/common/images/sp/header/myj/ico_menu_2.png) no-repeat right center; background-size: 61px; /*    margin-top:5px;*/ }
  .header_top2 .toggle2 .arr2 { display: block; background: url(/shared/common/images/sp/header/myj/ico_menu_2_2.png) no-repeat right center; background-size: 60px; /*    margin-top:5px;*/ }
  .header_top2 .accordion_target_hidden { display: none; width: 100%; -moz-box-shadow: 0 3px 3px #ccc; -webkit-box-shadow: 0 3px 3px #ccc; }
  .header_top2 h1 { margin-bottom: 0; }
  .header_top2 nav.accordion_target { overflow: hidden; margin: 0 !important; border-bottom: solid #bbbdbe 1px; width: 100%; }
  .header_top2 nav li { font-size: 14px; line-height: 3.0; cursor: pointer; width: 100%; background-color: #f6f5f5; color: #444444; /*    border-top: 1px dotted #aaaaaa;*/ display: block; /*    background: url(/sph/common/img/ico_arr_2.png) no-repeat right center #f6f5f5;*/ background-size: 22px 12px; margin-right: 10px; }
  .header_top2 nav li a { text-decoration: none; color: #444444; }
  .header_top2 nav li a:hover { text-decoration: none; color: #444444; }
  .header_top2 .top52 { position: absolute; right: 0; top: 50px; }
  .header_top2 ul.menu { position: relative; margin-bottom: 0 !important; }
  .header_top2 ul.menu p { background-color: #ffffff; }
  .header_top ul.menu a { text-decoration: none; color: #444444; }
  .header_top2 ul.menu a:hover { text-decoration: none; color: #444444; }
  /* #header_v5 */
  #header_v5 { box-sizing: border-box; display: -webkit-box; display: -moz-box; display: box; width: 100%; }
  #header_v5 p { /*    margin-left:15px;*/ }
  #header_v5 #searchBtn { cursor: pointer; position: absolute; right: 120px; border-left: 1px solid #bbbdbe; height: 50px; }
  /** .balloon **/
  #header_v5 .balloon { display: none; }
  #header_v5 .balloon p:first-child { position: absolute; top: 43px; margin-left: -38px; text-align: right; z-index: 12; right: 80px; }
  #header_v5 .balloon .searchType1 { position: absolute; top: 62px; left: 2%; box-sizing: border-box; width: 96%; padding: 15px; border: 3px solid #ffffff; background-color: #cccccc; z-index: 11; }
  /* .searchType1 */
  #header_v5 .balloon .searchType1 { position: absolute; top: 62px; left: 2%; box-sizing: border-box; width: 96%; padding: 15px; border: 2px solid #999999; /*    -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;*/ background-color: #ffffff; z-index: 11; }
  /* #header_v5 .balloon .searchType1{ position:absolute; top:62px; left:2%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:96%; padding:15px; border:2px solid #999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#ffffff; z-index:11; } */
  #header_v5 .balloon .searchType1 { position: absolute; top: 49px; left: 0%; box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #bbbbbb; /*    -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;*/ background-color: #ffffff; z-index: 11; }
  .tcolor_normal { color: #e83416 !important; }
  .tcolor_white { color: #ffffff !important; }
  .tcolor_tv { color: #e30077 !important; }
  .tcolor_net { color: #0080cc !important; }
  .tcolor_phone { color: #07a33e !important; }
  .width_max { width: 100%; }
  .width_25per { width: 25%; }
  .width_25 { width: 25%; }
  .bg_white { background-color: #ffffff; }
  h1 .h1_title { margin-top: 0px; padding: 10px 3px 10px 10px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); border-bottom: 1px solid #bbbdbe; background-size: 100%; font-weight: bold; color: #444; }
  h1 .h1_title_apply1 { margin-top: 0px; padding: 10px 3px 10px 10px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#ffad33), to(#ff9933)); border-bottom: 1px solid #ff9933; background-size: 100%; background-color: #ff9933; color: #ffffff; font-weight: bold; }
  h1 .h1_title_apply2 { margin-top: 0px; padding: 10px 3px 10px 10px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#a8d161), to(#98c057)); border-bottom: 1px solid #98c057; background-size: 100%; background-color: #98c057; color: #ffffff; font-weight: bold; }
  /* ============================================================ ■TOP ヘッダー　追加 140123 ============================================================ */
  /** ヘッダーナビゲーション押下後表示されるサブメニューのスタイルです。 */
  #headerSubNavigation { display: none; }
  .scroll-locked, .scroll-locked body, .scroll-locked #wrap { height: 100%; overflow: hidden; padding: 0 !important; }
  /**ヘッダー**/
  .myjhederparts { width: 100%; margin: 0 auto; position: relative; }
  .myjhederparts a:link, .myjhederparts a:hover, .myjhederparts a:visited, .myjhederparts a:active { color: #666; }
  .myjhederparts p { text-align: center; }
  .hedercenter { padding-top: 15px; }
  .myjheder_inner li a { display: block; }
  .myjheder_inner li.rightparts { position: absolute; right: 8px; top: 7px; }
  .myjheder_inner li.rightpartsv2 { position: absolute; right: 55px; top: 18px; color: #333; font-size: 13px; font-weight: bold; }
  .header_top4 img { width: 115px; }
  .header_top2 .toggle2 .arr1 { background-image: url(/shared/common/images/sp/header/myj/ico_menu_2_3.png); }
  #gNavWrap { display: none; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: -100%; z-index: 100; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
  #gNavInner { display: inline-block; width: 90%; padding: 60px 0 0; min-height: 100%; background-color: #fff; box-sizing: border-box; position: relative; }
  #gNav { width: 100%; box-sizing: border-box; }
  #gNavBackground { display: none; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 50; }
  .header_top2 .toggle2 { font-size: 14px; line-height: 1.4; width: 60px; position: absolute; top: 0; height: 50px; }
  .header_top2 .toggle .arr2 { display: block; background: url(/shared/common/images/sp/header/myj/ico_arr_3_2.png) no-repeat right center; background-size: 30px 12px; }
  .header_top2 .gNavSwitch { z-index: 150; }
  .header_top3 .toggle2 .arr2 { display: block; background: url(/shared/common/images/sp/header/myj/header_bt03.png) no-repeat right center; background-size: 37px; }
  /**テキストリンク**/
  /**<通常バージョン>**/
  .textLink_v1 { display: block; text-align: right; position: relative; padding-right: 19px; color: #225383; }
  .textLink_v1 a { color: #225383; font-size: 13px; font-weight: 400; font-family: 'Noto Sans JP'; }
  .textLinkarrow::after { position: absolute; text-align: right; content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #e83416; border-right: 1px solid #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 19%; right: 1%; }
  /**<通常バージョン>**/
  /**トップカルーセル**/
  #top .swiper-wrapper img { width: 100%; }
  #top .promotion5 .pagination, #top .promotion6 .pagination { margin-top: 10px; margin-bottom: 0px; }
  #top .swiper-pagination-bullet { width: 8px; height: 8px; }
  #top .swiper-pagination-bullet-active { background: #666; }
  #top .swiper-button-prev, #top .swiper-button-next { width: 30px; height: 100%; top: 0; margin-top: 0; background-size: 17px auto; }
  #top .swiper-button-prev { left: 0; }
  #top .swiper-button-next { right: 0; }
  /**NEWフッター**/
  .footerbtn { display: block; position: relative; }
  .istopRe { background: #cccccc; color: #FFF; font-size: 13px; font-weight: 700; font-family: 'Noto Sans JP'; text-align: center; }
  .footerlist { text-align: center; padding: 15px 0 15px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
  .isPrivacy { color: #333333; font-size: 13px; font-weight: 700; font-family: 'Noto Sans JP'; text-align: center; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: none; border-right: none; border-radius: 0px; padding: 10px 0 10px 0; -webkit-border-radius: 0px; }
  .copyZaq { width: 20px; top: 10%; left: 75%; }
  .footerlistSide { display: table; table-layout: fixed; width: 100%; }
  .footerlistSide li { display: inline-block; vertical-align: middle; }
  .footerlistSide li.rightTxt { margin-left: 20px; margin-top: 15px; width: 65%; }
  .footerrightTxt { font-size: 10px; padding-left: 5px; color: #225383; }
  .footerlistSide li a { display: block; width: 100%; padding: 10px 0 20px; }
  .flushCenter { max-width: 100px; margin: 0 auto; text-align: center; background: #cccccc; }
  .flushLeft { display: inline-block; text-align: left; margin-right: 150px; font-size: 10px; }
  #underMenu .btnMenu01 a { vertical-align: top; position: relative; font-weight: bold; }
  #underMenu .btnMenu01 a.btn01 { text-align: center; float: left; display: inline-block; border: 1px solid #CCC; border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; width: 48.5%; height: 60px; background: #FFF; font-size: 13px; text-decoration: none; padding-top: 21px; margin-bottom: 10px; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); }
  #underMenu .btnMenu01 a.btn01:nth-child(even) { text-align: center; float: right; border: 1px solid #CCC; border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; width: 48.5%; height: 60px; background: #FFF; font-size: 13px; text-decoration: none; padding-top: 21px; margin-bottom: 10px; margin-left: 1%; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); }
  #underMenu .btnMenu01 a.btn01:last-child { text-align: center; display: inline-block; border: 1px solid #CCC; border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; width: 48.5%; height: 60px; background: #FFF; font-size: 13px; text-decoration: none; padding-top: 21px; margin-bottom: 0px; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); }
  #underMenu .btnMenu01 a.btn02 { text-align: center; display: inline-block; border: 1px solid #CCC; border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; width: 48%; height: 60px; background: #FFF; font-size: 13px; text-decoration: none; padding-top: 14px; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); }
  #underMenu p { display: inline-block; text-align: left; }
  .btnTrianglev01::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid #e83416; border-right: 2px solid #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; left: 90%; bottom: 24px; }
  .btnTrianglev02::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid #e83416; border-right: 2px solid #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; left: 90%; bottom: 25px; }
  sup { font-size: 30%; font-weight: normal; }
  .nonLink { pointer-events: none; }
  .btnTypeaco_v1 { height: 60px; line-height: 60px; width: 100%; text-align: left; padding: 0px 10px 0px 10px; background: url(/shared/common/images/sp/header/aco/img_acomark_cl.png) 95% center no-repeat; background-size: 20px 20px; background-color: #FFF; border-top: 1px solid #cccccc; box-sizing: border-box; }
  .accordion_target_hidden .btnTypeaco_v1 { height:45px; line-height:45px; width:100%; text-align:left; padding:0px 10px 0px 40px; background:url(/shared/common/images/sp/header/aco/img_acomark_cl.png) 95% center no-repeat; -webkit-background-size:20px 20px; background-size:20px 20px; background-color: #FFF; border-top: none; border-bottom:1px solid #cccccc; box-sizing:border-box; }
  .sListinner a[class^="btnsList"].sizeS { height:45px !important; line-height:45px !important; }
  .accordion_target_hidden .btnTypeaco_v1.active { height:45px; line-height:45px; width:100%; text-align:left; padding:0px 10px 0px 40px; background:url(/shared/common/images/sp/header/aco/img_acomark02_op.png) 95% center no-repeat; -webkit-background-size:20px 20px; background-size:20px 20px; background-color: #ffffff; border-top: none; box-sizing:border-box; color: #333; font-weight: normal; }
  .btnTypeaco_v1 p.gnaviTitle { vertical-align: middle; }
  .btnTypeaco_v1.active { height: 60px; line-height: 60px; width: 100%; text-align: left; padding: 0px 10px 0px 10px; background: url(/shared/common/images/sp/header/aco/img_acomark_op.png) 95% center no-repeat; background-size: 20px 20px; background-color: #e5e5e5; border-top: 1px solid #cccccc; box-sizing: border-box; color: #e83416; font-weight: bold; }
  .gnaviTitle { font-size: 13px; }
  .stitle { font-size: 14px; font-weight: bold; }
  .sListinner { background: #fff; /*letter-spacing: -0.4em; font-size: 0;*/ }
  .sListinner a { font-size: 1.3rem; }
  .sListinner2 { background: #fff; letter-spacing: -0.4em; }
  .sListinner a.btnsList01 { letter-spacing: normal; display: block; height: 60px; line-height: 60px; width: 100%; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 14px; font-weight: bold; padding: 0px 0 0 25px; position: relative; background: #FFF; }
  .accordion_target_hidden .accordion_target_hidden > .sList .sListinner a.btnsList01 { height:45px !important; line-height:45px !important; padding:0px 10px 0px 55px !important; font-weight: normal !important; font-size: 13px; }
  .sListinner_myj a.btnsListmyj { letter-spacing: normal; display: block; height: 60px; line-height: 60px; width: 100%; box-sizing: border-box; font-size: 14px; font-weight: bold; padding: 0px 0 0 10px; position: relative; border-top: 1px solid #CCC; background: #FFF; }
  .sListinner a.btnsList02 { letter-spacing: normal; display: block; height: 60px; line-height: 60px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; padding: 0px 0 0 40px; position: relative; }
  .sListinner a.btnsList02.bb { letter-spacing: normal; border-bottom: 1px solid #CCC !important; }
  .sListinner a.btnsList02:nth-child(even) { letter-spacing: normal; display: block; height: 60px; line-height: 60px; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0 0 40px; border-bottom: 1px solid #CCC; }
  .sListinner a.btnsList02:last-child(2) { letter-spacing: normal; display: block; height: 60px; line-height: 60px; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0 0 10px; border-bottom: none; }
  .sListinner a.btnsList02:last-child { letter-spacing: normal; display: block; height: 60px; line-height: 60px; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0 0 40px; }
  .boderBoxr:last-child .sListinner a.btnsList02{ padding:0px 0 0 55px; }
  .sListinner a.btnsList02.tdrLink { padding: 15px 0 15px 25px; height: auto; line-height: 1.5; }
  .sListinner a.btnsList02.tdrLink .logo { box-sizing: border-box; display: table; width: 100%; padding-right: 20px;}
  .sListinner a.btnsList02.tdrLink .logo > span { display: table-cell; width: 50%; vertical-align: middle; text-align: left; line-height: 1.9; }
  .sListinner a.btnsList02.tdrLink .logo > span:first-child { padding-right: 10px; text-align: right; }
  .sListinner a.btnsList02.tdrLink .logo img { width: 110px; height: auto; }
  .sListinner a.btnsList02.tdrLink .text { padding-right: 25px; font-size: 12px; text-align: center }
  .sListinner a.btnsList02.tdrLink .text sup { font-size: 16px; font-weight: normal; top:0; }
  .sListinner a.btnsList02.tdrLink .pt_p { margin-top: 10px; padding-right: 25px; }
  .sListinner a.btnsList02.tdrLink .pt_p > p { padding: 6px; border: 1px solid #ccc; border-radius: 8px; font-weight: bold; text-align: center; }
  .accordion_target_hidden .accordion_target_hidden .sListinner a.btnsList02 { height:45px !important; line-height:45px !important; padding:0px 10px 0px 70px; }
  .sListinner a.btnsList03 { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; float: left; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 20px 0px 0 10px; position: relative; }
  .sListinner a.btnsList03:nth-child(even) { letter-spacing: normal; display: inline-block; height: 60px; width: 50%; float: right; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; border-left: #CCC 1px solid; font-size: 13px; padding: 20px 0px 0 0px; }
  .sListinner a.btnsList03:nth-last-child(2) { letter-spacing: normal; display: inline-block; height: 60px; width: 50%; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; border-right: none; padding: 20px 0px 0 10px; }
  .sListinner a.btnsList03:last-child { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; border-right: #CCC 1px solid; padding: 20px 0px 0 10px; }
  #gNav .sListinner a.btnsList04{ letter-spacing:normal; display: -webkit-box; display: -webkit-flex; display: flex; height:60px; width:50%; line-height:1.5; float: left; border-bottom:1px solid #cccccc; background: #FFF; box-sizing:border-box; font-size:13px; padding:0px 0px 0 10px; position: relative; align-items: center; }
  .sListinner a.btnsList04:nth-last-child(2){ letter-spacing:normal; display: inline-block; height:60px; line-height:60px; width:50%; border-bottom:1px solid #cccccc; background: #FFF; box-sizing:border-box; font-size:13px; border-right: none; padding:0px 0px 0 10px; }
  .sListinner a.btnsList04:nth-child(11){ letter-spacing:normal; display: inline-block; height:60px; line-height:19px; width:50%; border-bottom:1px solid #cccccc; background: #FFF; box-sizing:border-box; font-size:13px; border-right: none; padding:11px 0px 0 10px; }
  #gNav .sListinner a.btnsList04:nth-child(even){ letter-spacing:normal; display: table; height:60px; line-height: 1.5; width:50%; float:right; border-bottom:1px solid #cccccc; background: #FFF; box-sizing:border-box; border-left:#cccccc 1px solid; font-size:13px; padding:0px 20px 0 10px; }
  #gNav .sListinner a.btnsList04:nth-child(even) > p { display: table-cell; vertical-align: middle; }
  .sListinner a.btnsList04:nth-last-child(2){ letter-spacing:normal; display: inline-block; height:60px; line-height:60px; width:50%; border-bottom: none; background: #FFF; box-sizing:border-box; font-size:13px; padding:0px 0px 0 10px; }
  .sListinner a.btnsList04:last-child{ letter-spacing:normal; display: inline-block; height:60px; line-height:60px; width:50%; border-bottom: none; background: #FFF; box-sizing:border-box; font-size:13px; border-right:#cccccc 1px solid; padding:0px 0px 0 10px; }
  .sListinner a.btnsList04:nth-child(odd) { padding:0px 0px 0 25px !important; }
  .sListinner a.btnsList05{ letter-spacing:normal; display:block; height:60px; background: #FFF; border-bottom:1px solid #cccccc; box-sizing:border-box; font-size:13px; padding:20px 0 0 40px; position: relative; }
  .sListinner a.btnsList05 { letter-spacing: normal; display: block; height: 60px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; padding: 20px 0 0 10px; position: relative; }
  .sListinner a.btnsList05.iconType { padding:0 0 0 25px !important; line-height:60px; }
  .sListinner a.btnsList05.iconType img { margin-right: 10px; vertical-align: middle; }
  .bb { border-bottom: 1px solid #CCC !important; }
  .bt { border-top: 1px solid #CCC !important; }
  .sListinner a.btnsList05:nth-child(even) { letter-spacing: normal; display: block; height: 60px; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 20px 0 0 40px; border-bottom: 1px solid #CCC; }
  .sListinner a.btnsList05:last-child(2) { letter-spacing: normal; display: block; height: 60px; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 20px 0 0 10px; border-bottom: none; }
  .sListinner a.btnsList05:last-child { letter-spacing: normal; display: block; height: 60px; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 20px 0 0 40px; }
  .sListinner a.btnsList06 { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; float: left; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 14px 0px 0 0px; position: relative; }
  .sListinner a.btnsList06:nth-child(even) { letter-spacing: normal; display: inline-block; height: 60px; width: 50%; float: right; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; border-left: #CCC 1px solid; font-size: 13px; padding: 14px 0px 0 0px; }
  .sListinner a.btnsList06:nth-last-child(2) { letter-spacing: normal; display: inline-block; height: 60px; width: 50%; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; border-right: none; padding: 14px 0px 0 0px; }
  .sListinner a.btnsList06:last-child { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; border-right: #CCC 1px solid; padding: 14px 0px 0 0px; }
  .sListinner a.btnsList07 { letter-spacing: normal; display: block; height: 110px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; padding: 20px 0 0 0px; text-align: center; position: relative; }
  .sListinner a.btnsList08 { letter-spacing: normal; display: inline-block; height: 60px; width: 50%; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 15px 0px 0 10px; position: relative; }
  .sListinner a.btnsList08:nth-child(2) { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; float: right; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0px 0 10px; position: relative; border-left: 1px solid #CCC; }
  .sListinner a.btnsList09 { letter-spacing: normal; display: block; height: 110px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; padding: 13px 0 0 0px; text-align: center; position: relative; }
  .sListinner a.btnsList10 { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0px 0 10px; position: relative; }
  .sListinner a.btnsList10:nth-child(2) { letter-spacing: normal; display: inline-block; height: 60px; line-height: 60px; width: 50%; float: right; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 0px 0px 0 10px; position: relative; border-left: 1px solid #CCC; }
  .sListinner a.btnsList11 { letter-spacing: normal; display: block; height: 110px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; padding: 35px 0 0 0px; text-align: center; position: relative; }
  .sListinner a.btnsList11:last-child { letter-spacing: normal; display: block; height: 110px; background: #FFF; border-bottom: none; box-sizing: border-box; font-size: 13px; padding: 15px 0 0 0px; text-align: center; position: relative; }
  .sListinner a.btnsListplan { letter-spacing: normal; display: block; height: 140px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; position: relative; text-align: center; font-weight: bold; padding: 12px 0px 0 0px; }
  .sListinner a.btnsListplan:nth-child(5) { letter-spacing: normal; display: block; height: 140px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 13px; position: relative; text-align: center; font-weight: bold; padding: 24px 0px 0 0px; }
  .sListinner a.btnsListplan:last-child { letter-spacing: normal; display: block; height: 140px; background: #FFF; border-bottom: none; box-sizing: border-box; font-size: 13px; position: relative; text-align: center; font-weight: bold; padding: 40px 0px 0 0px; }
  a.btnsListplan p img { width: 55%; }
  .sListinner a.btnsListcamp { letter-spacing: normal; display: block; height: 90px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 28px 24px 28px 30px; position: relative; }
  .sListinner a.btnsListcamp:nth-child(5) { letter-spacing: normal; display: block; height: 90px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 20px 0 0px 36px; position: relative; }
  .sListinner a.btnsListcamp:nth-child(n+7) { letter-spacing: normal; display: block; height: 60px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 20px 0 0px 40px; position: relative; }
  .sListinner a.btnsListcamp:nth-child(8) { letter-spacing: normal; display: block; height: 60px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 13px 0 0px 40px; position: relative; }
  .sListinner a.btnsListcamp:last-child { letter-spacing: normal; display: block; height: 60px; border-bottom: none; background: #FFF; box-sizing: border-box; font-size: 13px; padding: 20px 0 0px 40px; }
  a.btnsListcamp p.campImg { width: 40%; }
  a.btnsListcamp:nth-child(5) p.campImg { width: 35%; }
  a.btnsListcamp img { width: 90%; }
  a.btnsListcamp p { display: inline-block; vertical-align: middle; font-size: 13px; /*font-weight: bold;*/ }
  a.btnsList01 p img { width: 50%; }
  a.btnsList02 p img { width: 60%; }
  a.btnsList03 p img { width: 90%; }
  a.btnsList05 p img { width: 50%; }
  a.btnsList06 p img { width: 100%; }
  .btnsTriangle::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 24px; }
  .tdrLink .btnsTriangle::after { margin-top: -4px; bottom: 50%; }
  .btnsTriangle_v2::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 24px; }
  .btnsTriangle_v3::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 60px; }
  .btnsTriangle_v4::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 38px; }
  .btnsTriangle_v5::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 25px; }
  .btnsTriangle_v6::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 42px; }
  .btnsTriangle_v7::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 50px; }
  .btnsTriangle_v8::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 45px; }
  .btnsTriangle_v9::after { content: ""; display: block; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid  #e83416; border-right: 2px solid  #e83416; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: 15px; bottom: 44px; }
  .accordion_target_hidden .accordion_target_hidden .btnsTriangle::after,
  .sizeS .btnsTriangle::after { bottom: 18px; }

  .Entryaco01 { letter-spacing: normal; font-size: 14px; font-weight: bold; padding: 10px 10px 10px 40px; color: #ff5600; }
  .Changeaco01 { letter-spacing: normal; font-size: 14px; font-weight: bold; padding: 10px 10px 10px 40px; color: #5e9600; }
  /****/
  .sListinner2 a.btnsListcamp { letter-spacing: normal; display: block; height: 90px; background: #FFF; border-bottom: 1px solid #CCC; box-sizing: border-box; padding: 28px 0 28px 10px; position: relative; } }

/*----------------------------------------
/簡易ヘッダー（ロゴ・メニュー・バナー）※PCのみ
-----------------------------------------*/
.header__special { background: #fff; padding-top: 0; border-bottom: 1px solid #dcdcdc; height: 86px; width: 100%; }

.header__special .header_inner { margin: auto; position: relative; width: 950px; }

.header__special .header_logo { left: 0pt; position: absolute; top: 21px; }

.header__special .header_nav { position: absolute; left: 160px; top: 20px; width: 500px; }

.header__special .header_nav li { background: url(/shared/common/images/ico_arrow_005.png) no-repeat left center transparent; color: #777777; float: left; font-size: 1.1rem; margin-left: 9px; padding-left: 9px; margin-bottom: 7px; }

.header__special .header_bnr { right: 0pt; position: absolute; top: 7px; }

/*----------------------------------------
/シンプルヘッダー（ロゴのみ）
-----------------------------------------*/
.header__simple { background: #fff; padding-top: 0; border-bottom: 1px solid #dcdcdc; }

.header__simple .header_inner { padding: 20px 0; max-width: 960px; margin: 0 auto; }

@media screen and (max-width: 767px) { .header__simple { background: #fff; padding: 15px 10px; }
  .header__simple:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .header__simple .header_logo { width: 120px; height: 20px; }
  .header__simple .header_logo img { max-height: 100%; } }

@media screen and (max-width: 767px) { header { background: none; padding-top: 0; }
  .header__tv { background: none; padding-top: 0; }
  .header_gguide { text-align: right; padding: 0 10px; }
  .header_gguide img { width: 70px; } }

/*----------------------------------------
/20180109追記_2018年用ヘッダー調整用
-----------------------------------------*/
.jcom_common_navi_top .jcom_common_navi_top_link{padding: 12px 0 0;}
.jcom_common_navi_top .icon_inline{top: -2px;}
.jcom_common_navi_top .user_site_utility li a{padding:10px;}

/* =========================================================
◆ローカルナビ
========================================================= */
/* =========================================================
◆dirPath
========================================================= */
.dirpath { width: 960px; margin: 0 auto; font-size: 1.1rem; padding: 5px 0; }

.dirpath li { display: inline-block; position: relative; margin-right: 20px; }

.dirpath li:after { content: ">"; position: absolute; display: block; top: 0; right: -15px; }

.dirpath li:last-child:after { display: none; }

.dirpath li.is-current { font-weight: bold; }

.dirpath__tv { position: relative; padding-right: 100px; }

.dirpath__tv:before { content: ""; background: url(/shared/common/images/logo_g-guide.png) right center no-repeat; background-size: 88px auto; display: block; position: absolute; right: 10px; top: 2px; width: 88px; height: 20px; }

@media screen and (max-width: 767px) { .dirpath { display: none; } }

/* =========================================================
◆pagetop
========================================================= */
.pagetop { position: fixed; bottom: 50px; right: 20px; z-index: 10000; }

.pagetop a { display: block; width: 50px; height: 50px; background: url(/shared/common/svg/70.svg) center center no-repeat; text-indent: -9999px; }

@media screen and (max-width: 767px) { .pagetop { position: fixed; bottom: 30px; right: 10px; z-index: 10000; }
  .pagetop a { display: block; width: 38px; height: 38px; background: url(/shared/common/svg/70.svg) center center no-repeat; background-size: 100% auto; text-indent: -9999px; } }

/* =========================================================
◆footer
========================================================= */
.footer { padding-top: 50px; margin: 0 auto; position: relative; background: #fff; }

/* foot-top
-------------------------------- */
.foot-top { border-bottom: 1px solid #ccc; margin-bottom: 20px; }

.foot-top-inner { width: 960px; margin: 0 auto; padding-bottom: 5px; position: relative; }

.foot-top-inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.foot-top-list-a { float: left; }

.foot-top-list-a li { float: left; margin: 0 15px 0 0; padding: 0 0 0 10px; font-weight: bold; background: url(/shared/common/images/ico_arrow_005.png) no-repeat 0 0.2em; font-weight: bold; }

.foot-top-list-b { float: right; margin: 0 0 0 20px; }

.foot-top-list-b li { float: left; margin: 0 10px 0 20px; padding: 0 0 0 10px; background: url(/shared/common/images/ico_arrow_005.png) no-repeat 0 0.2em; }

/* foot-main-nav
-------------------------------- */
.foot-main-nav { width: 960px; margin: 0 auto 22px; }

.foot-main-nav:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.foot-main-nav-item { float: left; width: 240px; padding-right: 10px; }

.foot-main-nav-item .main-list li { margin-bottom: 10px; }

.foot-main-nav-item .main-list em { display: block; padding: 0 0 0 10px; background: url(/shared/common/images/ico_arrow_005.png) no-repeat 0 0.2em; font-weight: bold; font-style: normal; }

.foot-main-nav-item .sub-list { padding-left: 10px; padding-top: 5px; margin-bottom: 15px; }

.foot-main-nav-item .sub-list li { margin-bottom: 10px; font-size: 1rem; }

.foot-main-nav-item .sub-list em { display: block; padding: 0; background: none; font-weight: bold; font-style: normal; }

/* foot-btm
-------------------------------- */
.foot-btm { clear: both; border-top: 1px solid #ff5105; line-height: 1; }

.foot-btm-inner { width: 960px; margin: 0 auto; position: relative; }

.foot-logo { position: absolute; right: 0; top: -32px; }

.foot-copy { padding: 15px 0; clear: both; text-align: right; color: #626262; font-size: 1rem; line-height: 1.8; }

/* Footer Banner
-------------------------------- */
#footerBanner { position: absolute; width: 200px; margin-top: -60px; padding-left: 20px; }

#footerBanner .figureContainer { margin: 0; }

#footerBanner .figureContainer .figureLeft { margin: 0 10px 0 0; font-size: 0; vertical-align: bottom; }

#footerBanner .figureContainer .noFloat { line-height: 1.5; }

.footer__simple .foot-top { margin-bottom: 0; }

.footer__simple .foot-btm { border-top: none; }

@media screen and (max-width: 767px) { .footer { position: relative; padding-top: 40px; line-height: 1.5; margin: 0 auto; }
  .foot-top { background: #eee; border-top: 1px solid #fff; padding: 15px 15px 1px; border-bottom: none; margin-bottom: 0; }
  .foot-top-inner { width: 100%; padding-bottom: 0; }
  .foot-top-list-a { float: none; }
  .foot-top-list-a li { margin-bottom: 20px; background: url(/shared/common/svg/69.svg) left 0.3em no-repeat; padding-left: 15px; font-weight: normal; float: none; }
  .foot-btm { background: #fff; padding: 15px; border-top: none; line-height: 1.5; }
  .foot-btm-inner { width: 100%; }
  .foot-btm-list-a:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .foot-btm-list-a li { margin-bottom: 10px; background: url(/shared/common/svg/69.svg) left 0.3em no-repeat; padding-left: 15px; float: left; width: 49%; margin-right: 2%; }
  .foot-btm-list-a li:nth-child(2n) { margin-right: 0; }
  .foot-img { text-align: center; margin-bottom: 15px; }
  .foot-copy { text-align: right; font-size: 1.0rem; color: #3f3f3f; line-height: 1.5; padding: 0; } }



