body, input, select, textarea {letter-spacing: .08em;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} a:active, a:hover, a:link, a:visited {text-decoration: none;} a, a:hover {color: #000;} .clearfix, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} .gothicFont, body, input, select, textarea {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} #header, #wrapper #innerWrapper #ctTop #ctArea, body, html {width: 100%;} #header #mainNav ul li a, .bold, .postTitle, h2, h3, h4, h5, strong {font-weight: 600;} .slick-dots, ol, ul {list-style: none;} .slick-arrow, .slick-dots li, a {cursor: pointer;} a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;border: 0;} blockquote, q {quotes: none;} blockquote:after, blockquote:before, q:after, q:before {content: "";content: none;} table {border-spacing: 0;border-collapse: collapse;} body {font-size: 14px;line-height: 1.8;overflow-x: hidden;color: #333;background-color: #fff;-webkit-text-size-adjust: none;font-feature-settings: "palt";} html {overscroll-behavior: none;} html.no-scroll {overflow-y: hidden;width: 100%;height: 100%;} input, select, textarea {font-size: 100%;} a {outline: 0;} .clearfix:after {font-size: .1em;display: block;visibility: hidden;clear: both;height: 0;content: ".";} * html .clearfix {height: 1%;} #header.headerFix #headArea .monsterLogo .monster1, .preloadArea {display: none;} #loading {position: fixed;z-index: 1000;top: 50%;left: 50%;width: 64px;margin: -11px 0 0 -32px;opacity: 1;} .blue, .green, .red {margin-top: 30px !important;padding: 20px !important;} img {vertical-align: bottom;max-width: 100%;height: auto;} .minchoFont {font-family: YuMincho,"Yu Mincho",serif;} .green {background-color: #edf5ea;} .red {background-color: #ffedf4;} .blue {background-color: #e7f7fd;} #header, #wrapper {background: #feeb60;} #wrapper #innerWrapper {top: 0;} #wrapper #innerWrapper #ctArea {width: 1080px;margin: 0 auto;padding-top: 170px;} #wrapper.distance #innerWrapper #ctArea {padding-top: 40px;} #header {position: absolute;z-index: 5;padding-top: 0;} #header.fix, #header.hide.headerFix {position: fixed;transition: all .7s;} #header.hide {top: -160px;} #header.headerFix {box-shadow: 0 2px 3px rgba(0,0,0,.4);} #header.headerFix #headArea {height: 55px;padding: 3px 0 2px;-ms-flex-pack: center;justify-content: center;} #header.headerFix #headArea .logo {width: 290px;margin: 3px 0 0 36px;-ms-flex-order: 2;order: 2;} #header.headerFix #headArea .monsterLogo {-ms-flex-order: 1;order: 1;} #header.headerFix #headArea .monsterLogo .monster2 {display: block;width: 73px;} #header.headerFix #headArea .title {display: none !important;} #header.headerFix #mainNav {border: 2px solid #fff;border-top: none;} #header.headerFix #mainNav ul {height: 30px;-ms-flex-pack: distribute;justify-content: space-around;} #header.headerFix #mainNav ul li a {font-size: 15px;padding: 3px 0;} #header.headerFix #mainNav ul li:last-child .contact {padding: 3px 0 2px;} #header.headerFix #mainNav ul li:last-child .contactList {height: 64px;} #header.headerFix #mainNav ul li:last-child .contactList li a {font-size: 14px;padding: 3px 0 3px 20px;} #header.fix {top: -1px;padding: 0;} #header #headArea {display: -ms-flexbox;display: flex;max-width: 1220px;height: 96px;margin: 0 auto;padding-top: 4px;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;} #header #headArea .logo {width: 400px;margin-left: 50px;} #header #headArea .logo a {display: block;} #header #headArea .logo a .logoSp, #header #headArea .logo a span {display: none;} #header #headArea .monsterLogo .monster1 {display: block;width: 155px;} #header #headArea .monsterLogo .monster2 {display: none;} #header #headArea .title {width: 456px;margin: 4px 10px 0 0;} #header #mainNav {width: 100%;border-bottom: 6px solid #e5e5e5;background: #fff;} #header #mainNav ul {display: -ms-flexbox;display: flex;max-width: 1080px;height: 46px;margin: 0 auto;-ms-flex-pack: justify;justify-content: space-between;} #header #mainNav ul li a {font-size: 16px;display: block;padding: 9px 0;} #header #mainNav ul li a.news {color: #036eb8;} #header #mainNav ul li a.tantou {color: #096d1c;} #header #mainNav ul li a.senpai {color: #8e0000;} #header #mainNav ul li a.jiji {color: #ed1e79;} #header #mainNav ul li a.syukatsu {color: #9063b7;} #header #mainNav ul li a.contact {color: #9f9f9f;} #header #mainNav ul li:last-child {position: relative;} #header #mainNav ul li:last-child .contact {width: 184px;padding: 9px 0;text-align: center;background: #f7f5f5;} #header #mainNav ul li:last-child .contactList {position: absolute;display: block;visibility: hidden;width: 184px;height: 76px;transition: all .3s;opacity: 0;background: #f7f5f5;} #header #mainNav ul li:last-child .contactList li a {display: block;padding: 4px 0 4px 15px;color: #767676;border-top: 1px solid #e5e5e5;} #header #mainNav ul li:last-child .contactList li:last-child {border-bottom: 1px solid #e5e5e5;} #header #mainNav ul li:last-child:hover .contactList {visibility: visible;opacity: 1;} footer {width: 1080px;margin: 40px auto;} .socialBtns.withContact, footer .menuList {margin-bottom: 40px;} footer .menuList {font-size: 12px;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;} footer .menuList li a {display: block;text-decoration: underline;color: #144eac;} footer .otherLogo {position: absolute;display: -ms-flexbox;display: flex;-ms-flex-pack: left;justify-content: left;-ms-flex-align: center;align-items: center;} footer .otherLogo .newsweb {width: 192px;margin-right: 15px;} footer .otherLogo .syukatsu {width: 128px;} footer .otherLogo .howto {width: 250px;} footer .otherLogo img {margin-top: 0;} footer .socialBtns {-ms-flex-pack: end;justify-content: flex-end;} footer .tweetArea {display: -ms-flexbox;display: flex;margin-top: 10px;-ms-flex-align: end;align-items: flex-end;} footer .tweetArea .tweetLink {display: -ms-flexbox;display: flex;box-sizing: border-box;width: 293px;padding: 7px 10px;background-color: #fff;-ms-flex-align: center;align-items: center;} footer .tweetArea .tweetLink figure {width: 32px;margin-right: 10px;} footer .tweetArea .tweetLink .textArea {line-height: 1.3;width: calc(100% - 42px);color: #144eac;} footer .tweetArea .tweetLink .textArea .tweetText {font-size: 15px;color: #1d9bf0;} footer .tweetArea .note {font-size: 12px;padding-left: 12px;color: #707070;} .socialBtns {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;} .socialBtns li {width: 32px;margin-top: 3px;margin-left: 6px;} .nhk-snsbtn {margin-bottom: 0 !important;} .modaal-inner-wrapper {box-sizing: border-box;padding: 0 !important;} .wp-caption {width: 716px !important;} .pcOnly {display: block !important;} .spOnly {display: none !important;} .box {position: relative;box-sizing: border-box;padding: 10px 13px 16px;border-radius: 5px;background: #fff;} .leadTitle {margin: 20px auto;} .leadTitle.jiji, .leadTitle.tantou {width: 453px;} .leadTitle.senpai {width: 405px;margin-bottom: 8px !important;} .leadTitle.news {width: 137px;margin: 10px auto 8px;} .leadTitle.latestBlock {width: 169px;} .postTitle {font-size: 24px;line-height: 32px;display: block;margin: 10px 0 5px;padding-bottom: 10px 0;text-align: center;border-bottom: 2px solid #a3a3a3;} .postTitle.noline {margin-top: 80px;border-bottom: none;} .link {display: -ms-flexbox;display: flex;margin-top: 12px;text-decoration: none;-ms-flex-pack: end;justify-content: flex-end;} .link a {font-size: 16px;display: block;padding: 0 27px 0 15px;color: #fff;border-radius: 25px;background: url("../images/common/arr_left2.png") right 7px center no-repeat #fd7f01;background-size: 14px;} .modaal-container {width: 40%;} .modaal-container .modaal-content-container {padding: 15px 20px 30px;} .modaal-container .modaal-close {position: absolute;top: -15px;right: -12px;width: 30px;height: 30px;outline: 0;background: #000;} .modaal-container .modaal-close:after, .modaal-container .modaal-close:before {top: 4px;left: 14px;width: 2px;height: 22px;border-radius: 4px;} .detailsBox, .videoBox {width: 100%;} .modaal-container .modaal-close:hover:after, .modaal-container .modaal-close:hover:before {background: #fff;} .videoBox {position: relative;height: 0;margin: 40px 0 30px;padding: 0 0 56.25%;} .videoBox iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;} .detailsBox .twoColBlock {display: -ms-flexbox;display: flex;margin-bottom: 20px;} .detailsBox .twoColBlock .imgBlock {width: 146px;margin-right: 15px;} .detailsBox .twoColBlock .textBlock {width: 280px;} .detailsBox .twoColBlock .textBlock .title {font-weight: 600;margin-bottom: 0;} .detailsBox .twoColBlock .textBlock .text {font-size: 18px;} .slick-list {padding-top: 19px;} .slick-arrow {font-size: 0;line-height: 0;position: absolute;z-index: 1;top: 37%;display: block;width: 30px;height: 50px;padding: 0;transform: translate(0,-50%);color: transparent;border: none;outline: 0;background: rgba(178,178,178,.8);} .slick-prev {left: 0;} .slick-prev:before {content: "❮";} .slick-next {right: 0;} .slick-next:before {content: "❯";} .slick-next:before, .slick-prev:before {font-size: 20px;line-height: 1;color: #fff;} .slick-dots {display: block;width: 100%;margin: 10px 0 0;padding: 0;text-align: center;} .slick-dots li {position: relative;display: inline-block;margin: 0 4px;padding: 0;} .slick-dots li button {width: 10px;height: 10px;padding: 0;cursor: pointer;color: transparent;border: 0;border: 2px solid #fff;border-radius: 50%;outline: 0;background: 0 0;box-shadow: 0 0 0 1px #7f7f7f;} .slick-dots li button:focus, .slick-dots li button:hover {outline: 0;} .slick-dots li button:focus:before, .slick-dots li button:hover:before {opacity: 1;} .slick-dots li.slick-active button {background-color: #333;} .newsIcon01 {position: absolute;top: -19px;width: 61px;} .newsIcon02 {display: inline-block;width: 46px;margin-right: 4px;} .newsIcon02 img {vertical-align: middle;} .attentionBlock {margin-top: 50px;} .attentionBlock .attentionList {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .attentionBlock .attentionList li {margin-bottom: 10px;margin-left: 10px;} .attentionBlock .attentionList li:first-child {margin-left: 0;} .attentionBlock .attentionList li a {font-size: 13px;font-weight: 400;display: block;padding: 0 5px;color: #7b7b7b;border: 1px solid #7b7b7b;border-radius: 4px;} .newsList li a, .newsList li div {font-weight: 600;padding-left: 15px;} .articleList .articleInner dl:last-child, .articleList .articleInner dl:nth-last-child(2), .newsTitle {border-bottom: 1px solid #d6d6d6;} .newsLeadTitle {font-size: 28px;} .newsList li a, .newsList li div, .newsTitle {font-size: 18px;display: block;} .newsTitle {margin: 2px 0 5px;padding-bottom: 5px;} .newsList li {padding-top: 13px;} .newsList li a {text-decoration: underline;color: #036eb8;background: url("../images/common/arr_left.png") left 11px no-repeat;background-size: 10px auto;} .newsList li div {background: url("../images/common/arr_left.png") left 11px no-repeat;background-size: 10px auto;} .newsList.gray a {text-decoration: none;color: #333;} .newsList.gray a span {font-size: 14px;font-weight: 400;display: block;} .threeCol ul {display: -ms-flexbox;display: flex;margin-bottom: 12px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .threeCol ul li {position: relative;width: 352px;margin: 0 0 12px 10px;text-align: center;border-radius: 5px;background: #fff;} .threeCol ul li:first-child, .threeCol ul li:nth-child(3n+1) {margin-left: 0;} .threeCol ul li a {display: block;} .threeCol ul li figure {display: block;width: 328px;margin: 12px 12px 0;} .threeCol ul li figure figcaption {font-size: 13px;margin: 7px 0;text-align: left;color: #333;} .threeCol ul li figure figcaption span {font-size: 18px;font-weight: 600;line-height: 1.3;} .threeCol ul li figure figcaption span.date {font-size: 14px;font-weight: 400;} .threeCol ul li figure figcaption p {font-size: 16px;font-weight: 600;} .threeCol ul li dl {font-size: 13px;font-size: 18px;line-height: 1.5;margin: 0 12px 15px;text-align: left;color: #333;} .threeCol ul li dl dt {font-weight: 600;margin: 8px 0 3px;} .threeCol ul li:nth-child(3n+3) {margin-bottom: 12px;} .threeCol .newsIcon01 {position: absolute;top: -7px;left: 12px;width: 61px;} .threeCol.haveIcon ul li {padding-bottom: 40px;} .threeCol.haveIcon ul li dl dd {position: absolute;bottom: 10px;display: -ms-flexbox;display: flex;width: 94%;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: end;align-items: flex-end;} .threeCol.haveIcon ul li dl dd span {font-size: 13px;} .threeCol.haveIcon ul li dl dd span.digest, .threeCol.haveIcon ul li dl dd span.icon1 {width: 154px;margin-bottom: 3px;} .threeCol.haveIcon ul li dl dd span.icon2, .threeCol.haveIcon ul li dl dd span.oha_biz {width: 48px;margin-bottom: 0;} .threeCol.haveIcon ul li dl dd span.icon3, .threeCol.haveIcon ul li dl dd span.sekaima {width: 72px;margin-bottom: -2px;} .threeCol.haveIcon ul li dl dd span.gendai, .threeCol.haveIcon ul li dl dd span.icon4 {width: 82px;margin-bottom: 3px;} .threeCol.haveIcon ul li dl dd span.icon5, .threeCol.haveIcon ul li dl dd span.kaisetsu {width: 167px;margin-bottom: -4px;} .threeCol.haveIcon ul li dl dd span.icon6, .threeCol.haveIcon ul li dl dd span.nhk_news_web {width: 178px;margin-bottom: 3px;} .threeCol.haveIcon ul li dl dd span.icon7, .threeCol.haveIcon ul li dl dd span.sakusakukeizai {width: 160px;margin-bottom: 3px;} .threeCol.haveIcon ul li dl dd span.kokusaihoudou {width: 48px;margin-bottom: 0;} .threeCol.haveIcon ul li dl dd span.nw9 {width: 70px;margin-bottom: 0;} .threeCol.haveIcon ul li dl dd span.ohayou {width: 125px;margin-bottom: 3px;} .breadcrumbs {display: -ms-flexbox;display: flex;margin: 0 0 15px 15px;-ms-flex-flow: wrap;flex-flow: wrap;} .breadcrumbs li {font-size: 12px;} .breadcrumbs li span {color: #4d4d4d;} .breadcrumbs li a {position: relative;padding-right: 16px;text-decoration: underline;color: #144eac;} .breadcrumbs li a:after {position: absolute;top: -4px;right: 1px;display: block;width: 10px;content: ">";color: #4d4d4d;} .breadcrumbs li:last-child a:after, .ctNewsDetail .detailListBlog:before {content: "";} .breadcrumbs li a span {color: #144eac;} .returnTop {width: 180px;margin: 0 auto;} .returnTop a {display: block;margin: 42px 0;padding: 7px 0;text-align: center;border: 1px solid #d6d6d6;border-radius: 5px;background: #fff;} .articleList.box {padding: 14px !important;} .articleList h3 {font-size: 18px;padding: 0 0 10px;text-align: center;color: #333;} .articleList .articleInner {display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap;-ms-flex-pack: justify;justify-content: space-between;} .articleList .articleInner dl {display: -ms-flexbox;display: flex;width: 48.5%;padding: 10px 0;border-top: 1px solid #d6d6d6;} .articleList .articleInner dl dt {width: 30%;} .articleList .articleInner dl dd {box-sizing: border-box;width: 70%;padding-left: 10px;} .articleList .articleInner dl dd .label {font-size: 12px;line-height: 1.6;display: inline-block;margin-bottom: 5px;padding: 0 5px;color: #fff;border-radius: 3px;} .articleList .articleInner dl dd .label.news {background-color: #036eb8;} .articleList .articleInner dl dd .label.tantou {background-color: #096d1c;} .articleList .articleInner dl dd .label.senpai {background-color: #951111;} .articleList .articleInner dl dd .label.jiji {background-color: #ed1e79;} .articleList .articleInner dl dd .label.syukatsu {background-color: #976dbb;} .articleList .articleInner dl dd .label.howto {background-color: #777;} .articleList .articleInner dl dd .name {font-size: 18px;font-weight: 600;line-height: 1.5;} .articleList .articleInner dl dd .date {font-size: 13px;margin-top: 3px;} .articleList #rankingArea .articleInner dl dd {margin-top: -4px;} .pageHeading {box-sizing: border-box;margin: 0 auto 25px;padding: 10px;border-radius: 5px;background: #fff;} .pageHeading span {display: block;margin: 0 auto;} .pageHeading span.tantou {width: 453px;} .pageHeading span.senpai {width: 405px;} .pageHeading span.jiji {width: 385px;} .pageHeading span.howto {width: 132px;} .pageHeading.newListTitle {margin-bottom: 20px;background: 0 0;} .pageHeading.newListTitle span {margin-top: 5px;} .pageHeading.newListTitle span.tantou {width: 408px;} .pageHeading.newListTitle span.senpai {width: 364px;} .pageHeading.newListTitle span.jiji {width: 385px;margin-top: 0;} .ctNewsDetail .detailTitle01 {font-size: 18px;padding-top: 25px;} .ctNewsDetail .deitalIntroduction {font-size: 17px;font-weight: 600;margin-top: 20px;} .ctNewsDetail .detailBlueBox {margin: 35px 0 60px;padding: 20px;background-color: #edf5ea;} .ctNewsDetail .detailBlueBox p {font-size: 16px;font-weight: 600;margin-top: 12px;} .ctNewsDetail .detailBlueBox p:first-child {margin: 0;} .ctNewsDetail .detailBlueBox p span {display: inline-block;text-decoration: underline;} .ctNewsDetail .detailListBlog {margin-bottom: 65px;word-break: break-all;} .ctNewsDetail .detailListBlog a {color: #036eb8;} .ctNewsDetail .detailListBlog:before {display: block;visibility: hidden;height: 89px;margin: -89px 0 0;} .ctNewsDetail .detailListBlog h3.normal, .ctNewsDetail .detailListBlog h3.numTitle:not(:first-child), .ctNewsDetail .detailListBlog h4.normal, .ctNewsDetail .detailListBlog h4.numTitle:not(:first-child) {margin-top: 65px;} .ctNewsDetail .detailListBlog h3, .ctNewsDetail .detailListBlog h4 {font-size: 24px;display: -ms-flexbox;display: flex;-ms-flex-align: baseline;align-items: baseline;} .ctNewsDetail .detailListBlog h3.normal img, .ctNewsDetail .detailListBlog h4.normal img {vertical-align: middle;} .ctNewsDetail .detailListBlog h3 span, .ctNewsDetail .detailListBlog h4 span {display: inline-block;width: 36px;padding-right: 12px;} .ctNewsDetail .detailListBlog div {font-size: 16px;padding-top: 30px;} .ctNewsDetail .detailListBlog div em, .ctNewsDetail .detailListBlog div span {font-weight: 600;font-style: normal;background: linear-gradient(transparent 80%,rgba(252,164,100,.8) 0);} .ctNewsDetail .detailListBlog .detailImg {margin-top: 50px;} .ctNewsDetail .detailListBlog .detailImg img {width: 100%;height: auto;} .ctNewsDetail .detailListBlog .detailImg figcaption {font-size: 13px;padding-top: 8px;} .ctNewsDetail .detailListBlog.last {margin-bottom: 90px;} .ctNewsDetail .detailListBlog.last h4 figure {width: 56px;} .ctNewsDetail .detailPost01 {margin: 45px 0 20px;padding: 25px 26px 5px !important;background-color: #ededed;} .ctNewsDetail .detailPost01.bgWhite {padding: 0;background-color: #fff;} .ctNewsDetail .detailPost01.bgWhite .detailTitle {margin-bottom: 20px;} .ctNewsDetail .detailPost01.bgWhite .articleList.box {padding: 0 !important;} .ctNewsDetail .detailPost01 .detailTitle {font-size: 18px;font-weight: 700;margin-bottom: 5px;text-align: center;color: #36383e;} .ctNewsDetail .detailPost01 .articleList .articleInner {width: 100%;padding-top: 0;} .ctNewsDetail .detailPost01 .articleList .articleInner dl {width: 100%;padding: 22px 0;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dt {width: 26.8%;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dt a {position: relative;display: block;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd {width: calc(100% - 26.8%);margin-top: -4px;padding-left: 20px;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .label {margin-bottom: 8px;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .label span {background: 0 0;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd a {color: #4d4d4d;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .date {font-size: 14px;color: #333;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .date .icon {display: inline-block;width: 100px;margin-left: 20px;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .date .icon img {vertical-align: middle;} .ctNewsDetail .detailPost01 .articleList .articleInner dl:nth-last-child(2) {border-bottom: none;} .ctNewsDetail .detailPost01 .articleList.box {padding: 14px 14px 3px !important;background-color: transparent;} .ctNewsDetail .detailPost02 {display: block;margin: 0 auto;} .ctNewsDetail .detailPost02 .postTitle {font-size: 20px;} .ctNewsDetail .detailPost02 .Post02 dd {padding: 5px 0;border-bottom: 1px dotted #a3a3a3;} .ctNewsDetail .detailPost02 .Post02 dd h3 a {font-size: 14px;color: #3d8fc8;} .ctNewsDetail .detailPost02 .Post02 dd p {font-size: 12px;margin-top: 5px;color: #656565;} .ctNewsDetail .box {margin-bottom: 20px;} .ctNewsDetail .box.latestIchiran .detailTitle {font-size: 24px;margin-bottom: 8px;text-align: left;color: #333;} .ctNewsDetail .box.latestIchiran .detailPost01 {margin-top: 0;} .ctNewsDetail .box.latestIchiran .detailPost01 .articleList .articleInner dl:first-child {border-top: 2px solid #d6d6d6;} .ctNewsDetail .speechBox {display: -ms-flexbox;display: flex;margin-top: 0;-ms-flex-pack: justify;justify-content: space-between;} .ctNewsDetail .speechBox figure {width: 70px;max-width: 70px;} .ctNewsDetail .speechBox figure img {display: block;} .ctNewsDetail .speechBox figure img.iconQA {border-radius: 50%;} .ctNewsDetail .speechBox figure img.flag {width: 26px;margin: 8px auto 0;border-radius: 1px;} .ctNewsDetail .speechBox .triangleBorder {position: relative;box-sizing: border-box;width: auto;max-width: 620px;padding: 10px 16px;color: #333;border: 1px solid #707070;border-radius: 5px;background: #fff;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;} .ctNewsDetail .speechBox .triangleBorder:after, .ctNewsDetail .speechBox .triangleBorder:before {position: absolute;display: block;width: 0;border-style: solid;content: "";} .ctNewsDetail .speechBox .triangleBorder:before {bottom: -20px;left: 40px;border-width: 20px 20px 0;border-color: #707070 transparent;} .ctNewsDetail .speechBox .triangleBorder:after {bottom: -13px;left: 47px;border-width: 13px 13px 0;border-color: #fff transparent;} .ctNewsDetail .speechBox .triangleBorder.left:before {top: 14px;bottom: auto;left: -18px;border-width: 9px 17px 9px 0;border-color: transparent #707070;} .ctNewsDetail .speechBox .triangleBorder.left:after {top: 15px;bottom: auto;left: -16px;border-width: 8px 16px 8px 0;border-color: transparent #fff;} .ctNewsDetail .speechBox .triangleBorder.right:before {top: 14px;right: -18px;bottom: auto;left: auto;border-width: 9px 0 9px 17px;border-color: transparent #707070;} .ctNewsDetail .speechBox .triangleBorder.right:after {top: 15px;right: -16px;bottom: auto;left: auto;border-width: 8px 0 8px 16px;border-color: transparent #fff;} .ctNewsDetail .speechBox.speechQuestion {-ms-flex-pack: start;justify-content: flex-start;} .ctNewsDetail .speechBox.speechQuestion .triangleBorder {margin-left: 22px;} .ctNewsDetail .speechBox.speechAnswer {-ms-flex-pack: end;justify-content: flex-end;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder {margin-right: 22px;} .ctNewsDetail .speechBox.speechAnswer.flagArea figure, .ctNewsDetail .speechBox.speechQuestion.flagArea figure {width: 70px;max-width: 70px;} .ctNewsDetail .speechBox.speechAnswer.nameArea figure, .ctNewsDetail .speechBox.speechQuestion.nameArea figure {width: 70px;max-width: 70px;text-align: center;} .ctNewsDetail .speechBox.speechAnswer.nameArea figure p, .ctNewsDetail .speechBox.speechQuestion.nameArea figure p {font-size: 11px !important;font-weight: 400;line-height: 1.6;margin-top: 2px;padding: 0;text-align: center;letter-spacing: 0;background: 0 0;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder, .ctNewsDetail .speechBox.speechQuestion .triangleBorder {margin-top: 0 !important;padding: 10px 16px !important;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.green, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.green {background-color: #edf5ea;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.green.left:after, .ctNewsDetail .speechBox.speechAnswer .triangleBorder.green.right:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.green.left:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.green.right:after {border-color: transparent #edf5ea;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.red, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.red {background-color: #ffedf4;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.red.left:after, .ctNewsDetail .speechBox.speechAnswer .triangleBorder.red.right:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.red.left:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.red.right:after {border-color: transparent #ffedf4;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.blue, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.blue {background-color: #e7f7fd;} .ctNewsDetail .speechBox.speechAnswer .triangleBorder.blue.left:after, .ctNewsDetail .speechBox.speechAnswer .triangleBorder.blue.right:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.blue.left:after, .ctNewsDetail .speechBox.speechQuestion .triangleBorder.blue.right:after {border-color: transparent #e7f7fd;} .detailTitle02 {font-size: 34px;line-height: 1.4;margin: 5px 0;} .detailDate {font-size: 14px;} .titileBottom {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;} .titileBottom .detailDate {display: inline-block;} .titileBottom .socialBtns {display: -ms-inline-flexbox;display: inline-flex;} #ctSyukatsu .box_list {padding-right: 0;padding-left: 0;} #ctJiji .pageHeading {position: relative;padding: 10px 0 0;} .tabArea {margin: 40px 0;-webkit-overflow-scrolling: touch;} .tabArea:before {position: absolute;top: 97px;left: 0;width: 100%;height: 5px;content: "";border-bottom: 5px solid #144eac;} .tabArea .tabs {display: -ms-flexbox;display: flex;min-width: 504px;margin: 0 auto;} .tabArea .tabs li {position: relative;float: left;width: 100px;padding-bottom: 5px;} .tabArea .tabs li.active {z-index: 1;} .tabArea .tabs li.active .dragText, .tabArea .tabs li.active a {cursor: default !important;color: #fff;border-right: none !important;background: #144eac;} .tabArea .tabs li.active .dragText:after, .tabArea .tabs li.active .dragText:before, .tabArea .tabs li.active a:after, .tabArea .tabs li.active a:before {content: "";background: #ccc;} .tabArea .tabs li.active:after, .tabArea .tabs li.active:before {content: "";z-index: 1;background: #144eac;} .tabArea .tabs li .dragText, .tabArea .tabs li a {z-index: 1;float: left;box-sizing: border-box;width: 100px;height: 100%;padding: 9px 0 6px;text-align: center;color: #000;border-right: #efefef 1px solid;border-top-left-radius: 5px;border-top-right-radius: 5px;background: #ccc;} .tabArea .tabs li .dragText span, .tabArea .tabs li a span {position: relative;z-index: 1;display: block;} .tabArea .tabs li .dragText:before, .tabArea .tabs li a:before {position: absolute;z-index: 2;bottom: 5px;left: -20px;width: 20px;height: 20px;border-radius: 5px;background: #fff;} .tabArea .tabs li .dragText:after, .tabArea .tabs li a:after {position: absolute;z-index: 2;right: -20px;bottom: 5px;width: 20px;height: 20px;border-radius: 5px;background: #fff;} .tabArea .tabs li:after, .tabArea .tabs li:before {position: absolute;bottom: 5px;width: 10px;height: 10px;background: #ccc;} .tabArea .tabs li:before {left: -10px;} .tabArea .tabs li:after {right: -10px;} .tabArea .tabs li:first-child.active a:before, .tabArea .tabs li:first-child.active p:before, .tabArea .tabs li:last-child.active .dragText:after, .tabArea .tabs li:last-child.active a:after {background: #fff;} .tabArea .tabs li:last-child .dragText, .tabArea .tabs li:last-child a {border-right: none;} .tabArea .tabs li:last-child .dragText:after, .tabArea .tabs li:last-child a:after, .tabArea .tabs li:last-child:after {content: "";} .tabArea .tabs li:first-child a:before, .tabArea .tabs li:first-child p:before, .tabArea .tabs li:first-child:before {content: "";} .tabArea .tabs li .dragText {padding: 8px 0 6px;} .tabArea .tabs li .dragText:before {left: -14px;width: 14px;height: 14px;} .tabArea .tabs li .dragText:after {right: -14px;width: 14px;height: 14px;} .mt50 {margin-top: 50px;} .mb20 {margin-bottom: 20px !important;} .mb30 {margin-bottom: 30px !important;} .mb60 {margin-bottom: 60px !important;} .bold {text-decoration: none !important;} .formArea .contactBtn {width: 64px;margin: 30px auto 50px;} .formArea form {display: block;margin-top: 30px;} .formArea form dl {margin-top: 20px;} .formArea form dl dt {margin-bottom: 7px;} .formArea form dl dd input, .formArea form dl dd select {box-sizing: border-box;width: 100%;padding: 4px 6px;} .formArea form dl dd textarea {box-sizing: border-box;width: 100%;padding: 10px;height: 140px;resize: none;} .formArea form dl dd select {padding: 4px 6px;color: #707070;background: url("../images/common/arr_down.png") 98% center no-repeat;background-size: 12px auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .formArea form dl dd select::-ms-expand {display: none;} .formArea form dl:first-child {width: 238px;} .formArea form dl:nth-child(2) {width: 155px;} .formArea form dl:nth-child(3) {width: 345px;} .formArea form .agree {margin-top: 30px;text-align: center;} .formArea form .agree a {text-decoration: underline;color: #036eb8;} .formArea form .btn {font-size: 18px;display: -ms-flexbox;display: flex;box-sizing: border-box;width: 160px;height: 40px;margin: 5px auto 35px;cursor: pointer;text-align: center;color: #36383e;border: 1px solid #a3a3a3;border-radius: 5px;outline: 0;background-color: #f0f0f0;-ms-flex-pack: center;justify-content: center;} .formArea form label {display: block;margin: 10px 0;} .formArea form label input, .formArea form label select, .formArea form label textarea {display: block;padding: 5px;outline: 0;} .formArea form label input {width: 320px;} .formArea form label input.nameWidth {width: 230px;} .formArea form label select {width: 180px;} .formArea form label textarea {width: 100%;height: 90px;} .formArea .contactNotice {margin-bottom: 50px;padding: 15px 20px;border: 1px solid #d6d6d6;border-radius: 20px;} .formArea .contactNotice a {text-decoration: underline;color: #036eb8;} .backLink {display: none;} .selectBox {margin-top: 50px;} .selectBox h4 {font-size: 18px;margin-bottom: 15px;} .selectBox .selectInner {display: inline-block;padding-left: 15px;color: #333;background: url("../images/common/arr_left.png") left center no-repeat;background-size: 10px;} .selectBox .selectInner select {font-size: 16px;font-weight: 400;font-weight: 600;width: 152px;height: 28px;padding-left: 10px;color: #707070;border-radius: 5px;background: url("../images/common/arr_down.png") 94% center no-repeat;background-size: 14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .selectBox .selectInner select::-ms-expand {display: none;} .pagination {display: -ms-flexbox;display: flex;width: 467px;height: 30px;margin: 40px auto 50px;border-radius: 1px;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;} .pagination li {padding: 0 7px;} .pagination li a {color: #707070;} .pagination li .arr {font-size: 17px;line-height: 1.7;display: block !important;text-align: center;letter-spacing: -1px;} .pagination li .arr, .pagination li .number {display: -ms-flexbox;display: flex;width: 30px;height: 30px;cursor: pointer;border: 1px solid #c8c9ca;border-radius: 1px;background-color: #fff;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;} .pagination li .arr.current, .pagination li .number.current {background-color: #e2e2e2;} .viewer {overflow: auto;overflow-y: hidden;} .viewer.no-select {cursor: move;cursor: -webkit-grab;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;} .viewer.no-select:active {cursor: move;cursor: -webkit-grabbing;} .viewer::-webkit-scrollbar {-webkit-appearance: none;} .viewer::-webkit-scrollbar:vertical {width: 11px;} .viewer::-webkit-scrollbar:horizontal {height: 11px;} .viewer::-webkit-scrollbar-thumb {border: 2px solid #fff;border-radius: 8px;background-color: rgba(0,0,0,.5);} .viewer::-webkit-scrollbar-track {border-radius: 8px;background-color: #fff;} #wrapper, #wrapper #innerWrapper {position: relative;} #wrapper #innerWrapper .ctInner {width: 716px;margin: 0 auto;} #wrapper #innerWrapper #ctTop .newsArea {width: 380px;margin-left: 36px;} #wrapper #innerWrapper #ctTop .newsArea .newsMovieTitle {font-size: 13px;display: block;margin: 5px 0 0;padding-bottom: 0;} #wrapper #innerWrapper #ctTop .newsArea .pickupNews {position: relative;width: 380px;height: 214px;margin: 2px auto 10px;padding: 0;} #wrapper #innerWrapper #ctTop .newsArea .pickupNews iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 214px;} #wrapper #innerWrapper #ctTop .newsArea .newsTitleArea {display: -ms-flexbox;display: flex;padding-bottom: 3px;border-bottom: 1px solid #d6d6d6;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-align: baseline;align-items: baseline;} #wrapper #innerWrapper #ctTop .newsArea .newsTitleArea .newsLeadTitle {font-size: 16px;min-height: 28px;margin-right: 10px;} #wrapper #innerWrapper #ctTop .newsArea .newsTitleArea .newsTitle {font-size: 14px;margin: 0;padding-bottom: 0;border: none;} #wrapper #innerWrapper #ctTop .newsArea .newsList {min-height: 174px;} #wrapper #innerWrapper #ctTop .newsArea .newsList li {line-height: 1.5;padding: 8px 0 0 7px;} #wrapper #innerWrapper #ctTop .newsArea .newsList li a {font-size: 17px;background: url("../images/common/arr_left.png") left 8px no-repeat;background-size: 10px auto;} #wrapper #innerWrapper #ctTop .newsArea figure {margin-bottom: 8px;} #wrapper #innerWrapper #ctTop .newsArea .bnr {margin: 20px 0 0;} #wrapper #innerWrapper #ctTop .mainBlock {display: -ms-flexbox;display: flex;border-radius: 5px;background: #fff;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea {width: 100%;padding-bottom: 5px;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock {font-size: 12px;display: block;min-height: 71px;margin: 20px auto 0 -10px;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .attentionList {display: inline;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .attentionList li {display: inline-block;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .attentionList li:first-child {margin-left: 10px;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList {display: inline-block;margin-left: 16px;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList li {margin-top: 0;padding: 0;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList li a {font-size: 14px;font-weight: 400;background: url("../images/common/arr_left.png") left center no-repeat;background-size: 10px auto;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList .target {display: inline-block;width: 21px;margin-left: 5px;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList .target img {margin-top: -4px;vertical-align: middle;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol {width: 1056px;margin: 10px auto;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea {font-weight: 600;width: 640px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slider01 {visibility: hidden;opacity: 0;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slider01 .slick-list {padding-top: 0;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slider01 .newsIcon01 {position: relative;top: 7px;display: inline-block;margin-right: 4px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .title01 {margin-top: 6px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .title01 a {color: #096d1c;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .leadText01 {font-size: 24px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .leadText01 a {color: #333;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slick-slide {outline: 0;opacity: .5;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slick-slide.slick-current {opacity: 1;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .bnr {width: 280px;margin: 18px auto 24px;} #wrapper #innerWrapper #ctTop .leadTitle {margin-bottom: 3px;} #wrapper #innerWrapper #ctTop .twoCol {display: -ms-flexbox;display: flex;width: 1080px;margin: 26px auto 0;-ms-flex-pack: justify;justify-content: space-between;} #wrapper #innerWrapper #ctTop .twoCol.first {min-height: 408px;} #wrapper #innerWrapper #ctTop .twoCol .link {position: absolute;right: 10px;bottom: 12px;} #wrapper #innerWrapper #ctTop .twoCol .box {padding: 10px 13px 20px;} #wrapper #innerWrapper #ctTop .twoCol .newsBox {display: none;} #wrapper #innerWrapper #ctTop .twoCol .leftCol {width: 534px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner {box-sizing: border-box;width: 534px;margin-top: 16px;padding: 11px 12px;border-radius: 4px;background: #d6d6d6;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner ul {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner ul li:first-child {font-size: 18px;font-weight: 700;padding-right: 20px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner ul li input {box-sizing: border-box;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner ul li input.searchInput {width: 371px;height: 30px;padding-left: 14px;border: none;border-top-left-radius: 6px;border-bottom-left-radius: 6px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner ul li input.btn {width: 80px;height: 30px;cursor: pointer;vertical-align: middle;border: none;background: url("../images/common/search_icon_yellow.png") right center no-repeat;background-size: 100% auto;} #wrapper #innerWrapper #ctTop .twoCol .rightCol {width: 534px;} #wrapper #innerWrapper #ctTop .twoCol .rightCol .link {margin-top: 33px;} #wrapper #innerWrapper #ctTop .twoCol .rightCol.articleList .articleInner dl {width: 100%;} #wrapper #innerWrapper #ctTop .twoCol .rightCol.articleList .articleInner dl:nth-last-child(2) {border-bottom: none !important;} #wrapper #innerWrapper #ctTop .twoCol .slide .inner {margin-right: 10px;margin-bottom: 40px;padding-right: 10px;border-right: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .imgLabel .title02, #wrapper #innerWrapper #ctTop .label dt {margin: 6px 0 2px;line-height: 1.5;font-weight: 600;} #wrapper #innerWrapper #ctTop .twoCol .slide .inner .label, #wrapper #innerWrapper #ctTop .twoCol .slide .inner .sliderImg {width: 126px;} #wrapper #innerWrapper #ctTop .label dt {font-size: 14px;} #wrapper #innerWrapper #ctTop .label dd {font-size: 12px;} #wrapper #innerWrapper #ctTop .imgLabel .leadText02 {font-size: 14px;} #wrapper #innerWrapper #ctTop .reporterBlock {margin-top: 24px;padding: 24px 0;background: #e5e5e5;} #wrapper #innerWrapper #ctTop .reporterBlock .slider03 .slick-list {padding-top: 0;} #wrapper #innerWrapper #ctTop .reporterBlock .slick-track {position: relative;height: 100%;} #wrapper #innerWrapper #ctTop .reporterBlock h2 {width: 467px;margin: 0 auto 16px;} #wrapper #innerWrapper #ctTop .reporterBlock .modalBox {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;} #wrapper #innerWrapper #ctTop .reporterBlock .modalBox li {box-sizing: border-box;width: 170px;margin-right: 10px;padding: 10px;border-radius: 5px;background: #fff;} #wrapper #innerWrapper #ctTop .reporterBlock .modalBox li .hidden {display: none;} #wrapper #innerWrapper #ctTop .newsBlock {margin-top: 26px;} #wrapper #innerWrapper #ctTop .newsBlock .articleInner {margin-top: 15px;} #wrapper #innerWrapper #ctTop .newsBlock .articleInner dl:first-child {border-top: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .newsBlock dl {font-size: 15px;display: -ms-flexbox;display: flex;padding: 12px 0;border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .newsBlock dl dt {width: 30%;} #wrapper #innerWrapper #ctTop .newsBlock dl dd {box-sizing: border-box;width: 70%;padding-left: 16px;} #wrapper #innerWrapper #ctTop .newsBlock dl dd a {font-weight: 600;} #wrapper #innerWrapper #ctTop .newsBlock dl dd .date {font-size: 14px;} #wrapper #innerWrapper #ctTop .newsBlock dl dd .date a {font-size: 12px;font-weight: 600;line-height: 1.5;display: inline-block;width: auto;margin-left: 8px;padding: 0 8px 0 10px;text-align: center;color: #e61f19;border: 1px solid #e61f19;border-radius: 25px;} #wrapper #innerWrapper #ctTop .newsBlock dl dd .date a .pcOnly {display: inline-block !important;} #wrapper #innerWrapper #ctTop .newsBlock dl dd .name {font-size: 15px;line-height: 1.4;margin-top: 3px;} #wrapper #innerWrapper #ctTop .newsBlock .link {position: initial;} #wrapper #innerWrapper #ctTop .tabArea {margin: 16px -13px 9px;} #wrapper #innerWrapper #ctTop .tabArea .tabs {margin: 0 15px;} #wrapper #innerWrapper #ctTop .tabArea .tabs li a:before {left: -14px;width: 14px;height: 14px;} #wrapper #innerWrapper #ctTop .tabArea .tabs li:last-child a:after {right: -14px;width: 14px;height: 14px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji::before {top: 169px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji li {width: 168px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji li a {font-size: 14px;line-height: 1.2;width: 168px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji li a span.textLarge {font-size: 16px;font-weight: 600;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul {display: -ms-flexbox;display: flex;margin-top: 25px;-ms-flex-wrap: wrap;flex-wrap: wrap;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li {position: relative;width: 30.5%;margin-right: 10px;margin-bottom: 25px;padding-right: 10px;border-right: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li:nth-child(3n) {margin-right: 0;padding-right: 0;border-right: none;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li figcaption span {font-size: 14px;font-weight: 600;line-height: 1.4;display: block;margin-top: 8px;padding-bottom: 20px;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li figcaption span.date {font-size: 13px;font-weight: 400;position: absolute;bottom: -20px;} #wrapper #innerWrapper #ctTantou .detailTitle01 {color: #036eb8;} #wrapper #innerWrapper #ctSenpai .detailTitle01 {color: #9063b7;} #wrapper #innerWrapper #ctJiji .detailTitle01 {color: #404884;} #wrapper #innerWrapper #ctJiji .tabArea {margin: 25px 0 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} #wrapper #innerWrapper #ctJiji .tabArea:before {top: 147px;right: 0;left: 0;width: 1080px;height: 5px;margin: 0 auto;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li, #wrapper #innerWrapper #ctJiji .tabArea .tabs li a {width: 360px;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span {display: inline;margin: 0;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a:before, #wrapper #innerWrapper #ctJiji .tabArea .tabs li.active:before, #wrapper #innerWrapper #ctJiji .tabArea .tabs li:first-child:before, #wrapper #innerWrapper #ctJiji .tabArea .tabs li:last-child a:after, #wrapper #innerWrapper #ctJiji .tabArea .tabs li:last-child:after {display: none;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span:last-child {font-size: 20px;margin-left: 5px;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li.active a {color: #fff;} #wrapper #innerWrapper #ctNews .newsBnr {margin-bottom: 16px;border-radius: 5px;background-image: linear-gradient(#fff,#036eb8);} #wrapper #innerWrapper #ctNews .newsBnr figure {width: 1056px;margin: 0 auto;padding: 12px;} #wrapper #innerWrapper #ctNews .newsBnr figure figcaption {font-size: 28px;box-sizing: border-box;padding: 12px 0 0;text-align: center;color: #fff;} #wrapper #innerWrapper #ctNews .newsSection {margin-bottom: 25px;padding: 20px 0 65px;border-radius: 5px;background: #fff;} #wrapper #innerWrapper #ctNews .newsSection .pickupNews {position: relative;width: 100%;height: 0;padding: 0 0 56.25%;} #wrapper #innerWrapper #ctNews .newsSection .pickupNews iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;} #wrapper #innerWrapper #ctNews .newsSection .newsMovieTitle {font-size: 18px;display: block;margin: 25px 0 15px;padding-bottom: 0;} #wrapper #innerWrapper #ctNews .newsSection .innerSection {margin: 40px 0 100px;} #wrapper #innerWrapper #ctNews .newsSection .innerSection .newsLeadTitle {border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctNews .newsSection .innerSection:first-child {margin: 0;} #wrapper #innerWrapper #ctNews .newsSection .twoCol {display: -ms-flexbox;display: flex;padding: 24px 0 0;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .rightBlock {width: calc(100% - 24.6%);} #wrapper #innerWrapper #ctNews .newsSection .twoCol .rightBlock .title a {font-size: 18px;font-weight: 600;line-height: 1.5;display: block;text-decoration: underline;color: #036eb8;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .rightBlock .text {font-size: 14px;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .bnrImg {width: 24.6%;min-height: 96px;margin-right: 20px;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .listText {width: 73%;} #wrapper #innerWrapper #ctNews .newsList li a {font-weight: 400;} #wrapper #innerWrapper #ctNews .newsList .target {display: inline-block;width: 21px;margin-left: 5px;} #wrapper #innerWrapper #ctNews .newsList .target img {margin-top: -4px;vertical-align: middle;} #wrapper #innerWrapper #ctSyukatsu h2 {margin: 30px 0 25px;} #wrapper #innerWrapper #ctSyukatsu h2 span {display: block;width: 253px;margin: 0 auto 35px;} #wrapper #innerWrapper #ctSyukatsu .tabArea {margin: 18px -13px 16px;} #wrapper #innerWrapper #ctSyukatsu .tabArea::before {top: 158px;} #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs {width: 1000px;} #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs li, #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs li a {width: 143px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl {width: 100%;padding: 20px 0;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt {position: relative;width: 25%;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt .newsIcon01 {top: -23px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd {width: 75%;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd .name a {color: #036eb8;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd .date {font-size: 14px;margin-top: 0;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd .date a {font-size: 12px;font-weight: 600;line-height: 1.5;display: inline-block;width: auto;margin-left: 8px;padding: 0 8px 0 10px;text-align: center;color: #e61f19;border: 1px solid #e61f19;border-radius: 25px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol {margin-top: 40px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul {display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li {position: relative;width: 340px;margin-bottom: 18px;margin-left: 35px;padding: 0 0 10px;border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li:first-child, #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li:nth-child(2n+1) {margin-left: 0;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li figcaption {font-size: 14px;margin-top: 10px;color: #333;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li figcaption span {font-size: 18px;font-weight: 600;line-height: 1;color: #036eb8;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail h2 {border-bottom: none;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail #rankingArea .articleInner dl {width: 48.5%;border-top: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail #rankingArea .articleInner dl:nth-last-child(2) {border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail #rankingArea .articleInner dl dt {width: 30%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail #rankingArea .articleInner dl dd {box-sizing: border-box;width: 70%;padding-left: 10px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog {margin: 35px 0 75px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailImg {margin-bottom: 15px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailImg img {width: 100%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailDate .titleLink {font-size: 11px;display: inline-block;padding: 0 12px;color: #fff;border-radius: 5px;background: #0071bc;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailDate .titleLink.red {margin-top: 0 !important;padding: 0 12px 0 27px !important;background: url("../images/syukatsu/arr.png") 13px center no-repeat red;background-size: 7px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailDate .linkArr img {width: 17px;padding: 0 4px 0 14px;vertical-align: middle;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText {font-size: 16px;margin: 30px auto 75px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText em {font-weight: 600;font-style: normal;background: linear-gradient(transparent 80%,rgba(252,164,100,.8) 0);} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText .videoBox {position: relative;width: 100%;height: 0;margin: 40px 0 30px;padding: 0 0 56.25%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText .videoBox iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText img {width: 100%;height: auto;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText a {color: #036eb8;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText p {font-size: 16px;padding-top: 30px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText p:first-of-type {padding-top: 0;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText .wp-caption-text {font-size: 13px;padding-top: 8px;text-align: center;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .listTitle {font-size: 24px;margin: 45px 0 5px;padding-bottom: 10px;border-bottom: 2px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .selectBox {margin: 50px auto;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .detailPost01 {padding: 0;background-color: #ededed;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .detailPost01 .detailTitle {font-size: 18px !important;font-weight: 700;margin-bottom: 5px;text-align: center;color: #36383e;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .detailPost01.bgWhite {background-color: #fff;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .detailPost01.bgWhite .detailTitle {margin-bottom: 20px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl {width: 100%;padding: 20px 0;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dt {position: relative;width: 26.3%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd {width: 80%;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd .label {font-size: 12px;line-height: 1.6;display: inline-block;margin-bottom: 5px;padding: 0 5px;color: #fff;border-radius: 3px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd .name {font-size: 18px;font-weight: 600;line-height: 1.5;padding-top: 0;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd .name a {color: #333;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd .date {font-size: 13px;margin-top: 3px;padding: 0;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl dd .date a {font-size: 12px;font-weight: 600;line-height: 1.5;display: inline-block;width: auto;margin-left: 8px;padding: 0 8px 0 10px;text-align: center;color: #e61f19;border: 1px solid #e61f19;border-radius: 25px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl:nth-last-child(1) {border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList .articleInner dl:nth-last-child(2) {border-bottom: none;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList.ctInner dl:first-child {border-top: none;} #wrapper #innerWrapper #ctContact.complete .box {height: 80vh;padding: 80px 12px;} #wrapper #innerWrapper #ctContact.complete .box .link {margin-top: 50px;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;} #wrapper #innerWrapper #ctContact.complete .box .link a {font-weight: 600;padding: 0 0 0 13px;color: #036eb8;background: url("../images/common/arr_left.png") left center no-repeat;background-size: 10px;} #wrapper #innerWrapper #ctContact .completeText {font-size: 20px;font-weight: 600;text-align: center;} #wrapper #innerWrapper #ctSearch .searchForm {margin: 40px 0 30px;} #wrapper #innerWrapper #ctSearch .searchForm ul {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;} #wrapper #innerWrapper #ctSearch .searchForm ul li:first-child {font-size: 18px;font-weight: 600;width: 51px;padding-right: 12px;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;} #wrapper #innerWrapper #ctSearch .searchForm ul li:nth-child(2) {width: 61.5%;} #wrapper #innerWrapper #ctSearch .searchForm ul li:nth-child(3) {width: 80px;} #wrapper #innerWrapper #ctSearch .searchForm ul li input {box-sizing: border-box;} #wrapper #innerWrapper #ctSearch .searchForm ul li input.searchInput {font-size: 16px;width: 100%;height: 30px;padding: 0 10px;border: none;border: 1px solid #b0b0b5;border-right: none;border-top-left-radius: 6px;border-bottom-left-radius: 6px;} #wrapper #innerWrapper #ctSearch .searchForm ul li input.btn {width: 100%;height: 30px;cursor: pointer;vertical-align: middle;border: none;border: 1px solid #b0b0b5;border-left: none;border-top-right-radius: 6px;border-bottom-right-radius: 6px;background: url("../images/common/search_icon_yellow.png") right center no-repeat;background-size: 100% auto;} #wrapper #innerWrapper #ctSearch .searchBlog {margin-bottom: 40px;} #wrapper #innerWrapper #ctSearch .searchBlog h1, #wrapper #innerWrapper #ctSearch .searchBlog h2 {font-size: 20px;margin-bottom: 14px;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li {padding: 14px 0;border-bottom: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li:first-child {border-top: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a {font-size: 18px;color: #036eb8;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a .title {font-size: 18px;font-weight: 600;text-decoration: underline;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a .title .highlight {font-size: 18px;font-weight: 600;display: inline-block;text-decoration: underline;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a .text {line-height: 1.5;margin-top: 3px;color: #333;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a .text .highlight {font-size: 14px;font-weight: 400;display: inline-block;} #wrapper #innerWrapper #ctSearch .searchBlog .newsList.gray li a .url {word-break: break-all;} #wrapper #innerWrapper #ctHowto .pageHeading {position: relative;padding: 23px 0 0;} #wrapper #innerWrapper #ctHowto .tabArea {position: relative;margin: 32px 0 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} #wrapper #innerWrapper #ctHowto .tabArea:before {top: 35px;right: 0;left: 0;width: 1080px;height: 5px;margin: 0 auto;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li {width: 360px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a {width: 360px;padding: 9px 0 6px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a span {display: inline;margin: 0;color: #4d4d4d;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a:before, #wrapper #innerWrapper #ctHowto .tabArea .tabs li.active:before, #wrapper #innerWrapper #ctHowto .tabArea .tabs li:first-child:before, #wrapper #innerWrapper #ctHowto .tabArea .tabs li:last-child a:after, #wrapper #innerWrapper #ctHowto .tabArea .tabs li:last-child:after {display: none;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li.active span {color: #fff;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dt {font-size: 17px;font-weight: 700;line-height: 1.4;color: #333;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd .date {font-size: 14px;color: #333;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd .btn {width: 100px;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd .btn img {vertical-align: inherit;} #wrapper #innerWrapper #ctHowto .howtoEbook, #wrapper #innerWrapper #ctHowto .howtoMovie {display: -ms-flexbox;display: flex;margin-bottom: 12px;padding: 30px;border-radius: 4px;background: #fff;} #wrapper #innerWrapper #ctHowto .howtoEbook .videoBox, #wrapper #innerWrapper #ctHowto .howtoMovie .videoBox {position: relative;width: 100%;height: 0;margin: 0;padding: 0 0 56.25%;} #wrapper #innerWrapper #ctHowto .howtoEbook .imgCol, #wrapper #innerWrapper #ctHowto .howtoMovie .imgCol {position: relative;} #wrapper #innerWrapper #ctHowto .howtoEbook .imgCol figure, #wrapper #innerWrapper #ctHowto .howtoMovie .imgCol figure {width: 600px;margin-right: 30px;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol {width: calc(100% - 630px);} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .title, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .title {font-size: 20px;font-weight: 700;padding-bottom: 4px;color: #036eb8;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .title a, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .title a {color: #036eb8;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .dateArea, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .dateArea {display: -ms-flexbox;display: flex;padding-bottom: 6px;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .dateArea .btn, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .dateArea .btn {width: 100px;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .dateArea .btn img, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .dateArea .btn img {vertical-align: middle;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .description p, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .description p {margin-bottom: 20px;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .description p:last-child, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .description p:last-child {margin-bottom: 0;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .digitalBook, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .digitalBook {display: inline-block;width: auto;margin: 25px 0 0;padding-top: 0;background: #fff;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .digitalBook a, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .digitalBook a {font-size: 20px;display: block;padding: 7px 60px 7px 88px;color: #36383e;border: 1px solid #d6d6d6;border-radius: 5px;background: url("../images/howto/icon_digitalebook.png") 60px center no-repeat;background-size: 20px auto;} #wrapper #innerWrapper #ctHowto .articleList dl dd .label {font-size: 12px;line-height: 1.6;display: inline-block;margin-bottom: 5px;padding: 0 5px;color: #fff;border-radius: 3px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .howtoTextArea {font-size: 16px;padding-top: 0;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .imgTitle {width: 131px;margin: 0 auto 20px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .digitalBook {display: inline-block;width: 100%;margin: 42px auto 0;padding-top: 0;text-align: center;background: #fff;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .digitalBook a {font-size: 20px;display: inline-block;margin: 0 auto;padding: 7px 60px 7px 88px;color: #36383e;border: 1px solid #d6d6d6;border-radius: 5px;background: url("../images/howto/icon_digitalebook.png") 60px center no-repeat;background-size: 20px auto;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box {padding-top: 22px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailImg {margin-bottom: 15px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailImg img {width: 100%;height: auto;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog {margin-bottom: 0;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog .howtoBody {margin-top: 0;padding-top: 0;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog .howtoBody p {margin-bottom: 20px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog .howtoBody p:last-child {margin-bottom: 0;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog .videoBox {position: relative;width: 100%;height: 0;margin-bottom: 0;padding: 0 0 56.25%;} @media (max-width:1080px) {body {line-height: 1.6;} .pcOnly {display: none !important;} .spOnly {display: block !important;} #nol_header {z-index: 3 !important;transition: all .9s;opacity: 1;} .no-scroll #nol_header {z-index: 0 !important;opacity: 0;} .slick-slide img {width: 100%;} .breadcrumbs {margin-left: 0;padding: 7px 12px;border-radius: 4px;background: #fff;} .breadcrumbs li {font-size: 12px;} .breadcrumbs li a:after {top: inherit;right: 1px;bottom: 6px;height: 12px;} .videoBox {margin: 25px 0 30px;} .titileBottom .socialBtns li {width: 30px;} #header {z-index: 2;background-color: #feeb60;} #header.fix {z-index: 5;} #header.transition {transform: none !important;} #header #headArea {position: relative;width: 95%;height: 109px;padding: 0;-ms-flex-pack: center;justify-content: center;} #header #headArea .logo {width: 98px;margin-left: 0;} #header #headArea .logo a .logoSp {display: block;margin-top: 2px;} #header #headArea .logo a .logoPc, #header #headArea .monsterLogo .monster2 {display: none;} #header #headArea .monsterLogo .monster1 {position: relative;bottom: -3px;width: 152px;} #header #headArea .title {width: 99px;margin: 12px 0 0;} #header #headArea #nav {position: absolute;top: 5px;right: 0;width: 22px;height: 28px;} #header #headArea #nav #menuToggle {width: 22px;height: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #header #headArea #nav #menuToggle input {position: relative;z-index: 9999;display: block;width: 24px;height: 28px;margin: 0 auto;cursor: pointer;opacity: 0;} #header #headArea #nav #menuToggle .line {position: relative;z-index: 11;top: -30px;display: block;width: 14px;height: 2px;margin: 3px auto;transform-origin: 4px 0;background: #333;} #header #headArea #nav #menuToggle .line:first-child {transform-origin: 0 0;} #header #headArea #nav #menuToggle .line:nth-last-child(3) {transform-origin: 0 100%;} #header #headArea #nav #menuToggle .text {position: relative;top: -46px;display: block;width: 22px;margin: 0 10px 3px auto;} #header #headArea #nav #menuBlock {position: fixed;z-index: 998;top: 0;right: 0;overflow-y: scroll;width: 100%;height: 100vh;list-style-type: none;transition: transform .5s cubic-bezier(.77,.2,.05,1);transform: translate(100%,0);transform-origin: 0 0;background: #feeb60;-webkit-overflow-scrolling: touch;} #header #headArea #nav #menuBlock .line {top: 63px;width: 18px;margin-right: 12px;} #header #headArea #nav #menuBlock .line:nth-child(1) {transform: rotate(45deg) translate(-4px,-8px);} #header #headArea #nav #menuBlock .line:nth-child(2) {transform: rotate(-45deg) translate(2px,-2px);} #header #headArea #nav #menuBlock .close {top: 48px;} #header #headArea #nav #menuBlock ul {padding: 48px 40px 60px;} #header #headArea #nav #menuBlock ul li {display: -ms-flexbox;display: flex;width: 85%;height: 48px;margin: 17px auto 0;padding: 0 18px;border-radius: 5px;background: #fff;-ms-flex-align: center;align-items: center;} #header #headArea #nav #menuBlock ul li:first-child {margin: 24px auto 0;padding: 0 18px;} #header #headArea #nav #menuBlock ul li:first-child a {margin-top: -4px;} #header #headArea #nav #menuBlock ul li a {font-size: 18px;font-weight: 600;display: block;width: 100%;color: #767676;} #header #headArea #nav #menuBlock ul li a.top img {width: 54px;} #header #headArea #nav #menuBlock ul li a.news img {width: 224px;} #header #headArea #nav #menuBlock ul li a.tantou img {width: 235px;} #header #headArea #nav #menuBlock ul li a.senpai img {width: 219px;} #header #headArea #nav #menuBlock ul li a.jiji img {width: 200px;} #header #headArea #nav #menuBlock ul li a.syukatsu img {width: 130px;} #header #headArea #nav #menuBlock ul li a.howto img {width: 54px;} #header #headArea #nav #menuBlock ul li a.contact img {width: 108px;} #header #headArea #nav #menuBlock ul li a img {vertical-align: middle;} #header #headArea #nav #menuBlock #searchInner {width: calc(85% - 67px);margin: 0 auto 80px;padding: 9px 14px 9px 18px;border-radius: 4px;background: #d6d6d6;} #header #headArea #nav #menuBlock #searchInner ul {display: -ms-flexbox;display: flex;padding: 0;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;} #header #headArea #nav #menuBlock #searchInner ul li {margin: 0;padding: 0;background: 0 0;} #header #headArea #nav #menuBlock #searchInner ul li input {width: 100%;opacity: 1;border: #fff;outline: 0;} .articleList .articleInner dl:nth-last-child(2), .postTitle, .postTitle.noline {border-bottom: none;} #header #headArea #nav #menuBlock #searchInner ul li:nth-child(1) {font-size: 16px;font-weight: 700;width: 38px;height: auto;padding: 0 12px 0 0;} #header #headArea #nav #menuBlock #searchInner ul li:nth-child(2) {width: calc(100% - 93px);height: 26px;} #header #headArea #nav #menuBlock #searchInner ul li:nth-child(2) .searchInput {box-sizing: border-box;height: 26px;padding-left: 8px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;background: #fff;} #header #headArea #nav #menuBlock #searchInner ul li:nth-child(3) {width: 45px;height: 26px;} #header #headArea #nav #menuBlock #searchInner ul li:nth-child(3) .btn {height: 26px;cursor: pointer;outline: 0;background: url("../images/common/search_icon_yellow_sp.png") right center no-repeat;background-size: 100% auto;} #header #headArea #menuToggle input:checked {position: fixed !important;top: 56px !important;right: 10px;} #header #headArea #menuToggle input:checked~.line {display: none !important;} #header #headArea #menuToggle input:checked~.text {display: none;} #header #headArea #menuToggle input:checked~#menuBlock {transform: scale(1,1);opacity: 1;} #header #headArea #menuToggle #menu:checked~#menu-background {position: fixed;z-index: 0;top: 0;right: 0;display: block;width: 100%;height: 100%;opacity: .4;background-color: rgba(0,0,0,.7) !important;} #header.headerFix #headArea {box-sizing: border-box;height: 52px;padding: 3px 6px 2px 4px;} #header.headerFix #headArea #nav {top: 8px;} #header.headerFix #headArea #nav #menuBlock {top: 0;} #header.headerFix #headArea .logo {width: 224px;margin: 4px 0 0 10px;} #header.headerFix #headArea .logo .logoPc {display: block;} #header.headerFix #headArea .logo .logoSp {display: none;} #header.headerFix #headArea .monsterLogo .monster2 {width: 64px;margin-left: -40px;} #header.headerFix .title {display: none !important;} .pageHeading span.tantou {width: 85%;} .pageHeading span.senpai {width: 80%;} .pageHeading span.jiji {width: 276px;} .pageHeading span.howto {width: 77px;} .pageHeading.newListTitle span.tantou {width: 80%;} .pageHeading.newListTitle span.senpai {width: 75%;} .pageHeading.newListTitle span.jiji {width: 80%;} .postTitle {font-size: 21px;} .postTitle.noline {font-size: 18px;margin-top: 50px;} .threeCol ul li {width: 49%;} .threeCol ul li dl {font-size: 16px;} .threeCol ul li dl dd, .threeCol.haveIcon ul li dl dd span {font-size: 14px;} .threeCol .newsIcon01 {left: 8px;} .threeCol.haveIcon ul li {padding-bottom: 0;} .threeCol.haveIcon ul li dl dd {position: inherit;width: auto;-ms-flex-flow: column;flex-flow: column;} .threeCol.haveIcon ul li dl dd span:first-child {-ms-flex-item-align: self-end;-ms-grid-row-align: self-end;align-self: self-end;} .threeCol.haveIcon ul li dl dd span.digest, .threeCol.haveIcon ul li dl dd span.icon1 {width: 120px;} .threeCol.haveIcon ul li dl dd span.icon2, .threeCol.haveIcon ul li dl dd span.oha_biz {width: 46px;} .threeCol.haveIcon ul li dl dd span.icon3, .threeCol.haveIcon ul li dl dd span.sekaima {width: 66px;} .threeCol.haveIcon ul li dl dd span.gendai, .threeCol.haveIcon ul li dl dd span.icon4 {width: 67px;} .threeCol.haveIcon ul li dl dd span.icon5, .threeCol.haveIcon ul li dl dd span.icon6, .threeCol.haveIcon ul li dl dd span.icon7, .threeCol.haveIcon ul li dl dd span.kaisetsu, .threeCol.haveIcon ul li dl dd span.nhk_news_web, .threeCol.haveIcon ul li dl dd span.sakusakukeizai {width: 120px;} .threeCol.haveIcon ul li dl dd span.kokusaihoudou {width: 46px;} .threeCol.haveIcon ul li dl dd span.nw9 {width: 80px;} .threeCol.haveIcon ul li dl dd span.ohayou {width: 120px;} .threeCol.haveIcon ul li dl dd span.date {font-size: 12px;margin-bottom: 10px;} .articleList .articleInner dl dt {width: 36% !important;} .articleList .articleInner dl dd {width: 64% !important;} .articleList .articleInner dl dd .name {font-size: 15px !important;} .articleList.box {padding: 14px !important;} .articleList h3 {font-size: 18px;padding: 0 0 10px;text-align: center;color: #333;} .articleList .articleInner {display: block;} .articleList .articleInner dl {width: 100%;} .formArea .contactBtn {width: 64px;margin: 20px auto 25px;} .formArea form {margin-top: 12px;} .formArea form dl {margin-top: 15px;} .formArea form dl dt {margin-bottom: 11px;} .formArea form dl:first-child {width: 80%;} .formArea form dl:nth-child(2) {width: 60%;} .formArea form dl:nth-child(3) {width: auto;} .formArea form .btn {margin: 5px auto 30px;} .formArea .contactNotice {margin-bottom: 20px;} .modaal-container {width: 70%;} .modaal-container .modaal-close {position: absolute;top: -15px;right: -15px;} .detailsBox {width: 100%;} .detailsBox .twoColBlock .textBlock {width: 170px;} .detailsBox .twoColBlock .textBlock .text {font-size: 16px;} .pagination {width: auto;height: auto;margin: 40px auto;} .pagination li {padding: 0 5px;} .pagination li .arr {font-size: 15px;line-height: 1.5;} .pagination li .arr, .pagination li .number {width: 25px;height: 25px;border-radius: 1px;} .threeCol ul {-ms-flex-pack: justify;justify-content: space-between;} .threeCol ul li {margin: 0 0 12px;} .threeCol ul li dl dt {font-size: 15px;letter-spacing: .02em;} .threeCol ul li figure {box-sizing: border-box;width: 100%;margin: 0;padding: 8px 8px 0;} .threeCol ul li figure figcaption {font-size: 15px;line-height: 1.3;} .threeCol ul li figure figcaption span {font-size: 14px;} .threeCol ul li figure figcaption span.date {font-size: 12px;} .threeCol ul li figure figcaption p {font-size: 15px;font-weight: 600;} .ctNewsDetail .detailTitle01 {font-size: 14px;padding-top: 18px;} .ctNewsDetail .detailTitle02 {font-size: 30px;line-height: 1.3;} .ctNewsDetail .detailPost02 .postTitle {font-size: 17px;border-bottom: 2px solid #a3a3a3;} .ctNewsDetail .detailDate {font-size: 13px;} .ctNewsDetail .detailBlueBox p, .ctNewsDetail .detailListBlog p {font-size: 17px;} .ctNewsDetail .detailListBlog {margin-bottom: 40px;} .ctNewsDetail .detailListBlog h3, .ctNewsDetail .detailListBlog h4 {font-size: 17px;-ms-flex-align: center;align-items: center;} .ctNewsDetail .detailListBlog h3 span, .ctNewsDetail .detailListBlog h4 span {width: 36px;} .ctNewsDetail .detailListBlog .detailImg {margin-top: 25px;} .ctNewsDetail .detailBlueBox {margin: 35px 0 25px;} .ctNewsDetail .detailBlueBox p a {display: -ms-flexbox;display: flex;} .ctNewsDetail .detailListBlog .mb60 {margin-bottom: 40px !important;} .ctNewsDetail .detailListBlog.last {margin-bottom: 78px;} .ctNewsDetail .detailPost01 {margin: 40px 0 10px;padding: 25px 0 1px !important;} .ctNewsDetail .detailPost01 .articleList.box {padding: 14px 17px 3px !important;} .ctNewsDetail .detailPost01 .articleList .articleInner dl {padding: 16px 0 !important;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd {padding-left: 10px;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .date {font-size: 11px;} .ctNewsDetail .detailPost01 .articleList .articleInner dl dd .date .icon {width: 94px;margin-left: 16px;} .ctNewsDetail .detailPost02 {margin: 0 0 35px !important;} .ctNewsDetail .speechBox .triangleBorder {width: auto;max-width: 77%;} .ctNewsDetail .speechBox figure {width: 60px;max-width: 60px;} .ctNewsDetail .speechBox figure img {display: block;} .ctNewsDetail .speechBox figure img.flag {width: 50%;} .ctNewsDetail .speechBox.speechAnswer.nameArea figure, .ctNewsDetail .speechBox.speechQuestion.nameArea figure {width: 60px;max-width: 60px;} .ctNewsDetail .speechBox.speechAnswer.nameArea figure p, .ctNewsDetail .speechBox.speechQuestion.nameArea figure p {font-size: 10px !important;} .ctNewsDetail .box.latestIchiran {padding-bottom: 0 !important;} .ctNewsDetail .box.latestIchiran .detailTitle {font-size: 21px;text-align: center;} .ctNewsDetail .box.latestIchiran .detailPost01 {padding-top: 5px !important;} .ctNewsDetail .box.latestIchiran .detailPost01 .articleList .articleInner dl:first-child {padding-top: 28px !important;} .pageHeading {margin: 0 auto 16px;} footer {display: -ms-flexbox;display: flex;width: 100%;-ms-flex-flow: column;flex-flow: column;} footer .menuList {box-sizing: border-box;width: 100%;margin-bottom: 25px;padding: 0 30px;-ms-flex-flow: wrap;flex-flow: wrap;-ms-flex-order: 1;order: 1;} footer .menuList li {box-sizing: border-box;width: 55%;} footer .menuList li:nth-of-type(1) {-ms-flex-order: 1;order: 1;} footer .menuList li:nth-of-type(2) {-ms-flex-order: 3;order: 3;} footer .menuList li:nth-of-type(3) {-ms-flex-order: 5;order: 5;} footer .menuList li:nth-of-type(4) {-ms-flex-order: 7;order: 7;} footer .menuList li:nth-of-type(5) {width: 45%;padding-left: 30px;-ms-flex-order: 2;order: 2;} footer .menuList li:nth-of-type(6) {display: block;width: 45%;padding-left: 30px;-ms-flex-order: 4;order: 4;} footer .menuList li:nth-of-type(7) {width: 45%;padding-left: 30px;-ms-flex-order: 6;order: 6;} footer .menuList li a {padding-bottom: 12px;} footer .otherLogo {position: static;margin-bottom: 25px;-ms-flex-pack: center;justify-content: center;-ms-flex-flow: wrap;flex-flow: wrap;-ms-flex-order: 2;order: 2;} footer .otherLogo .newsweb {-ms-flex-order: 2;order: 2;} footer .otherLogo .howto {width: 272px;margin-bottom: 25px;-ms-flex-order: 1;order: 1;} footer .socialBtns {-ms-flex-order: 4;order: 4;-ms-flex-pack: center;justify-content: center;} footer .tweetArea {display: block;margin: 0 0 46px;-ms-flex-order: 3;order: 3;} footer .tweetArea .tweetLink {margin: 0 auto;} footer .tweetArea .note {padding: 6px 0 0;text-align: center;} #wrapper {background-color: #feeb60;} #wrapper #innerWrapper #ctArea {width: 95%;padding-top: 109px;} #wrapper #innerWrapper .ctInner {width: 100%;} #wrapper #innerWrapper #ctTop #ctArea {position: relative;display: -ms-flexbox;display: flex;width: 95%;-ms-flex-flow: column;flex-flow: column;} #wrapper #innerWrapper #ctTop .newsBox {display: block !important;margin-top: 20px;} #wrapper #innerWrapper #ctTop .newsArea {width: 100%;margin-top: 8px;margin-left: inherit;} #wrapper #innerWrapper #ctTop .newsArea.newsAreaPC, #wrapper #innerWrapper #ctTop .newsArea.newsAreaPC .newsList, #wrapper #innerWrapper #ctTop .newsArea.newsAreaPC .newsTitleArea {display: none;} #wrapper #innerWrapper #ctTop .newsArea .newsMovieTitle {font-size: 14px;display: block;margin: 15px 0 0;padding-bottom: 0;} #wrapper #innerWrapper #ctTop .newsArea .pickupNews {position: relative;width: 100%;height: 0;margin: 5px auto 8px;padding: 0 0 56.25%;} #wrapper #innerWrapper #ctTop .newsArea .pickupNews iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;} #wrapper #innerWrapper #ctTop .newsArea figure img {width: 100%;} #wrapper #innerWrapper #ctTop .newsArea figure .label {font-size: 18px;} #wrapper #innerWrapper #ctTop .mainBlock {flex-direction: column;-ms-flex-direction: column;-ms-flex-order: 1;order: 1;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea {width: 100%;padding-bottom: 0;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock {display: none;width: 96%;margin: 30px auto 0;} #wrapper #innerWrapper #ctTop .mainBlock .mainArea .attentionBlock .newsList {margin: 7px 0 10px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol {width: 96%;margin: 0 auto;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea {width: 100%;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .slider01 .newsIcon01 {top: 3px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .leadText01 {font-size: 21px;} #wrapper #innerWrapper #ctTop .mainBlock .twoCol .bannerArea .title01 {font-size: 17px;margin-bottom: 4px;} #wrapper #innerWrapper #ctTop .twoCol {flex-direction: column;width: 100%;margin-top: 0;-ms-flex-direction: column;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(2) {-ms-flex-order: 3;order: 3;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) {-ms-flex-order: 2;order: 2;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol {display: -ms-flexbox;display: flex;-ms-flex-flow: column;flex-flow: column;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol .jijiBlock {-ms-flex-order: 2;order: 2;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol .jijiBlock .leadTitle {width: 300px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol, #wrapper #innerWrapper #ctTop .twoCol .rightCol, #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol .tabBody dl dt figure img {width: 100%;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol .newsBlock {margin-bottom: 30px;-ms-flex-order: 1;order: 1;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .leftCol .newsBlock .articleInner dl:first-child {padding-top: 0;border-top: 0;} #wrapper #innerWrapper #ctTop .twoCol:nth-child(4) .rightCol {position: absolute;bottom: 0;} #wrapper #innerWrapper #ctTop .twoCol .leftCol {margin-bottom: 20px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol .jijiBlock {margin-top: -10px;} #wrapper #innerWrapper #ctTop .twoCol .leftCol #searchInner {display: none;} #wrapper #innerWrapper #ctTop .twoCol .rightCol .link {margin-top: 12px;} #wrapper #innerWrapper #ctTop .twoCol .newsBlock dl.spOnly {display: -ms-flexbox !important;display: flex !important;} #wrapper #innerWrapper #ctTop .twoCol .newsBlock dl dt {width: 36%;} #wrapper #innerWrapper #ctTop .twoCol .newsBlock dl dd .date {letter-spacing: .02em;} #wrapper #innerWrapper #ctTop .twoCol .newsBlock dl dd .date a .pcOnly {display: none !important;} #wrapper #innerWrapper #ctTop .twoCol .slide .inner .label {width: 100%;} #wrapper #innerWrapper #ctTop .twoCol .slider02, #wrapper #innerWrapper #ctTop .twoCol .slider03, #wrapper #innerWrapper #ctTop .twoCol .slider04, #wrapper #innerWrapper #ctTop .twoCol .slider05 {position: relative;display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap;} #wrapper #innerWrapper #ctTop .twoCol .slider02 .inner, #wrapper #innerWrapper #ctTop .twoCol .slider03 .inner, #wrapper #innerWrapper #ctTop .twoCol .slider04 .inner, #wrapper #innerWrapper #ctTop .twoCol .slider05 .inner {box-sizing: border-box;width: 50%;margin: 0 0 20px;padding: 0 10px 8px 0;border-right: 0;} #wrapper #innerWrapper #ctTop .twoCol .slider02 .inner .sliderImg, #wrapper #innerWrapper #ctTop .twoCol .slider03 .inner .sliderImg, #wrapper #innerWrapper #ctTop .twoCol .slider04 .inner .sliderImg, #wrapper #innerWrapper #ctTop .twoCol .slider05 .inner .sliderImg {width: 100%;text-align: left;} #wrapper #innerWrapper #ctTop .twoCol .slider02 .inner .sliderImg img, #wrapper #innerWrapper #ctTop .twoCol .slider03 .inner .sliderImg img, #wrapper #innerWrapper #ctTop .twoCol .slider04 .inner .sliderImg img, #wrapper #innerWrapper #ctTop .twoCol .slider05 .inner .sliderImg img {width: 100%;} #wrapper #innerWrapper #ctTop .twoCol .slider02 .inner:nth-child(2n), #wrapper #innerWrapper #ctTop .twoCol .slider03 .inner:nth-child(2n), #wrapper #innerWrapper #ctTop .twoCol .slider04 .inner:nth-child(2n), #wrapper #innerWrapper #ctTop .twoCol .slider05 .inner:nth-child(2n) {padding: 0 0 0 10px;border-left: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .reporterBlock {margin: 20px 0;-ms-flex-order: 4;order: 4;} #wrapper #innerWrapper #ctTop .reporterBlock h2 {max-width: 100%;margin: 0 auto 20px;} #wrapper #innerWrapper #ctTop .reporterBlock .modalBox {padding: 0 10px;} #wrapper #innerWrapper #ctTop .newsBlock {margin-top: 20px;} #wrapper #innerWrapper #ctTop .leadTitle {margin-bottom: 3px !important;} #wrapper #innerWrapper #ctTop .leadTitle.jiji, #wrapper #innerWrapper #ctTop .leadTitle.news, #wrapper #innerWrapper #ctTop .leadTitle.senpai, #wrapper #innerWrapper #ctTop .leadTitle.tantou {max-width: 100%;} #wrapper #innerWrapper #ctTop .leadTitle.senpai, #wrapper #innerWrapper #ctTop .leadTitle.tantou {margin-bottom: 22px !important;} #wrapper #innerWrapper #ctTop .label dt {font-size: 12px;} #wrapper #innerWrapper #ctTop .label dd {font-size: 11px;} #wrapper #innerWrapper #ctTop .tabArea .tabs {width: 100%;min-width: 480px;margin: 0;} #wrapper #innerWrapper #ctTop .tabArea.topJiji {margin-bottom: 30px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji::before {top: 139px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs {min-width: 100%;} #wrapper #innerWrapper #ctHowto .tabArea .tabs, #wrapper #innerWrapper #ctJiji .tabArea .tabs {min-width: 100% !important;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs li {width: 33.33% !important;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs li a {line-height: .9;width: 100%;color: #4d4d4d;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs li a span {font-size: 11px;font-weight: 600;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs li a span.textLarge {font-size: 13px;} #wrapper #innerWrapper #ctTop .tabArea.topJiji .tabs li.active a {color: #fff;} #wrapper #innerWrapper #ctTop .tabArea:before {border: none;} #wrapper #innerWrapper #ctTop .articleList.spOnly {-ms-flex-order: 5;order: 5;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul {margin-top: 40px;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li {position: relative;box-sizing: border-box;width: 50%;margin-right: 0;margin-bottom: 25px;padding-right: 15px;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li:nth-child(3n) {margin-right: 0;padding-right: 15px;border-right: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctTop .tabBody .tab5 ul li:nth-child(2n) {padding-right: 0;padding-left: 15px;border-right: none;} #wrapper #innerWrapper #ctNews .newsBnr figure {box-sizing: border-box;width: 100%;} #wrapper #innerWrapper #ctNews .newsBnr figure figcaption {font-size: 22px;} #wrapper #innerWrapper #ctNews .newsSection {padding: 20px 10px 50px;} #wrapper #innerWrapper #ctNews .newsSection .newsMovieTitle {margin: 0 0 10px;} #wrapper #innerWrapper #ctNews .newsSection .innerSection {margin: 22px 0 60px;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .bnrImg {min-height: 44px;margin-right: 16px;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .rightBlock .title a {font-size: 15px;} #wrapper #innerWrapper #ctNews .newsSection .twoCol .rightBlock .text {font-size: 12px;} #wrapper #innerWrapper #ctSyukatsu h2 {margin: 10px 0 0;border-bottom: none;} #wrapper #innerWrapper #ctSyukatsu h2 figure {width: 200px;margin: 0 auto 10px;} #wrapper #innerWrapper #ctSyukatsu h2 span {width: 146px;margin: 0 auto 15px;} #wrapper #innerWrapper #ctSyukatsu .gray li {padding-top: 15px;} #wrapper #innerWrapper #ctSyukatsu .tabArea {overflow-x: auto;overflow-y: hidden;} #wrapper #innerWrapper #ctSyukatsu .tabArea::before {top: inherit;border: none;} #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs {width: 100%;} #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs li {width: 25%;} #wrapper #innerWrapper #ctSyukatsu .tabArea .tabs li a {width: 100%;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl {box-sizing: border-box;padding: 17px 0;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt {width: 36% !important;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt .name {font-size: 17px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt .date {font-size: 11px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt .newsIcon01 {top: -19px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dt figure img {width: 100%;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd {width: 64% !important;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .articleInner dl dd .name {font-size: 15px;letter-spacing: .04em;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol {margin-top: 30px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul {padding: 0 7px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li {box-sizing: border-box;width: 50%;margin-left: 0;padding: 0 0 0 10px;border-bottom: none;border-left: 1px solid #d6d6d6;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList #rankingArea .articleInner dl, #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li figure img {width: 100%;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li:first-child, #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li:nth-child(2n+1) {margin-left: 0;padding: 0 10px 0 0;border-left: 0;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li figcaption {font-size: 11px;} #wrapper #innerWrapper #ctSyukatsu .syukatsuBlog .twoCol ul li figcaption span {font-size: 15px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog {margin: 10px 0 50px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailTitle02 {font-size: 21px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText {margin: 20px auto 50px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText .videoBox {margin: 25px 0 30px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText p {font-size: 18px;padding-top: 25px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText .detailTitle {font-size: 18px !important;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailText img {width: 100%;height: auto;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailDate .titleLink {font-size: 11px;display: inline-block;padding: 0 6px;color: #fff;border-radius: 5px;background: #0071bc;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .syukatsuDetailBlog .detailDate .titleLink.red {margin-top: 0 !important;padding: 0 6px 0 18px !important;background: url("../images/syukatsu/arr.png") 8px center no-repeat red;background-size: 7px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .listTitle {font-size: 21px;margin: 15px 0 5px;} #wrapper #innerWrapper #ctSyukatsu .ctNewsDetail .articleList #rankingArea .articleInner dl:nth-last-child(2) {border-bottom: none;} #wrapper #innerWrapper #ctContact .postTitle.mt50 {margin: 0 !important;} #wrapper #innerWrapper #ctContact .completeText {font-size: 16px;} #wrapper #innerWrapper #ctSearch .searchForm ul li:first-child {font-size: 22px;} #wrapper #innerWrapper #ctSearch .searchForm ul li input {box-sizing: border-box;} #wrapper #innerWrapper #ctSearch .searchForm ul li input.searchInput {font-size: 16px;} .wp-caption {width: 100% !important;} #wrapper #innerWrapper .tabArea {margin: 18px 0 16px;} #wrapper #innerWrapper .tabArea::before {top: 88px;} #wrapper #innerWrapper .tabArea .tabs {width: 100%;} #wrapper #innerWrapper .tabArea .tabs li {width: 25%;margin-bottom: -6px;} #wrapper #innerWrapper #ctHowto .tabArea, #wrapper #innerWrapper #ctJiji .tabArea {margin: 15px 0 0;} #wrapper #innerWrapper .tabArea .tabs li .dragText, #wrapper #innerWrapper .tabArea .tabs li a {width: 100%;border-bottom: 5px solid #144eac;} #wrapper #innerWrapper .tabArea .tabs li:first-child .dragText:before, #wrapper #innerWrapper .tabArea .tabs li:first-child a:before, #wrapper #innerWrapper .tabArea .tabs li:first-child:before, #wrapper #innerWrapper .tabArea .tabs li:last-child .dragText:after, #wrapper #innerWrapper .tabArea .tabs li:last-child a:after, #wrapper #innerWrapper .tabArea .tabs li:last-child:after {display: none;} #wrapper #innerWrapper .tabArea .tabs li.active .dragText:after, #wrapper #innerWrapper .tabArea .tabs li.active .dragText:before, #wrapper #innerWrapper .tabArea .tabs li.active a:after, #wrapper #innerWrapper .tabArea .tabs li.active a:before, #wrapper #innerWrapper .tabArea .tabs li.active:after, #wrapper #innerWrapper .tabArea .tabs li.active:before {background: 0 0;} #wrapper #innerWrapper .tabArea.syukatsu .tabs li .dragText span, #wrapper #innerWrapper .tabArea.syukatsu .tabs li a span {font-size: 11px;} #wrapper #innerWrapper .tabArea.syukatsu .tabs li .dragText span.s10, #wrapper #innerWrapper .tabArea.syukatsu .tabs li a span.s10 {font-size: 10px;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span, #wrapper #innerWrapper .tabArea.syukatsu .tabs li .dragText span.s11, #wrapper #innerWrapper .tabArea.syukatsu .tabs li a span.s11 {font-size: 11px;} #wrapper #innerWrapper #ctJiji .tabArea::before {top: 245px;width: 95%;border-bottom: none;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li {width: 33.35% !important;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a {display: inherit;width: 100%;padding: 4px 0 0;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span:last-child {font-size: 13px;} #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span.s12 {font-size: 12px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a span, #wrapper #innerWrapper #ctJiji .tabArea .tabs li a span.s11 {font-size: 11px;} #wrapper #innerWrapper #ctHowto .pageHeading {padding: 15px 0 0;} #wrapper #innerWrapper #ctHowto .tabArea::before {top: 245px;width: 95%;border-bottom: none;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li {width: 33.35% !important;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a {display: inherit;width: 100%;padding: 8px 0 5px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a span:last-child {font-size: 14px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a span.s12 {font-size: 12px;} #wrapper #innerWrapper #ctHowto .tabArea .tabs li a span.s11 {font-size: 11px;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dt {font-size: 16px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .howtoTextArea, #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .title, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .title {font-size: 18px;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd {display: block;} #wrapper #innerWrapper #ctHowto .threeCol ul li dl dd .btn {margin-top: 10px;} #wrapper #innerWrapper #ctHowto .howtoEbook, #wrapper #innerWrapper #ctHowto .howtoMovie {display: block;padding: 10px;border-radius: 0;} #wrapper #innerWrapper #ctHowto .howtoEbook .imgCol figure, #wrapper #innerWrapper #ctHowto .howtoMovie .imgCol figure {width: 100%;margin: 0 0 12px;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol {width: 100%;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .digitalBook, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .digitalBook {width: 100%;margin: 21px auto 15px;text-align: center;} #wrapper #innerWrapper #ctHowto .howtoEbook .textCol .digitalBook a, #wrapper #innerWrapper #ctHowto .howtoMovie .textCol .digitalBook a {display: inline-block;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .imgTitle {width: 77px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .detailTitle02 {font-size: 21px;margin-bottom: 10px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .digitalBook {margin: 42px auto 0;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box {padding-bottom: 40px;} #wrapper #innerWrapper #ctHowto .ctNewsDetail .box .detailListBlog {margin-bottom: 0;}}