/* ---------------------------------------------------------------- 01. Normalize ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- HTML5 display definitions ----------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ---------------------------------------------------------------- Base ----------------------------------------------------------------- */ html { margin: 0; padding: 0; font-size: 100%; } html, button, input, select, textarea { font-family: "\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic Pro", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ", sans-serif; } body { margin: 0; padding: 0; line-height: 1.4; font-size: 81.25%; -webkit-text-size-adjust: none; } hr { display: none; } /* ---------------------------------------------------------------- Links ----------------------------------------------------------------- */ a { color: #004ba5; text-decoration: none; } a:hover, a:active { color: #339bd7; } /* ---------------------------------------------------------------- Typography ----------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; } p { margin: 0 0 10px; padding: 0; } strong { font-weight: bold; color: #cc0000; } b, em { font-style: normal; font-weight: bold; } abbr[title] { border-bottom: 1px dotted; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 76.92308%; } sub, sup { position: relative; line-height: 1; vertical-align: baseline; font-size: 76.92308%; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { margin: 0; padding: 0; } pre, code, kbd, samp { margin: 0; padding: 0; font-family: monospace, serif; } applet, object, iframe, blockquote, abbr, acronym, address, mark, pre, big, cite, code, del, dfn, ins, kbd, samp, q, s, small, strike, sub, sup, tt, var, b, u, i { margin: 0; padding: 0; font-style: normal; font-weight: normal; } /* ---------------------------------------------------------------- Lists ----------------------------------------------------------------- */ menu, ul, ol, dl { margin: 0 0 10px; padding: 0; list-style: none; } menu > :last-child, ul > :last-child, ol > :last-child, dl > :last-child { margin-bottom: 0 !important; } menu .last-child, ul .last-child, ol .last-child, dl .last-child { margin-bottom: 0 !important; } menu p, menu ul, menu ol, menu dl, menu table, ul p, ul ul, ul ol, ul dl, ul table, ol p, ol ul, ol ol, ol dl, ol table, dl p, dl ul, dl ol, dl dl, dl table { font-size: 100%; } ol { list-style: none; } dd { margin: 0; } /* ---------------------------------------------------------------- Tables ----------------------------------------------------------------- */ table { margin: 0 0 10px; padding: 0; border-collapse: collapse; border-spacing: 0; width: 100%; font-size: inherit; } table p, table ul, table ol, table dl, table table { margin-bottom: 5px; } table td > :last-child { margin-bottom: 0 !important; } /* ---------------------------------------------------------------- Embedded content ----------------------------------------------------------------- */ img { border: 0; line-height: 1; vertical-align: bottom; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } /* ---------------------------------------------------------------- Figures ----------------------------------------------------------------- */ figure { margin: 0; } /* ---------------------------------------------------------------- Forms ----------------------------------------------------------------- */ form { margin: 0; } fieldset { border: 1px solid silver; margin: 0; padding: 0; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { margin: 0; font-size: 100%; font-family: "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ", sans-serif; vertical-align: baseline; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; appearance: button; } input[type="checkbox"], input[type="radio"], select, label { cursor: pointer; } button[disabled], input[disabled], select[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; -moz-appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } select { line-height: normal; vertical-align: middle; } textarea { overflow: auto; vertical-align: top; } /* ---------------------------------------------------------------- Plugin ----------------------------------------------------------------- */ #googlemapCanvas img { max-width: none; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- 02. Layout ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- Reset ----------------------------------------------------------------- */ /* Embedded content ----------------------------------------------------------------- */ img { height: auto; } /* ---------------------------------------------------------------- base ----------------------------------------------------------------- */ body { color: black; word-break: normal; } /* #str-container ----------------------------------------------- */ #str-container { background-image: url("/common/global/images/bg-contents-01.gif"); background-repeat: repeat-x; background-position: 0 60px; } /* #str-contents ----------------------------------------------- */ #str-contents { margin: 0 auto; padding-bottom: 50px; max-width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #str-main ----------------------------------------------- */ #str-main { height: 100%; } #str-main .lyt-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #str-main .lyt-inner .block-cont { padding: 20px 30px 30px 30px; } /* .lyt-col-1 ----------------------------------------------- */ .lyt-col-1 #str-main .lyt-inner { border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } /* .lyt-col-2 ----------------------------------------------- */ .lyt-col-2 { /* .lyt-col-2 ----------------------------------------------- */ } .lyt-col-2 #str-main { float: right; width: 76.32653%; } .lyt-col-2 #str-main .lyt-inner { border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .lyt-col-2 #str-side { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 22.7551%; } /* ---------------------------------------------------------------- breadcrumbs ----------------------------------------------------------------- */ #breadcrumbs { padding: 0; } #breadcrumbs .lyt-inner { margin: 15px auto 15px; max-width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 84.61538%; } #breadcrumbs .lyt-inner ol { margin: 0; display: block; } #breadcrumbs .lyt-inner li { display: inline; margin: 0; } /* .nav-top ----------------------------------------------- */ .nav-top-pc, .nav-top-tab { display: block; margin: auto auto; max-width: 980px; padding: 3px 3px 0 3px; overflow: hidden; } .nav-top-pc p, .nav-top-tab p { display: inline-block; float: right; margin: 0; border-radius: 4px 4px 0 0; background-color: #fff; } .nav-top-pc p a, .nav-top-tab p a { background-image: url("/common/global/images/icon-arrow-01-up.png"); background-repeat: no-repeat; background-position: 15px 50%; display: block; padding: 8px 15px 8px 30px; font-size: 84.61538%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border: solid #d9d9d9; border-width: 1px 1px 0 1px; border-radius: 4px 4px 0 0; } .nav-top-tab { display: none; } /* .share ----------------------------------------------- */ .btn-share-container-02 { margin: 0 0 0 0; } .btn-share-container-02 .btn-share { display: none; } .btn-share-container-02 ul li { float: left; margin-right: 20px; } /* ---------------------------------------------------------------- Background ----------------------------------------------------------------- */ .footer-bg-sky { background-image: url("/common/global/images/str-footer/bg-footer-sky.jpg"); background-repeat: no-repeat; background-position: 50% bottom; height: 100%; } .footer-bg-train { background-image: url("/common/global/images/str-footer/bg-footer-train.png"); background-repeat: no-repeat; background-position: left bottom; } /* ---------------------------------------------------------------- Rewrite Style ----------------------------------------------------------------- */ /* Link Color ----------------------------------------------- */ #str-footer a, #str-header .utility a { color: black; } #str-footer a:hover, #str-header .utility a:hover { color: #339bd7; } #str-header .menu-lang :hover { color: #339bd7; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- header ----------------------------------------------------------------- */ #str-header .lyt-inner { margin: 0 auto; padding: 0 0 0; max-width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 60px; } #str-header #logo { position: absolute; top: 0; left: 0; } #str-header #logo img { vertical-align: top; } #str-header .utility, #str-header .menu-lang, #str-header .btn-menu { float: left; } #str-header .utility { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; padding: 20px 0 0 0; height: 100%; overflow: visible; position: relative; font-size: 84.61538%; } #str-header .utility a { color: black; } #str-header .utility li { margin: 0; float: left; } #str-header .utility .link-qa a { padding: 0 10px; border-right: dotted 1px #d9d9d9; } #str-header .utility .link-sitemap a { padding: 0 10px; } #str-header .utility .btn-menu a { display: none; font-size: 9px !important; } #str-header .menu-lang { z-index: 100; position: relative; border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); top: -5px; padding: 0; margin: 0; } #str-header .menu-lang a { padding: 0.6em 1.9em 0.6em 1em; } #str-header .menu-lang .btn-lang { display: block; background-image: url("/common/global/images/icon-arrow-03-down.png"); background-repeat: no-repeat; background-position: 90% 7px; } #str-header .menu-lang .btn-lang a { margin: 0; padding: 0.3em 1.9em 0.3em 1em; display: block; } #str-header .menu-lang .menu-lang-sub li { float: none; } #str-header .menu-lang .menu-lang-sub li a { display: block; } #str-header .menu-lang .menu-lang-sub.active { display: block !important; margin: 0 0 4px 0; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- base ----------------------------------------------------------------- */ /* #str-container ----------------------------------------------- */ @media screen and (max-width: 760px) { #str-container { background-image: url("/common/global/images/bg-contents-01.gif"); background-repeat: repeat-x; background-position: 0 44px; } } /* ---------------------------------------------------------------- header ----------------------------------------------------------------- */ @media screen and (max-width: 1020px) { #str-header .lyt-inner { margin: 0 20px; } } @media screen and (max-width: 760px) { #str-header .lyt-inner { margin: 0 0 0 10px; height: 44px; } #str-header #logo img { width: 162px; height: 44px; } #str-header .utility { float: right; padding: 0; } #str-header .utility li { float: left; } #str-header .utility .link-qa a, #str-header .utility .link-sitemap a { display: none; } #str-header .utility .btn-lang { padding: 0.3em 1.3em 0 0.4em; background-image: url("/common/global/images/icon-arrow-03-down.png"); background-repeat: no-repeat; background-position: 93% 7px; } #str-header .utility .menu-lang-sub li { border-bottom: dotted 1px #d9d9d9; } #str-header .utility .menu-lang-sub li a { padding: 1.2em 1.3em 1.2em 0.4em; } #str-header .utility .menu-lang-sub li:first-child { border-top: dotted 1px #d9d9d9; } #str-header .utility .menu-lang-sub li:last-child { border: none; } #str-header .utility .menu-lang { margin: 14px 10px 0 0; } #str-header .utility .menu-lang a { margin: 0; padding: 0 0 0.3em 0; display: block; } #str-header .utility .btn-menu { display: inline-block !important; border-left: dotted 1px #d9d9d9; overflow: hidden; height: 100%; } #str-header .utility .btn-menu a { margin: 0; display: block !important; text-align: center; padding: 25px 15px 5px 15px; position: relative; } #str-header .utility .btn-menu a:before { content: ""; display: block; width: 20px; height: 14px; overflow: hidden; position: absolute; top: 8px; left: 15px; } #str-header .utility .btn-menu a:before { background-image: url("/common/global/images/str-header/icon-menubtn.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px 14px; } } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- nav-local ----------------------------------------------------------------- */ #nav-local, #nav-toppage-list-sp { border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } #nav-local a, #nav-toppage-list-sp a { color: black; display: block; } #nav-local a:hover, #nav-toppage-list-sp a:hover { color: #339bd7; } #nav-local .parents-active a, #nav-local .child-active a, #nav-local .grand-active a, #nav-toppage-list-sp .parents-active a, #nav-toppage-list-sp .child-active a, #nav-toppage-list-sp .grand-active a { color: #339bd7; font-weight: normal; } #nav-local .parents, #nav-toppage-list-sp .parents { margin: 0; padding: 0; } #nav-local .parents li:first-child, #nav-local .parents li.parents-list:first-child, #nav-local .parents li.parents-list:first-child h2, #nav-local .parents li.parents-list:first-child span, #nav-toppage-list-sp .parents li:first-child, #nav-toppage-list-sp .parents li.parents-list:first-child, #nav-toppage-list-sp .parents li.parents-list:first-child h2, #nav-toppage-list-sp .parents li.parents-list:first-child span { border-radius: 4px 4px 0 0; } #nav-local .parents li:last-child, #nav-local .parents li.parents-list:last-child, #nav-local .parents li.parents-list:last-child h2, #nav-local .parents li.parents-list:last-child span, #nav-toppage-list-sp .parents li:last-child, #nav-toppage-list-sp .parents li.parents-list:last-child, #nav-toppage-list-sp .parents li.parents-list:last-child h2, #nav-toppage-list-sp .parents li.parents-list:last-child span { border-radius: 0 0 4px 4px; } #nav-local .parents li, #nav-toppage-list-sp .parents li { position: relative; display: block; overflow: hidden; background-image: url("/common/global/images/str-side/bg-localnav-parents.jpg"); background-repeat: repeat-x; background-position: 0 1px; } #nav-local .parents li.parents-list, #nav-toppage-list-sp .parents li.parents-list { border-bottom: dotted 1px #d9d9d9; } #nav-local .parents li h2, #nav-toppage-list-sp .parents li h2 { font-size: 100%; font-weight: normal; } #nav-local .parents li h2 span, #nav-toppage-list-sp .parents li h2 span { padding: 20px 10px 20px 65px; display: block; _zoom: 1; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nav-local .parents li h2 a, #nav-toppage-list-sp .parents li h2 a { display: block; padding-right: 10px; position: relative; } #nav-local .parents li h2 a:before, #nav-toppage-list-sp .parents li h2 a:before { content: ""; display: block; width: 0; height: 2000%; overflow: hidden; position: absolute; top: 0; left: 0; } #nav-local .parents li h2 a:before, #nav-toppage-list-sp .parents li h2 a:before { border-right: solid 5px #999999; } #nav-local .parents li h2 a:hover, #nav-toppage-list-sp .parents li h2 a:hover { display: block; background-image: url("/common/global/images/str-side/bg-localnav-parents.jpg"); background-repeat: repeat-x; background-position: 0 1px; position: relative; } #nav-local .parents li h2 a:hover:before, #nav-toppage-list-sp .parents li h2 a:hover:before { content: ""; display: block; width: 0; height: 2000%; overflow: hidden; position: absolute; top: 0; left: 0; } #nav-local .parents li h2 a:hover:before, #nav-toppage-list-sp .parents li h2 a:hover:before { border-right: solid 5px #339bd7 !important; } #nav-local .parents li h2.parents-active a, #nav-toppage-list-sp .parents li h2.parents-active a { display: block; background-image: url("/common/global/images/str-side/bg-localnav-parents-active.jpg"); background-repeat: repeat-x; background-position: 0 1px; position: relative; } #nav-local .parents li h2.parents-active a:before, #nav-toppage-list-sp .parents li h2.parents-active a:before { content: ""; display: block; width: 0; height: 2000%; overflow: hidden; position: absolute; top: 0; left: 0; } #nav-local .parents li h2.parents-active a:before, #nav-toppage-list-sp .parents li h2.parents-active a:before { border-right: solid 5px #339bd7 !important; } #nav-local .parents li .icon-01, #nav-toppage-list-sp .parents li .icon-01 { background-image: url("/common/global/images/str-side/icon-localnav-01.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-02, #nav-toppage-list-sp .parents li .icon-02 { background-image: url("/common/global/images/str-side/icon-localnav-02.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-03, #nav-toppage-list-sp .parents li .icon-03 { background-image: url("/common/global/images/str-side/icon-localnav-03.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-04, #nav-toppage-list-sp .parents li .icon-04 { background-image: url("/common/global/images/str-side/icon-localnav-04.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-05, #nav-toppage-list-sp .parents li .icon-05 { background-image: url("/common/global/images/str-side/icon-localnav-05.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-06, #nav-toppage-list-sp .parents li .icon-06 { background-image: url("/common/global/images/str-side/icon-localnav-06.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .icon-07, #nav-toppage-list-sp .parents li .icon-07 { background-image: url("/common/global/images/str-side/icon-localnav-07.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-01, #nav-local .parents li a:hover span.icon-01, #nav-toppage-list-sp .parents li .parents-active .icon-01, #nav-toppage-list-sp .parents li a:hover span.icon-01 { background-image: url("/common/global/images/str-side/icon-localnav-01_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-02, #nav-local .parents li a:hover span.icon-02, #nav-toppage-list-sp .parents li .parents-active .icon-02, #nav-toppage-list-sp .parents li a:hover span.icon-02 { background-image: url("/common/global/images/str-side/icon-localnav-02_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-03, #nav-local .parents li a:hover span.icon-03, #nav-toppage-list-sp .parents li .parents-active .icon-03, #nav-toppage-list-sp .parents li a:hover span.icon-03 { background-image: url("/common/global/images/str-side/icon-localnav-03_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-04, #nav-local .parents li a:hover span.icon-04, #nav-toppage-list-sp .parents li .parents-active .icon-04, #nav-toppage-list-sp .parents li a:hover span.icon-04 { background-image: url("/common/global/images/str-side/icon-localnav-04_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-05, #nav-local .parents li a:hover span.icon-05, #nav-toppage-list-sp .parents li .parents-active .icon-05, #nav-toppage-list-sp .parents li a:hover span.icon-05 { background-image: url("/common/global/images/str-side/icon-localnav-05_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-06, #nav-local .parents li a:hover span.icon-06, #nav-toppage-list-sp .parents li .parents-active .icon-06, #nav-toppage-list-sp .parents li a:hover span.icon-06 { background-image: url("/common/global/images/str-side/icon-localnav-06_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li .parents-active .icon-07, #nav-local .parents li a:hover span.icon-07, #nav-toppage-list-sp .parents li .parents-active .icon-07, #nav-toppage-list-sp .parents li a:hover span.icon-07 { background-image: url("/common/global/images/str-side/icon-localnav-07_o.png"); background-repeat: no-repeat; background-position: 15px 50%; } #nav-local .parents li:last-child, #nav-toppage-list-sp .parents li:last-child { border: none; } #nav-local .parents .last-child, #nav-toppage-list-sp .parents .last-child { border: none !important; } #nav-local .child li, #nav-toppage-list-sp .child li { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 30px 0.2em; border: none; } #nav-local .child li a, #nav-toppage-list-sp .child li a { padding-left: 45px; padding-right: 10px; margin-bottom: 5px; display: block; } #nav-local .child .arrow-active, #nav-toppage-list-sp .child .arrow-active { background-image: url("/common/global/images/icon-arrow-01-down.png"); background-repeat: no-repeat; background-position: 30px 0.2em; display: block; } #nav-local .child .arrow-active .text, #nav-toppage-list-sp .child .arrow-active .text { padding-left: 45px; padding-right: 10px; display: block; } #nav-local .grand, #nav-toppage-list-sp .grand { margin-top: 4px; } #nav-local .grand li, #nav-toppage-list-sp .grand li { padding: 0; background-image: url("/common/global/images/icon-arrow-02-right.png"); background-repeat: no-repeat; background-position: 43px 0.4em; } #nav-local .grand li a, #nav-toppage-list-sp .grand li a { display: block; padding-left: 55px; } /* #cse-sp-container ----------------------------------------------- */ #cse-sp-container { display: none !important; } /* #nav-toppage-list-sp ----------------------------------------------- */ #nav-toppage-list-sp { display: none; } /* ---------------------------------------------------------------- aside-local ----------------------------------------------------------------- */ #aside-local ul { margin-bottom: 0; } #aside-local ul li { border-bottom: dotted 1px #d9d9d9; } #aside-local ul li span { font-size: 100%; display: block; vertical-align: middle; } #aside-local ul li span a { margin: 0 0 0 10px; display: block; vertical-align: middle; padding: 25px 0 25px 65px; } #aside-local .icon-01 { background-image: url("/common/global/images/str-side/icon-aside-01.png"); background-repeat: no-repeat; background-position: 0 50%; } #aside-local .icon-02 { background-image: url("/common/global/images/str-side/icon-aside-02.png"); background-repeat: no-repeat; background-position: 0 50%; } #aside-local .icon-03 { background-image: url("/common/global/images/str-side/icon-aside-03.png"); background-repeat: no-repeat; background-position: 0 50%; } .page-top a { background-image: url("/common/global/images/icon-arrow-01-left.png"); background-repeat: no-repeat; background-position: 14px center; margin: 0 0 0px; padding: 10px 0 10px 30px; display: block; position: relative; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- nav-local (Media Querys) ----------------------------------------------------------------- */ @media screen and (max-width: 760px) { #nav-local, #nav-toppage-list-sp { border-radius: 0; box-shadow: none; border: solid #d9d9d9; border-width: 1px 0 1px 0 !important; } #nav-local .parents li:first-child, #nav-local .parents li.parents-list:first-child, #nav-local .parents li.parents-list:first-child h2, #nav-local .parents li.parents-list:first-child span, #nav-toppage-list-sp .parents li:first-child, #nav-toppage-list-sp .parents li.parents-list:first-child, #nav-toppage-list-sp .parents li.parents-list:first-child h2, #nav-toppage-list-sp .parents li.parents-list:first-child span { border-radius: 0 0 0 0; } #nav-local .parents li:last-child, #nav-local .parents li.parents-list:last-child, #nav-local .parents li.parents-list:last-child h2, #nav-local .parents li.parents-list:last-child span, #nav-toppage-list-sp .parents li:last-child, #nav-toppage-list-sp .parents li.parents-list:last-child, #nav-toppage-list-sp .parents li.parents-list:last-child h2, #nav-toppage-list-sp .parents li.parents-list:last-child span { border-radius: 0 0 0 0; } #nav-local .parents > li .child, #nav-toppage-list-sp .parents > li .child { margin: 0; } #nav-local .parents > li .child > li, #nav-toppage-list-sp .parents > li .child > li { border-bottom: dotted 1px #d9d9d9; margin: 0; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 30px 1.2em; } #nav-local .parents > li .child > li > a, #nav-toppage-list-sp .parents > li .child > li > a { padding-top: 12px; padding-bottom: 12px; margin: 0; } #nav-local .parents > li .child > li:last-child, #nav-toppage-list-sp .parents > li .child > li:last-child { border-bottom: none; } #nav-local .parents > li .child > li.arrow-active .text, #nav-toppage-list-sp .parents > li .child > li.arrow-active .text { padding-top: 12px; padding-bottom: 12px; margin: 0; border-bottom: dotted 1px #d9d9d9; } #nav-local .parents > li:first-child, #nav-toppage-list-sp .parents > li:first-child { border-radius: 0; } #nav-local .parents > li:last-child, #nav-toppage-list-sp .parents > li:last-child { border-radius: 0; } #nav-local li, #nav-toppage-list-sp li { line-height: 1.5; } #nav-local li.parents-list h2 a, #nav-toppage-list-sp li.parents-list h2 a { position: relative; } #nav-local li.parents-list h2 a:after, #nav-toppage-list-sp li.parents-list h2 a:after { content: ""; display: block; width: 11px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } #nav-local li.parents-list h2 a:after, #nav-toppage-list-sp li.parents-list h2 a:after { background-image: url("/common/global/images/icon-arrow-05x2-right.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 11px 11px; } #nav-local li.parents-list h2.parents-active a, #nav-toppage-list-sp li.parents-list h2.parents-active a { position: relative; } #nav-local li.parents-list h2.parents-active a:after, #nav-toppage-list-sp li.parents-list h2.parents-active a:after { content: ""; display: block; width: 11px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } #nav-local li.parents-list h2.parents-active a:after, #nav-toppage-list-sp li.parents-list h2.parents-active a:after { background-image: url("/common/global/images/icon-arrow-05x2-down.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 11px 11px; } #nav-local .grand, #nav-toppage-list-sp .grand { margin: 0; } #nav-local .grand li, #nav-toppage-list-sp .grand li { border-bottom: dotted 1px #d9d9d9; margin: 0; background-image: url("/common/global/images/icon-arrow-02-right.png"); background-repeat: no-repeat; background-position: 33px 1.3em; } #nav-local .grand li a, #nav-toppage-list-sp .grand li a { padding-top: 12px; padding-bottom: 12px; padding-left: 46px; margin: 0; } #nav-local .grand li:last-child, #nav-toppage-list-sp .grand li:last-child { border-bottom: none; } } /* #cse-sp-container ----------------------------------------------- */ @media screen and (max-width: 640px) { #cse-sp-container { display: block !important; padding: 7px 6px 5px 11px; _zoom: 1; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: dotted 1px #d9d9d9 !important; background-image: url("/common/global/images/str-side/bg-localnav-parents.jpg"); background-repeat: repeat-x; background-position: 0 1px; position: relative; } #cse-sp-container:before { content: ""; display: block; width: 0; height: 2000%; overflow: hidden; position: absolute; top: 0; left: 0; } #cse-sp-container:before { border-right: solid 5px #999999; } } /* #nav-toppage-list-sp ----------------------------------------------- */ @media screen and (max-width: 640px) { #nav-toppage-list-sp { display: block; margin-bottom: 25px; } #nav-toppage-list-sp .parents li h2 span { padding: 12px 10px 12px 55px; background-size: 30px 30px; } } /* ---------------------------------------------------------------- aside-local ----------------------------------------------------------------- */ @media screen and (max-width: 760px) { #aside-local li { padding: 0 15px 0 15px; } #aside-local li:last-child { border: none; } #aside-local li.icon-01, #aside-local li .icon-02, #aside-local li .icon-03 { background-size: 47px 47px; } } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- footer ----------------------------------------------------------------- */ #str-footer { background-image: url("/common/global/images/str-footer/bg-footer-01.gif"); background-repeat: repeat; background-position: 0 0; border-top: solid 1px #d9d9d9; } #str-footer .lyt-inner { margin: 0 auto; padding-top: 20px; max-width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* ---------------------------------------------------------------- layout ----------------------------------------------------------------- */ } #str-footer .lyt-inner #footer-nav-container { border-bottom: 1px solid #d9d9d9; box-shadow: 0 1px 0 white; margin-bottom: 10px; } #str-footer .lyt-inner #footer-nav-container .image { margin-right: 20px; } #str-footer .lyt-inner .col-2-02 .col, #str-footer .lyt-inner .col-2-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 48.6631%; margin-bottom: 10px; } #str-footer .lyt-inner .col-2-02 > li > li { margin-left: 0; width: auto; float: none; } #str-footer .lyt-inner .col-2-02 :first-child { margin-left: 0; } #str-footer .lyt-inner .col-2-02 :nth-child(2n+1) { margin-left: 0; } #str-footer .lyt-inner .col-2-02 .first-child { margin-left: 0; } #str-footer .lyt-inner .col-2-02 .nth-child { margin-left: 0; } #str-footer .lyt-inner .col-3-02 .col, #str-footer .lyt-inner .col-3-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 31.5508%; margin-bottom: 10px; } #str-footer .lyt-inner .col-3-02 > li > li { margin-left: 0; width: auto; float: none; } #str-footer .lyt-inner .col-3-02 :first-child { margin-left: 0; } #str-footer .lyt-inner .col-3-02 :nth-child(3n+1) { margin-left: 0; } #str-footer .lyt-inner .col-3-02 .first-child { margin-left: 0; } #str-footer .lyt-inner .col-3-02 .nth-child { margin-left: 0; } #str-footer .lyt-inner .col-4-02 .col, #str-footer .lyt-inner .col-4-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 22.99465%; margin-bottom: 10px; } #str-footer .lyt-inner .col-4-02 > li > li { margin-left: 0; width: auto; float: none; } #str-footer .lyt-inner .col-4-02 :first-child { margin-left: 0; } #str-footer .lyt-inner .col-4-02 :nth-child(4n+1) { margin-left: 0; } #str-footer .lyt-inner .col-4-02 .first-child { margin-left: 0; } #str-footer .lyt-inner .col-4-02 .nth-child { margin-left: 0; } #str-footer .lyt-inner .col-5-02 .col, #str-footer .lyt-inner .col-5-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 17.86096%; margin-bottom: 10px; } #str-footer .lyt-inner .col-5-02 > li > li { margin-left: 0; width: auto; float: none; } #str-footer .lyt-inner .col-5-02 :first-child { margin-left: 0; } #str-footer .lyt-inner .col-5-02 :nth-child(5n+1) { margin-left: 0; } #str-footer .lyt-inner .col-5-02 .first-child { margin-left: 0; } #str-footer .lyt-inner .col-5-02 .nth-child { margin-left: 0; } #str-footer .lyt-inner .col-6-02 .col, #str-footer .lyt-inner .col-6-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14.4385%; margin-bottom: 10px; } #str-footer .lyt-inner .col-6-02 > li > li { margin-left: 0; width: auto; float: none; } #str-footer .lyt-inner .col-6-02 :first-child { margin-left: 0; } #str-footer .lyt-inner .col-6-02 :nth-child(6n+1) { margin-left: 0; } #str-footer .lyt-inner .col-6-02 .first-child { margin-left: 0; } #str-footer .lyt-inner .col-6-02 .nth-child { margin-left: 0; } #str-footer .lyt-inner .utility { padding-bottom: 15px; } #str-footer .lyt-inner .utility ul { float: none; } #str-footer .lyt-inner .utility ul li { display: inline; margin-right: 15px; font-size: 84.61538%; margin-bottom: 7px; } #str-footer .lyt-inner .utility #copyright { float: none; margin: 0; font-size: 69.23077%; } #str-footer .lyt-inner .hdg { font-weight: bold; font-size: 100%; color: #339bd7; margin-bottom: 10px; } #str-footer .lyt-inner #footer-nav h2 { font-size: 92.30769%; } #str-footer .lyt-inner #footer-nav h3 { font-size: 92.30769%; margin: 0 0 5px; } #str-footer .lyt-inner #footer-nav .icon-01 { background-image: url("/common/global/images/str-footer/icon-footer-01.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-02 { background-image: url("/common/global/images/str-footer/icon-footer-02.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-03 { background-image: url("/common/global/images/str-footer/icon-footer-03.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-04 { background-image: url("/common/global/images/str-footer/icon-footer-04.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-05 { background-image: url("/common/global/images/str-footer/icon-footer-05.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-06 { background-image: url("/common/global/images/str-footer/icon-footer-06.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-07 { background-image: url("/common/global/images/str-footer/icon-footer-07.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-08 { background-image: url("/common/global/images/str-footer/icon-footer-08.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-09 { background-image: url("/common/global/images/str-footer/icon-footer-09.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-10 { background-image: url("/common/global/images/str-footer/icon-footer-10.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-11 { background-image: url("/common/global/images/str-footer/icon-footer-11.png"); background-repeat: no-repeat; background-position: 0 0; } #str-footer .lyt-inner #footer-nav .icon-01, #str-footer .lyt-inner #footer-nav .icon-02, #str-footer .lyt-inner #footer-nav .icon-03, #str-footer .lyt-inner #footer-nav .icon-04, #str-footer .lyt-inner #footer-nav .icon-05, #str-footer .lyt-inner #footer-nav .icon-06, #str-footer .lyt-inner #footer-nav .icon-07, #str-footer .lyt-inner #footer-nav .icon-08, #str-footer .lyt-inner #footer-nav .icon-09, #str-footer .lyt-inner #footer-nav .icon-10, #str-footer .lyt-inner #footer-nav .icon-11 { margin: 0 0 10px; padding: 0 0 0 20px; position: relative; font-weight: bold; font-size: 92.30769%; } #str-footer .lyt-inner #footer-nav .icon-01 a, #str-footer .lyt-inner #footer-nav .icon-02 a, #str-footer .lyt-inner #footer-nav .icon-03 a, #str-footer .lyt-inner #footer-nav .icon-04 a, #str-footer .lyt-inner #footer-nav .icon-05 a, #str-footer .lyt-inner #footer-nav .icon-06 a, #str-footer .lyt-inner #footer-nav .icon-07 a, #str-footer .lyt-inner #footer-nav .icon-08 a, #str-footer .lyt-inner #footer-nav .icon-09 a, #str-footer .lyt-inner #footer-nav .icon-10 a, #str-footer .lyt-inner #footer-nav .icon-11 a { display: block !important; } #str-footer .lyt-inner #footer-nav ul li { float: none; margin-left: 6px; } #str-footer .lyt-inner #footer-nav .parents { font-size: 84.61538%; margin: 0 0 10px; } #str-footer .lyt-inner #footer-nav .parents li { background-image: url("/common/global/images/icon-list-01.png"); background-repeat: no-repeat; background-position: left 0.5em; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; margin-left: 6px; float: none; margin: 0 0 2px; } #str-footer .lyt-inner #footer-nav .parents li .child { font-size: 100%; margin-left: -6px !important; } #str-footer .lyt-inner #footer-nav .punctuate { font-size: 92.30769%; font-weight: bold; margin: 0 0 10px; } #str-footer .lyt-inner #footer-nav .punctuate li { padding-bottom: 10px; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- footer ----------------------------------------------------------------- */ @media screen and (max-width: 1020px) { #str-footer .lyt-inner { margin: 0 20px; } } @media screen and (max-width: 979px) { #str-footer .lyt-inner { margin: 0 20px; } #str-footer .utility ul { float: none !important; } #str-footer .utility ul li a { padding: 2px 0; } } @media screen and (max-width: 760px) { #str-footer #footer-nav-container { display: none; } #str-footer .utility ul { border-bottom: 1px solid #d9d9d9; box-shadow: 0 1px 0 white; padding-bottom: 10px; } #str-footer .utility ul li { display: block !important; } #str-footer #copyright { float: none !important; padding-bottom: 10px; text-align: center; } } @media screen and (max-width: 640px) { #str-footer .lyt-inner { margin: 0 10px; padding-top: 10px; } #str-footer .lyt-inner .utility ul li { display: block !important; } } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /* ---------------------------------------------------------------- Layout Reset ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- base ----------------------------------------------------------------- */ body { color: black; word-break: normal; } /* #str-container ----------------------------------------------- */ #str-container { background: none !important; } @media screen and (max-width: 979px) { #str-container { width: 1000px; } } @media screen and (max-width: 640px) { #str-container { width: auto; } } /* #str-contents ----------------------------------------------- */ #str-contents { margin: 0 auto !important; width: 1020px; } @media screen and (max-width: 1020px) { #str-contents { margin: 0 20px; } } @media screen and (max-width: 640px) { #str-contents { max-width: 980px; width: auto !important; } #str-contents .lyt-inner { max-width: 980px; width: auto !important; } } @media screen and (max-width: 640px) { #str-contents { padding: 0 !important; } } /* ---------------------------------------------------------------- Main Contents ----------------------------------------------------------------- */ /* #str-main-02 ----------------------------------------------- */ #str-main-02 { width: 980px; } @media screen and (max-width: 640px) { #str-main-02 { max-width: 980px; width: auto; } #str-main-02 .lyt-inner { margin: 0 15px; } } #str-main-item-conatiner { margin-bottom: 10px; } /* #str-main-item-01 ----------------------------------------------- */ #str-main-item-01 { float: right; margin-bottom: 20px; } #str-main-item-01 #str-main-item-01-inner { width: 736px; margin: 0; } #str-main-item-01 #str-main-item-01-inner .box-02 { width: 715px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } #str-main-item-01 #str-main-item-01-inner .block-cont { padding: 0; margin: 0; } #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container .hdg-style-04 { float: left; margin-right: 10px; display: inline; width: auto; } #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container .text-02 { padding-top: 1px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .hdg { text-align: center; font-weight: bold; margin-bottom: 10px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .bnr { text-align: center; margin-bottom: 5px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .bnr img, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .bnr img, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .bnr img { width: 119px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .text { font-size: 69.23077%; margin-bottom: 0; text-align: center; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container { float: left; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 { float: left; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .text, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .text { font-size: 69.23077%; margin-bottom: 0; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item { margin-left: 3px; text-align: center; width: 119px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item .bnr, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item .bnr { margin-bottom: 5px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .hdg, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .hdg { width: 119px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container { margin-left: 10px; padding-left: 7px; border-left: dotted 1px #d9d9d9; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container { width: 257px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .hdg, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .hdg { width: 257px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .text, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .text { text-align: center; } @media screen and (max-width: 640px) { #str-main-item-01 #str-main-item-01-inner { float: none; max-width: 980px; width: auto; } #str-main-item-01 #str-main-item-01-inner .box-02 { max-width: 980px; box-shadow: none; width: auto; } #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container { margin-bottom: 10px; } #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container .hdg-style-04 { float: none !important; width: 100%; margin-right: 0; display: block !important; } #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container .text-02 { padding-top: 0; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container { width: 100%; } #str-main-item-01 #str-main-item-01-inner .block-related-link .item { width: 100% !important; display: table; text-align: left !important; } #str-main-item-01 #str-main-item-01-inner .block-related-link .hdg { height: auto !important; width: 100% !important; text-align: left !important; } #str-main-item-01 #str-main-item-01-inner .block-related-link .bnr { display: table-cell; padding-right: 10px; width: 119px; } #str-main-item-01 #str-main-item-01-inner .block-related-link .bnr img { max-width: none; } #str-main-item-01 #str-main-item-01-inner .block-related-link .text { display: table-cell; text-align: left !important; vertical-align: top; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container { width: 100%; float: none; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container { margin-left: 0; padding-left: 0; border-left: none; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #d9d9d9; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .hdg { width: 100% !important; display: block; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02 { display: table-cell; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .text { display: table-cell; text-align: left; } #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 { margin-bottom: 5px; } } /* #str-main-item-02 ----------------------------------------------- */ #str-main-item-02 { float: left; margin-bottom: 20px; } #str-main-item-02 #str-main-item-02-inner { width: 226px; } #str-main-item-02 #str-main-item-02-inner .block-cont { padding: 0; } #str-main-item-02 #str-main-item-02-inner h2 { text-align: center; padding-top: 10px; margin-bottom: 5px; } #str-main-item-02 #str-main-item-02-inner .group-infomation h2 { padding: 10px 10px 0 10px; } #str-main-item-02 #str-main-item-02-inner .group-infomation .list-line-dotted-bottom li:last-child, #str-main-item-02 #str-main-item-02-inner .group-infomation .list-line-dotted-bottom li.last-child { border-bottom: none; } #str-main-item-02 #str-main-item-02-inner .group-infomation .list-line-dotted-bottom li a { padding: 4px 10px; } #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area { padding: 0 4px; } #str-main-item-02 #str-main-item-02-inner .group-infomation .box-06 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); margin-right: 3px; } #str-main-item-02 #str-main-item-02-inner .group-infomation .box-06-inner { padding: 0; } #str-main-item-02 #str-main-item-02-inner .bnr-area { margin-bottom: 30px; } #str-main-item-02 #str-main-item-02-inner .bnr-area ul { text-align: center; margin-bottom: 30px; } #str-main-item-02 #str-main-item-02-inner .bnr-area ul li { margin-bottom: 10px; } #str-main-item-02 #str-main-item-02-inner .bnr-area ul li:last-child { margin-bottom: 0; } #str-main-item-02 #str-main-item-02-inner .bnr-area ul li.last-child { margin-bottom: 0; } #str-main-item-02 #str-main-item-02-inner #train-status { margin-right: 3px; margin-bottom: 30px; padding: 2px 9px 0; border: solid 1px #ccc; border-top: solid 6px #339BD7; border-radius: 6px; } #str-main-item-02 #str-main-item-02-inner #train-status h2 { margin-bottom: 9px; padding: 10px 5px 0; line-height: 1.2; text-align: left; } #str-main-item-02 #str-main-item-02-inner #train-status .line { padding: 7px 5px 9px; border-bottom: dotted 1px #D9D9D9; } #str-main-item-02 #str-main-item-02-inner #train-status .line .line-name { margin-bottom: 6px; font-size: 92.30769%; } #str-main-item-02 #str-main-item-02-inner #train-status .line .line-name small { font-size: 83.33333%; font-weight: bold; } #str-main-item-02 #str-main-item-02-inner #train-status .line .line-status img { display: block; } #str-main-item-02 #str-main-item-02-inner #train-status .desc { margin: 10px 0 9px; padding: 0 6px; font-size: 10px; } #str-main-item-02 #str-main-item-02-inner #train-status .notes { margin-bottom: 7px; padding: 6px; background-color: #F2F2F2; line-height: 1.6; font-size: 76.92308%; } #str-main-item-02 #str-main-item-02-inner #train-status .notes dt { } #str-main-item-02 #str-main-item-02-inner #train-status .notes dd { margin: -1.6em 0 0 2em; } #str-main-item-01 #train-status { margin-right: 3px; margin-bottom: 30px; padding: 2px 9px 0; border: solid 1px #ccc; border-top: solid 6px #339BD7; border-radius: 6px; } #str-main-item-01 #train-status h2 { margin-bottom: 9px; padding: 10px 5px 0; line-height: 1.2; text-align: left; } #str-main-item-01 #train-status .line { padding: 7px 5px 9px; border-bottom: dotted 1px #D9D9D9; } #str-main-item-01 #train-status .line .line-name { margin-bottom: 6px; font-size: 92.30769%; } #str-main-item-01 #train-status .line .line-name small { font-size: 83.33333%; font-weight: bold; } #str-main-item-01 #train-status .line .line-status img { display: block; } #str-main-item-01 #train-status .desc { margin: 10px 0 9px; padding: 0 6px; font-size: 10px; } #str-main-item-01 #train-status .notes { margin-bottom: 7px; padding: 6px; background-color: #F2F2F2; line-height: 1.6; font-size: 76.92308%; } #str-main-item-01 #train-status .notes dt { } #str-main-item-01 #train-status .notes dd { margin: -1.6em 0 0 2em; } @media screen and (max-width: 640px) { #str-main-item-02 #str-main-item-02-inner { float: none; max-width: 980px; width: auto; } #str-main-item-02 #str-main-item-02-inner .fb-like-box-container { text-align: center; } } /* ---------------------------------------------------------------- Side Contents ----------------------------------------------------------------- */ #str-side { display: none; } @media screen and (max-width: 640px) { #str-side { display: block; } } /* ---------------------------------------------------------------- footer ----------------------------------------------------------------- */ #str-footer .lyt-inner { width: 1020px; margin: 20px auto 0; padding: 0 0; } @media screen and (max-width: 640px) { #str-footer .lyt-inner { max-width: 980px; width: auto; } } /* .nav-top ----------------------------------------------- */ .nav-top-pc, .nav-top-tab { margin-left: auto; margin-right: auto; } .nav-top-tab { display: none; } /* ---------------------------------------------------------------- Site-Image ----------------------------------------------------------------- */ #site-image-container { position: relative; height: 460px; margin-bottom: 30px; } #site-image-container #nav-toppage-container-01 { width: 100%; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 { margin: 0 auto; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 { width: 986px; height: 349px; position: absolute; top: -340px; left: 6px; z-index: 2; overflow: visible; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01 { margin-bottom: 15px; padding-bottom: 6px; border-bottom: 2px solid; width: 100%; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01 .hdg-text { font-size: 123.07692%; float: left; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01 .hdg-link { font-size: 84.61538%; float: right; padding: 0 0 0 15px; margin-top: 5px; font-weight: normal; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .hdg-unique-l3-01 { border-color: #339bd7; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .hdg-unique-l3-01 .hdg-link { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left center; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .link-list-01 li { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left 0.25em; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .hdg-unique-l3-01 { border-color: #ef7a45; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .hdg-unique-l3-01 .hdg-link { background-image: url("/common/global/images/icon-arrow-01-right-color-01.png"); background-repeat: no-repeat; background-position: left center; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .link-list-01 li { background-image: url("/common/global/images/icon-arrow-01-right-color-01.png"); background-repeat: no-repeat; background-position: left 0.25em; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 .hdg-unique-l3-01 { border-color: #ed6da5; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 .hdg-unique-l3-01 .hdg-link { background-image: url("/common/global/images/icon-arrow-01-right-color-02.png"); background-repeat: no-repeat; background-position: left center; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 .link-list-01 li { background-image: url("/common/global/images/icon-arrow-01-right-color-02.png"); background-repeat: no-repeat; background-position: left 0.25em; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .hdg-unique-l3-01 { border-color: #abc900; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .hdg-unique-l3-01 .hdg-link { background-image: url("/common/global/images/icon-arrow-01-right-color-03.png"); background-repeat: no-repeat; background-position: left center; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .link-list-01 li { background-image: url("/common/global/images/icon-arrow-01-right-color-03.png"); background-repeat: no-repeat; background-position: left 0.25em; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 { background-image: url("/common/global/images/top/bg-innercontents-01.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -340px; left: 6px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .lyt-category-01-01 .lyt-category-01-col-01 { width: 694px; float: left; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .lyt-category-01-01 .lyt-category-01-col-02 { width: 224px; float: right; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 { background-image: url("/common/global/images/top/bg-innercontents-02.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -340px; left: 6px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .lyt-category-02-01 .lyt-category-02-col-01 { width: 694px; float: left; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .lyt-category-02-01 .lyt-category-02-col-02 { width: 224px; float: right; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 { background-image: url("/common/global/images/top/bg-innercontents-03.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -340px; left: 6px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 { background-image: url("/common/global/images/top/bg-innercontents-04.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -340px; left: 6px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .lyt-category-04-01 .lyt-category-04-col-01 { width: 694px; float: left; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .lyt-category-04-01 .lyt-category-04-col-02 { width: 224px; float: right; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 { display: none; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .nav-toppage-innercontents-03 { margin: 0 auto; width: 980px; padding: 20px 0 0; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .nav-toppage-innercontents-03 .nav-toppage-innercontents-04 { width: 930px; height: 286px; margin: 0 24px 0 24px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 { width: 100%; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 { margin-bottom: 0; width: 980px; padding: 0 10px; margin: 0 auto; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list { background-image: url("/common/global/images/top/bg-index-nav-global.png"); background-repeat: no-repeat; background-position: 0 50%; padding: 10px 9px 10px 9px; margin-bottom: 0; margin-left: -9px; position: absolute; bottom: 10px; z-index: 1; width: 980px; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list.col-top-nav-5 li.nav { margin-bottom: 0; width: 188px; margin-left: 10px; float: left; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list.col-top-nav-5 li.nav:first-child { margin-left: 0; } #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list.col-top-nav-5 li.nav img.nav-image { border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #site-image-container #main-visual .op { margin: 0; padding: 0; } #site-image-container #main-visual .op img { width: 100px; height: 460px; margin: 0 0 0 0; padding: 0; } #site-image-container #main-visual .visual-images { margin: 0 auto; overflow: visible; } @media screen and (max-width: 979px) { #site-image-container #main-visual { background: none; } } @media screen and (max-width: 640px) { #site-image-container { height: auto !important; margin-bottom: 0 !important; } #site-image-container #nav-toppage-container-01 { display: none; } #site-image-container #main-visual .op img { width: 1250px; height: auto!important; margin-bottom: 10px; } } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 { padding: 0; width: auto; position: absolute; top: 0px; left: 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 { top: -350px; left: 13px; width: auto; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .col-2 .col { margin: 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .nav-traffic li { float: left; margin-bottom: 5px; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-01 .nav-traffic li a { display: block; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner { padding: 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .text { margin: 0; padding: 0; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .text a { padding: 6px 10px; display: block; height: 100%; margin: 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .list-category-02-01 li .image-left-03 .image { width: 100px; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-02 .list-category-02-01 li .image-left-03 .col { width: 100px !important; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 .list-category-03-01 li .image-left-03 .image { width: 100px; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-03 .list-category-03-01 li .image-left-03 .col { width: 100px !important; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .list-category-04-01 li .image-left-03 .image { width: 171px; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02.category-04 .list-category-04-01 li .image-left-03 .col { width: 100px !important; float: left; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .nav-toppage-innercontents-03 { margin: 0 auto; width: 980px; padding: 20px 0 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .nav-toppage-innercontents-03 .nav-toppage-innercontents-04 { width: 930px; height: 286px; margin: 0 24px 0 24px; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 { width: 100%; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 { margin-bottom: 0; width: 980px; padding: 0 10px; margin: 0 auto; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list { padding: 5px; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list.col-top-nav-5 { width: 1000px; margin-left: -16px; padding: 10px 0; } * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 #nav-toppage-list-container-01 #nav-toppage-list-container-02 .nav-toppage-list.col-top-nav-5 li.nav { margin: 0 0 0 8px; } * html #site-image-container #main-visual { margin: 0 auto; padding: 0; text-align: center; width: 100%; } * html #site-image-container #main-visual .op { margin: 0; padding: 0; } * html #site-image-container #main-visual .op img { width: 1250px; height: 460px; margin: 0 0 0 0; padding: 0; } * html #site-image-container #main-visual .visual-01 { margin: 0 auto; overflow: visible; background: url(/english/images/main-visual-index-01.jpg) no-repeat; background-size: 1250px auto; background-position: 50% 0; } /* #str-main-item-01 *IE6 ----------------------------------------------- */ * html #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01, * html #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02, * html #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03, * html #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04, * html #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 { width: 119px; } /* #str-main-item-02 *IE6 ----------------------------------------------- */ * html #str-main-item-02 #str-main-item-02-inner .group-infomation .box-06-inner { padding: 0; } #site-image-container { position: relative; } #site-image-container #main-visual { _z-index: 1; } /* ---------------------------------------------------------------- Rewrite Style ----------------------------------------------------------------- */ /* Link Color ----------------------------------------------- */ .list-category-01-01 a, .list-category-02-01 a, .list-category-03-01 a, .list-category-04-01 a, .nav-top-pc a, .nav-top-tab a, .link-box a, .btn-list-01 a, .nav-toppage-innercontents-01 .hdg-unique-l3-01 a { color: black; } .list-category-01-01 a:hover, .list-category-02-01 a:hover, .list-category-03-01 a:hover, .list-category-04-01 a:hover, .nav-top-pc a:hover, .nav-top-tab a:hover, .link-box a:hover, .btn-list-01 a:hover, .nav-toppage-innercontents-01 .hdg-unique-l3-01 a:hover { color: #339bd7; } /* ---------------------------------------------------------------- 03. Modules ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- headings ----------------------------------------------------------------- */ /* h1 ----------------------------------------------- */ .hdg-l1 { font-size: 215.38462%; background-image: url("/common/global/images/bg-hdg-l1.jpg"); background-repeat: repeat-x; background-position: 0 bottom; padding: 0.7em 30px 0.8em; color: #fff; border-radius: 4px 4px 0 0; text-shadow: 1px 1px 3px #3c85b0; line-height: 1.2; } @media screen and (max-width: 640px) { .hdg-l1 { font-size: 192.30769%; padding: 0.3em 15px 0.3em; line-height: 1.1; border-radius: 0 0 0 0; } } /* h2 ----------------------------------------------- */ /* normal -------------------------- */ .hdg-l2 { margin-bottom: 15px; padding-bottom: 10px; position: relative; font-size: 153.84615%; width: 100%; line-height: 1.2; } .hdg-l2:after { content: ""; display: block; width: 100%; height: 4px; overflow: hidden; position: absolute; right: 0; bottom: 0; } .hdg-l2:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyODBjOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNGVhZWUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjI4MGM4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2280c8), color-stop(50%, #4eaee0), color-stop(100%, #2280c8)); background: -webkit-linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); background: -moz-linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); background: linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); } .hdg-l2 a { display: block; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: right center; max-width: 100%; padding-right: 20px; } /* addicon -------------------------- */ .hdg-l2-container.addicon { margin-bottom: 15px; } .hdg-l2-container.addicon .image-right-01 { position: relative; margin-bottom: 0; padding-bottom: 10px; } .hdg-l2-container.addicon .image-right-01:after { content: ""; display: block; width: 100%; height: 4px; overflow: hidden; position: absolute; right: 0; bottom: 0; } .hdg-l2-container.addicon .image-right-01:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyODBjOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNGVhZWUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjI4MGM4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2280c8), color-stop(50%, #4eaee0), color-stop(100%, #2280c8)); background: -webkit-linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); background: -moz-linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); background: linear-gradient(left, #2280c8 0%, #4eaee0 50%, #2280c8 100%); } .hdg-l2-container.addicon .hdg-l2 { background: none; margin-bottom: 0; padding-bottom: 0; } .hdg-l2-container.addicon .hdg-l2:after { background: none; } @media screen and (max-width: 640px) { /* toggle -------------------------- */ .hdg-l2-container { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%); border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 10px; position: relative; } .hdg-l2-container:after { content: ""; display: block; width: 15px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .hdg-l2-container:after { background-image: url("/common/global/images/icon-arrow-04x2-down.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 14px 14px; } .hdg-l2-container .hdg-l2:after { background: none; } .hdg-l2-container .hdg-l2-container-02 { padding: 10px 30px 0 23px; margin-bottom: 10px; position: relative; } .hdg-l2-container .hdg-l2-container-02:before { content: ""; display: block; width: 4px; height: 100%; overflow: hidden; position: absolute; top: 5px; left: 10px; } .hdg-l2-container .hdg-l2-container-02:before { background: #339bd7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hdg-l2-container.addicon { margin-bottom: 15px; } .hdg-l2-container.addicon .image-right-01 { background: none; border-bottom: none !important; padding-bottom: 0; } .hdg-l2-container.addicon .image-right-01:after { background: none; } .hdg-l2-container.addicon .image-right-01 .image img { margin: 0 !important; } .hdg-l2-container.addicon .image-right-01 { margin-bottom: 0; } .hdg-l2-container.addicon .image-right-01 .col .hdg-l2 { margin: 0 0 5px 0; } .hdg-l2-container.addicon .image-right-01 .image { text-align: left; margin: 0; } .hdg-l2-container.addicon .image-right-01 .image img { margin: 0 0 0 15px; } .hdg-l2-container.active, .hdg-l2-container .active { position: relative; } .hdg-l2-container.active:after, .hdg-l2-container .active:after { content: ""; display: block; width: 15px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .hdg-l2-container.active:after, .hdg-l2-container .active:after { background-image: url("/common/global/images/icon-arrow-04x2-up.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 14px 14px; } .hdg-l2-container h2.hdg-l2 { position: relative; } .hdg-l2-container h2.hdg-l2:before { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; top: 0px; left: 0; } .hdg-l2-container h2.hdg-l2:before { border-radius: none; background: none; } .hdg-l2-container .hdg-l2 { margin-bottom: 0; padding-bottom: 0; background: none; } } /* h3 ----------------------------------------------- */ .hdg-l3 { margin-bottom: 12px; font-size: 123.07692%; background-image: url("/common/global/images/bg-hdg-l2.jpg"); background-repeat: repeat-x; background-position: 0 1px; border: 1px solid #d9d9d9; border-radius: 4px; padding: 0.5em 15px 0.5em 22px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: relative; width: 99.9%; /* webkit */ } .hdg-l3:before { content: ""; display: block; width: 4px; height: 60%; overflow: hidden; position: absolute; top: 20%; left: 10px; } .hdg-l3:before { background: #339bd7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hdg-l3 a { display: block; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: right center; max-width: 100%; padding-right: 20px; } /* h4 ----------------------------------------------- */ .hdg-l4, .hdg-style-03 { font-size: 107.69231%; font-weight: bold; padding-bottom: 6px; margin-bottom: 10px; color: #339bd7; position: relative; } .hdg-l4:after, .hdg-style-03:after { content: ""; display: block; width: 100%; height: 1px; overflow: hidden; position: absolute; bottom: 0; left: 0; } .hdg-l4:after, .hdg-style-03:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(70%, #d9d9d9), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #d9d9d9 70%, #ffffff 100%); background: -moz-linear-gradient(left, #d9d9d9 70%, #ffffff 100%); background: linear-gradient(left, #d9d9d9 70%, #ffffff 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* h5 ----------------------------------------------- */ .hdg-l5 { font-size: 100%; margin-bottom: 10px; } /* hdgstyle ----------------------------------------------- */ .hdg-style-01, .hdg-exclamation { font-size: 107.69231%; font-weight: bold; padding: 2px; margin-bottom: 10px; } .hdg-style-01 a { display: inline-block; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left center; max-width: 100%; padding: 0 0 0 15px; } .hdg-exclamation { background-image: url("/common/global/images/icon-exclamation.png"); background-repeat: no-repeat; background-position: 0 0.1em; display: block; padding: 0 0 0 19px; margin-left: -5px; } /* hdg-style-02 ---------------------- */ .hdg-style-02 { margin-bottom: 12px; font-size: 123.07692%; position: relative; padding: 0 0 0 17px; padding-right: 15px; } .hdg-style-02:before { content: ""; display: block; width: 6px; height: 6px; overflow: hidden; position: absolute; top: 6px; left: 0; } .hdg-style-02:before { border-radius: 15px; background: #339bd7; } /* hdg-style-03 ---------------------- */ /* hdg-style-04 ---------------------- */ .hdg-style-04 { margin-bottom: 10px; display: table; width: 100%; font-size: 107.69231%; font-weight: bold; } .hdg-style-04 .icon, .hdg-style-04 .text { display: table-cell; vertical-align: top; } .hdg-style-04 .icon { padding-right: 10px; width: 1.5em; white-space: nowrap; } .hdg-style-05 { font-size: 138.46154%; margin-bottom: 10px; color: #339bd7; font-weight: bold; } /* ---------------------------------------------------------------- paragraph ----------------------------------------------------------------- */ p { margin-bottom: 20px; } .read-01 { font-size: 123.07692%; } em { font-weight: bold; } strong { color: #cc0000; } strong.strong-01 { font-weight: normal; } .f-normal { font-weight: normal !important; } /* ---------------------------------------------------------------- list ----------------------------------------------------------------- */ /* .list-bullet ----------------------------------------------- */ .list-bullet-01 li { background-image: url("/common/global/images/icon-list-bullet-01.png"); background-repeat: no-repeat; background-position: left 0.5em; padding: 0 0 0 15px; position: relative; } /* .list-def ----------------------------------------------- */ .list-def-01 dt { font-size: 107.69231%; margin-bottom: 3px; font-weight: bold; } .list-def-01 dd { margin-bottom: 10px; } .list-def-02 dt { font-size: 115.38462%; margin-bottom: 3px; font-weight: bold; } /* .list-line-dotted ----------------------------------------------- */ /* .list-line-dotted-left ------------------------------ */ .list-line-dotted-left.col-2 > li { border-left: dotted 1px #d9d9d9; padding-left: 1.3369%; } .list-line-dotted-left.col-2 > li:first-child, .list-line-dotted-left.col-2 > li.first-child { border: none; padding-left: 0; } .list-line-dotted-left.col-2 > li:nth-child(2n+1), .list-line-dotted-left.col-2 > li.nth-child { border: none; padding-left: 0; } .list-line-dotted-left.col-3 > li { border-left: dotted 1px #d9d9d9; padding-left: 1.3369%; } .list-line-dotted-left.col-3 > li:first-child, .list-line-dotted-left.col-3 > li.first-child { border: none; padding-left: 0; } .list-line-dotted-left.col-3 > li:nth-child(3n+1), .list-line-dotted-left.col-3 > li.nth-child { border: none; padding-left: 0; } .list-line-dotted-left.col-4 > li { border-left: dotted 1px #d9d9d9; padding-left: 1.3369%; } .list-line-dotted-left.col-4 > li:first-child, .list-line-dotted-left.col-4 > li.first-child { border: none; padding-left: 0; } .list-line-dotted-left.col-4 > li:nth-child(4n+1), .list-line-dotted-left.col-4 > li.nth-child { border: none; padding-left: 0; } .list-line-dotted-left.col-5 > li { border-left: dotted 1px #d9d9d9; padding-left: 1.3369%; } .list-line-dotted-left.col-5 > li:first-child, .list-line-dotted-left.col-5 > li.first-child { border: none; padding-left: 0; } .list-line-dotted-left.col-5 > li:nth-child(5n+1), .list-line-dotted-left.col-5 > li.nth-child { border: none; padding-left: 0; } .list-line-dotted-left.col-6 > li { border-left: dotted 1px #d9d9d9; padding-left: 1.3369%; } .list-line-dotted-left.col-6 > li:first-child, .list-line-dotted-left.col-6 > li.first-child { border: none; padding-left: 0; } .list-line-dotted-left.col-6 > li:nth-child(6n+1), .list-line-dotted-left.col-6 > li.nth-child { border: none; padding-left: 0; } @media screen and (max-width: 640px) { .break-list-line-dotted-left-sp.col-2 > li { border: none; border-bottom: dotted 1px #d9d9d9; padding: 0; padding-bottom: 10px; } .break-list-line-dotted-left-sp.col-2 > li:last-child, .break-list-line-dotted-left-sp.col-2 > li.last-child { padding-left: 0; border: none; } .break-list-line-dotted-left-sp.col-2 > li:nth-child(2n+1), .break-list-line-dotted-left-sp.col-2 > li.nth-child { border-bottom: dotted 1px #d9d9d9; padding-left: 0; } .break-list-line-dotted-left-sp.col-3 > li { border: none; border-bottom: dotted 1px #d9d9d9; padding: 0; padding-bottom: 10px; } .break-list-line-dotted-left-sp.col-3 > li:last-child, .break-list-line-dotted-left-sp.col-3 > li.last-child { padding-left: 0; border: none; } .break-list-line-dotted-left-sp.col-3 > li:nth-child(3n+1), .break-list-line-dotted-left-sp.col-3 > li.nth-child { border-bottom: dotted 1px #d9d9d9; padding-left: 0; } .break-list-line-dotted-left-sp.col-4 > li { border: none; border-bottom: dotted 1px #d9d9d9; padding: 0; padding-bottom: 10px; } .break-list-line-dotted-left-sp.col-4 > li:last-child, .break-list-line-dotted-left-sp.col-4 > li.last-child { padding-left: 0; border: none; } .break-list-line-dotted-left-sp.col-4 > li:nth-child(4n+1), .break-list-line-dotted-left-sp.col-4 > li.nth-child { border-bottom: dotted 1px #d9d9d9; padding-left: 0; } .break-list-line-dotted-left-sp.col-5 > li { border: none; border-bottom: dotted 1px #d9d9d9; padding: 0; padding-bottom: 10px; } .break-list-line-dotted-left-sp.col-5 > li:last-child, .break-list-line-dotted-left-sp.col-5 > li.last-child { padding-left: 0; border: none; } .break-list-line-dotted-left-sp.col-5 > li:nth-child(5n+1), .break-list-line-dotted-left-sp.col-5 > li.nth-child { border-bottom: dotted 1px #d9d9d9; padding-left: 0; } .break-list-line-dotted-left-sp.col-6 > li { border: none; border-bottom: dotted 1px #d9d9d9; padding: 0; padding-bottom: 10px; } .break-list-line-dotted-left-sp.col-6 > li:last-child, .break-list-line-dotted-left-sp.col-6 > li.last-child { padding-left: 0; border: none; } .break-list-line-dotted-left-sp.col-6 > li:nth-child(6n+1), .break-list-line-dotted-left-sp.col-6 > li.nth-child { border-bottom: dotted 1px #d9d9d9; padding-left: 0; } } /* .list-line-dotted-bottom ------------------------------ */ .list-line-dotted-bottom { margin-bottom: 0; } .list-line-dotted-bottom li { border-bottom: dotted 1px #d9d9d9; } .list-line-dotted-bottom li a { padding: 4px 0; display: block; } /* .list-flow-01 ----------------------------------------------- */ .list-flow-01 .arrow-flow-01 { margin-bottom: 20px; position: relative; } .list-flow-01 .arrow-flow-01:after { content: ""; display: block; width: 25px; height: 43px; overflow: hidden; position: relative; top: 0px; left: 160px; } .list-flow-01 .arrow-flow-01:after { background-image: url("/common/global/images/bg-arrow-flow-01.png"); background-repeat: no-repeat; background-position: 0 bottom; } .list-flow-01 .arrow-flow-01:last-child:after { background: none !important; } .list-flow-01 .arrow-flow-01.last-child:after { background: none !important; } * html .list-flow-01 .arrow-flow-01 { padding-bottom: 50px; background-image: url("/common/global/images/bg-arrow-flow-01.png"); background-repeat: no-repeat; background-position: 160px bottom; } @media screen and (max-width: 640px) { .list-flow-01 .arrow-flow-01 { position: relative; } .list-flow-01 .arrow-flow-01:after { content: ""; display: block; width: 100%; height: 43px; overflow: hidden; position: relative; top: 0px; left: 0; } .list-flow-01 .arrow-flow-01:after { background-position: 50% bottom; } } /* ---------------------------------------------------------------- order ----------------------------------------------------------------- */ /* .list-order-01 ----------------------------------------------- */ .list-order-01 { margin: 0 0 10px; } .list-order-01 li { padding: 0 0 0 2.4em; position: relative; } .list-order-01 span { position: absolute; top: 0px; left: 0px; } /* .order-02 ----------------------------------------------- */ .order-02 { padding: 0 0 0 2.2em; position: relative; } .order-02 span { font-size: 138.46154%; color: #339bd7; font-weight: bold; position: absolute; top: -4px; left: 0px; } /* .list-order-03 ----------------------------------------------- */ .list-order-03 { margin: 0 0 10px; } .list-order-03 li { padding: 0.3em 0 0 2.4em; margin: 0 0 8px 0; position: relative; } .list-order-03 span { position: absolute; top: 0px; left: 0px; } /* ---------------------------------------------------------------- link ----------------------------------------------------------------- */ /* .link ----------------------------------------------- */ .link-01 a { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left center; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; } /* .link-list ----------------------------------------------- */ .link-list-01 li { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left 0.25em; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; } .link-list-02 li { background-image: url("/common/global/images/icon-arrow-05-right.png"); background-repeat: no-repeat; background-position: 10px 11px; background-color: #f2f2f2; border-bottom: dotted 1px #d9d9d9; width: 100% !important; float: none !important; margin: 0 !important; } .link-list-02 li a { padding: 10px 29px 10px 29px; display: block; margin: 0 !important; } .link-list-02 li:last-child { border: none; } .link-list-02 li.last-child { border: none; } /* .link-list-line ----------------------------------------------- */ /* ---------------------------------------------------------------- nav ----------------------------------------------------------------- */ /* .nav-internal ----------------------------------------------- */ .nav-internal-01 a { background-image: url("/common/global/images/icon-arrow-01-down.png"); background-repeat: no-repeat; background-position: left 0.25em; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; } .nav-internal-list-01 li { background-image: url("/common/global/images/icon-arrow-01-down.png"); background-repeat: no-repeat; background-position: left 0.25em; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; } .nav-internal-02 a { background-image: url("/common/global/images/icon-arrow-01-up.png"); background-repeat: no-repeat; background-position: left center; margin: 0 0 0px; padding: 0 0 0 15px; position: relative; } /* .pager ----------------------------------------------- */ /* .nav-progress ----------------------------------------------- */ /* ---------------------------------------------------------------- button ----------------------------------------------------------------- */ /* .btn ----------------------------------------------- */ .btn-link-01 { border: 1px solid #d9d9d9; border-radius: 4px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%); padding: 4px 10px 4px 10px; display: inline-block; position: relative; /* IE6 */ } .btn-link-01 span { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 15px; } @media screen and (max-width: 640px) { .btn-link-01 { padding: 10px 10px 10px 10px; } } .btn-favorite-off p { border-radius: 4px; border: 1px solid #d9d9d9; background-image: url("/common/global/images/icon-favorite-off.png"); background-repeat: no-repeat; background-position: 5px 5px; color: black; display: inline-block; } .btn-favorite-off p a { padding: 5px 5px 5px 24px; display: block; color: black; font-size: 84.61538%; } .btn-favorite-on p { border-radius: 4px; border: 1px solid #d9d9d9; background: #f2f2f2; background-image: url("/common/global/images/icon-favorite-on.png"); background-repeat: no-repeat; background-position: 5px 5px; color: #999999; display: inline-block; } .btn-favorite-on p a { padding: 5px 5px 5px 24px; display: block; color: black; font-size: 84.61538%; } @media screen and (max-width: 640px) { .btn-favorite-on, .btn-favorite-off { text-align: center; } } /* .btn-list-01 ----------------------------------------------- */ .col-2-03.btn-list-01 li { text-align: center; border-left: dotted 1px #d9d9d9; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 10px 50%; margin-bottom: 5px !important; } .col-2-03.btn-list-01 li:first-child, .col-2-03.btn-list-01 li:nth-child(2n+1) { border-left: none; } .col-2-03.btn-list-01 li.first-child, .col-2-03.btn-list-01 li.nth-child { border-left: none; } .col-2-03.btn-list-01 li span { display: table !important; width: 100%; height: 100%; } .col-2-03.btn-list-01 li a { display: table-cell; vertical-align: middle; padding: 12px 15px 12px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; height: 100%; } .col-2-03.btn-list-01 li.active { background: #339bd7; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: url("/common/global/images/icon-arrow-04-down.png"); background-repeat: no-repeat; background-position: 10px 50%; border-left: none; } .col-2-03.btn-list-01 li.active a { color: #fff; } .col-3-03.btn-list-01 li { text-align: center; border-left: dotted 1px #d9d9d9; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 10px 50%; margin-bottom: 5px !important; } .col-3-03.btn-list-01 li:first-child, .col-3-03.btn-list-01 li:nth-child(3n+1) { border-left: none; } .col-3-03.btn-list-01 li.first-child, .col-3-03.btn-list-01 li.nth-child { border-left: none; } .col-3-03.btn-list-01 li span { display: table !important; width: 100%; height: 100%; } .col-3-03.btn-list-01 li a { display: table-cell; vertical-align: middle; padding: 12px 15px 12px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; height: 100%; } .col-3-03.btn-list-01 li.active { background: #339bd7; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: url("/common/global/images/icon-arrow-04-down.png"); background-repeat: no-repeat; background-position: 10px 50%; border-left: none; } .col-3-03.btn-list-01 li.active a { color: #fff; } .col-4-03.btn-list-01 li { text-align: center; border-left: dotted 1px #d9d9d9; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 10px 50%; margin-bottom: 5px !important; } .col-4-03.btn-list-01 li:first-child, .col-4-03.btn-list-01 li:nth-child(4n+1) { border-left: none; } .col-4-03.btn-list-01 li.first-child, .col-4-03.btn-list-01 li.nth-child { border-left: none; } .col-4-03.btn-list-01 li span { display: table !important; width: 100%; height: 100%; } .col-4-03.btn-list-01 li a { display: table-cell; vertical-align: middle; padding: 12px 15px 12px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; height: 100%; } .col-4-03.btn-list-01 li.active { background: #339bd7; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: url("/common/global/images/icon-arrow-04-down.png"); background-repeat: no-repeat; background-position: 10px 50%; border-left: none; } .col-4-03.btn-list-01 li.active a { color: #fff; } .col-5-03.btn-list-01 li { text-align: center; border-left: dotted 1px #d9d9d9; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 10px 50%; margin-bottom: 5px !important; } .col-5-03.btn-list-01 li:first-child, .col-5-03.btn-list-01 li:nth-child(5n+1) { border-left: none; } .col-5-03.btn-list-01 li.first-child, .col-5-03.btn-list-01 li.nth-child { border-left: none; } .col-5-03.btn-list-01 li span { display: table !important; width: 100%; height: 100%; } .col-5-03.btn-list-01 li a { display: table-cell; vertical-align: middle; padding: 12px 15px 12px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; height: 100%; } .col-5-03.btn-list-01 li.active { background: #339bd7; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: url("/common/global/images/icon-arrow-04-down.png"); background-repeat: no-repeat; background-position: 10px 50%; border-left: none; } .col-5-03.btn-list-01 li.active a { color: #fff; } .col-6-03.btn-list-01 li { text-align: center; border-left: dotted 1px #d9d9d9; background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: 10px 50%; margin-bottom: 5px !important; } .col-6-03.btn-list-01 li:first-child, .col-6-03.btn-list-01 li:nth-child(6n+1) { border-left: none; } .col-6-03.btn-list-01 li.first-child, .col-6-03.btn-list-01 li.nth-child { border-left: none; } .col-6-03.btn-list-01 li span { display: table !important; width: 100%; height: 100%; } .col-6-03.btn-list-01 li a { display: table-cell; vertical-align: middle; padding: 12px 15px 12px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; height: 100%; } .col-6-03.btn-list-01 li.active { background: #339bd7; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: url("/common/global/images/icon-arrow-04-down.png"); background-repeat: no-repeat; background-position: 10px 50%; border-left: none; } .col-6-03.btn-list-01 li.active a { color: #fff; } @media screen and (max-width: 979px) { .btn-list-01 li { text-align: left !important; border-left: none !important; border-bottom: dotted 1px #d9d9d9; } } /* ---------------------------------------------------------------- banner ----------------------------------------------------------------- */ /* .bnr-list ----------------------------------------------- */ /* .bnr ----------------------------------------------- */ .bnr-link-01 { border: 2px solid #d9d9d9; border-radius: 4px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .bnr-link-01:after { content: ""; display: block; width: 11px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .bnr-link-01:after { background-image: url("/common/global/images/icon-arrow-01-right.png"); background-repeat: no-repeat; background-position: right 50%; } .bnr-link-01 .image-left-01, .bnr-link-01 .image-right-01 { display: table; padding: 10px; } .bnr-link-01 .image-left-01 .image, .bnr-link-01 .image-left-01 .col, .bnr-link-01 .image-right-01 .image, .bnr-link-01 .image-right-01 .col { display: table-cell; vertical-align: middle; } .bnr-link-01 .image-left-01 .image, .bnr-link-01 .image-right-01 .image { padding-right: 15px; } .bnr-link-01 .image-left-01 .col, .bnr-link-01 .image-right-01 .col { padding-right: 31px; } /* ---------------------------------------------------------------- table ----------------------------------------------------------------- */ /* .tbl-01 ----------------------------------------------- */ .tbl-01 { width: 100%; border: 0 none; margin-bottom: 30px; } .tbl-01 th, .tbl-01 td { vertical-align: top; padding: 7px 10px; border: solid 1px #d9d9d9; text-align: center; } .tbl-01 thead th, .tbl-01 thead td { background: #ffe4d9; } .tbl-01 tr:nth-child(2n) { background-color: #f7f7f7; } @media screen and (max-width: 760px) { .tbl-01 { font-size: 76.92308%; } } /* .tbl-news-01 ----------------------------------------------- */ .tbl-news-01 { width: 100%; border: 0 none; margin-bottom: 30px; } .tbl-news-01 tr { border-bottom: solid 1px #d9d9d9; } .tbl-news-01 th, .tbl-news-01 td { vertical-align: top; padding: 7px 10px; text-align: left; } .tbl-news-01 thead th { background: #ffe4d9; } /* ---------------------------------------------------------------- image ----------------------------------------------------------------- */ /* .image-left / .image-right 01 ----------------------------------------------- */ .image-left-01, .image-left-02 { overflow: hidden; margin-bottom: 20px; } .image-left-01 .image, .image-left-02 .image { float: left; padding-right: 2.6738%; } .image-left-01 .image .caption, .image-left-02 .image .caption { margin-top: 3.33333px; display: block; font-size: 92.30769%; } .image-left-01 .col { overflow: hidden; } .image-left-02 .caption { margin-bottom: 10px; } .image-right-01, .image-right-02 { overflow: hidden; margin-bottom: 20px; } .image-right-01 .image, .image-right-02 .image { float: right; padding-left: 2.6738%; } .image-right-01 .image .caption, .image-right-02 .image .caption { margin-top: 3.33333px; display: block; font-size: 92.30769%; } .image-right-01 .col { overflow: hidden; } .image-right-02 .caption { margin-bottom: 10px; } /* .image-left / .image-right 03 ----------------------------------------------- */ .image-left-03 { overflow: hidden; margin-bottom: 20px; display: table; } .image-left-03 > .image { display: table-cell; padding-right: 2.6738%; } .image-left-03 > .image .caption { margin-top: 3.33333px; display: block; font-size: 92.30769%; } .image-left-03 .col { overflow: hidden; display: table-cell; vertical-align: middle; width: 100% !important; padding-left: 2.6738%; } .image-left-03 .col p { text-align: left; } .image-right-03 { overflow: hidden; margin-bottom: 20px; display: table; } .image-right-03 > .image { display: table-cell; padding-left: 2.6738%; } .image-right-03 > .image .caption { margin-top: 3.33333px; display: block; font-size: 92.30769%; } .image-right-03 .col { overflow: hidden; display: table-cell; vertical-align: middle; width: 100% !important; padding-right: 2.6738%; } .image-right-03 .col p { text-align: left; } @media screen and (max-width: 1020px) { .footergroup-contaier-full { display: table; width: 100%; } .footergroup-contaier-full .footergroup-01-full { display: table-row-group; } .footergroup-contaier-full .footergroup-02-full { display: table-header-group; } } @media screen and (max-width: 979px) { .footergroup-contaier-pc { display: table; width: 100%; } .footergroup-contaier-pc .footergroup-01-pc { display: table-row-group; } .footergroup-contaier-pc .footergroup-02-pc { display: table-header-group; } } @media screen and (max-width: 760px) { .footergroup-contaier-tab { display: table; width: 100%; } .footergroup-contaier-tab .footergroup-01-tab { display: table-row-group; } .footergroup-contaier-tab .footergroup-02-tab { display: table-header-group; } } @media screen and (max-width: 640px) { .footergroup-contaier-sp { display: table; width: 100%; } .footergroup-contaier-sp .footergroup-01-sp { display: table-row-group; } .footergroup-contaier-sp .footergroup-02-sp { display: table-header-group; } } /* .lyt-image ----------------------------------------------- */ .lyt-image { margin-bottom: 20px; } .lyt-image .caption { margin-top: 3.33333px; display: block; font-size: 92.30769%; } /* .imagelist ----------------------------------------------- */ .image-list-01 li { margin: 0 3px 5px 0; display: inline-block; } @media screen and (max-width: 640px) { .image-list-01 li { padding: 0; display: block; text-align: center; } } /* .imagelist(Modal Window) ----------------------------------------------- */ .imagelist li { border: none; } .imagelist li .frame { box-shadow: 0 0 0 !important; } /* ---------------------------------------------------------------- box ----------------------------------------------------------------- */ /* .box-01 ----------------------------------------------- */ .box-01 { border-radius: 4px; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; height: 100%; } .box-01 .box-01-inner { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } .box-layout-style .hdg, .box-layout-style .hdg-02 { font-size: 107.69231%; text-align: center; margin-bottom: 6px; font-weight: bold; } .box-layout-style .image { text-align: center; margin-bottom: 10px; } /* .box-02 ----------------------------------------------- */ .box-02 { background-image: url("/common/global/images/bg-box-02.png"); background-repeat: repeat; background-position: 0 0; border-radius: 4px; padding: 10px; margin-bottom: 20px; height: 100%; } .box-02 .box-02-inner { background: #fff; border-radius: 2px; padding: 10px; _padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { .box-02 { padding: 0; border-radius: none; border: none; background: none; } .box-02 .box-02-inner { padding: 0; border-radius: none; border: none; } } /* .box-03 ----------------------------------------------- */ .box-03 { background: #f2f2f2; border-radius: 4px; margin-bottom: 20px; height: 100%; } .box-03 .box-03-inner { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .box-04 ----------------------------------------------- */ .box-04 { border-radius: 4px; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; height: 100%; } .box-04 .box-04-inner { padding: 10px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .box-05 ----------------------------------------------- */ .box-05 { border-radius: 4px; border: 1px solid #339bd7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; height: 100%; } .box-05 .box-05-inner { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .box-06 ----------------------------------------------- */ .box-06 { background-image: url("/common/global/images/bg-box-06.png"); background-repeat: repeat; background-position: 0 0; border-radius: 4px; padding: 10px; margin-bottom: 20px; height: 100%; } .box-06 .box-06-inner { background: #fff; border-radius: 2px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .box-07 ----------------------------------------------- */ .box-07 { border-radius: 4px; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; height: 100%; } .box-07 .box-07-inner { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Box Shadow Styles ----------------------------------------------- */ .shadow-01-container, .shadow-02-container { position: relative; z-index: 0; margin-bottom: 0; } .shadow-01, .shadow-01 > li, .shadow-02, .shadow-02 > li { position: relative; background: #fff; } .shadow-01, .shadow-01 > li { background-image: url("/common/global/images/bg-box-01.png"); background-repeat: repeat-x; background-position: 0 top; } .shadow-01:before, .shadow-01:after, .shadow-02:before, .shadow-02:after { position: absolute; content: ""; width: 45%; height: 20%; bottom: 15px; background: rgba(0, 0, 0, 0.3); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); z-index: -1; } .shadow-01:after, .shadow-02:after { left: auto; right: 10px; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } .shadow-01:before, .shadow-02:before { left: 10px; right: auto; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } /* box-relatelink ----------------------------------------------- */ .box-relatelink { margin-bottom: 30px; } /* box-relatelink ----------------------------------------------- */ .box-plugin-pdf { margin-bottom: 30px; } /* ---------------------------------------------------------------- notice ----------------------------------------------------------------- */ /* .notice-list ----------------------------------------------- */ .list-notice-01 li { position: relative; padding: 0 0 0 1.6em; float: none; width: auto; display: block; background: none; border: none; } .list-notice-01 li span { position: absolute; top: 0px; left: 0px; } .list-notice-02 li { position: relative; padding: 0 0 0 3em; float: none; width: auto; display: block; background: none; border: none; } .list-notice-02 li span { position: absolute; top: 0px; left: 0px; } /* ---------------------------------------------------------------- layout ----------------------------------------------------------------- */ /* .col-style-01 ----------------------------------------------- */ .col-2 { margin-bottom: 10px; } .col-2 .col, .col-2 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.33155%; } .col-2 > li > li, .col-2 > li .col, .col-2 .col > li, .col-2 .col .col { margin-left: 0; width: auto; float: none; } .col-2 .col, .col-2 > li { margin-bottom: 10px; } .col-2 :first-child { margin-left: 0; } .col-2 :nth-child(2n+1) { margin-left: 0; } .col-2 .first-child { margin-left: 0; } .col-2 .nth-child { margin-left: 0; } .col-3 { margin-bottom: 10px; } .col-3 .col, .col-3 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; } .col-3 > li > li, .col-3 > li .col, .col-3 .col > li, .col-3 .col .col { margin-left: 0; width: auto; float: none; } .col-3 .col, .col-3 > li { margin-bottom: 10px; } .col-3 :first-child { margin-left: 0; } .col-3 :nth-child(3n+1) { margin-left: 0; } .col-3 .first-child { margin-left: 0; } .col-3 .nth-child { margin-left: 0; } .col-4 { margin-bottom: 10px; } .col-4 .col, .col-4 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 23.99733%; } .col-4 > li > li, .col-4 > li .col, .col-4 .col > li, .col-4 .col .col { margin-left: 0; width: auto; float: none; } .col-4 .col, .col-4 > li { margin-bottom: 10px; } .col-4 :first-child { margin-left: 0; } .col-4 :nth-child(4n+1) { margin-left: 0; } .col-4 .first-child { margin-left: 0; } .col-4 .nth-child { margin-left: 0; } .col-5 { margin-bottom: 10px; } .col-5 .col, .col-5 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18.93048%; } .col-5 > li > li, .col-5 > li .col, .col-5 .col > li, .col-5 .col .col { margin-left: 0; width: auto; float: none; } .col-5 .col, .col-5 > li { margin-bottom: 10px; } .col-5 :first-child { margin-left: 0; } .col-5 :nth-child(5n+1) { margin-left: 0; } .col-5 .first-child { margin-left: 0; } .col-5 .nth-child { margin-left: 0; } .col-6 { margin-bottom: 10px; } .col-6 .col, .col-6 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.55258%; } .col-6 > li > li, .col-6 > li .col, .col-6 .col > li, .col-6 .col .col { margin-left: 0; width: auto; float: none; } .col-6 .col, .col-6 > li { margin-bottom: 10px; } .col-6 :first-child { margin-left: 0; } .col-6 :nth-child(6n+1) { margin-left: 0; } .col-6 .first-child { margin-left: 0; } .col-6 .nth-child { margin-left: 0; } /* .col-style-02 ----------------------------------------------- */ .col-2-02 .col, .col-2-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 48.6631%; margin-bottom: 10px; } .col-2-02 > li > li { margin-left: 0; width: auto; float: none; } .col-2-02 :first-child { margin-left: 0; } .col-2-02 :nth-child(2n+1) { margin-left: 0; } .col-2-02 .first-child { margin-left: 0; } .col-2-02 .nth-child { margin-left: 0; } .col-3-02 .col, .col-3-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 31.5508%; margin-bottom: 10px; } .col-3-02 > li > li { margin-left: 0; width: auto; float: none; } .col-3-02 :first-child { margin-left: 0; } .col-3-02 :nth-child(3n+1) { margin-left: 0; } .col-3-02 .first-child { margin-left: 0; } .col-3-02 .nth-child { margin-left: 0; } .col-4-02 .col, .col-4-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 22.99465%; margin-bottom: 10px; } .col-4-02 > li > li { margin-left: 0; width: auto; float: none; } .col-4-02 :first-child { margin-left: 0; } .col-4-02 :nth-child(4n+1) { margin-left: 0; } .col-4-02 .first-child { margin-left: 0; } .col-4-02 .nth-child { margin-left: 0; } .col-5-02 .col, .col-5-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 17.86096%; margin-bottom: 10px; } .col-5-02 > li > li { margin-left: 0; width: auto; float: none; } .col-5-02 :first-child { margin-left: 0; } .col-5-02 :nth-child(5n+1) { margin-left: 0; } .col-5-02 .first-child { margin-left: 0; } .col-5-02 .nth-child { margin-left: 0; } .col-6-02 .col, .col-6-02 > li { margin-left: 2.6738%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14.4385%; margin-bottom: 10px; } .col-6-02 > li > li { margin-left: 0; width: auto; float: none; } .col-6-02 :first-child { margin-left: 0; } .col-6-02 :nth-child(6n+1) { margin-left: 0; } .col-6-02 .first-child { margin-left: 0; } .col-6-02 .nth-child { margin-left: 0; } /* .col-style-03 ----------------------------------------------- */ .col-2-03 .col, .col-2-03 > li { margin-left: 0.33422%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.83289%; margin-bottom: 10px; } .col-2-03 > li > li { margin-left: 0; width: auto; float: none; } .col-2-03 :first-child { margin-left: 0; } .col-2-03 :nth-child(2n+1) { margin-left: 0; } .col-2-03 .first-child { margin-left: 0; } .col-2-03 .nth-child { margin-left: 0; } .col-3-03 .col, .col-3-03 > li { margin-left: 0.33422%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.11052%; margin-bottom: 10px; } .col-3-03 > li > li { margin-left: 0; width: auto; float: none; } .col-3-03 :first-child { margin-left: 0; } .col-3-03 :nth-child(3n+1) { margin-left: 0; } .col-3-03 .first-child { margin-left: 0; } .col-3-03 .nth-child { margin-left: 0; } .col-4-03 .col, .col-4-03 > li { margin-left: 0.33422%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24.74933%; margin-bottom: 10px; } .col-4-03 > li > li { margin-left: 0; width: auto; float: none; } .col-4-03 :first-child { margin-left: 0; } .col-4-03 :nth-child(4n+1) { margin-left: 0; } .col-4-03 .first-child { margin-left: 0; } .col-4-03 .nth-child { margin-left: 0; } .col-5-03 .col, .col-5-03 > li { margin-left: 0.33422%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 19.73262%; margin-bottom: 10px; } .col-5-03 > li > li { margin-left: 0; width: auto; float: none; } .col-5-03 :first-child { margin-left: 0; } .col-5-03 :nth-child(5n+1) { margin-left: 0; } .col-5-03 .first-child { margin-left: 0; } .col-5-03 .nth-child { margin-left: 0; } .col-6-03 .col, .col-6-03 > li { margin-left: 0.33422%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 16.38815%; margin-bottom: 10px; } .col-6-03 > li > li { margin-left: 0; width: auto; float: none; } .col-6-03 :first-child { margin-left: 0; } .col-6-03 :nth-child(6n+1) { margin-left: 0; } .col-6-03 .first-child { margin-left: 0; } .col-6-03 .nth-child { margin-left: 0; } /* ---------------------------------------------------------------- Q & A ----------------------------------------------------------------- */ /* toggle QA ----------------------------------------------- */ .qa-container { margin-bottom: 30px; } .qa-container .hdg-qa-01-container { margin-bottom: 10px; } .qa-container .hdg-qa-01-container .hdg-qa-01 { margin-bottom: 10px; font-size: 123.07692%; padding: 2px 15px 2px 33px; background-image: url("/common/global/images/icon-qa-q.png"); background-repeat: no-repeat; background-position: 0 0; } .qa-container .hdg-qa-01-container .hdg-qa-01 .toggle-item { margin-top: 10px; } .qa-container .item-a { padding: 0 15px 0 33px; min-height: 24px; background-image: url("/common/global/images/icon-qa-a.png"); background-repeat: no-repeat; background-position: 0 0; } @media screen and (max-width: 640px) { .qa-container { margin-bottom: 10px; } .qa-container .hdg-qa-01 { border-bottom: none; } .qa-container .item-a { margin: auto 10px; } .qa-container .hdg-qa-01-container { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%); border: 1px solid #d9d9d9; border-radius: 4px; position: relative; } .qa-container .hdg-qa-01-container:after { content: ""; display: block; width: 15px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .qa-container .hdg-qa-01-container:after { background-image: url("/common/global/images/icon-arrow-04x2-down.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 14px 14px; } .qa-container .hdg-qa-01-container .hdg-qa-01-container-02 { padding: 10px 10px 0 10px; margin-bottom: 10px; } .qa-container .hdg-qa-01-container.active, .qa-container .hdg-qa-01-container .active { position: relative; } .qa-container .hdg-qa-01-container.active:after, .qa-container .hdg-qa-01-container .active:after { content: ""; display: block; width: 15px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .qa-container .hdg-qa-01-container.active:after, .qa-container .hdg-qa-01-container .active:after { background-image: url("/common/global/images/icon-arrow-04x2-up.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 14px 14px; } .qa-container .hdg-qa-01-container .hdg-qa-01-container h2.hdg-l2 { position: relative; } .qa-container .hdg-qa-01-container .hdg-qa-01-container h2.hdg-l2:before { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; top: 0px; left: 0; } .qa-container .hdg-qa-01-container .hdg-qa-01-container h2.hdg-l2:before { border-radius: none; background: none; } } /* ---------------------------------------------------------------- other ----------------------------------------------------------------- */ .pointer { cursor: pointer; margin: auto; padding: auto; height: 100%; } /* ---------------------------------------------------------------- compornent ----------------------------------------------------------------- */ /* .slide ----------------------------------------------- */ .slide-container-01 { margin-bottom: 20px; position: relative; border: 1px solid #d9d9d9; border-radius: 4px; padding: 10px 10px 0 10px; } .slide-container-01 .slidelist-container { margin: 0 20px 0 20px !important; overflow: hidden; } .slide-container-01 .slidelist-container .requidWrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1px 0; padding: 3px 0; } .slide-container-01 .slidelist-container .slidelist { -webkit-padding-start: 0; margin-top: 3px; padding: 3px 3px 0 3px; } .slide-container-01 .slidelist-container .slidelist li { margin-left: 1.3369%; margin-bottom: 10px; float: left; width: 18.93048%; text-align: center; } .slide-container-01 .slidelist-container .slidelist li:first-child { margin-left: 0; } .slide-container-01 .slidelist-container .slidelist li:nth-child(5n+1) { margin-left: 0; } .slide-container-01 .slidelist-container .slidelist a:hover { opacity: 0.5; } .slide-container-01 .slidelist-container .legacyStyle { padding: 3px 0 0 0; } .slide-container-01 .slidelist-container .modernStyle { padding: 0; display: table-cell; } .slide-container-01 .slidelist-container .modernStyle li { margin-left: 0; display: table-cell; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slide-container-01 .slidelist-container .frame { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: #fff; padding: 2% 3% 3% 3%; } .slide-container-01 .slidelist-container .frame a { display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slide-container-01 .pagenation { margin: 0; } .slide-container-01 .pagenation .prev { position: absolute; top: 45%; left: 10px; } .slide-container-01 .pagenation .prev a { display: block; width: 15px; height: 15px; background-image: url("/common/global/images/icon-slide-prev.png"); background-repeat: no-repeat; background-position: left top; } .slide-container-01 .pagenation .prev a span { display: none !important; } .slide-container-01 .pagenation .next { position: absolute; top: 45%; right: 10px; } .slide-container-01 .pagenation .next a { display: block; width: 15px; height: 15px; background-image: url("/common/global/images/icon-slide-next.png"); background-repeat: no-repeat; background-position: left top; } .slide-container-01 .pagenation .next a span { display: none !important; } @media screen and (max-width: 640px) { .slide-container-01 { border: none; padding: 0; border: none; padding: 0; } .slide-container-01 .slidelist-container { margin: 0 !important; padding: 0 !important; width: 100%; text-align: center; } .slide-container-01 .slidelist-container .slidelist { margin: 0 !important; display: inline-block; } .slide-container-01 .slidelist-container .slidelist li { display: none; margin-left: 1.3369%; margin-bottom: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; text-align: center; } .slide-container-01 .slidelist-container .slidelist li:first-child { margin-left: 0; } .slide-container-01 .slidelist-container .slidelist li:nth-child(1), .slide-container-01 .slidelist-container .slidelist li:nth-child(2), .slide-container-01 .slidelist-container .slidelist li:nth-child(3) { display: block; } .slide-container-01 .pagenation { display: none; } } /* .tabs ----------------------------------------------- */ .tabcontainer .tablists { padding: 0 0 20px 0; padding: 0; position: relative; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .tabcontainer .tablists li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 4px 0 0; border: solid #f2f2f2; border-width: 1px 1px 0 1px; text-align: center; margin-bottom: 0; position: relative; background: #f2f2f2; } .tabcontainer .tablists li a { display: block; font-weight: bold; padding: 13px 5px 8px 5px; color: black; height: 100%; } .tabcontainer .tablists li a:hover { color: #339bd7; } .tabcontainer .tablists :first-child { margin-left: 0; } .tabcontainer .tablists .tabpanel { margin-bottom: 10px; } .tabcontainer .tablists .tabpanel.active { display: block; } .tabcontainer .tablists .active { background-color: #fff; padding-bottom: 2px; position: relative; z-index: 1; top: 1px; border: solid #d9d9d9; border-width: 1px 1px 0 1px; } .tabcontainer .tablists .active a, .tabcontainer .tablists .active a:hover { display: block; background-image: url("/common/global/images/bg-sort-01-03.png"); background-repeat: repeat-x; background-position: 0 top; border-radius: 4px 4px 0 0; color: black; } @media screen and (max-width: 640px) { .tabcontainer .tablists { display: none; } } /* .sort ----------------------------------------------- */ .sortcontainer-01 .sortlists { margin-bottom: 20px; } .sortcontainer-01 .sortlists li { border-radius: 4px; border: 1px solid #d9d9d9; text-align: center; padding: 0; } .sortcontainer-01 .sortlists li a { padding: 9px 5px 7px 4px; display: block; } .sortcontainer-01 .sortlists li:first-child { margin-left: 0; } .sortcontainer-01 .sortlists li.show-all { border-radius: 0; border: none; } .sortcontainer-01 .sortlists li.show-all a { text-align: left; padding: 0 0 0 15px; } .sortcontainer-01 .sortlists .btn-01 { background-image: url("/common/global/images/bg-sort-01-01.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-01 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-01.active { background-image: url("/common/global/images/bg-sort-01-01_o.png"); background-repeat: repeat-x; background-position: 0 top; border-color: #ce5027 #ef7a45 #ef7a45; } .sortcontainer-01 .sortlists .btn-01.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-01.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .sortlists .btn-02 { background-image: url("/common/global/images/bg-sort-01-02.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-02 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-02.active { background-image: url("/common/global/images/bg-sort-01-02_o.png"); background-repeat: repeat-x; background-position: 0 0; border-color: #7f9f00 #abc900 #abc900; } .sortcontainer-01 .sortlists .btn-02.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-02.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .sortlists .btn-03 { background-image: url("/common/global/images/bg-sort-01-03.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-03 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-03.active { background-image: url("/common/global/images/bg-sort-01-03_o.png"); background-repeat: repeat-x; background-position: 0 0; border-color: #1b6eb0 #339bd7 #339bd7; } .sortcontainer-01 .sortlists .btn-03.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-03.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .sortlists .btn-04 { background-image: url("/common/global/images/bg-sort-01-04.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-04 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-04.active { background-image: url("/common/global/images/bg-sort-01-04_o.png"); background-repeat: repeat-x; background-position: 0 0; border-color: #cb4579 #ed6da5 #ed6da5; } .sortcontainer-01 .sortlists .btn-04.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-04.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .sortlists .btn-05 { background-image: url("/common/global/images/bg-sort-01-05.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-05 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-05.active { background-image: url("/common/global/images/bg-sort-01-05_o.png"); background-repeat: repeat-x; background-position: 0 0; border-color: #723c81 #9e61ad #9e61ad; } .sortcontainer-01 .sortlists .btn-05.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-05.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .sortlists .btn-06 { background-image: url("/common/global/images/bg-sort-01-06.png"); background-repeat: repeat-x; background-position: 0 top; } .sortcontainer-01 .sortlists .btn-06 a { border-radius: 4px; } .sortcontainer-01 .sortlists .btn-06.active { background-image: url("/common/global/images/bg-sort-01-06_o.png"); background-repeat: repeat-x; background-position: 0 0; border-color: #246f49 #409c72 #409c72; } .sortcontainer-01 .sortlists .btn-06.active.shadow-02:before, .sortcontainer-01 .sortlists .btn-06.active.shadow-02:after { box-shadow: 0px 0px 0px; } .sortcontainer-01 .category-01 .hdg-l2-container.addicon .image-right-01:after { background: #ef7a45; } .sortcontainer-01 .category-01 .hdg-l2-container .hdg-l2-container-02:before { background: #ef7a45 !important; } .sortcontainer-01 .category-02 .hdg-l2-container.addicon .image-right-01:after { background: #abc900; } .sortcontainer-01 .category-02 .hdg-l2-container .hdg-l2-container-02:before { background: #abc900 !important; } .sortcontainer-01 .category-03 .hdg-l2-container.addicon .image-right-01:after { background: #339bd7; } .sortcontainer-01 .category-03 .hdg-l2-container .hdg-l2-container-02:before { background: #339bd7 !important; } .sortcontainer-01 .category-04 .hdg-l2-container.addicon .image-right-01:after { background: #ed6da5; } .sortcontainer-01 .category-04 .hdg-l2-container .hdg-l2-container-02:before { background: #ed6da5 !important; } .sortcontainer-01 .category-05 .hdg-l2-container.addicon .image-right-01:after { background: #9e61ad; } .sortcontainer-01 .category-05 .hdg-l2-container .hdg-l2-container-02:before { background: #9e61ad !important; } .sortcontainer-01 .category-06 .hdg-l2-container.addicon .image-right-01:after { background: #409c72; } .sortcontainer-01 .category-06 .hdg-l2-container .hdg-l2-container-02:before { background: #409c72 !important; } @media screen and (max-width: 640px) { .sortcontainer-01 .box-map, .sortcontainer-01 .box-recommend { display: none; } .sortcontainer-01 .category-01 .hdg-l2-container.addicon .image-right-01:after, .sortcontainer-01 .category-02 .hdg-l2-container.addicon .image-right-01:after, .sortcontainer-01 .category-03 .hdg-l2-container.addicon .image-right-01:after, .sortcontainer-01 .category-04 .hdg-l2-container.addicon .image-right-01:after, .sortcontainer-01 .category-05 .hdg-l2-container.addicon .image-right-01:after, .sortcontainer-01 .category-06 .hdg-l2-container.addicon .image-right-01:after { background: none; } } /* Modal Overlay ----------------------------------------------- */ .modalize { overflow-x: hidden; } .modalOverlay { background-color: black; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1000; opacity: 0.5; } .modalBox { position: absolute; opacity: 1; z-index: 1001; top: 50%; left: 50%; margin-top: -230px; margin-left: -330px; } .leftItem { left: 0; } .rightItem { left: 100%; } @media screen and (max-width: 760px) { .modalBox { margin: -230px 50px auto; top: 50%; left: 0; right: 0; } } /* legacyStyle */ .legacyStyle .modalBox { width: 660px; } .legacyStyle .ieBox { left: 0; margin-left: 0; } .modalSkin { padding: 30px; width: auto; height: auto; position: relative; background: white; color: #444444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .modalShadow { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .legacyStyle .modalSkin { width: 600px; } .modalWrap { position: relative; } .modalContent { position: relative; } .legacyStyle .modalContent { width: 600px; height: 400px; } .modalController { position: absolute; top: 0; width: 40%; height: 100%; z-index: 1002; display: block; } .modalController span { position: absolute; top: 50%; width: 25px; height: 24px; margin-top: -18px; cursor: pointer; z-index: 1002; } .modalWrap .prev { left: -35px; } .modalWrap .prev span { left: 12px; } .modalWrap .next { right: -35px; } .modalWrap .next span { right: 3px; } .modalClose { position: absolute; bottom: 16px; right: 5px; z-index: 1003; width: 66px; height: 15px; display: block; } /* ---------------------------------------------------------------- Video Container ----------------------------------------------------------------- */ .video-container-01 { max-width: 560px; margin: auto; } .video-container-01 .video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container-01 .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------------------------------------------------------- Rewrite Style ----------------------------------------------------------------- */ /* Link Color ----------------------------------------------- */ .link-list-02 a, .nav-top-pc a, .nav-top-tab a, .link-box a, .btn-list-01 a, .hdg-l2 a, .hdg-l3 a, .hdg-style-01 a, .hdg-style-04 a { color: black; } .link-list-02 a:hover, .nav-top-pc a:hover, .nav-top-tab a:hover, .link-box a:hover, .btn-list-01 a:hover, .hdg-l2 a:hover, .hdg-l3 a:hover, .hdg-style-01 a:hover, .hdg-style-04 a:hover { color: #339bd7; } /* List Rewrite ----------------------------------------------- */ .link-list-01 li, .list-bullet-01 li, .list-order-01 li, .list-notice-01 li, .list-notice-02 li { margin: 0 0 4px 0; } /* Margin Rewrite ----------------------------------------------- */ .sortpanels .box-02, .needs .box-02 { margin-bottom: 10px !important; } .sortpanels .section-01, .needs .section-01 { margin-bottom: 30px !important; } /* ---------------------------------------------------------------- common ----------------------------------------------------------------- */ /* Margin and Padding Control ----------------------------------------------- */ .m-top-0 { margin-top: 0px !important; } .m-right-0 { margin-right: 0px !important; } .m-bottom-0 { margin-bottom: 0px !important; } .m-left-0 { margin-left: 0px !important; } .p-top-0 { padding-top: 0px !important; } .p-right-0 { padding-right: 0px !important; } .p-bottom-0 { padding-bottom: 0px !important; } .p-left-0 { padding-left: 0px !important; } .m-top-5 { margin-top: 5px !important; } .m-right-5 { margin-right: 5px !important; } .m-bottom-5 { margin-bottom: 5px !important; } .m-left-5 { margin-left: 5px !important; } .p-top-5 { padding-top: 5px !important; } .p-right-5 { padding-right: 5px !important; } .p-bottom-5 { padding-bottom: 5px !important; } .p-left-5 { padding-left: 5px !important; } .m-top-10 { margin-top: 10px !important; } .m-right-10 { margin-right: 10px !important; } .m-bottom-10 { margin-bottom: 10px !important; } .m-left-10 { margin-left: 10px !important; } .p-top-10 { padding-top: 10px !important; } .p-right-10 { padding-right: 10px !important; } .p-bottom-10 { padding-bottom: 10px !important; } .p-left-10 { padding-left: 10px !important; } .m-top-15 { margin-top: 15px !important; } .m-right-15 { margin-right: 15px !important; } .m-bottom-15 { margin-bottom: 15px !important; } .m-left-15 { margin-left: 15px !important; } .p-top-15 { padding-top: 15px !important; } .p-right-15 { padding-right: 15px !important; } .p-bottom-15 { padding-bottom: 15px !important; } .p-left-15 { padding-left: 15px !important; } .m-top-20 { margin-top: 20px !important; } .m-right-20 { margin-right: 20px !important; } .m-bottom-20 { margin-bottom: 20px !important; } .m-left-20 { margin-left: 20px !important; } .p-top-20 { padding-top: 20px !important; } .p-right-20 { padding-right: 20px !important; } .p-bottom-20 { padding-bottom: 20px !important; } .p-left-20 { padding-left: 20px !important; } .m-top-25 { margin-top: 25px !important; } .m-right-25 { margin-right: 25px !important; } .m-bottom-25 { margin-bottom: 25px !important; } .m-left-25 { margin-left: 25px !important; } .p-top-25 { padding-top: 25px !important; } .p-right-25 { padding-right: 25px !important; } .p-bottom-25 { padding-bottom: 25px !important; } .p-left-25 { padding-left: 25px !important; } .m-top-30 { margin-top: 30px !important; } .m-right-30 { margin-right: 30px !important; } .m-bottom-30 { margin-bottom: 30px !important; } .m-left-30 { margin-left: 30px !important; } .p-top-30 { padding-top: 30px !important; } .p-right-30 { padding-right: 30px !important; } .p-bottom-30 { padding-bottom: 30px !important; } .p-left-30 { padding-left: 30px !important; } .m-top-35 { margin-top: 35px !important; } .m-right-35 { margin-right: 35px !important; } .m-bottom-35 { margin-bottom: 35px !important; } .m-left-35 { margin-left: 35px !important; } .p-top-35 { padding-top: 35px !important; } .p-right-35 { padding-right: 35px !important; } .p-bottom-35 { padding-bottom: 35px !important; } .p-left-35 { padding-left: 35px !important; } .m-top-40 { margin-top: 40px !important; } .m-right-40 { margin-right: 40px !important; } .m-bottom-40 { margin-bottom: 40px !important; } .m-left-40 { margin-left: 40px !important; } .p-top-40 { padding-top: 40px !important; } .p-right-40 { padding-right: 40px !important; } .p-bottom-40 { padding-bottom: 40px !important; } .p-left-40 { padding-left: 40px !important; } .m-top-45 { margin-top: 45px !important; } .m-right-45 { margin-right: 45px !important; } .m-bottom-45 { margin-bottom: 45px !important; } .m-left-45 { margin-left: 45px !important; } .p-top-45 { padding-top: 45px !important; } .p-right-45 { padding-right: 45px !important; } .p-bottom-45 { padding-bottom: 45px !important; } .p-left-45 { padding-left: 45px !important; } .m-top-50 { margin-top: 50px !important; } .m-right-50 { margin-right: 50px !important; } .m-bottom-50 { margin-bottom: 50px !important; } .m-left-50 { margin-left: 50px !important; } .p-top-50 { padding-top: 50px !important; } .p-right-50 { padding-right: 50px !important; } .p-bottom-50 { padding-bottom: 50px !important; } .p-left-50 { padding-left: 50px !important; } .m-0 { margin: 0px !important; } .p-0 { padding: 0px !important; } .m-5 { margin: 5px !important; } .p-5 { padding: 5px !important; } .m-10 { margin: 10px !important; } .p-10 { padding: 10px !important; } .m-15 { margin: 15px !important; } .p-15 { padding: 15px !important; } .m-20 { margin: 20px !important; } .p-20 { padding: 20px !important; } .m-25 { margin: 25px !important; } .p-25 { padding: 25px !important; } .m-30 { margin: 30px !important; } .p-30 { padding: 30px !important; } @media screen and (max-width: 1020px) { .m-top-0-full { margin-top: 0px !important; } .m-right-0-full { margin-right: 0px !important; } .m-bottom-0-full { margin-bottom: 0px !important; } .m-left-0-full { margin-left: 0px !important; } .p-top-0-full { padding-top: 0px !important; } .p-right-0-full { padding-right: 0px !important; } .p-bottom-0-full { padding-bottom: 0px !important; } .p-left-0-full { padding-left: 0px !important; } .m-top-5-full { margin-top: 5px !important; } .m-right-5-full { margin-right: 5px !important; } .m-bottom-5-full { margin-bottom: 5px !important; } .m-left-5-full { margin-left: 5px !important; } .p-top-5-full { padding-top: 5px !important; } .p-right-5-full { padding-right: 5px !important; } .p-bottom-5-full { padding-bottom: 5px !important; } .p-left-5-full { padding-left: 5px !important; } .m-top-10-full { margin-top: 10px !important; } .m-right-10-full { margin-right: 10px !important; } .m-bottom-10-full { margin-bottom: 10px !important; } .m-left-10-full { margin-left: 10px !important; } .p-top-10-full { padding-top: 10px !important; } .p-right-10-full { padding-right: 10px !important; } .p-bottom-10-full { padding-bottom: 10px !important; } .p-left-10-full { padding-left: 10px !important; } .m-top-15-full { margin-top: 15px !important; } .m-right-15-full { margin-right: 15px !important; } .m-bottom-15-full { margin-bottom: 15px !important; } .m-left-15-full { margin-left: 15px !important; } .p-top-15-full { padding-top: 15px !important; } .p-right-15-full { padding-right: 15px !important; } .p-bottom-15-full { padding-bottom: 15px !important; } .p-left-15-full { padding-left: 15px !important; } .m-top-20-full { margin-top: 20px !important; } .m-right-20-full { margin-right: 20px !important; } .m-bottom-20-full { margin-bottom: 20px !important; } .m-left-20-full { margin-left: 20px !important; } .p-top-20-full { padding-top: 20px !important; } .p-right-20-full { padding-right: 20px !important; } .p-bottom-20-full { padding-bottom: 20px !important; } .p-left-20-full { padding-left: 20px !important; } .m-top-25-full { margin-top: 25px !important; } .m-right-25-full { margin-right: 25px !important; } .m-bottom-25-full { margin-bottom: 25px !important; } .m-left-25-full { margin-left: 25px !important; } .p-top-25-full { padding-top: 25px !important; } .p-right-25-full { padding-right: 25px !important; } .p-bottom-25-full { padding-bottom: 25px !important; } .p-left-25-full { padding-left: 25px !important; } .m-top-30-full { margin-top: 30px !important; } .m-right-30-full { margin-right: 30px !important; } .m-bottom-30-full { margin-bottom: 30px !important; } .m-left-30-full { margin-left: 30px !important; } .p-top-30-full { padding-top: 30px !important; } .p-right-30-full { padding-right: 30px !important; } .p-bottom-30-full { padding-bottom: 30px !important; } .p-left-30-full { padding-left: 30px !important; } } @media screen and (max-width: 979px) { .m-top-0-pc { margin-top: 0px !important; } .m-right-0-pc { margin-right: 0px !important; } .m-bottom-0-pc { margin-bottom: 0px !important; } .m-left-0-pc { margin-left: 0px !important; } .p-top-0-pc { padding-top: 0px !important; } .p-right-0-pc { padding-right: 0px !important; } .p-bottom-0-pc { padding-bottom: 0px !important; } .p-left-0-pc { padding-left: 0px !important; } .m-top-5-pc { margin-top: 5px !important; } .m-right-5-pc { margin-right: 5px !important; } .m-bottom-5-pc { margin-bottom: 5px !important; } .m-left-5-pc { margin-left: 5px !important; } .p-top-5-pc { padding-top: 5px !important; } .p-right-5-pc { padding-right: 5px !important; } .p-bottom-5-pc { padding-bottom: 5px !important; } .p-left-5-pc { padding-left: 5px !important; } .m-top-10-pc { margin-top: 10px !important; } .m-right-10-pc { margin-right: 10px !important; } .m-bottom-10-pc { margin-bottom: 10px !important; } .m-left-10-pc { margin-left: 10px !important; } .p-top-10-pc { padding-top: 10px !important; } .p-right-10-pc { padding-right: 10px !important; } .p-bottom-10-pc { padding-bottom: 10px !important; } .p-left-10-pc { padding-left: 10px !important; } .m-top-15-pc { margin-top: 15px !important; } .m-right-15-pc { margin-right: 15px !important; } .m-bottom-15-pc { margin-bottom: 15px !important; } .m-left-15-pc { margin-left: 15px !important; } .p-top-15-pc { padding-top: 15px !important; } .p-right-15-pc { padding-right: 15px !important; } .p-bottom-15-pc { padding-bottom: 15px !important; } .p-left-15-pc { padding-left: 15px !important; } .m-top-20-pc { margin-top: 20px !important; } .m-right-20-pc { margin-right: 20px !important; } .m-bottom-20-pc { margin-bottom: 20px !important; } .m-left-20-pc { margin-left: 20px !important; } .p-top-20-pc { padding-top: 20px !important; } .p-right-20-pc { padding-right: 20px !important; } .p-bottom-20-pc { padding-bottom: 20px !important; } .p-left-20-pc { padding-left: 20px !important; } .m-top-25-pc { margin-top: 25px !important; } .m-right-25-pc { margin-right: 25px !important; } .m-bottom-25-pc { margin-bottom: 25px !important; } .m-left-25-pc { margin-left: 25px !important; } .p-top-25-pc { padding-top: 25px !important; } .p-right-25-pc { padding-right: 25px !important; } .p-bottom-25-pc { padding-bottom: 25px !important; } .p-left-25-pc { padding-left: 25px !important; } .m-top-30-pc { margin-top: 30px !important; } .m-right-30-pc { margin-right: 30px !important; } .m-bottom-30-pc { margin-bottom: 30px !important; } .m-left-30-pc { margin-left: 30px !important; } .p-top-30-pc { padding-top: 30px !important; } .p-right-30-pc { padding-right: 30px !important; } .p-bottom-30-pc { padding-bottom: 30px !important; } .p-left-30-pc { padding-left: 30px !important; } } @media screen and (max-width: 760px) { .m-top-0-tab { margin-top: 0px !important; } .m-right-0-tab { margin-right: 0px !important; } .m-bottom-0-tab { margin-bottom: 0px !important; } .m-left-0-tab { margin-left: 0px !important; } .p-top-0-tab { padding-top: 0px !important; } .p-right-0-tab { padding-right: 0px !important; } .p-bottom-0-tab { padding-bottom: 0px !important; } .p-left-0-tab { padding-left: 0px !important; } .m-top-5-tab { margin-top: 5px !important; } .m-right-5-tab { margin-right: 5px !important; } .m-bottom-5-tab { margin-bottom: 5px !important; } .m-left-5-tab { margin-left: 5px !important; } .p-top-5-tab { padding-top: 5px !important; } .p-right-5-tab { padding-right: 5px !important; } .p-bottom-5-tab { padding-bottom: 5px !important; } .p-left-5-tab { padding-left: 5px !important; } .m-top-10-tab { margin-top: 10px !important; } .m-right-10-tab { margin-right: 10px !important; } .m-bottom-10-tab { margin-bottom: 10px !important; } .m-left-10-tab { margin-left: 10px !important; } .p-top-10-tab { padding-top: 10px !important; } .p-right-10-tab { padding-right: 10px !important; } .p-bottom-10-tab { padding-bottom: 10px !important; } .p-left-10-tab { padding-left: 10px !important; } .m-top-15-tab { margin-top: 15px !important; } .m-right-15-tab { margin-right: 15px !important; } .m-bottom-15-tab { margin-bottom: 15px !important; } .m-left-15-tab { margin-left: 15px !important; } .p-top-15-tab { padding-top: 15px !important; } .p-right-15-tab { padding-right: 15px !important; } .p-bottom-15-tab { padding-bottom: 15px !important; } .p-left-15-tab { padding-left: 15px !important; } .m-top-20-tab { margin-top: 20px !important; } .m-right-20-tab { margin-right: 20px !important; } .m-bottom-20-tab { margin-bottom: 20px !important; } .m-left-20-tab { margin-left: 20px !important; } .p-top-20-tab { padding-top: 20px !important; } .p-right-20-tab { padding-right: 20px !important; } .p-bottom-20-tab { padding-bottom: 20px !important; } .p-left-20-tab { padding-left: 20px !important; } .m-top-25-tab { margin-top: 25px !important; } .m-right-25-tab { margin-right: 25px !important; } .m-bottom-25-tab { margin-bottom: 25px !important; } .m-left-25-tab { margin-left: 25px !important; } .p-top-25-tab { padding-top: 25px !important; } .p-right-25-tab { padding-right: 25px !important; } .p-bottom-25-tab { padding-bottom: 25px !important; } .p-left-25-tab { padding-left: 25px !important; } .m-top-30-tab { margin-top: 30px !important; } .m-right-30-tab { margin-right: 30px !important; } .m-bottom-30-tab { margin-bottom: 30px !important; } .m-left-30-tab { margin-left: 30px !important; } .p-top-30-tab { padding-top: 30px !important; } .p-right-30-tab { padding-right: 30px !important; } .p-bottom-30-tab { padding-bottom: 30px !important; } .p-left-30-tab { padding-left: 30px !important; } } @media screen and (max-width: 640px) { .m-top-0-sp { margin-top: 0px !important; } .m-right-0-sp { margin-right: 0px !important; } .m-bottom-0-sp { margin-bottom: 0px !important; } .m-left-0-sp { margin-left: 0px !important; } .p-top-0-sp { padding-top: 0px !important; } .p-right-0-sp { padding-right: 0px !important; } .p-bottom-0-sp { padding-bottom: 0px !important; } .p-left-0-sp { padding-left: 0px !important; } .m-top-5-sp { margin-top: 5px !important; } .m-right-5-sp { margin-right: 5px !important; } .m-bottom-5-sp { margin-bottom: 5px !important; } .m-left-5-sp { margin-left: 5px !important; } .p-top-5-sp { padding-top: 5px !important; } .p-right-5-sp { padding-right: 5px !important; } .p-bottom-5-sp { padding-bottom: 5px !important; } .p-left-5-sp { padding-left: 5px !important; } .m-top-10-sp { margin-top: 10px !important; } .m-right-10-sp { margin-right: 10px !important; } .m-bottom-10-sp { margin-bottom: 10px !important; } .m-left-10-sp { margin-left: 10px !important; } .p-top-10-sp { padding-top: 10px !important; } .p-right-10-sp { padding-right: 10px !important; } .p-bottom-10-sp { padding-bottom: 10px !important; } .p-left-10-sp { padding-left: 10px !important; } .m-top-15-sp { margin-top: 15px !important; } .m-right-15-sp { margin-right: 15px !important; } .m-bottom-15-sp { margin-bottom: 15px !important; } .m-left-15-sp { margin-left: 15px !important; } .p-top-15-sp { padding-top: 15px !important; } .p-right-15-sp { padding-right: 15px !important; } .p-bottom-15-sp { padding-bottom: 15px !important; } .p-left-15-sp { padding-left: 15px !important; } .m-top-20-sp { margin-top: 20px !important; } .m-right-20-sp { margin-right: 20px !important; } .m-bottom-20-sp { margin-bottom: 20px !important; } .m-left-20-sp { margin-left: 20px !important; } .p-top-20-sp { padding-top: 20px !important; } .p-right-20-sp { padding-right: 20px !important; } .p-bottom-20-sp { padding-bottom: 20px !important; } .p-left-20-sp { padding-left: 20px !important; } .m-top-25-sp { margin-top: 25px !important; } .m-right-25-sp { margin-right: 25px !important; } .m-bottom-25-sp { margin-bottom: 25px !important; } .m-left-25-sp { margin-left: 25px !important; } .p-top-25-sp { padding-top: 25px !important; } .p-right-25-sp { padding-right: 25px !important; } .p-bottom-25-sp { padding-bottom: 25px !important; } .p-left-25-sp { padding-left: 25px !important; } .m-top-30-sp { margin-top: 30px !important; } .m-right-30-sp { margin-right: 30px !important; } .m-bottom-30-sp { margin-bottom: 30px !important; } .m-left-30-sp { margin-left: 30px !important; } .p-top-30-sp { padding-top: 30px !important; } .p-right-30-sp { padding-right: 30px !important; } .p-bottom-30-sp { padding-bottom: 30px !important; } .p-left-30-sp { padding-left: 30px !important; } } /* Width Control ----------------------------------------------- */ .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .w-45 { width: 45% !important; } .w-50 { width: 50% !important; } .w-55 { width: 55% !important; } .w-60 { width: 60% !important; } .w-65 { width: 65% !important; } .w-70 { width: 70% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } .w-col-2 { width: 48.6631%; } .w-col-2-02 { width: 47.3262%; } .w-col-3 { width: 31.99643%; } .w-col-3-02 { width: 30.65954%; } .w-col-4 { width: 23.6631%; } .w-col-4-02 { width: 22.3262%; } .w-col-5 { width: 18.6631%; } .w-col-5-02 { width: 17.3262%; } .w-col-6 { width: 15.32977%; } .w-col-6-02 { width: 13.99287%; } /* Line Control ----------------------------------------------- */ .line-top { border-top: 1px #d9d9d9 solid !important; } .line-dotted-top { border-top: 1px #d9d9d9 dotted !important; } .line-reset-top { border-top: none !important; } @media screen and (max-width: 1020px) { .line-reset-full-top { border-top: none !important; } } @media screen and (max-width: 979px) { .line-reset-pc-top { border-top: none !important; } } @media screen and (max-width: 760px) { .line-reset-tab-top { border-top: none !important; } } @media screen and (max-width: 640px) { .line-reset-sp-top { border-top: none !important; } } .line-right { border-right: 1px #d9d9d9 solid !important; } .line-dotted-right { border-right: 1px #d9d9d9 dotted !important; } .line-reset-right { border-right: none !important; } @media screen and (max-width: 1020px) { .line-reset-full-right { border-right: none !important; } } @media screen and (max-width: 979px) { .line-reset-pc-right { border-right: none !important; } } @media screen and (max-width: 760px) { .line-reset-tab-right { border-right: none !important; } } @media screen and (max-width: 640px) { .line-reset-sp-right { border-right: none !important; } } .line-bottom { border-bottom: 1px #d9d9d9 solid !important; } .line-dotted-bottom { border-bottom: 1px #d9d9d9 dotted !important; } .line-reset-bottom { border-bottom: none !important; } @media screen and (max-width: 1020px) { .line-reset-full-bottom { border-bottom: none !important; } } @media screen and (max-width: 979px) { .line-reset-pc-bottom { border-bottom: none !important; } } @media screen and (max-width: 760px) { .line-reset-tab-bottom { border-bottom: none !important; } } @media screen and (max-width: 640px) { .line-reset-sp-bottom { border-bottom: none !important; } } .line-left { border-left: 1px #d9d9d9 solid !important; } .line-dotted-left { border-left: 1px #d9d9d9 dotted !important; } .line-reset-left { border-left: none !important; } @media screen and (max-width: 1020px) { .line-reset-full-left { border-left: none !important; } } @media screen and (max-width: 979px) { .line-reset-pc-left { border-left: none !important; } } @media screen and (max-width: 760px) { .line-reset-tab-left { border-left: none !important; } } @media screen and (max-width: 640px) { .line-reset-sp-left { border-left: none !important; } } /* Float Control ----------------------------------------------- */ .fl-left { float: left; } .fl-left-list li { float: left; } .fl-right { float: right; } .fl-right-list li { float: right; } /* Display Control ----------------------------------------------- */ .block { display: block !important; } .inline-block { display: inline-block !important; } .inline { display: inline !important; } .table { display: table !important; } .table-cell { display: table-cell !important; } .none { display: none !important; } @media screen and (max-width: 1020px) { .block-full { display: block !important; } .inline-block-full { display: inline-block !important; } .inline-full { display: inline !important; } .table-full { display: table !important; } .table-cell-full { display: table-cell !important; } .none-full { display: none !important; } } @media screen and (max-width: 979px) { .block-pc { display: block !important; } .inline-block-pc { display: inline-block !important; } .inline-pc { display: inline !important; } .table-pc { display: table !important; } .table-cell-pc { display: table-cell !important; } .none-pc { display: none !important; } } @media screen and (max-width: 760px) { .block-tab { display: block !important; } .inline-block-tab { display: inline-block !important; } .inline-tab { display: inline !important; } .table-tab { display: table !important; } .table-cell-tab { display: table-cell !important; } .none-tab { display: none !important; } } @media screen and (max-width: 640px) { .block-sp { display: block !important; } .inline-block-sp { display: inline-block !important; } .inline-sp { display: inline !important; } .table-sp { display: table !important; } .table-cell-sp { display: table-cell !important; } .none-sp { display: none !important; } } /* Align Control ----------------------------------------------- */ .left, table.left th, table.left td, thead.left tr *, tbody.lett tr * { text-align: left !important; } .center, table.center th, table.center td, thead.center tr *, tbody.center tr * { text-align: center !important; } .right, table.right th, table.right td, thead.right tr *, tbody.right tr * { text-align: right !important; } .middle, table.middle th, table.middle td, thead.middle tr *, tbody.middle tr * { vertical-align: middle !important; } @media screen and (max-width: 760px) { table.left-tab th, table.left-tab td, thead.left-tab tr *, tbody.lett-tab tr * { text-align: left !important; } .center-tab, table.center-tab th, table.center-tab td, thead.center-tab tr *, tbody.center-tab tr * { text-align: center !important; } .right-tab, table.right-tab th, table.right-tab td, thead.right-tab tr *, tbody.right-tab tr * { text-align: right !important; } .middle-tab, table.middle-tab th, table.middle-tab td, thead.middle-tab tr *, tbody.middle-tab tr * { vertical-align: middle !important; } } @media screen and (max-width: 640px) { .left-sp, table.left-sp th, table.left-sp td, thead.left-sp tr *, tbody.lett-sp tr * { text-align: left !important; } .center-sp, table.center-sp th, table.center-sp td, thead.center-sp tr *, tbody.center-sp tr * { text-align: center !important; } .right-sp, table.right-sp th, table.right-sp td, thead.right-sp tr *, tbody.right-sp tr * { text-align: right !important; } .middle-sp, table.middle-sp th, table.middle-sp td, thead.middle-sp tr *, tbody.middle-sp tr * { vertical-align: middle !important; } } /* Color Control ----------------------------------------------- */ .color-01 { color: black; } .color-02 { color: #cc0000; } .color-03 { color: #339bd7; } /* ---------------------------------------------------------------- Break Control ----------------------------------------------------------------- */ /* Col Break ----------------------------------------------- */ /* Full Size */ @media screen and (max-width: 1020px) { .break-col-full-1 .col, .break-col-full-1 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; } .break-col-full-1 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-1 :first-child { margin-left: 0; } .break-col-full-1 :nth-child(1n+1) { margin-left: 0; } .break-col-full-2 .col, .break-col-full-2 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.33155%; margin-bottom: 10px; } .break-col-full-2 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-2 :first-child { margin-left: 0; } .break-col-full-2 :nth-child(2n+1) { margin-left: 0; } .break-col-full-3 .col, .break-col-full-3 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; margin-bottom: 10px; } .break-col-full-3 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-3 :first-child { margin-left: 0; } .break-col-full-3 :nth-child(3n+1) { margin-left: 0; } .break-col-full-4 .col, .break-col-full-4 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 23.99733%; margin-bottom: 10px; } .break-col-full-4 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-4 :first-child { margin-left: 0; } .break-col-full-4 :nth-child(4n+1) { margin-left: 0; } .break-col-full-5 .col, .break-col-full-5 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18.93048%; margin-bottom: 10px; } .break-col-full-5 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-5 :first-child { margin-left: 0; } .break-col-full-5 :nth-child(5n+1) { margin-left: 0; } .break-col-full-6 .col, .break-col-full-6 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.55258%; margin-bottom: 10px; } .break-col-full-6 > li > li { margin-left: 0; width: auto; float: none; } .break-col-full-6 :first-child { margin-left: 0; } .break-col-full-6 :nth-child(6n+1) { margin-left: 0; } } /* PC Size */ @media screen and (max-width: 979px) { .break-col-pc-1 .col, .break-col-pc-1 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; } .break-col-pc-1 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-1 :first-child { margin-left: 0; } .break-col-pc-1 :nth-child(1n+1) { margin-left: 0; } .break-col-pc-2 .col, .break-col-pc-2 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.33155%; margin-bottom: 10px; } .break-col-pc-2 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-2 :first-child { margin-left: 0; } .break-col-pc-2 :nth-child(2n+1) { margin-left: 0; } .break-col-pc-3 .col, .break-col-pc-3 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; margin-bottom: 10px; } .break-col-pc-3 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-3 :first-child { margin-left: 0; } .break-col-pc-3 :nth-child(3n+1) { margin-left: 0; } .break-col-pc-4 .col, .break-col-pc-4 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 23.99733%; margin-bottom: 10px; } .break-col-pc-4 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-4 :first-child { margin-left: 0; } .break-col-pc-4 :nth-child(4n+1) { margin-left: 0; } .break-col-pc-5 .col, .break-col-pc-5 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18.93048%; margin-bottom: 10px; } .break-col-pc-5 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-5 :first-child { margin-left: 0; } .break-col-pc-5 :nth-child(5n+1) { margin-left: 0; } .break-col-pc-6 .col, .break-col-pc-6 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.55258%; margin-bottom: 10px; } .break-col-pc-6 > li > li { margin-left: 0; width: auto; float: none; } .break-col-pc-6 :first-child { margin-left: 0; } .break-col-pc-6 :nth-child(6n+1) { margin-left: 0; } } /* Tab Size */ @media screen and (max-width: 760px) { .break-col-tab-1 .col, .break-col-tab-1 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; } .break-col-tab-1 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-1 :first-child { margin-left: 0; } .break-col-tab-1 :nth-child(1n+1) { margin-left: 0; } .break-col-tab-2 .col, .break-col-tab-2 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.33155%; margin-bottom: 10px; } .break-col-tab-2 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-2 :first-child { margin-left: 0; } .break-col-tab-2 :nth-child(2n+1) { margin-left: 0; } .break-col-tab-3 .col, .break-col-tab-3 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; margin-bottom: 10px; } .break-col-tab-3 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-3 :first-child { margin-left: 0; } .break-col-tab-3 :nth-child(3n+1) { margin-left: 0; } .break-col-tab-4 .col, .break-col-tab-4 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 23.99733%; margin-bottom: 10px; } .break-col-tab-4 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-4 :first-child { margin-left: 0; } .break-col-tab-4 :nth-child(4n+1) { margin-left: 0; } .break-col-tab-5 .col, .break-col-tab-5 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18.93048%; margin-bottom: 10px; } .break-col-tab-5 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-5 :first-child { margin-left: 0; } .break-col-tab-5 :nth-child(5n+1) { margin-left: 0; } .break-col-tab-6 .col, .break-col-tab-6 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.55258%; margin-bottom: 10px; } .break-col-tab-6 > li > li { margin-left: 0; width: auto; float: none; } .break-col-tab-6 :first-child { margin-left: 0; } .break-col-tab-6 :nth-child(6n+1) { margin-left: 0; } } /* SP Size */ @media screen and (max-width: 640px) { .break-col-sp-1 .col, .break-col-sp-1 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; } .break-col-sp-1 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-1 :first-child { margin-left: 0; } .break-col-sp-1 :nth-child(1n+1) { margin-left: 0; } .break-col-sp-2 .col, .break-col-sp-2 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.33155%; margin-bottom: 10px; } .break-col-sp-2 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-2 :first-child { margin-left: 0; } .break-col-sp-2 :nth-child(2n+1) { margin-left: 0; } .break-col-sp-3 .col, .break-col-sp-3 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.44207%; margin-bottom: 10px; } .break-col-sp-3 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-3 :first-child { margin-left: 0; } .break-col-sp-3 :nth-child(3n+1) { margin-left: 0; } .break-col-sp-4 .col, .break-col-sp-4 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 23.99733%; margin-bottom: 10px; } .break-col-sp-4 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-4 :first-child { margin-left: 0; } .break-col-sp-4 :nth-child(4n+1) { margin-left: 0; } .break-col-sp-5 .col, .break-col-sp-5 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 18.93048%; margin-bottom: 10px; } .break-col-sp-5 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-5 :first-child { margin-left: 0; } .break-col-sp-5 :nth-child(5n+1) { margin-left: 0; } .break-col-sp-6 .col, .break-col-sp-6 > li { margin-left: 1.3369%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.55258%; margin-bottom: 10px; } .break-col-sp-6 > li > li { margin-left: 0; width: auto; float: none; } .break-col-sp-6 :first-child { margin-left: 0; } .break-col-sp-6 :nth-child(6n+1) { margin-left: 0; } } /* Image Layout Break ----------------------------------------------- */ /* Full Size */ @media screen and (max-width: 1020px) { .break-image-full-01 > li, .break-image-full-01 > .col { float: none !important; margin-left: 0 !important; width: 100% !important; display: block !important; } .break-image-full-01 .image { text-align: center; width: 100%; margin-bottom: 10px; } } /* PC Size */ @media screen and (max-width: 979px) { .break-image-pc-01 > li, .break-image-pc-01 > .col { float: none !important; margin-left: 0 !important; width: 100% !important; display: block !important; } .break-image-pc-01 .image { text-align: center; width: 100%; margin-bottom: 10px; } } /* Tab Size */ @media screen and (max-width: 760px) { .break-image-tab-01 > li, .break-image-tab-01 > .col { float: none !important; margin-left: 0 !important; width: 100% !important; display: block !important; } .break-image-tab-01 .image { text-align: center; width: 100%; margin-bottom: 10px; } } /* SP Size */ @media screen and (max-width: 640px) { .break-image-sp-01 > li, .break-image-sp-01 > .col { float: none !important; margin-left: 0 !important; width: 100% !important; display: block !important; } .break-image-sp-01 .image { text-align: center; width: 100%; margin-bottom: 10px; } } /* Link Box Break ----------------------------------------------- */ /* SP Size */ @media screen and (max-width: 640px) { .break-linkbox-sp-01 > li, .break-linkbox-sp-01 > .col { margin-left: 0 !important; width: 100%; height: auto !important; } .break-linkbox-sp-01 > li .arrow, .break-linkbox-sp-01 > .col .arrow { display: block; position: relative; } .break-linkbox-sp-01 > li .arrow:after, .break-linkbox-sp-01 > .col .arrow:after { content: ""; display: block; width: 11px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 10px; } .break-linkbox-sp-01 > li .arrow:after, .break-linkbox-sp-01 > .col .arrow:after { background-image: url("/common/global/images/icon-arrow-05x2-right.png"); background-repeat: no-repeat; background-position: 0 50%; background-size: 11px 11px; } .break-linkbox-sp-01 > li .hdg-break-01, .break-linkbox-sp-01 > .col .hdg-break-01 { text-align: left !important; vertical-align: middle; display: table-cell; padding-left: 10px; margin-right: 20px; } .break-linkbox-sp-01 > li .hdg-break-02, .break-linkbox-sp-01 > .col .hdg-break-02 { text-align: left; } .break-linkbox-sp-01 > li .image, .break-linkbox-sp-01 > .col .image { text-align: left; vertical-align: middle; display: table-cell; margin-right: 10px; width: 101px; } .break-linkbox-sp-01 > li .image img, .break-linkbox-sp-01 > .col .image img { height: auto; width: 100%; } .break-linkbox-sp-01 > li .text, .break-linkbox-sp-01 > .col .text { display: none; } .break-linkbox-sp-01 > li .link-list-02, .break-linkbox-sp-01 > .col .link-list-02 { margin-bottom: 0; } } /* Break rtl ltr ----------------------------------------------- */ @media screen and (max-width: 1020px) { .rtl-full { direction: rtl; } .rtl-full > * { direction: ltr; } } @media screen and (max-width: 979px) { .rtl-pc { direction: rtl; } .rtl-pc > * { direction: ltr; } } @media screen and (max-width: 760px) { .rtl-tab { direction: rtl; } .rtl-tab > * { direction: ltr; } } @media screen and (max-width: 640px) { .rtl-sp { direction: rtl; } .rtl-sp > * { direction: ltr; } } /* Height Control ----------------------------------------------- */ .break-height { height: auto !important; } @media screen and (max-width: 1020px) { .break-height-full { height: auto !important; } } @media screen and (max-width: 979px) { .break-height-pc { height: auto !important; } } @media screen and (max-width: 760px) { .break-height-tab { height: auto !important; } } @media screen and (max-width: 640px) { .break-height-sp { height: auto !important; } } .link-box.box-01.col .text { padding-bottom: 15px; } @media screen and (max-width: 640px) { .hdg-l2-container { cursor: pointer; } } /* ---------------------------------------------------------------- Font Size ----------------------------------------------------------------- */ .fs-10 { font-size: 76.92308%; } .fs-11 { font-size: 84.61538%; } .fs-12 { font-size: 92.30769%; } .fs-13 { font-size: 100%; } .fs-14 { font-size: 107.69231%; } .fs-15 { font-size: 115.38462%; } .fs-16 { font-size: 123.07692%; } .fs-17 { font-size: 130.76923%; } .fs-18 { font-size: 138.46154%; } .fs-19 { font-size: 146.15385%; } .fs-20 { font-size: 153.84615%; } .fs-21 { font-size: 161.53846%; } .fs-22 { font-size: 169.23077%; } .fs-23 { font-size: 176.92308%; } .fs-24 { font-size: 184.61538%; } .fs-25 { font-size: 192.30769%; } .fs-26 { font-size: 200%; } .fs-27 { font-size: 207.69231%; } .fs-28 { font-size: 215.38462%; } .fs-29 { font-size: 223.07692%; } .fs-30 { font-size: 230.76923%; } .fs-31 { font-size: 238.46154%; } .fs-32 { font-size: 246.15385%; } .fs-33 { font-size: 253.84615%; } .fs-34 { font-size: 261.53846%; } .fs-35 { font-size: 269.23077%; } /* ---------------------------------------------------------------- Icon Style ----------------------------------------------------------------- */ img.icons { vertical-align: middle; margin: 0 5px !important; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .clearfix:after, #str-contents:after, #breadcrumbs .lyt-inner ol:after, .nav-top-pc:after, .nav-top-tab:after, .btn-share-container-02:after, .btn-share-container-02 ul:after, #str-footer:after, #str-footer .lyt-inner:after, #str-footer .lyt-inner .col-2-02:after, #str-footer .lyt-inner .col-3-02:after, #str-footer .lyt-inner .col-4-02:after, #str-footer .lyt-inner .col-5-02:after, #str-footer .lyt-inner .col-6-02:after, #str-footer .lyt-inner .utility:after, #str-main-02:after, #str-main-item-conatiner:after, #str-main-item-01 #str-main-item-01-inner .block-help .hdg-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-01 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-02 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-03 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-04 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-05 .item:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .item:after, #str-main-item-01 #str-main-item-01-inner .block-related-link .col-container .col-container-02:after, #str-main-item-01 #str-main-item-01-inner .block-movie-link .col-container .col-container-02:after, #str-main-item-02 #str-main-item-02-inner .group-infomation .link-area:after, #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .hdg-unique-l3-01:after, * html #site-image-container #nav-toppage-container-01 #nav-toppage-container-02 .nav-toppage-innercontents-01 .nav-toppage-innercontents-02 .operation-infomation .box-04-inner:after, .list-flow-01:after, .link-list-01:after, .link-list-02:after, .box-01 .box-01-inner:after, .box-02 .box-02-inner:after, .box-03 .box-03-inner:after, .box-04 .box-04-inner:after, .box-05 .box-05-inner:after, .box-07 .box-07-inner:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-2-02:after, .col-3-02:after, .col-4-02:after, .col-5-02:after, .col-6-02:after, .col-2-03:after, .col-3-03:after, .col-4-03:after, .col-5-03:after, .col-6-03:after, .slide-container-01 .slidelist-container .slidelist:after, .slide-container-01 .pagenation:after, .tabcontainer .tablists:after, .sortcontainer-01 .sortlists:after, .fl-left-list:after, .fl-right-list:after, .link-box.box-01.col:after { content: ""; display: block; clear: both; } /*K追加　ここから*/ /* ---------------------------------------------------------------- top new 140219 ----------------------------------------------------------------- */ /* -------------------------------------------------------------------- Image Rollover (Alpha)*/ a:hover img.hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } /*-------------------------------------------------------------------- */ #str-main-item-01-inner .mainBox01 .h2Tit01 { /*background-image: url(/english/images/top_tit_take.jpg);*/ height: 63px; background-repeat: no-repeat; background-position: left top; position: relative; } #str-main-item-01-inner .mainBox01 .h2Tit01 h2 { display: none; } #str-main-item-01-inner .mainBox01 .h2Tit01 .titRink { background-image: url(/common/global/images/icon-arrow-01-right.png); background-repeat: no-repeat; background-position: left center; padding-left: 16px; font-size: 107.69231%; position: absolute; top: 26px; right: 24px; } #str-main-item-01-inner .mainBox01 .boxIn01 .btnWrap { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #d2d2d2; border-bottom-color: #d2d2d2; border-left-color: #d2d2d2; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ border-bottom-left-radius : 4px; -moz-border-bottom-left-radius : 4px; -webkit-border-bottom-left-radius : 4px; border-bottom-right-radius : 4px; -moz-border-bottom-right-radius : 4px; -webkit-border-bottom-right-radius : 4px; } #str-main-item-01-inner .mainBox01 .boxIn01 .btnWrap .btn01 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 { float: left; margin-right: 11px; position: relative; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont02 { float: left; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont03 { float: right; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 { width: 730px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 .btn02 { position: absolute; left: 0px; top: 87px; } #str-main-item-01-inner .mainBox01 .boxIn02 { background-image: url(/common/global/images/top/top_bg_banner01.jpg); background-repeat: repeat; background-position: left top; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner01 { float: left; padding-right: 18px; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner02 { float: left; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner03 { float: right; } #str-main-item-01-inner .mainBox01 .boxIn01 { margin-bottom: 14px; } /* border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する */ #str-main-item-01-inner .mainBox02 { width: 730px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #str-main-item-01-inner .mainBox02 .h2Tit01 { /*background-image: url(/english/images/top_tit_help.jpg);*/ /*height: 63px;*/ background-repeat: no-repeat; background-position: left top; position: relative; } #str-main-item-01-inner .mainBox02 .h2Tit01 h2 { display: none; } #str-main-item-01-inner .mainBox02 .boxIn01 { background-image: url(/common/global/images/bg-box-02.png); background-repeat: repeat; background-position: left top; padding: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 p { margin: 0px; padding: 0px; } #str-main-item-01-inner .mainBox02 p { margin: 0px; padding: 0px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .txt01 { font-size: 107.69231%; line-height: 1em; padding-top: 6px; padding-bottom: 16px; padding-left: 8px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .txt02 { padding-top: 10px; padding-left: 10px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 { padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 li { float: left; width: 148px; padding-right: 29px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .li01 { padding-right: 0px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont02 { text-align: left; padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; width: 330px; background-image: url(/common/global/images/top/top_icon_help02.png); background-repeat: no-repeat; background-position: 338px center; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont03 { padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: right; width: 330px; background-image: url(/common/global/images/top/top_icon_help02.png); background-repeat: no-repeat; background-position: 338px center; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap .cont02 .span01 { width: 60%; height: 70px; /*float: left;*/ margin-left: 0px; margin-right: auto; padding-left: 14px; font-size: 92.30769%; line-height: 1.8em; display: table-cell; vertical-align: middle; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap .cont03 .span01 { width: 70%; float: left; padding-left: 14px; font-size: 92.30769%; line-height: 1.8em; display: inline-block; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap a .cont03 .txt03 { font-size: 92.30769%; line-height: 1.2em; color: #000000; background-image: url(/common/global/images/top/top_icon_help01.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; padding-top: 3px; padding-bottom: 3px; display: inline-block; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap a .cont03 .txt04 { font-size: 107.69231%; line-height: 1.4em; padding-top: 3px; padding-bottom: 3px; display: inline-block; } #str-main-item-01-inner .mainBox03 .mainBox03In01 { float: left; width: 352px; } #str-main-item-01-inner .mainBox03 .mainBox03In02 { float: right; width: 352px; } #str-main-item-01-inner .mainBox03 .box-07 .box07In { padding-top: 14px; padding-right: 8px; padding-left: 18px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector { margin-right: -8px; margin-left: -18px; padding-right: 8px; padding-left: 18px; padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2; border-top-width: 1px; border-top-style: solid; border-top-color: #fafafa; } #str-main-item-01-inner .mainBox03 .transfer-search .box07In .submit-area { margin-right: -8px; margin-left: -18px; margin-bottom: 0px; padding-right: 8px; padding-left: 18px; border-top-width: 1px; border-top-style: solid; border-top-color: #fafafa; } #str-main-item-01-inner .mainBox03 .transfer-search .box07In .submit-area .submitBtn01 { width: 238px; padding-right: 0px; padding-left: 0px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector h2 { float: none; width: 100%; padding-bottom: 10px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector .station-list { float: none; width: 290px; } #str-main-item-01-inner .mainBox03 .mainBox03In01 .box-07 .box07In .selector .station-list .h201 { width: 100%; float: none; font-size: 107.69231%; color: #0094ea; } #str-main-item-01-inner .mainBox03 .mainBox03In02 .box-07 .box07In .selector .station-list .h201 { width: 100%; float: none; font-size: 107.69231%; color: #ed7a4c; } .h202 { font-size: 107.69231%; color: #2f8e8d; } #str-main-item-01-inner .mainBox03 .box-07 .box07In .selector .station-list .select01 { width: 284px; } #str-main-item-01-inner .mainBox03 .transfer-search .selector .fields { float: none; margin: 0; padding: 0; width: 100%; } .mainBox03 .titRink { float: right; width: 340px; background-image: url(/common/global/images/icon-arrow-01-right.png); background-repeat: no-repeat; background-position: left 5px; padding-left: 16px; font-size: 107.69231%; display: inline-block; } .mainBox03 .titRink.titRink03 { float: none; width: auto; background-image: url(/common/global/images/icon-arrow-01-right.png); background-repeat: no-repeat; background-position: left 5px; padding-left: 16px; font-size: 107.69231%; display: inline-block; } #str-main-item-01-inner .mainBox04 { width: 730px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #str-main-item-01-inner .mainBox04 .h2Tit01 { /*background-image: url(/english/images/top_tit_special.jpg);*/ height: 63px; background-repeat: no-repeat; background-position: left top; position: relative; } #str-main-item-01-inner .mainBox04 .h2Tit01 h2 { display: none; } #str-main-item-01-inner .mainBox04 .h2Tit01 .titRink { background-image: url(/common/global/images/icon-arrow-01-right.png); background-repeat: no-repeat; background-position: left center; padding-left: 16px; font-size: 107.69231%; position: absolute; top: 26px; right: 24px; display: block; } #str-main-item-01-inner .block-related-link .h2Tit01 { /*background-image: url(/english/images/top_tit_links.jpg);*/ height: 65px; background-repeat: no-repeat; background-position: left top; position: relative; } #str-main-item-01-inner .block-related-link .h2Tit01 h2 { display: none; } .height01 { height: 100px; } .height02 { height: 70px; } .height03 { height: 130px; } .hour01 { display: inline-block; width: 45px; float: left; } .mainBox03 .transfer-search .selector .fields label { float: none; display: inline-block; } .btnIcon01 { float: left; margin-left: 12px; } .btnIcon02 { float: right; margin-right: 10px; margin-top: 3px; } @media screen and (min-width: 641px) { /*-------フォーム入力エリアパターン２------------------------------*/ #str-main-item-01-inner .mainBox03 .multi { font-family: Arial, Helvetica, sans-serif; } #str-main-item-01-inner .mainBox03 .multi .transfer-search .box-07 .box07In .selector .station-list.departure { float: left; padding-right: 6%; padding-top: 10px; padding-bottom: 14px; margin-top: -10px; margin-bottom: -14px; width: 43%; height: 100%; border-right-width: 1px; border-right-style: solid; border-right-color: #d2d2d2; } #str-main-item-01-inner .mainBox03 .multi .transfer-search .box-07 .box07In .selector .station-list.arrival { float: left; padding-right: 6%; padding-left: 2%; padding-top: 10px; padding-bottom: 14px; margin-top: -10px; margin-bottom: -14px; width: 41%; border-left-width: 1px; border-left-style: solid; border-left-color: #fafafa; } #str-main-item-01-inner .mainBox03 .multi .transfer-search .box-07 .box07In .selector.datetime { float: left; padding-right: 1%; margin-right: 0px; width: 48%; height: 132px; border-right-width: 1px; border-right-style: solid; border-right-color: #d2d2d2; } #str-main-item-01-inner .mainBox03 .multi .transfer-search .box-07 .box07In .selector.romance-car { float: left; padding-right: 5%; padding-left: 2%; margin-left:0px; width: 44.8%; height: 132px; border-left-width: 1px; border-left-style: solid; border-left-color: #fafafa; } #str-main-item-01-inner .mainBox03 .multi .transfer-search .box-07 .box07In .submit-area { clear: both; } #str-main-item-01-inner .mainBox03 .multi .transfer-search h2 { font-weight: bold; } /*-------フォーム入力エリアパターン２　ここまで---------------------*/ } /*----------------スライド(お客様の声)--------------------------*/ .mainBox04 .image_carousel { overflow: hidden; width: 664px; margin-right: auto; margin-left: auto; z-index: 10; } .mainBox04 .image_carousel img { display: block; } .mainBox04 a.prev, .mainBox04 a.next { width: 25px; height: 35px; display: block; position: absolute; top: 22px; } .mainBox04 a.prev { left: 0px; z-index: 100; background-image: url(/common/global/images/top/top_special_prev.png); background-repeat: no-repeat; background-position: 0 0; } /*a.prev:hover { background-position: 0 -50px; } a.prev.disabled { background-position: 0 -100px !important; }*/ .mainBox04 a.next { right: 0px; background: url(/common/global/images/top/top_special_next.png) no-repeat 0 0; z-index: 100; } /*a.next:hover { background-position: -50px -50px; } a.next.disabled { background-position: -50px -100px !important; }*/ .mainBox04 a.prev.disabled, a.next.disabled { cursor: default; } .mainBox04 a.prev span, a.next span { display: none; } .mainBox04 .pagination { text-align: center; } .mainBox04 .pagination a { background: url(../image/dot.png) 0 0 no-repeat transparent; width: 24px; height: 24px; margin: 30px 34px 30px 0; display: inline-block; } .mainBox04 .pagination a.selected { background: url(../image/dot_on.png) 0 0 no-repeat transparent; cursor: default; } .mainBox04 .pagination a span { display: none; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont { width: 156px; /*border-radius: 12px;*/ float: left; /*background: #FFF;*/ height: 160px; z-index: 10; background: #ffffff; padding-right: 5px; padding-left: 5px; } .mainBox04 .slideWrap .image_carousel #foo2 { margin-left: 0px; } .mainBox04 .slideWrap { width: 730px; position: relative; height: 165px; background-image: url(/common/global/images/top/top_slide_bg.png); background-repeat: no-repeat; background-position: center bottom; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .slideContIn { padding-top: 38px; padding-right: 36px; padding-left: 40px; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .inRight { float: left; width: 340px; font-size: 24px; line-height: 1.5em; letter-spacing: 0px; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .inRight p { padding-top: 14px; padding-bottom: 10px; padding-left: 22px; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .text01 { padding-top: 10px; } .slideWrap .image_carousel #foo2 .slideCont p { font-size: 12px; line-height: 1.3em; padding-top: 5px; padding-bottom: 5px; } .slideWrap .image_carousel #foo2 .slideCont p span { background: #fff100; padding-top: 4px; padding-bottom: 4px; } .mainBox04 .slideWrap .image_carousel #foo2 a { display: block; height: 160px; } .imgPc { display: block; } .imgSp { display: none; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 .btn03 { display: none; } .titRink02 { display: none; } .radioWrap01 { display: inline; } /*------------------------------------------*/ @media screen and (max-width: 640px) { #str-main-item-02.faArea { width: 100%; } #str-main-item-02-inner.faAreaIn { margin: 0px auto; } .imgPc { display: none; } .imgSp { display: block; } .box03Img { width: 88%; } #str-main-item-01-inner .mainBox01 .boxIn01 .titRink02 { display: block; float: right; background-image: url(/common/global/images/icon-arrow-01-right.png); background-repeat: no-repeat; background-position: left center; padding-left: 16px; font-size: 107.69231%; margin-top: 10px; margin-bottom: 18px; } #str-main-item-01-inner .mainBox01 .h2Tit01 { background-image: url(/common/global/images/top/smp_tit_bg.jpg); background-size: 100% auto; height: 65px; background-repeat: no-repeat; background-position: left top; position: relative; margin-bottom: 10px; margin: 0px -15px; } #str-main-item-01-inner .mainBox01 .h2Tit01 h2 { display: block; font-size: 115.38462%; line-height: 1.3em; position: absolute; left: 44px; top: 18px; } #str-main-item-01-inner .mainBox01 .h2Tit01 .titRink { display: none; } #str-main-item-01-inner .mainBox01 .boxIn01 .btnWrap { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #d2d2d2; border-bottom-color: #d2d2d2; border-left-color: #d2d2d2; } #str-main-item-01-inner .mainBox01 .boxIn01 .btnWrap .btn01 { /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2;*/ } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 { width: 236px; margin: 0px auto 15px auto; float: none; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont02 { width: 236px; margin: 0px auto 15px auto; float: none; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont03 { width: 236px; margin: 0px auto; float: none; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 18px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 .btn02 { display: none; position: absolute; left: 0px; top: 89px; } #str-main-item-01-inner .mainBox01 .boxIn01 .cont01 .btn03 { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2; } #str-main-item-01-inner .mainBox01 .boxIn02 { background-image: none; padding: 10px; box-shadow: none; border-radius: none; text-align: center; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner01 { float: none; padding-right: 0px; margin-bottom: 10px; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner02 { float: none; margin-bottom: 10px; } #str-main-item-01-inner .mainBox01 .boxIn02 .banner03 { float: none; } #str-main-item-01-inner .mainBox01 .boxIn01 { margin-bottom: 14px; width: 236px; margin: 0px auto; } /* border-radius: 4px; border: solid 1px #d9d9d9; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する */ #str-main-item-01-inner .mainBox02 { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #str-main-item-01-inner .mainBox02 .h2Tit01 { background-image: url(/common/global/images/top/smp_tit_bg.jpg); background-size: 100% auto; height: 65px; background-repeat: no-repeat; background-position: left top; position: relative; margin-bottom: 10px; margin: 0px -15px; } #str-main-item-01-inner .mainBox02 .h2Tit01 h2 { display: block; font-size: 115.38462%; line-height: 1.3em; position: absolute; left: 44px; top: 22px; } #str-main-item-01-inner .mainBox02 .boxIn01 { background-image: url(/common/global/images/bg-box-02.png); background-repeat: repeat; background-position: left top; padding: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #str-main-item-01-inner .mainBox01 p { margin: 0px; padding: 0px; } #str-main-item-01-inner .mainBox02 p { margin: 0px; padding: 0px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .txt01 { display: none; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .txt02 { padding-top: 5px; padding-left: 10px; padding-right: 0px; display: inline-block; width: 45%; float: left; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .helpImg { width: 50%; float: left; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 { padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 li { float: none; width: 100%; padding-right: 0px; margin-bottom: 10px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont01 .li01 { padding-right: 0px; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont02 { margin-bottom: 10px; padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: none; width: 92%; background-image: url(/common/global/images/top/top_icon_help02.png); background-repeat: no-repeat; background-position: 338px center; } #str-main-item-01-inner .mainBox02 .boxIn01 .cont03 { padding: 10px; background-color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: none; width: 92%; background-image: url(/common/global/images/top/top_icon_help02.png); background-repeat: no-repeat; background-position: 338px center; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap .cont02 .span01 { padding-left: 14px; font-size: 92.30769%; line-height: 1.8em; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap .cont03 .span01 { text-align: left; width: 60%; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap a .cont03 .txt03 { font-size: 92.30769%; line-height: 1.6em; color: #000000; background-image: url(/common/global/images/top/top_icon_help01.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; padding-top: 3px; padding-bottom: 3px; display: inline-block; } #str-main-item-01-inner .mainBox02 .boxIn01 .contWrap a .cont03 .txt04 { font-size: 107.69231%; line-height: 1.4em; padding-top: 3px; padding-bottom: 3px; display: inline-block; } .mainBox03 .titRink { float: none; width: 95%; padding-left: 16px; font-size: 107.69231%; display: inline-block; } #str-main-item-01-inner .mainBox03 .mainBox03In01 { float: none; width: 100%; } #str-main-item-01-inner .mainBox03 .mainBox03In02 { float: none; width: 100%; } #str-main-item-01-inner .mainBox03 .box-07 .box07In { padding-top: 14px; padding-right: 8px; padding-left: 18px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector { margin-right: -8px; margin-left: -18px; padding-right: 8px; padding-left: 18px; padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2; border-top-width: 1px; border-top-style: solid; border-top-color: #fafafa; } #str-main-item-01-inner .mainBox03 .transfer-search .box07In .submit-area { margin-right: -8px; margin-left: -18px; margin-bottom: 0px; padding-right: 8px; padding-left: 18px; border-top-width: 1px; border-top-style: solid; border-top-color: #fafafa; } #str-main-item-01-inner .mainBox03 .transfer-search .box07In .submit-area .submitBtn01 { width: 238px; padding-right: 0px; padding-left: 0px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector h2 { float: none; width: 100%; padding-bottom: 10px; } #str-main-item-01-inner .mainBox03 .transfer-search .box-07 .box07In .selector .station-list { float: none; width: 80%; } #str-main-item-01-inner .mainBox03 .mainBox03In01 .box-07 .box07In .selector .station-list .h201 { width: 100%; float: none; font-size: 107.69231%; color: #0094ea; margin-bottom: 0px; } #str-main-item-01-inner .mainBox03 .mainBox03In02 .box-07 .box07In .selector .station-list .h201 { width: 100%; float: none; font-size: 107.69231%; color: #ed7a4c; margin-bottom: 0px; } .h202 { font-size: 107.69231%; color: #2f8e8d; } .h203 { width: 100%; } .h203 img { width: 100%; } #str-main-item-01-inner .mainBox03 .box-07 .box07In .selector .station-list .select01 { width: 100%; } #str-main-item-01-inner .mainBox03 .transfer-search .selector .fields { float: none; margin: 0; padding: 0; width: 100%; } #str-main-item-01-inner .mainBox04 { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #str-main-item-01-inner .mainBox04 .boxIn01 { margin: 0px -15px; } #str-main-item-01-inner .mainBox04 .h2Tit01 { background-image: url(/common/global/images/top/smp_tit_bg.jpg); background-size: 100% auto; height: 65px; background-repeat: no-repeat; background-position: left top; position: relative; margin-bottom: 10px; margin: 0px -15px; } #str-main-item-01-inner .mainBox04 .h2Tit01 h2 { display: block; font-size: 115.38462%; line-height: 1.3em; position: absolute; left: 44px; top: 22px; } #str-main-item-01-inner .block-related-link .h2Tit01 { background-image: url(/common/global/images/top/smp_tit_bg.jpg); background-size: 100% auto; height: 65px; background-repeat: no-repeat; background-position: left top; position: relative; margin-bottom: 10px; margin: 0px -15px; } #str-main-item-01-inner .block-related-link .h2Tit01 h2 { display: block; font-size: 115.38462%; line-height: 1.3em; position: absolute; left: 44px; top: 22px; } #str-main-item-01-inner .mainBox04 .h2Tit01 .titRink { display: none; } .height01 { height: auto; } .height02 { height: auto; } .hour01 { display: inline-block; width: 45px; float: left; } .mainBox03 .transfer-search .selector .fields label { float: none; } .btnIcon01 { float: left; margin-left: 12px; } .btnIcon02 { float: right; margin-right: 10px; margin-top: 3px; } .radioWrap01 { display: inline-block; } /*----------------スライド(お客様の声)--------------------------*/ .mainBox04 .image_carousel { overflow: hidden; width: 100%; margin-right: auto; margin-left: auto; z-index: 10; } .mainBox04 .image_carousel img { display: block; } .mainBox04 a.prev, .mainBox04 a.next { width: 25px; height: 35px; display: block; position: absolute; top: 22px; } .mainBox04 a.prev { left: 0px; z-index: 100; background-image: url(/common/global/images/top/top_special_prev.png); background-repeat: no-repeat; background-position: 0 0; } /*a.prev:hover { background-position: 0 -50px; } a.prev.disabled { background-position: 0 -100px !important; }*/ .mainBox04 a.next { right: 0px; background: url(/common/global/images/top/top_special_next.png) no-repeat 0 0; z-index: 100; } /*a.next:hover { background-position: -50px -50px; } a.next.disabled { background-position: -50px -100px !important; }*/ .mainBox04 a.prev.disabled, a.next.disabled { cursor: default; } .mainBox04 a.prev span, a.next span { display: none; } .mainBox04 .pagination { text-align: center; } .mainBox04 .pagination a { background: url(../image/dot.png) 0 0 no-repeat transparent; width: 24px; height: 24px; margin: 30px 34px 30px 0; display: inline-block; } .mainBox04 .pagination a.selected { background: url(../image/dot_on.png) 0 0 no-repeat transparent; cursor: default; } .mainBox04 .pagination a span { display: none; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont { width: 155px; /*border-radius: 12px;*/ float: left; /*background: #FFF;*/ height: 160px; z-index: 10; background: #ffffff; padding-right: 10px; padding-left: 0px; } .mainBox04 .slideWrap .image_carousel #foo2 { margin-left: -82px; } .mainBox04 .slideWrap { margin: 0px auto; width: 320px; position: relative; height: 165px; background-image: url(/common/global/images/top/top_slide_bg.png); background-repeat: no-repeat; background-position: center bottom; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .slideContIn { padding-top: 38px; padding-right: 36px; padding-left: 40px; } /*.mainBox04 .slideWrap .image_carousel #foo2 .slideCont .inRight { float: left; width: 340px; font-size: 24px; line-height: 1.5em; letter-spacing: 0px; } .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .inRight p { padding-top: 14px; padding-bottom: 10px; padding-left: 22px; } */ .mainBox04 .slideWrap .image_carousel #foo2 .slideCont .text01 { padding-top: 10px; } .slideWrap .image_carousel #foo2 .slideCont p { font-size: 12px; line-height: 1.3em; padding-top: 5px; padding-bottom: 5px; } .slideWrap .image_carousel #foo2 .slideCont p span { background: #fff100; padding-top: 4px; padding-bottom: 4px; } .mainBox04 .slideWrap .image_carousel #foo2 a { display: block; height: 160px; } /*------------------------------------------*/ } /*K追加　ここまで*/ /*stek add*/ #str-main-item-02 #str-main-item-02-inner #train-status .hdg-style-01 a { padding-left:0; background:none; } /**/