@charset "UTF-8";/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */*{box-sizing:border-box}:before,:after{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,object,iframe{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{cursor:default}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}html{font-family:Noto Sans JP,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif}body{color:#000;font-size:15px;font-size:.9375rem;font-weight:400;line-height:1.8;font-feature-settings:"palt";letter-spacing:.1em}@media screen and (max-width: 768px){body{font-size:14px;font-size:.875rem}}a:hover{text-decoration:underline}a:hover img{opacity:.8}a img{transition-property:opacity;transition-duration:.2s;backface-visibility:hidden}img{max-width:100%;height:auto}button:focus,input:focus,optgroup:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 1px;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}small{font-size:inherit}.btn-more{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:398px;height:56px;background-color:#ffe824;border-radius:10px;color:#000;font-size:25px;font-size:1.5625rem;line-height:1.2;font-weight:700;text-align:center;transition:.3s cubic-bezier(.45,0,.55,1);box-shadow:0 5px #c5b20e}@media screen and (max-width: 768px){.btn-more{font-size:15px;font-size:.9375rem;border-radius:5px;box-shadow:0 4px #c5b20e}}.btn-more:hover{text-decoration:none}@media (hover: hover) and (pointer: fine){.btn-more:hover{transform:translateY(5px);box-shadow:0 0 #c5b20e}}@media screen and (hover: hover) and (pointer: fine) and (max-width: 768px){.btn-more:hover{transform:translateY(4px)}}.m-tellink{display:inline-block;vertical-align:top;pointer-events:none}.m-wrapper{max-width:1100px;margin-left:auto;margin-right:auto;padding-inline:50px}@media screen and (max-width: 1100px){.m-wrapper{max-width:84%;padding-inline:0}}@media screen and (max-width: 768px){.m-wrapper{max-width:100%}}.m-tellink{pointer-events:none}@media screen and (max-width: 768px){.m-tellink{pointer-events:auto;text-decoration:underline}}.for-ie{display:none;width:100%;color:#fff;letter-spacing:.05em;padding:25px 50px;background-color:#c80000;position:fixed;top:0;left:0;z-index:999}.for-ie .m-wrapper{position:relative;padding-right:100px}.for-ie a{text-decoration:underline}.for-ie a:hover{text-decoration:none}.for-ie button{width:120px;text-align:center;line-height:1;padding:10px 10px 12px;border:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.for-ie button:focus{outline:none}.slideInUp{transition:1s;transform:translateY(100%)}.slideInUp.is-show{transform:translate(0)}.slideInDown{transition:1s;transform:translateY(-100%)}.slideInDown.is-show{transform:translate(0)}.slideInRight{transition:1s;transform:translate(100px)}.slideInRight.is-show{transform:translate(0)}.slideInLeft{transition:1s;transform:translateY(100px)}.slideInLeft.is-show{transform:translate(0)}.fadeIn{opacity:0;transition:1s}.fadeIn.is-show{opacity:1}.fadeInUp{opacity:0;transition:1s;transform:translateY(50px)}.fadeInUp.is-show{opacity:1;transform:translate(0)}.fadeInDown{opacity:0;transition:1s;transform:translateY(-50px)}.fadeInDown.is-show{opacity:1;transform:translate(0)}.fadeInRight{opacity:0;transition:1s;transform:translate(100%)}.fadeInRight.is-show{opacity:1;transform:translate(0)}.fadeInLeft{opacity:0;transition:1s;transform:translate(-100%)}.fadeInLeft.is-show{opacity:1;transform:translate(0)}.zoomIn{opacity:0;transition:1s;transform:scale(.6)}.zoomIn.is-show{opacity:1;transform:scale(1)}@keyframes pikopiko{0%{transform:rotate(8deg)}to{transform:rotate(-3deg)}}@keyframes pikopikoR{0%{transform:rotate(-3deg)}to{transform:rotate(8deg)}}@keyframes fuwafuwa{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.m-pc-hidden{display:none}@media screen and (max-width: 768px){.m-pc-hidden{display:inline-block}}.m-sp-hidden{display:inline-block}@media screen and (max-width: 768px){.m-sp-hidden{display:none}}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{min-width:320px}@media screen and (min-width: 1999px){body{max-width:2000px;margin-inline:auto}}.bg-red{background-color:#c80000!important}@media screen and (max-width: 768px){.l-main{margin-top:0px}}.mv-wrap{overflow:hidden;position:relative;width:100%;height:min(700px,55vw);background:url(../img/mv_bg.jpg) no-repeat center;background-size:cover}@media screen and (max-width: 768px){.mv-wrap{aspect-ratio:1.25/1;height:auto;background-image:url(../img/mv_bg_sp.jpg)}}.mv-wrap .mv-tit{position:relative;top:-7%;height:min(625px,49vw);background:url(../img/mv_tit.png) no-repeat center;background-size:cover}@media screen and (max-width: 768px){.mv-wrap .mv-tit{top:11%;aspect-ratio:1.9736842105/1;height:auto;max-height:600px;background-image:url(../img/mv_tit_sp.png)}}.mv-wrap .mv-tit.slideInDown{transform:translateY(-50%)}.mv-wrap .mv-tit.slideInDown.is-show{transform:translate(0)}.mv-wrap .mv-img{position:absolute;left:37.5%;bottom:0;z-index:1;margin-inline:auto;aspect-ratio:25.1976744186/1;width:min(565px,42vw)}@media screen and (max-width: 768px){.mv-wrap .mv-img{aspect-ratio:1.711409396/1;width:min(510px,67vw);left:27.5%}}.mv-wrap .mv-obj{position:absolute;left:0;bottom:0;z-index:0;aspect-ratio:12.0805369128/1;width:100%;height:43px;overflow-x:hidden;overflow-y:visible}@media screen and (max-width: 768px){.mv-wrap .mv-obj{height:20px}}.mv-wrap .mv-obj-inner{display:flex;justify-content:center;height:100%;animation:img-flow 10s linear infinite}.mv-wrap .mv-obj span{flex-shrink:0;display:block;width:100%;max-width:1414px;height:100%;background:url(../img/obj_train.png) repeat-x center bottom;background-size:auto 100%}@keyframes img-flow{0%{transform:translate(-50%)}to{transform:translate(-12.75%)}}@media screen and (max-width: 768px){@keyframes img-flow{0%{transform:translate(-50%)}to{transform:translate(50%)}}}.evt-info-wrap{padding-block:30px 75px;background-color:#c80000;text-align:center;overflow:hidden}@media screen and (max-width: 768px){.evt-info-wrap{padding-block:25px 50px}}.evt-info-wrap>.m-wrapper{max-width:100%}.evt-info-wrap .evt-info-tit{margin-inline:-1.25%}@media screen and (max-width: 768px){.evt-info-wrap .evt-info-tit{max-width:92%;margin-inline:auto;margin-bottom:22px}}.evt-info-wrap .evt-info-img{position:relative;display:inline-block;vertical-align:top;margin-left:-.5%}@media screen and (max-width: 768px){.evt-info-wrap .evt-info-img{margin-left:0}}@media screen and (max-width: 768px){.evt-info-wrap .evt-info-img .img-box img~img{margin-top:20px}}.evt-info-wrap .evt-info-img .btn-info{position:absolute;right:5.2%;bottom:15.5%;width:100%;max-width:min(126px,12.6%)}@media screen and (max-width: 768px){.evt-info-wrap .evt-info-img .btn-info{right:20%;bottom:4.8%;max-width:min(252px,33.6%)}.evt-info-wrap .evt-info-img .btn-info img{width:100%;opacity:1}}.evt-info-wrap .evt-info-img .btn-info-inner{display:block;aspect-ratio:1;width:100%;border-radius:50%;box-shadow:0 5px #c5b20e;background-color:#ffe824;transition-property:transform,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.45,0,.55,1)}.evt-info-wrap .evt-info-img .btn-info>img{position:absolute;z-index:1;left:0;top:0;transition:transform .3s cubic-bezier(.45,0,.55,1)}@media (hover: hover) and (pointer: fine){.evt-info-wrap .evt-info-img .btn-info:hover .btn-info-inner{transform:translateY(5px);box-shadow:0 0 #c5b20e}.evt-info-wrap .evt-info-img .btn-info:hover>img{opacity:1;transform:translateY(5px)}}.evt-area-wrap{padding-block:80px;background:url(../img/bg.png) repeat-y;background-size:2000px auto;background-position-y:80px}@media screen and (max-width: 768px){.evt-area-wrap{padding-block:50px 40px;background:none}}.evt-area-wrap .evt-area-tit{margin-bottom:55px;text-align:center}@media screen and (max-width: 768px){.evt-area-wrap .evt-area-tit{margin-bottom:25px}}@media screen and (max-width: 768px){.evt-area-wrap .evt-area-item{margin-top:15px;padding-top:30px;background:url(../img/bg_sp.png) no-repeat center 28%;background-size:100% auto}}.evt-area-wrap .evt-area-item~.evt-area-item{margin-top:90px}.evt-area-wrap .area-tit{text-align:right}@media screen and (max-width: 768px){.evt-area-wrap .area-tit{margin-bottom:35px}}.evt-area-wrap .area-conts{position:relative}.evt-area-wrap .area-conts .btn-more{position:absolute;bottom:10.5%;aspect-ratio:7.1071428571/1;max-width:min(398px,40%);height:auto;padding-inline:6%}@media screen and (max-width: 768px){.evt-area-wrap .area-conts .btn-more{max-width:min(276px,73.5%)}.evt-area-wrap .area-conts .btn-more img{width:100%;max-width:195px}}.evt-area-wrap .area-conts .btn-more.btn01{left:7.8%}@media screen and (max-width: 768px){.evt-area-wrap .area-conts .btn-more.btn01{top:47.5%;bottom:auto}}.evt-area-wrap .area-conts .btn-more.btn02{right:7.8%}@media screen and (max-width: 768px){.evt-area-wrap .area-conts .btn-more.btn02{bottom:7%;right:auto}}@media screen and (max-width: 768px){.evt-area-wrap .area-conts .btn-more.btn01,.evt-area-wrap .area-conts .btn-more.btn02{left:auto;right:auto;margin-inline:auto;inset-inline:0}}@media screen and (max-width: 768px){.evt-area-item.area01 .btn-more.btn01{top:49%}}@media screen and (max-width: 768px){.evt-area-item.area03 .btn-more.btn02{bottom:7.5%}}.evt-plan-wrap{padding-block:35px 85px;background-color:#c80000}@media screen and (max-width: 768px){.evt-plan-wrap{padding-bottom:60px}}.evt-plan-wrap .evt-plan-tit{position:relative;width:fit-content;margin-inline:auto;margin-bottom:20px}@media screen and (max-width: 768px){.evt-plan-wrap .evt-plan-tit{margin-top:-45px;margin-bottom:30px}}.evt-plan-wrap .evt-plan-tit .obj{position:absolute;right:-2%;top:0;display:inline-block;vertical-align:top;width:min(195px,22%);animation:pikopikoR 2s steps(2,start) infinite}@media screen and (max-width: 768px){.evt-plan-wrap .evt-plan-tit .obj{right:4%;top:18%;width:min(242px,33%)}.evt-plan-wrap .evt-plan-tit .obj img{width:100%}}.evt-plan-wrap .evt-plan-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px}@media screen and (max-width: 768px){.evt-plan-wrap .evt-plan-list{flex-wrap:wrap;grid-template-columns:1fr;justify-items:center;row-gap:30px;max-width:84%;margin-inline:auto}}.evt-map-wrap{padding-inline:50px}@media screen and (max-width: 768px){.evt-map-wrap{padding-inline:0}}.evt-map-wrap .map-img-box{position:relative;display:block;max-width:1463px;margin-inline:auto}.evt-map-wrap .map-img-box .img-map{width:100%}.evt-map-wrap .map-img-box .btn-map{position:absolute;left:54.2%;top:38.8%;aspect-ratio:2.7826086957/1;max-width:min(128px,8.8%);height:auto}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map{max-width:min(134px,18%)}}.evt-map-wrap .map-img-box .btn-map img{width:min(80px,63.5%)}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map img{width:min(85px,63%)}}.evt-map-wrap .map-img-box .btn-map#btnMap01{left:54.2%;top:38.8%}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map#btnMap01{left:38.5%;top:53%}}.evt-map-wrap .map-img-box .btn-map#btnMap02{left:51.1%;top:52.7%}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map#btnMap02{left:32.3%;top:62%}}.evt-map-wrap .map-img-box .btn-map#btnMap03{left:67.4%;top:53.3%}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map#btnMap03{left:65%;top:62.5%}}.evt-map-wrap .map-img-box .btn-map#btnMap04{left:36.4%;top:72.7%}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map#btnMap04{left:2.6%;top:75.1%}}.evt-map-wrap .map-img-box .btn-map#btnMap05{left:60.5%;top:65.7%}@media screen and (max-width: 768px){.evt-map-wrap .map-img-box .btn-map#btnMap05{left:51.1%;top:70.5%}}.l-header{position:relative;z-index:10}@media screen and (max-width: 768px){.l-header{display:flex;justify-content:space-between;column-gap:5.5%;position:sticky;left:0;top:0;z-index:10;width:100%;height:47px;background-color:#c80000}}.l-header-logo{position:absolute;top:20px;left:25px}@media screen and (max-width: 768px){.l-header-logo{position:static;max-width:76px;margin-left:min(20px,5.5%);margin-top:7px}}.l-header-nav{display:none;flex-shrink:0}@media screen and (max-width: 768px){.l-header-nav{display:block}}.l-header-nav .nav{display:flex;align-items:center;height:100%}.l-header-nav .nav li{height:100%;border-left:1px solid #fff}.l-header-nav .nav li:last-child .nav-link{padding-right:17px}.l-header-nav .nav li.is-active .nav-link{background-color:#b00000}.l-header-nav .nav-link{position:relative;display:inline-flex;align-items:center;vertical-align:top;height:100%;padding-inline:16px 14px;padding-bottom:4px;font-size:20px;font-size:1.25rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.2em;line-height:1.8}.l-header-nav .nav-link:hover{text-decoration:none}.l-header-nav .nav-link:after{content:"";position:absolute;bottom:8px;inset-inline:0;margin-inline:auto;width:6px;height:6px;background-color:#fff;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(135deg)}.fix-wrap{position:fixed;right:30px;bottom:30px;z-index:10;animation:fuwafuwa 3s infinite}.fix-wrap a{display:block;width:100%;height:100%;text-align:center}.fix-wrap a:hover img{opacity:1}@media (hover: hover) and (pointer: fine){.fix-wrap a:hover img{opacity:.8}}@media screen and (max-width: 768px){.fix-wrap{left:0;right:0;bottom:0;width:100%;padding-bottom:calc(env(safe-area-inset-bottom) / 1.5);padding-inline:10px;animation:none}.fix-wrap img{width:100%;max-width:354px;max-height:100%}}.l-footer{padding-block:35px;background-color:#c80000;color:#fff}@media screen and (max-width: 768px){.l-footer{padding-block:40px 92px}}.l-footer>.m-wrapper{display:flex;column-gap:40px}@media screen and (max-width: 768px){.l-footer>.m-wrapper{flex-direction:column;max-width:84%;margin-inline:auto}}@media screen and (max-width: 768px){.l-footer-logo{max-width:152px;margin-inline:auto;margin-bottom:25px}.l-footer-logo img{width:100%}}.l-footer-info{font-size:16px;font-size:1rem;font-weight:700}.l-footer-info .m-tellink{margin-block:10px}@media screen and (max-width: 768px){.l-footer .notice{margin-top:10px}}.l-footer .btn-site{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;margin-top:10px;padding-inline:20px 21px;padding-bottom:1px;height:26px;background-color:#fff;color:#c80000;border-radius:26px;font-size:12px;font-size:.75rem;font-weight:700;letter-spacing:.05em;transition:opacity .3s}@media screen and (max-width: 768px){.l-footer .btn-site{margin-top:22px}}.l-footer .btn-site:after{content:"";position:absolute;right:12px;inset-block:0;margin-block:auto;width:6px;height:6px;background-color:#c80000;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(45deg)}.l-footer .btn-site:hover{text-decoration:none}@media (hover: hover) and (pointer: fine){.l-footer .btn-site:hover{opacity:.8}} /* 以下は20241112追加 */ @media screen and (max-width: 768px) { .fix-wrap.stop { position: absolute; bottom: auto; top: auto; } .l-footer>.m-wrapper { padding-bottom: 33px; } } @charset "shift_jis"; /* ========================================================= general CSS YUI Font-size Adjustment ※基準サイズは13pxです。 10px = 77%11px = 85% 12px = 93%13px = 100% 14px = 108% 15px = 116%16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167%23px = 174%24px = 182%25px = 189% 26px = 197% ========================================================= */ .tx10 { font-size: 10px ; } /*renders 10px */ .tx11 { font-size: 11px ; } /*renders 11px */ .tx12 { font-size: 12px ; } /*renders 12px */ .tx14 { font-size: 14px ; } /*renders 14px */ .tx15 { font-size: 15px ; } /*renders 15px */ .tx16 { font-size: 16px ; } /*renders 16px */ .tx17 { font-size: 17px ; } /*renders 17px */ .tx18 { font-size: 18px ; } /*renders 18px */ .tx19 { font-size: 19px ; } /*renders 19px */ .tx20 { font-size: 20px ; } /*renders 20px */ .tx21 { font-size: 21px; } /*renders 21px */ .tx22 { font-size: 22px ; } /*renders 22px */ .tx23 { font-size: 23px ; } /*renders 23px */ .tx24 { font-size: 24px ; } /*renders 24px */ .tx25 { font-size: 25px ; } /*renders 25px */ .tx26 { font-size: 26px ; } /*renders 26px */ .tx27 { font-size: 27px ; } /*renders 27px */ .tx28 { font-size: 28px ; } /*renders 28px */ /*font-color*/ .fc_black{color:#000;} .fc_red{color:#F00;} /*font-weight*/ .fw_normal, .weightNormal {font-weight:normal;} .fw_bold, .bold {font-weight:bold;} /* text-align */ .tx_L { text-align: left ; } .tx_C { text-align: center ; } .tx_R { text-align: right ; } .tx_j { text-align: justify; text-justify: inter-ideograph ; } /* display */ .disblock{display:block;} .disi-block{display:inline-block;} /* vertical-align */ .va_T { vertical-align: top ; } .va_M { vertical-align: middle ; } .va_B { vertical-align: bottom ; } /* float */ .fl_L { float: left ; } .fl_R { float: right ; } .fl_n { float: none ; } /* clear */ .clear { clear: both ; } /* overflow */ .hidden { overflow: hidden ; } .scroll { overflow: scroll ; } .scroll-y { overflow-y: scroll ; } /* line-height */ .lh0 { line-height: 0 ; } .lh10 { line-height: 1.0 ; } .lh11 { line-height: 1.1 ; } .lh12 { line-height: 1.2 ; } .lh13 { line-height: 1.3 ; } .lh14 { line-height: 1.4 ; } .lh15 { line-height: 1.5 ; } .lh16 { line-height: 1.6 ; } .lh17 { line-height: 1.7 ; } .lh175 { line-height: 1.75 ; } .lh18 { line-height: 1.8 ; } .lh19 { line-height: 1.9 ; } .lh20 { line-height: 2.0 ; } /* clearfix */ .clearfix:after, .cFix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix, .cFix { min-height: 1px; margin: 0;} * html .clearfix, * html .cFix { height: 1px;} /* margin */ .m0{ margin: 0 ; } .m1{ margin: 1px ; } .m2{ margin: 2px ; } .m3{ margin: 3px ; } .m4{ margin: 4px ; } .m5{ margin: 5px ; } .m6{ margin: 6px ; } .m7{ margin: 7px ; } .m8{ margin: 8px ; } .m9{ margin: 9px ; } .m10{ margin: 10px ; } .m15{ margin: 15px ; } .m20{ margin: 20px ; } .m25{ margin: 25px ; } .m30{ margin: 30px ; } .m35{ margin: 35px ; } .m40{ margin: 40px ; } .m45{ margin: 45px ; } .m50{ margin: 50px ; } .m55{ margin: 55px ; } .m60{ margin: 60px ; } .m65{ margin: 65px ; } .m70{ margin: 70px ; } .m75{ margin: 75px ; } .m80{ margin: 80px ; } .m85{ margin: 85px ; } .m90{ margin: 90px ; } .m95{ margin: 95px ; } .m100{ margin: 100px ; } .m110{ margin: 110px ; } .m120{ margin: 120px ; } .m130{ margin: 130px ; } .m140{ margin: 140px ; } .m150{ margin: 150px ; } .m160{ margin: 160px ; } .m170{ margin: 170px ; } .m180{ margin: 180px ; } .m190{ margin: 190px ; } .m200{ margin: 200px ; } .m220{ margin: 220px ; } .m240{ margin: 240px ; } .m260{ margin: 260px ; } .m280{ margin: 280px ; } .m300{ margin: 300px ; } .m0A{ margin: 0 auto ; } .mt0 { margin-top: 0px ; } .mt1 { margin-top: 1px ; } .mt3 { margin-top: 3px ; } .mt5 { margin-top: 5px ; } .mt7 { margin-top: 7px ; } .mt10 { margin-top: 10px ; } .mt15 { margin-top: 15px ; } .mt20 { margin-top: 20px ; } .mt25 { margin-top: 25px ; } .mt30 { margin-top: 30px ; } .mt35 { margin-top: 35px ; } .mt40 { margin-top: 40px ; } .mt45 { margin-top: 45px ; } .mt50 { margin-top: 50px ; } .mt55 { margin-top: 55px ; } .mt60 { margin-top: 60px ; } .mt65 { margin-top: 65px ; } .mt70 { margin-top: 70px ; } .mt75 { margin-top: 75px ; } .mt80 { margin-top: 80px ; } .mt85 { margin-top: 85px ; } .mt90 { margin-top: 90px ; } .mt95 { margin-top: 95px ; } .mt100 { margin-top: 100px ; } .mrA { margin-right: auto ; } .mr0 { margin-right: 0px ; } .mr1 { margin-right: 1px ; } .mr3 { margin-right: 3px ; } .mr5 { margin-right: 5px ; } .mr7 { margin-right: 7px ; } .mr10 { margin-right: 10px ; } .mr15 { margin-right: 15px ; } .mr20 { margin-right: 20px ; } .mr25 { margin-right: 25px ; } .mr30 { margin-right: 30px ; } .mr35 { margin-right: 35px ; } .mr40 { margin-right: 40px ; } .mr45 { margin-right: 45px ; } .mr50 { margin-right: 50px ; } .mr55 { margin-right: 55px ; } .mr60 { margin-right: 60px ; } .mr65 { margin-right: 65px ; } .mr70 { margin-right: 70px ; } .mr75 { margin-right: 75px ; } .mr80 { margin-right: 80px ; } .mr85 { margin-right: 85px ; } .mr90 { margin-right: 90px ; } .mr95 { margin-right: 95px ; } .mr100 { margin-right: 100px ; } .mb0 { margin-bottom: 0px ; } .mb1 { margin-bottom: 1px ; } .mb3 { margin-bottom: 3px ; } .mb5 { margin-bottom: 5px ; } .mb7 { margin-bottom: 7px ; } .mb10 { margin-bottom: 10px ; } .mb15 { margin-bottom: 15px ; } .mb20 { margin-bottom: 20px ; } .mb25 { margin-bottom: 25px ; } .mb30 { margin-bottom: 30px ; } .mb35 { margin-bottom: 35px ; } .mb40 { margin-bottom: 40px ; } .mb45 { margin-bottom: 45px ; } .mb50 { margin-bottom: 50px ; } .mb55 { margin-bottom: 55px ; } .mb60 { margin-bottom: 60px ; } .mb65 { margin-bottom: 65px ; } .mb70 { margin-bottom: 70px ; } .mb75 { margin-bottom: 75px ; } .mb80 { margin-bottom: 80px ; } .mb85 { margin-bottom: 85px ; } .mb90 { margin-bottom: 90px ; } .mb95 { margin-bottom: 95px ; } .mb100 { margin-bottom: 100px ; } .mlA { margin-left: auto ; } .ml0 { margin-left: 0px ; } .ml1 { margin-left: 1px ; } .ml3 { margin-left: 3px ; } .ml5 { margin-left: 5px ; } .ml7 { margin-left: 7px ; } .ml10 { margin-left: 10px ; } .ml15 { margin-left: 15px ; } .ml20 { margin-left: 20px ; } .ml25 { margin-left: 25px ; } .ml30 { margin-left: 30px ; } .ml35 { margin-left: 35px ; } .ml40 { margin-left: 40px ; } .ml45 { margin-left: 45px ; } .ml50 { margin-left: 50px ; } .ml55 { margin-left: 55px ; } .ml60 { margin-left: 60px ; } .ml65 { margin-left: 65px ; } .ml70 { margin-left: 70px ; } .ml75 { margin-left: 75px ; } .ml80 { margin-left: 80px ; } .ml85 { margin-left: 85px ; } .ml90 { margin-left: 90px ; } .ml95 { margin-left: 95px ; } .ml100 { margin-left: 100px ; } /* padding */ .p0{ padding: 0 ; } .p1{ padding: 1px ; } .p2{ padding: 2px ; } .p3{ padding: 3px ; } .p4{ padding: 4px ; } .p5{ padding: 5px ; } .p6{ padding: 6px ; } .p7{ padding: 7px ; } .p8{ padding: 8px ; } .p9{ padding: 9px ; } .p10{ padding: 10px ; } .p15{ padding: 15px ; } .p20{ padding: 20px ; } .p25{ padding: 25px ; } .p30{ padding: 30px ; } .p35{ padding: 35px ; } .p40{ padding: 40px ; } .p45{ padding: 45px ; } .p50{ padding: 50px ; } .p55{ padding: 55px ; } .p60{ padding: 60px ; } .p65{ padding: 65px ; } .p70{ padding: 70px ; } .p75{ padding: 75px ; } .p80{ padding: 80px ; } .p85{ padding: 85px ; } .p90{ padding: 90px ; } .p95{ padding: 95px ; } .p100{ padding: 100px ; } .p110{ padding: 110px ; } .p120{ padding: 120px ; } .p130{ padding: 130px ; } .p140{ padding: 140px ; } .p150{ padding: 150px ; } .p160{ padding: 160px ; } .p170{ padding: 170px ; } .p180{ padding: 180px ; } .p190{ padding: 190px ; } .p200{ padding: 200px ; } .p220{ padding: 220px ; } .p240{ padding: 240px ; } .p260{ padding: 260px ; } .p280{ padding: 280px ; } .p300{ padding: 300px ; } .pt0 { padding-top: 0px ; } .pt1 { padding-top: 1px ; } .pt3 { padding-top: 3px ; } .pt5 { padding-top: 5px ; } .pt7 { padding-top: 7px ; } .pt10 { padding-top: 10px ; } .pt15 { padding-top: 15px ; } .pt20 { padding-top: 20px ; } .pt25 { padding-top: 25px ; } .pt30 { padding-top: 30px ; } .pt35 { padding-top: 35px ; } .pt40 { padding-top: 40px ; } .pt45 { padding-top: 45px ; } .pt50 { padding-top: 50px ; } .pt55 { padding-top: 55px ; } .pt60 { padding-top: 60px ; } .pt65 { padding-top: 65px ; } .pt70 { padding-top: 70px ; } .pt75 { padding-top: 75px ; } .pt80 { padding-top: 80px ; } .pt85 { padding-top: 85px ; } .pt90 { padding-top: 90px ; } .pt95 { padding-top: 95px ; } .pt100 { padding-top: 100px ; } .pr0 { padding-right: 0px ; } .pr1 { padding-right: 1px ; } .pr3 { padding-right: 3px ; } .pr5 { padding-right: 5px ; } .pr7 { padding-right: 7px ; } .pr10 { padding-right: 10px ; } .pr15 { padding-right: 15px ; } .pr20 { padding-right: 20px ; } .pr25 { padding-right: 25px ; } .pr30 { padding-right: 30px ; } .pr35 { padding-right: 35px ; } .pr40 { padding-right: 40px ; } .pr45 { padding-right: 45px ; } .pr50 { padding-right: 50px ; } .pr55 { padding-right: 55px ; } .pr60 { padding-right: 60px ; } .pr65 { padding-right: 65px ; } .pr70 { padding-right: 70px ; } .pr75 { padding-right: 75px ; } .pr80 { padding-right: 80px ; } .pr85 { padding-right: 85px ; } .pr90 { padding-right: 90px ; } .pr95 { padding-right: 95px ; } .pr100 { padding-right: 100px ; } .pb0 { padding-bottom: 0px ; } .pb1 { padding-bottom: 1px ; } .pb3 { padding-bottom: 3px ; } .pb5 { padding-bottom: 5px ; } .pb7 { padding-bottom: 7px ; } .pb10 { padding-bottom: 10px ; } .pb15 { padding-bottom: 15px ; } .pb20 { padding-bottom: 20px ; } .pb25 { padding-bottom: 25px ; } .pb30 { padding-bottom: 30px ; } .pb35 { padding-bottom: 35px ; } .pb40 { padding-bottom: 40px ; } .pb45 { padding-bottom: 45px ; } .pb50 { padding-bottom: 50px ; } .pb55 { padding-bottom: 55px ; } .pb60 { padding-bottom: 60px ; } .pb65 { padding-bottom: 65px ; } .pb70 { padding-bottom: 70px ; } .pb75 { padding-bottom: 75px ; } .pb80 { padding-bottom: 80px ; } .pb85 { padding-bottom: 85px ; } .pb90 { padding-bottom: 90px ; } .pb95 { padding-bottom: 95px ; } .pb100 { padding-bottom: 100px ; } .pl0 { padding-left: 0px ; } .pl1 { padding-left: 1px ; } .pl3 { padding-left: 3px ; } .pl5 { padding-left: 5px ; } .pl7 { padding-left: 7px ; } .pl10 { padding-left: 10px ; } .pl15 { padding-left: 15px ; } .pl20 { padding-left: 20px ; } .pl25 { padding-left: 25px ; } .pl30 { padding-left: 30px ; } .pl35 { padding-left: 35px ; } .pl40 { padding-left: 40px ; } .pl45 { padding-left: 45px ; } .pl50 { padding-left: 50px ; } .pl55 { padding-left: 55px ; } .pl60 { padding-left: 60px ; } .pl65 { padding-left: 65px ; } .pl70 { padding-left: 70px ; } .pl75 { padding-left: 75px ; } .pl80 { padding-left: 80px ; } .pl85 { padding-left: 85px ; } .pl90 { padding-left: 90px ; } .pl95 { padding-left: 95px ; } .pl100 { padding-left: 100px ; } /* width */ .w5 { width: 5px ; } .w10 { width: 10px ; } .w15 { width: 15px ; } .w20 { width: 20px ; } .w25 { width: 25px ; } .w30 { width: 30px ; } .w35 { width: 35px ; } .w40 { width: 40px ; } .w45 { width: 45px ; } .w50 { width: 50px ; } .w55 { width: 55px ; } .w60 { width: 60px ; } .w65 { width: 65px ; } .w70 { width: 70px ; } .w75 { width: 75px ; } .w80 { width: 80px ; } .w85 { width: 85px ; } .w90 { width: 90px ; } .w95 { width: 95px ; } .w100 { width: 100px ; } .w110 { width: 110px ; } .w120 { width: 120px ; } .w130 { width: 130px ; } .w140 { width: 140px ; } .w150 { width: 150px ; } .w160 { width: 160px ; } .w170 { width: 170px ; } .w180 { width: 180px ; } .w190 { width: 190px ; } .w200 { width: 200px ; } .w210 { width: 210px ; } .w220 { width: 220px ; } .w230 { width: 230px ; } .w240 { width: 240px ; } .w250 { width: 250px ; } .w260 { width: 260px ; } .w270 { width: 270px ; } .w280 { width: 280px ; } .w290 { width: 290px ; } .w300 { width: 300px ; } .w5p { width: 5% ; } .w10p { width: 10% ; } .w15p { width: 15% ; } .w20p { width: 20% ; } .w25p { width: 25% ; } .w30p { width: 30% ; } .w33p { width: 33% ; } .w35p { width: 35% ; } .w40p { width: 40% ; } .w45p { width: 45% ; } .w50p { width: 50% ; } .w55p { width: 55% ; } .w60p { width: 60% ; } .w65p { width: 65% ; } .w70p { width: 70% ; } .w75p { width: 75% ; } .w80p { width: 80% ; } .w85p { width: 85% ; } .w90p { width: 90% ; } .w95p { width: 95% ; } .w100p { width: 100% ; } /* general CSS　ここまで========================================================= */ /*印刷用*/ @media print { #pagetop{ display:none;} } /*759px以下*/ @media screen and (max-width: 759.9px) { .smpnone,.spnone{display:none!important;} /* ========================================================= ◆Header ========================================================= */ #pc_header{display:none;} #smp_header{ background:#fff; margin-bottom: 0; border-bottom: 1px solid #d0d0d0; height:65px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; display:block; } #headTop{ height: 64px; position: relative; z-index: 9500; background: #fff; border-top: 5px solid #20208c; padding: 14px 5px; box-sizing: border-box; } #headRMain{ background:#f9f9f9; position:absolute; right:0; top:0; } #headRMain li{ float:left; height:60px; width:64px; display: block; text-align:center; box-sizing: border-box; } #headRMain .area{border-left: 1px solid #d2d2d2;} #headRMain .mycoupon{ border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; position:relative; } #headRMain .mycoupon:after{ position: absolute; bottom: 10px; left: 42%; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #20208c; display: none; } #headRMain li a{ color:#20208c; font-size:10px; } #headRMain li > *{ vertical-align:middle; display:inline-block; } #headRMain li:before{ content: ""; height:100%; vertical-align:middle; width:0; display:inline-block; } #headRMain li a span:first-child{ vertical-align: middle; margin: auto; display: block; } #headRMain .menu a:hover{ color:#20208c; opacity: 1; } #headRMain .menu{position: relative;} #headRMain li.menu a span{ width: 26px; height: 2px; background: #20208c; margin: 29px auto 0; display: block; transition-duration : 0.1s; } #headRMain .menu::before, #headRMain .menu::after{ content: ""; width: 26px; height: 2px; background: #20208c; display: block; margin: auto; position: absolute; left: 19px; transition-duration : 0.1s; } #headRMain .menu::before{top: 20px;} #headRMain .menu::after{bottom: 20px;} #headRMain .menu.open a span{opacity: 0;} #headRMain .menu.open::before, #headRMain .menu.open::after{ content: ""; width: 26px; height: 2px; background: #20208c; display: block; margin: auto; position: absolute; left: 19px; } #headRMain .menu.open::before{ top: 29px; transform:rotate(45deg); } #headRMain .menu.open::after{ bottom: 29px; transform:rotate(-45deg); } #Gmenu .search dd input[type="submit"] { border: 0; width: 39px; height: 38px; background: url(https://www.nta.co.jp/sp/shared2015/common/images/ic_search_01.gif) left top no-repeat; background-size: 39px; } /* ========================================================= ◆Gnav ========================================================= */ #smp_header .headNav{ position:absolute; width:100%; z-index:10000; left:0; display:none; } #smp_header .headNav.open {display: block;} #smp_header .headNav .search{ background:#f2f2f2; padding: 10px; display:table; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #smp_header .headNav dd{ display:table-cell; width:39px; } #smp_header .headNav dt input { height: 38px; width:100%; border: none; background: #fff; padding:2px 5px; line-height: 1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #smp_header .headNav #pickup_ico {display:flex;} #smp_header .headNav #pickup_ico li{ width: 31.33333%; border-radius: 5px; margin: 5% 1%; } #smp_header .headNav #pickup_ico li a{ font-size: 13px; text-align: center; padding: 44px 0 10px 0; } #smp_header .headNav #pickup_ico li a:after{background:none;} #smp_header .headNav #pickup_ico li.nav17 { background: #f6f6f6 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_17.png) center top no-repeat; background-size: 50px auto; } #smp_header .headNav #pickup_ico li.nav21 { background: #f6f6f6 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_21.png) center top no-repeat; background-size: 50px auto; } #smp_header .headNav #pickup_ico li.nav14 { background: #f6f6f6 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_14.png) center top no-repeat; background-size: 50px auto; } #smp_header .headNav ul{background:#fff;} #smp_header .pb15 {padding: 0 0 15px;} #smp_header .pt15 {padding: 15px 0 0;} #smp_header .headNav ul ul{padding: 0;} #smp_header .headNav li{font-size:15px;} #smp_header .headNav li a{ color:#20208c; padding:15px; display:block; position:relative; } #smp_header .headNav .parent a:after, #smp_header .headNav .parent > a.open:after{ position: absolute; color: #888; font-size: 24px; } #smp_header .headNav .parent a:after{ content: "+"; top: 8px; right: 10px; } #smp_header .headNav .parent > a.open:after{ content: "－"; top: 8px; right: 8px; } #smp_header .headNav .gray-arrow a:before, #smp_header .headNav .gray-arrow a:after { content: ""; width: 10px; height: 10px; position: absolute; transform: rotate(-45deg); } #smp_header .headNav .gray-arrow a:before { background: #888; top: 13px; right: 16px; } #smp_header .headNav .gray-arrow a:after { background: #FFF; top: 13px; right: 18px; } #smp_header .headNav .parent .child{display:none;} #smp_header .headNav .parent .child li:last-child{border-bottom: none;} #smp_header .headNav .parent .child a{ color: #20208c; font-weight:normal; text-indent: 28px; } #smp_header .headNav .parent.kokunai .child, #smp_header .headNav .parent.kaigai .child {display: none;} #smp_header .headNav .parent .child.open {display: block;} #smp_header .headNav li span { color: #20208c; padding: 15px; display: block; position: relative; } #smp_header .headNav li span:after, #smp_header .headNav li span.open:after { position: absolute; color: #888; font-size: 24px; } #smp_header .headNav li span:after { content: "+"; top: 8px; right: 10px; } #smp_header .headNav li span.open:after { content: "－"; top: 8px; right: 8px; } #smp_header .border_bottom {position: relative;} #smp_header .border_bottom:before { content: ''; position: absolute; left: 10px; bottom: 0; width: 20%; height: 1px; background-color: #ccc; } #smp_header .headNav .close{ background:#808080; text-align:center; font-weight:bold; color:#fff; font-size:15px; padding:10px; display:block; } #overlay{ width:100%; height:150%; position:fixed; background:rgba(0,0,0,.7); display:none; left: 0; overflow: hidden; top: -1px; background:rgba(0,0,0,.7); z-index: 999; } #overlay.open {display: block;} /* ========================================================= ◆Footer ========================================================= */ footer#nta_footer { letter-spacing: normal; } footer#nta_footer { background: #f9f9f9; margin-top: 0px; } footer#nta_footer #wide_category dd ul, footer#nta_footer #recommend_category dd ul { display:flex; flex-wrap:wrap; } footer#nta_footer #wide_category dd li, footer#nta_footer #recommend_category dd li { margin: 2%; font-size: 10px; } footer#nta_footer #wide_category dd li a, footer#nta_footer #recommend_category dd li a {color: #343474;} footer#nta_footer #recommend_category {border-top: 1px solid #eee;} footer#nta_footer #detailed_category { font-size: 12px; background: #f9f9f9; } footer#nta_footer #detailed_category label{ height: 32px; align-items: center; display: grid; border-bottom: 1px solid #FFF; text-indent: 2%; background: #ebebf9; color: #343474; font-weight: bold; position:relative; cursor: pointer; transition: all 0.5s; } footer#nta_footer #detailed_category input{display: none;} footer#nta_footer #detailed_category label:after{ content: "＋"; height: 20px; width: 20px; text-align: center; position: absolute; right: 5%; color: #343474; display: grid; } footer#nta_footer #detailed_category input:checked ~ label::after {content: "－";} footer#nta_footer #detailed_category div div{ height: 0px; padding: 0px; overflow: hidden; opacity: 0; transition: 0.1s; } footer#nta_footer #detailed_category div div ul{ display:flex; flex-wrap:wrap; } footer#nta_footer #detailed_category div div li { width: 46%; margin: 2%; font-size: 11px; } footer#nta_footer #detailed_category div div li.bold {width: 96%;} footer#nta_footer #detailed_category div div li.bold a{color: #000;} footer#nta_footer #detailed_category div div li a {color: #343474;} footer#nta_footer #detailed_category input:checked ~ div{ height: auto; padding: 5px; opacity: 1; } /*その他リンク/コピーライト*/ footer#nta_footer #other_link { width: 100%; background: #ebebf9; font-size: 12px; padding: 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; } footer#nta_footer #other_link li { width: 50%; padding: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer#nta_footer #other_link li a { width: 100%; display: block; } footer#nta_footer #copyright { background: #343474; text-align: center; color: #fff; font-size: 8px; padding: 10px 0; } footer#nta_footer #pagetop { width:32px; height:32px; background:#343474; position: fixed; bottom: 10px; right: 10px; z-index: 48; border-radius: 50%; } footer#nta_footer #pagetop .upward { display: inline-block; color: #FFF; width: 1em; height: 1em; border: 2px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(25%) rotate(-45deg); margin: 10px 11px; } /* ========================================================= ◆contents_end gadget iframe ========================================================= */ .iframe_end-content_gadget iframe {border: none;} /* ========================================================= ◆page_jack ========================================================= */ .pagejack_pc {display: none;} /*フッター固定バナー用start*/ /*#rt_special_popup { z-index: 48 !important; width: 150px !important; height: 150px!important; background-color: rgba(255,255,255,0.2) !important; top: auto !important; left: 0px !important; margin: 0 auto !important; padding: 5px !important; position: fixed; border: none !important; border-radius: 0px !important; } #rt_special_popup .pagejack_sp{ width: 100%; } #rt_special_popup img:nth-child(3) { width: 24px!important; height: 24px !important; } #rt_special_popup img {width: 100%;}*/ /*フッター固定バナー用end*/ } /*760px以上*/ @media screen and (min-width: 760px) ,print { .pcnone{display:none!important;} /* ========================================================= ◆Head ========================================================= */ #smp_header{display:none;}/*SP用headerOFF*/ /*===================== headerArea =====================*/ #pc_header { width: 100%; border-top: 5px solid #1919a9; border-bottom: 1px solid #ebebeb; -webkit-box-shadow: 0px 0 5px #f3f3f3; -moz-box-shadow: 0px 0 5px #f3f3f3; box-shadow: 0px 0 5px #f3f3f3; padding-top: 10px; margin-bottom: 0px; font: 12px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; letter-spacing: normal; } #pc_header #HeadInner { position: relative; /z-index:15; /*ie7 hack*/ width: 100%; max-width:970px; min-width:760px; margin: 0 auto; } #pc_header, footer#nta_footer { letter-spacing: normal; } @media screen and (min-width:760px) and (max-width:799px) { /*ロゴ位置*/ #logo2 a, #logo2 a img {width:150px;} } #pc_header .HeadNav01 { position: absolute; top: 5px; right: 0; z-index: 2; } #pc_header .HeadNav01 li { font-size: 11px; line-height: 1; float: left; display: block; padding: 2px 10px; } #pc_header .HeadNav01 li.last-child {padding-right: 0;} #pc_header .HeadNav01 li a {color: #333;} #pc_header .HeadNav02 { position: absolute; right: 0px; top: 29px; /*ie7 hack*/ } #pc_header .HeadNav02 ul {float: left;} #pc_header .HeadNav02 form { float: left; border: solid 1px #bfbfbf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #pc_header .HeadNav02 li { float: left; display: block; position: relative; } #pc_header .HeadNav02 li:after { content: ""; display: block; height: 1px; width: 100%; left: 0; top: 0; position: absolute; background: #fff; } #pc_header .HeadNav02 li a { display: block; white-space: nowrap; color: #333; overflow: hidden; font-size: 12px; margin: 5px 12px 5px 0; padding: 0 12px 0 0; border-right: 1px solid #222; } #pc_header .HeadNav02 li:last-child a {border-right: none;} #pc_header .HeadNav02 dt, #pc_header .HeadNav02 dd { float: left; height: 23px; } #pc_header .HeadNav02 dt {margin-right: 3px;} #pc_header .HeadNav02 dt input { width: 180px; height: 23px; border: none; background: #fff; padding: 2px; line-height: 1.3; padding: 2px 2px 0＼9; /*ie7 - 8 hack*/ height: 16px＼9; /*ie7 - 8 hack*/ } #pc_header .HeadNav02 dd {margin:0;} #pc_header .HeadNav02 input[type="submit"]{ border: 0px; width:24px; height:23px; background:url(https://www.nta.co.jp/shared2021/common/images/search.gif) left top no-repeat; background-size: 24px; } @media screen and (min-width:760px) and (max-width:969px) { /*余白*/ #pc_header #HeadInner { padding: 0 5px; box-sizing: border-box; } #pc_header .HeadNav01 {right: 5px;} #pc_header .HeadNav02 {right: 5px;} } /*===================== Gnav =====================*/ #Gnav { padding-top: 20px; text-align: center; font-weight:bold; font-size:13px; position: relative; } #Gnav ul{ margin:0; padding:0; } #Gnav li{ margin:5px 0; padding:0 10px 0 0; } #Gnav .gnavKokunai, #Gnav .gnavKaigai {float: left;} #Gnav .gnavKokunai {width: 59%;margin-right:1%;} #Gnav .gnavKaigai {width: 39%;margin-left:1%;} #Gnav .gnavKokunai dl, #Gnav .gnavKaigai dl {padding-bottom: 0px;} #Gnav .gnavKokunai dt { color: #dd335d; font-weight: bold; border-bottom: 2px solid #dd335d; padding-bottom: 5px; font-size: 13px; text-align: left; } #Gnav .gnavKaigai dt { color: #4eab26; font-weight: bold; border-bottom: 2px solid #4eab26; padding-bottom: 5px; font-size: 13px; text-align:left; } #Gnav .gnavKokunai dd {width: 16.66666%;} #Gnav .gnavKaigai dd {width: 25%;} #Gnav .gnavKokunai dd, #Gnav .gnavKaigai dd { float: left; height: 72px; margin:0; } #Gnav .gnavKokunai dd span, #Gnav .gnavKaigai dd span { display: block; height: 28px; } #Gnav .gnavKokunai dd a, #Gnav .gnavKaigai dd a { display: block; white-space: nowrap; color:#333; max-width: 76px; height: 72px; background: url(https://www.nta.co.jp/shared2021/common/images/gnav_bg.png) -10px 0 no-repeat; margin: auto; } #Gnav .gnavKokunai dd a:hover span {background: url(https://www.nta.co.jp/shared2021/common/images/gnav_bg_arrow_01.png) center bottom no-repeat;} #Gnav .gnavKaigai dd a:hover span {background: url(https://www.nta.co.jp/shared2021/common/images/gnav_bg_arrow_02.png) center bottom no-repeat;} #Gnav .gnavKokunai dd:hover {background-color: #fff2f5;} #Gnav .gnavKokunai .nav02 a {background-position: -105px 0;} #Gnav div dd span{padding-top: 45px;} #Gnav #js-kaigai_dp span{padding-top: 13px;} #Gnav .gnavKokunai .nav03 a {background-position: -200px 0;} #Gnav .gnavKokunai .nav04 a {background-position: -295px 0;} #Gnav .gnavKokunai .nav05 a {background-position: -390px 0;} #Gnav .gnavKokunai .nav06 a {background-position: -485px 0;} #Gnav .gnavKaigai dd:hover{background-color:#eff6eb;} #Gnav .gnavKaigai .nav04R a span{ height:60px;} #Gnav .gnavKaigai dd a { background: url(https://www.nta.co.jp/shared2021/common/images/gnav_bg.png) no-repeat; width: 95px; height: 72px; } #Gnav .gnavKaigai .nav01R a {background-position: -600px 0;} #Gnav .gnavKaigai .nav02R a, #Gnav .gnavKaigai .nav02R a {background-position: -695px 0;} #Gnav .gnavKaigai .nav03R a, #Gnav .gnavKaigai .nav03R a {background-position: -790px 0;} #Gnav .gnavKaigai .nav04R a, #Gnav .gnavKaigai .nav04R a {background-position: -885px 0;} #Gnav .gnavKaigai .nav04R span{ top:12px;} #Gnav .tags { display: none; padding:10px 15px; text-align: left; position: absolute; width: 940px; box-sizing: border-box; top: 115px; left: 0; line-height:1; background: #fff; z-index: 15; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); box-shadow: 0px 0px 6px rgba(0,0,0,0.3); } #Gnav .js-gnav:hover .tags{display:block;} @media screen and (min-width:760px) and (max-width:940px) { #Gnav .tags {width: 760px;} } #Gnav .tags.kokunai {border: 1px solid #dd335d;} #Gnav .tags.kaigai {border: 1px solid #4eab26;} #Gnav .tag ul:after { content: "."; display:block; clear: both; height: 0; visibility: hidden; } #Gnav .tag ul { min-height: 1px; height: 1px; } #Gnav .tags li { display: block; float:left; margin-right: 10px; padding:5px 0; } #Gnav .tags li a { width: auto; color:#0065d6; font-weight:normal; height: auto; text-indent: 0; background: none; display: inline; } /* rollover */ #jr .gnavKokunai .nav01 a, #kokunai .gnavKokunai .nav02 a, #yado .gnavKokunai .nav03 a, #bus2015 .gnavKokunai .nav04 a, #rentacar2015 .gnavKokunai .nav05 a, #aso2015 .gnavKokunai .nav06 a{background-color: #fff2f5;} #kaigai .gnavKaigai .nav01R a, #kaigai_air2015 .gnavKaigai .nav02R a, #kaigai_hotel2015 .gnavKaigai .nav03R a, #kaigai_fit2015 .gnavKaigai .nav04R a{background-color: #eff6eb;} /* ========================================================= ◆Foot ========================================================= */ footer#nta_footer { width: 100%; font: 12px / 1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; margin-top: 0px; background: #ebebf9; color: #333; } footer#nta_footer #wide_category { width: 100%; max-width: 970px; min-width: 760px; margin: 0 auto; text-align: center; padding: 40px 0 0; } footer#nta_footer #wide_category dd li { padding: 7px 6px; line-height: 1.3; display: inline-block; } footer#nta_footer #wide_category dd li:nth-of-type(n+2)::before{ content: "｜"; color: #333; font-weight: bold; } footer#nta_footer #wide_category dd li a { color: #333; font-weight: bold; padding: 0 5px 0 10px; } footer#nta_footer #recommend_category { width: 580px; margin: 0 auto; text-align: center; padding: 0 0 40px; } footer#nta_footer #recommend_category dd li { padding: 7px 6px; line-height: 1.3; display: inline-block; } footer#nta_footer #recommend_category dd li:nth-of-type(n+2)::before{ content: "｜"; color: #333; } footer#nta_footer #recommend_category dd li a { color: #333; padding: 0 5px 0 10px; } footer#nta_footer #detailed_category { width: 100%; max-width: 970px; min-width: 760px; margin: 0 auto; padding: 40px 0 20px; border-top: 1px solid #333; } footer#nta_footer #detailed_category input{display: none;} footer#nta_footer #detailed_category label { width: 115px; font-weight: bold; display: inline-block; line-height: 1.5; pointer-events: none; /*text-align: center;*/ } footer#nta_footer #detailed_category > div { margin-bottom: 20px; display: flex; } footer#nta_footer #detailed_category > div div { width: calc(100% - 115px); } footer#nta_footer #detailed_category div div li { /*padding: 0 3px;*/ line-height: 1.5; display: inline-block; } footer#nta_footer #detailed_category div div li::after{ content: "｜"; color: #333; } footer#nta_footer #detailed_category div div li a { color: #333; padding: 0 5px 0 0; } footer#nta_footer #wide_category dd li a:hover, footer#nta_footer #recommend_category dd li a:hover, footer#nta_footer #detailed_category div div li a:hover { opacity:1; color:#343474; } /*その他リンク/コピーライト*/ footer#nta_footer #other_link { background: #343474; text-align: center; color: #fff; margin: 0; padding: 20px 0; } footer#nta_footer #other_link li { padding: 0 3px; display: inline-block; line-height: 1.5; } footer#nta_footer #other_link li a { color: #fff; } footer#nta_footer #copyright { background: #343474; color: #fff; padding-bottom: 20px; font-size: 10px; text-align: center; } footer#nta_footer #pagetop { width:72px; height:72px; background:#5353a6; position: fixed; bottom: 20px; right: 20px; z-index: 50; border-radius: 50%; box-shadow: 1px 1px 3px #999; } footer#nta_footer #pagetop .upward { display: inline-block; color: #FFF; width: 24px; height: 24px; border: 3px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(25%) rotate(-45deg); margin: 22px 24px; } /* 検索BOX */ #pc_header dd input { margin:0; padding:0; } /* ========================================================= ◆contents_end gadget iframe ========================================================= */ .iframe_end-content_gadget { width: 100%; margin: auto; } .iframe_end-content_gadget iframe {border: none;} /*----------------------------------------------------- page_jack ------------------------------------------------------*/ .pagejack_sp {display: none;} /*フッター固定バナー用start*/ /*#rt_special_popup { z-index: 48 !important; width: 200px !important; height: 200px!important; background-color: rgba(255,255,255,0.2) !important; top: auto !important; left: 0px !important; margin: 0 auto !important; padding: 10px !important; position: fixed; border: none !important; border-radius: 0px !important; } #rt_special_popup .pagejack_pc{ width: 100%; } .pagejack_pc img { width: 100%; height: auto; } #rt_special_popup img:nth-child(3) { width: 24px!important; height: 24px !important; } .pagejack_pc img:hover { filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; }*/ /*フッター固定バナー用end*/ } @media screen and (max-width: 759.9px) { #nta_footer { font: 12px / 1.4 "ヒラギノ角ゴ Pro W3", "HraKakuProN-W6", "HelveticaNeue"; } footer#nta_footer #other_link li a{ color: #0065d6; } } /*終了ガシェット高さ*/ @media screen and (max-width:399.9px) {.iframe_end-content_gadget iframe{height:890px;}} @media screen and (min-width:400px) and (max-width:499.9px) {.iframe_end-content_gadget iframe{height:910px;}} @media screen and (min-width:500px) and (max-width:689.9px) {.iframe_end-content_gadget iframe{height:980px;}} @media screen and (min-width: 690px) {.iframe_end-content_gadget iframe{height:1010px;}}