@charset "UTF-8"; /* ------------------------------------------------------ */ /* header より /* ------------------------------------------------------ */ header{ position: relative; z-index: 99999; } /* ------------------------------------------------------ */ /* header 内 reset /* ------------------------------------------------------ */ #new_globalheader { padding: 0; margin: 0; box-sizing: border-box; line-height: 1.0; } #new_globalheader * { /*padding: 0;*/ margin: 0; box-sizing: border-box; line-height: 1.0; } #new_globalheader img { width: auto !important; } /* 180324 追記 nano layout01.css 内 reset */ /* ------------------------------------------------------ */ /* COMMON /* PC ( 768 <= ) /* SP ( <= 767 ) /* ------------------------------------------------------ */ main { position: relative; } footer { position: relative; } a.pdef { cursor:default; } /* jQuery と併用 newheader.js line91～ 180324nano */ #new_globalheader { position: fixed; top: 0; left: 0; z-index: 150; width: 100%; height: auto; } /* 180417 nano zindex 9999->99 */ @media print { #new_globalheader { position: static; } } @media screen and (max-width: 767px) { } .new_globalheader-btn_off { display: inline-block; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .state_lang #new_globalheader-language .new_globalheader-btn_off { display: none; } .state_menu #new_globalheader-menu .new_globalheader-btn_off { display: none; } .state_search #new_globalheader-search .new_globalheader-btn_off { display: none; } .state_item .new_globalheader-btn_off { display: none; } .new_globalheader-btn_on { display: none; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .state_lang #new_globalheader-language .new_globalheader-btn_on { display: inline-block; } .state_menu #new_globalheader-menu .new_globalheader-btn_on { display: inline-block; } .state_search #new_globalheader-search .new_globalheader-btn_on { display: inline-block; } .state_item .new_globalheader-btn_on { display: inline-block; } /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ #new_globalheader-head { /*position: fixed;*/ top: 0; left: 0; z-index: 91001; width: 100%; height: 70px; display: table; background: #f7053f; color: #ffffff; overflow: hidden; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .new_globalheader-block { display: table-cell; width: auto; height: 100%; vertical-align: middle; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-block00 { text-align: left; padding: 0 5px 0 20px; } /* 180321 追記 nano pl 15 -> 20 */ @media screen and (min-width: 768px), print { #new_globalheader-block01 { width: auto; border-right: 1px solid #ffffff; } } @media screen and (max-width: 767px) { #new_globalheader-block01 { width: 100%; } } #new_globalheader-block01 { text-align: left; padding: 0 5px 0 20px; } /* 180321 追記 nano pl 15 -> 20 */ @media screen and (min-width: 768px), print { #new_globalheader-block01 { width: auto; border-right: 1px solid #ffffff; } } @media screen and (max-width: 767px) { #new_globalheader-block01 { width: 100%; padding: 0 5px 0 10px; } } #new_globalheader-block02 { } @media screen and (min-width: 768px), print { #new_globalheader-block02 { width: 240px; text-align: center; border-right: 1px solid #ffffff; } } /* 180321 追記 nano w220 -> 240 */ @media screen and (max-width: 767px) { #new_globalheader-block02 { display: none; } } #new_globalheader-block03 { } @media screen and (min-width: 768px), print { #new_globalheader-block03 { width: 303px; text-align: center; background: #4990e2; } } /* 180321 追記 nano w170 -> 208 */ @media screen and (max-width: 767px) { #new_globalheader-block03 { position: absolute; top: 70px; left: 0; padding: 0 0 0 15px; } } /* 180321 追記 nano */ @media screen and (max-width: 359px) { #new_globalheader-block03 { position: absolute; top: 70px; left: 0; padding: 0 0 0 6px; } } /* 180321 追記 nano */ .new_globalheader-block_inner { display: table; width: 100%; height: 70px; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-logo { display: table-cell; width: auto; height: 100%; vertical-align: middle; text-align: left; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-logo a { display: inline-block; position: relative; top: 0; left: 0; z-index:1000; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { #new_globalheader-logo a { max-width:211px; width: 100%; } } #new_globalheader-logo img { width: 211px !important; max-width: 100%; box-sizing: content-box; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-language { display: table-cell; width: 50px; height: 100%; vertical-align: middle; text-align: center; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-language a { display: inline-block; width: 43px; height: 36px; overflow: hidden; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) {　#new_globalheader-language a { position: relative; z-index: 1000;} } /* 180321 追記 nano */ #new_globalheader-language a img { width: 100% !important; } #new_globalheader-search { } @media screen and (min-width: 768px), print { #new_globalheader-search { display: table-cell; width: 54px; height: 100%; vertical-align: middle; text-align: center; } } /* 180321 追記 nano w50=>54 */ @media screen and (max-width: 767px) { #new_globalheader-search { display: none; } } #new_globalheader-search a { display: inline-block; width: 32px; height: 32px; overflow: hidden; margin: 0 10px 6px 0; }/*180328 nano gafas*/ @media screen and (min-width: 768px), print { #new_globalheader-search { margin:0 10px 6px 0;} } @media screen and (max-width: 767px) { #new_globalheader-search a { margin: 0 0 8px; } } #new_globalheader-search a img { width: 100% !important; height: auto; display: block; } #new_globalheader-menu { } @media screen and (min-width: 768px), print { #new_globalheader-menu { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-menu { display: table-cell; width: 50px; height: 100%; vertical-align: middle; text-align: center; } } #new_globalheader-menu a { display: table; width: 25px; height: 36px; margin: 0 auto; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { #new_globalheader-menu a { position: relative; z-index: 1000; padding:0 0; /* margin: 0 auto 8px;*/ margin:0 16px 8px auto; } } /* 180321 追記 nano Hmbger*/ #new_globalheader-menu_open { width: 100%; height: 30px; display: table-cell; vertical-align: middle; line-height: 0.0; text-align: center; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-menu_open span { width: 100%; height: 3px; display: block; margin: 6px 0; background: #ffffff; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-menu_close { position: relative; top: 0; left: 0; display:none; /*display: table-cell;*/ width: 100%; height: 30px; vertical-align: middle; line-height: 0.0; text-align: center; } .state_menu #new_globalheader-menu_close span { display:table-cell; } /* 180330 nano edit */ @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-menu_close span { position: absolute; top: 50%; left:0; display: block; width: 100%; height: 3px; background: #ffffff; margin: 0 auto; } #new_globalheader-menu_close span { -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } #new_globalheader-menu_close span:nth-child(1) { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #new_globalheader-menu_close span:nth-child(2) { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-web { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } @media screen and (min-width: 768px), print { #new_globalheader-web { width: 33.3%; border-right: 1px solid #ffffff; } } @media screen and (max-width: 767px) { #new_globalheader-web { width: 62px; } } #new_globalheader-web img { } @media screen and (min-width: 768px), print { #new_globalheader-web img { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-web img { width: 25px !important; display: inline-block; margin: 1px 0 0 0; } } #new_globalheader-web b { color: #ffffff; font-weight: normal; } @media screen and (min-width: 768px), print { #new_globalheader-web b { font-size: 1.6rem; } } @media screen and (max-width: 767px) { #new_globalheader-web b { font-size: 1.2rem; display: block; padding: 5px 0 0 0; } } @media screen and (max-width: 359px) { #new_globalheader-web b { font-size: 1.1rem; display: block; padding: 5px 0 0 0; } } #new_globalheader-event { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } @media screen and (min-width: 768px), print { #new_globalheader-event { width: 33.3%; border-right: 1px solid #ffffff; } } @media screen and (max-width: 767px) { #new_globalheader-event { width: 62px; } } #new_globalheader-event img { } @media screen and (min-width: 768px), print { #new_globalheader-event img { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-event img { width: 21px !important; display: inline-block; margin: 1px 0 0 0; } } #new_globalheader-event b { color: #ffffff; font-weight: normal; } @media screen and (min-width: 768px), print { #new_globalheader-event b { font-size: 1.6rem; } } @media screen and (max-width: 767px) { #new_globalheader-event b { font-size: 1.2rem; display: block; padding: 5px 0 0 0; } } @media screen and (max-width: 359px) { #new_globalheader-event b { font-size: 1.1rem; display: block; padding: 5px 0 0 0; } } #new_globalheader-brochure { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } @media screen and (min-width: 768px), print { #new_globalheader-brochure { width: 33.3%; } } @media screen and (max-width: 767px) { #new_globalheader-brochure { width: 62px; } } #new_globalheader-brochure img { } @media screen and (min-width: 768px), print { #new_globalheader-brochure img { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-brochure img { width: 27px !important; display: inline-block; margin: 2px 0 3px 0; } } #new_globalheader-brochure b { color: #ffffff; font-weight: normal; } @media screen and (min-width: 768px), print { #new_globalheader-brochure b { font-size: 1.6rem; } } @media screen and (max-width: 767px) { #new_globalheader-brochure b { font-size: 1.2rem; display: block; padding: 5px 0 0 0; } } @media screen and (max-width: 359px) { #new_globalheader-brochure b { font-size: 1.1rem; display: block; padding: 5px 0 0 0; } } #new_globalheader-tel { } @media screen and (min-width: 768px), print { #new_globalheader-tel { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-tel { display: table-cell; width: 62px; height: 100%; vertical-align: middle; text-align: center; } } #new_globalheader-tel img { } @media screen and (min-width: 768px), print { #new_globalheader-tel img { display: none; } } @media screen and (max-width: 767px) { #new_globalheader-tel img { width: 25px !important; display: inline-block; } } #new_globalheader-tel b { color: #ffffff; font-weight: normal; } @media screen and (min-width: 768px), print { #new_globalheader-tel b { font-size: 1.6rem; } } @media screen and (max-width: 767px) { #new_globalheader-tel b { font-size: 1.2rem; display: block; padding: 5px 0 0 0; } } @media screen and (max-width: 359px) { #new_globalheader-tel b { font-size: 1.1rem; display: block; padding: 5px 0 0 0; } } #new_globalheader-account { display: block; text-align: left; padding: 0 20px; } /* 180321 追記 nano pd 0 10 -> pd 0 20 */ @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-account b { color: #ffffff; display: block; font-size: 1.2rem; font-weight: normal; text-align: justify; line-height: 1.75; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } #new_globalheader-account a { color: #ffffff; display: block; font-size: 2.4rem; font-weight: bold; text-align: justify; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ #new_globalheader-innernav { position: relative; /* top: 70px; */ left: 0; width: 100%; z-index: 91000; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { #new_globalheader-innernav { overflow-y: scroll; /*top: 70px;*/height:0; top:0; background: rgba(255,255,255,0.96); -webkit-overflow-scrolling: touch; } } /* 180417 nano height 0 */ /*@media screen and (max-width: 767px) { #new_globalheader-innernav { overflow: scroll; background: rgba(255,255,255,0.96); -webkit-overflow-scrolling: touch; } }*//*180321 CO*/ /* 181001 komoda@re-vue 追記 */ .ng_innernavi_Child { letter-spacing: -1em;} .ng_innernavi_Child * { letter-spacing: 0.1rem;} .ng_innernavi_Child b { letter-spacing: 0.1rem;} @media screen and (min-width: 768px) { .ng_innernavi_Child dl { width: 11.1%; } }; .new_globalheader-innernavi_close { letter-spacing: 0.1rem;} .ng_innernavi_Child dl a { width: 100%;} @media screen and (max-width: 767px) { .ng_innernavi_Child b {letter-spacing: 0.1rem;} } @media screen and (max-width: 767px) { div.new_globalheader-innernavi_control a { width: unset;} } @media screen and (min-width: 768px) {#new_globalheader-innernavi_01-01 .new_globalheader-innernavi_sub dl { width: 23%;} } /* 181001 komoda@re-vue 追記ここまで */ #new_globalheader-innernavi_01 { top: 0; left: 0; z-index: 90001; width: 100%; } @media screen and (min-width: 768px), print { #new_globalheader-innernavi_01 { position: absolute; background: #ffffff; } } @media screen and (max-width: 767px) { #new_globalheader-innernavi_01 { position: absolute; min-height: calc( 100vh - 70px ); overflow: hidden; } } #new_globalheader-innernavi_01:after { clear: both; height: 0; width: 0; font-size: 0; content: ""; display: block; visibility:hidden; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } /*#new_globalheader-innernavi_01 .ng_innernavi_Child */ @media screen and (min-width: 768px), print { #new_globalheader-innernavi_01 .ng_innernavi_Child { max-width:1280px; margin:auto; } } /* 180321 nano 追記 */ #new_globalheader-innernavi_02 { top: 0; left: 0; z-index: 90002; width: 100%; overflow: hidden; text-align:center; } /* 180321 nano 追記 ta > center */ @media screen and (min-width: 768px), print { #new_globalheader-innernavi_02 { position: absolute; background: rgba(255,255,255,0.96); text-align: right; } } @media screen and (max-width: 767px) { #new_globalheader-innernavi_02 { position: absolute; } #new_globalheader-innernavi_02 { position: absolute; top:70px; } } /* 180321 nano 追記 */ #new_globalheader-innernavi_03 { } @media screen and (min-width: 768px), print { #new_globalheader-innernavi_03 { position: absolute; top: 0; left: 0; z-index: 90003; width: 100%; background: rgba(255,255,255,0.96); overflow: hidden; text-align: right; } } @media screen and (max-width: 767px) { #new_globalheader-innernavi_03 { display: none; } } #new_globalheader-innernavi_bg { position: absolute; top: 0; left: 0; z-index: 90000; width: 100%; } @media screen and (min-width: 768px), print { #new_globalheader-innernavi_bg { height: calc(100vh - 70px); background: rgba(73,144,226,0.5); } } @media screen and (max-width: 767px) { #new_globalheader-innernavi_bg { } } .new_globalheader-innernavi_list { position: static; top: 0; left: 0; } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list { display: inline-block; overflow: hidden; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list { display: block; border-bottom: 1px solid #ccc; /*text-align:center;*/ } } /* 180321 nano CO */ .new_globalheader-innernavi_list_news { position: static; top: 0; left: 0; } /* 180423 kawa 追記 */ @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list_news { display: inline-block; overflow: hidden; } } /* 180423 kawa 追記 */ @media screen and (max-width: 767px) { .new_globalheader-innernavi_list_news { display: block; border-bottom: 1px solid #ccc; padding: 2px 0; } } /* 180424 kawa 追記 */ .new_globalheader-innernavi_main { position: relative; top: 0; left: 0; } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_main { padding: 5px 0 0 0 !important; background: #ffffff; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_main { padding: 0.5em 2em !important; display: table; width: 100%; } } .new_globalheader-innernavi_sub { left: 0; width: 100%; overflow: hidden; } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_sub { position: absolute; top: auto; height: auto; background: #ff3a72; vertical-align: top; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_sub { position: relative; top: 0; max-height: 0; } } .new_globalheader-innernavi_sub-inner { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_sub-inner { padding: 20px !important; max-width:1200px; margin: auto !important; } } /* 180321 nano 追記 */ @media screen and (max-width: 767px) { } .new_globalheader-innernavi_title { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_title { display: table-cell; width: auto; text-align: left; vertical-align: middle; } } .new_globalheader-innernavi_title a { display: block;justify-content:center; text-align: center; font-size: 1.2rem; font-weight: bold; } /*@media screen and (min-width: 1110px) { .new_globalheader-innernavi_title a { width: 180px; border-radius: 5px 5px 0 0; } } /* 180321 nano 追記 */ @media screen and (min-width: 1110px) { .new_globalheader-innernavi_title a { /*width: 150px;*/ border-radius: 5px 5px 0 0; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 1109px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 170px; text-align: center; border-radius: 5px 5px 0 0; } } /* 180321 nano 追記 */ @media screen and (max-width: 1109px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { /*width: 140px;*/ text-align: center; border-radius: 5px 5px 0 0; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 1046px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 160px; text-align: center; border-radius: 5px 5px 0 0; } } /* 180321 nano 追記 */ @media screen and (max-width: 1046px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { /*width: 130px;*/ text-align: center; border-radius: 5px 5px 0 0; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 986px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 150px; text-align: center; border-radius: 5px 5px 0 0; } } /* 180423 kawa 追記 */ @media screen and (max-width: 986px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { /*width: 120px;*/ text-align: center; border-radius: 5px 5px 0 0; font-size: 1.0rem; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 926px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 140px; text-align: center; border-radius: 5px 5px 0 0; } } /* 180423 kawa 追記 */ @media screen and (max-width: 926px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { /*width: 110px;*/ text-align: center; border-radius: 5px 5px 0 0; font-size: 1.0rem; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 866px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 130px; text-align: center; border-radius: 5px 5px 0 0; } } /* 180423 kawa 追記 */ @media screen and (max-width: 866px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { /*width: 100px;*/ text-align: center; border-radius: 5px 5px 0 0; font-size: 1.0rem; } } /* 180614 shima 追記 181001 komoda@re-vue 追記CO->width */ /*@media screen and (max-width: 806px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 120px; text-align: center; border-radius: 5px 5px 0 0; font-size: 1.1rem; } } /* 180423 kawa 追記 */ @media screen and (max-width: 767px) { .new_globalheader-innernavi_title { } .new_globalheader-innernavi_title a { width: 100%; display:block; padding: 0.5em 0 !important; text-align: left; /*width: 180px;*/ } } .new_globalheader-innernavi_title a:hover { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_title a:hover { opacity: 1 !important; } } @media screen and (max-width: 767px) { } /*@media screen and (min-width: 768px), print { .new_globalheader-innernavi_list_news .new_globalheader-innernavi_title a:hover { opacity: 0.6 !important; } }*/ /* 180423 kawa 追記 */ @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list_news .new_globalheader-innernavi_title a:hover { background: #ff3a72; color:#fff; border-radius: 5px 5px 5px 5px !important; } } /* 180423 kawa 追記 */ @media screen and (max-width: 767px) { } .new_globalheader-innernavi_title b { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_title b { font-size: 1.6rem; font-weight: normal; color: #ff3a72; } } .new_globalheader-innernavi_pc { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_pc { display: inline-block; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_pc { display: none; } } .new_globalheader-innernavi_sp { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_sp { display: none; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_sp { display: block; } } .new_globalheader-innernavi_control { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_control { display: none; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_control { display: table-cell; width: 50px; text-align: right; vertical-align: middle; border-left: 1px solid #ccc; } } .new_globalheader-innernavi_control a { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_control a { display: inline-block; font-size: 1.6rem; font-weight: bold; padding: 0.5em 0.5em !important; background: #ff3a72; color: #ffffff; border-radius: 8px; overflow: hidden; } } .new_globalheader-innernavi_control b { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_control b { width: 20px; text-align: center; } } .new_globalheader-innernavi_close { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_close { display: inline-block; margin: 0 auto !important; padding: 1.0em 4em !important; box-shadow: 0px 3px 5px 0px #b3b2b2; font-size: 1.5rem; background: #ff3a72; color: #ffffff; border-radius: 5px; overflow: hidden; } } .new_globalheader-innernavi_list01 { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list01 { font-size: 1.2rem; margin: 0 1% 0 0 !important; display: inline-block; width: 23%; vertical-align: top; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list01 { background: #ff3a72; } } .new_globalheader-innernavi_list01 dt { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list01 dt { padding: 5% 0 !important; margin: 0 0 4% 0 !important; color: #ffffff; border-bottom: 1px solid #ffffff; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list01 dt { display: none; } } .new_globalheader-innernavi_list01 dd { } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list01 dd { display: block; padding: 0.0em 0 !important; border-top: 1px solid #ccc; } } .new_globalheader-innernavi_list01 dd a { display: block; color: #ffffff; transition: opacity 200ms 0ms linear; } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list01 dd a { padding: 4% 10px 4% 0 !important; position: relative; top: 0; left: 0; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list01 dd a { padding: 1.0em 3em !important; } } .new_globalheader-innernavi_list01 dd a:after { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list01 dd a:after { border-top: 2px solid #fff; border-right: 2px solid #fff; content: ''; display: block; height: 8px; margin-top: -6px; position: absolute; right: 4px; top: 50%; width: 8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media screen and (max-width: 767px) { } .new_globalheader-innernavi_list02 { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list02 { font-size: 1.4rem; width: 100%; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list02 { background: #ff3a72; } } .new_globalheader-innernavi_list02 li { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list02 li { display: inline-block; margin: 0 2% 0 0 !important; vertical-align: middle; width: 22%; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list02 li { display: block; padding: 0.0em 0 !important; border-top: 1px solid #ccc; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list02 li.spnone { display: none; } } /* 3/29kawa追記 */ .new_globalheader-innernavi_list02 li a { display: block; color: #ffffff; transition: opacity 200ms 0ms linear; } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list02 li a { padding: 4% 10px 4% 0 !important; position: relative; top: 0; left: 0; } } @media screen and (max-width: 767px) { .new_globalheader-innernavi_list02 li a { padding: 1.0em 3em !important; } } .new_globalheader-innernavi_list02 li a:after { } @media screen and (min-width: 768px), print { .new_globalheader-innernavi_list02 li a:after { border-top: 2px solid #fff; border-right: 2px solid #fff; content: ''; display: block; height: 8px; margin-top: -6px; position: absolute; right: 4px; top: 50%; width: 8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media screen and (max-width: 767px) { } .new_globalheader-innernavi_list03 { background: #ff3a72; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .new_globalheader-innernavi_list03 dt { display: block; padding: 1.0em 3em !important; border-top: 1px solid #ccc; color: #ffffff; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .new_globalheader-innernavi_list03 dd { display: block; padding: 0.0em 0 !important; border-top: 1px solid #ccc; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } .new_globalheader-innernavi_list03 dd a { display: block; padding: 1.0em 4em !important; color: #dddddd; } @media screen and (min-width: 768px), print { } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px), print{ /*main { margin-top: 35px !important; }*/ #new_globalheader-innernavi_01-00 { float: left; } #new_globalheader-innernavi_01-01 { float: left; } #new_globalheader-innernavi_01-02 { float: left; } #new_globalheader-innernavi_01-06 { float: left; } #new_globalheader-innernavi_01-05_1, #new_globalheader-innernavi_01-06_1, #new_globalheader-innernavi_01-06_2 { display: none; } /* 180324 nano */ #new_globalheader-innernavi_01-03 { display: none; } #new_globalheader-innernavi_01-04 { } /* 180424 kawa */ #new_globalheader-innernavi_01-05 { display: none; } #new_globalheader-innernavi_01-07 { display: none; } #new_globalheader-innernavi_01-08 { display: none; } #new_globalheader-innernavi_01-09 { display: none; } #new_globalheader-innernavi_01-10 { display: none; } #new_globalheader-innernavi_01-11 { display: none; } #new_globalheader-innernavi_02-01 { display: inline-table; vertical-align: middle; padding: 5px 25px; } #new_globalheader-innernavi_02-02 { display: none; vertical-align: middle; } #new_globalheader-innernavi_03-01 { display: inline-table; vertical-align: middle; padding: 15px 25px; width: 50%; } #new_globalheader-innernavi_02-01 li { list-style: none; display: inline-block; vertical-align: middle; } #new_globalheader-innernavi_02-01 a { display: inline-block; padding: 15px; vertical-align: middle; margin: 0 10px; } #new_globalheader-innernavi_02-01 b { font-size: 1.2rem; font-weight: normal; } #new_globalheader-innernavi_02-01 img { display: inline-block; vertical-align: middle; width:auto; } #new_globalheader-innernavi_02-01 br { display: none; } #new_globalheader-innernavi_03-01 input[type="text"] { width: 80%; font-size: 1.6rem; } #new_globalheader-innernavi_03-01 .gsc-input { top: 0 !important; } #new_globalheader-innernavi_03-01 .gsc-input-box { height: 3em !important; padding: 5px !important; } #new_globalheader-innernavi_03-01 .gsc-search-box td { top: 0 !important; } #new_globalheader-innernavi_03-01 input.gsc-search-button { margin: 0 0 0 10px !important; padding: 13px 20px !important; background-image: none !important; background-color: #666 !important; border-color: transparent !important; border-radius: 5px !important; } #new_globalheader-innernavi_03-01 .gsc-results-wrapper-overlay { top: 80px !important; } #new_globalheader-innernavi_03-01 .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 12px 16px !important; margin-left: 10px !important; background-color: #666666 !important; border-radius: 5px !important; } /* ------------------------------------------------------ */ .new_globalheader-innernavi_list .new_globalheader-innernavi_title a { transition: background-color 100ms 100ms linear, color 100ms 100ms linear; background-color: #ffffff; color: #000000; } .new_globalheader-innernavi_list.state_enter .new_globalheader-innernavi_title a { transition: background-color 100ms 0ms linear, color 100ms 0ms linear; background-color: #ff3a72; color: #ffffff; } .new_globalheader-innernavi_list .new_globalheader-innernavi_sub { transition: max-height 100ms 0ms ease-out, visibility 100ms 0ms linear; max-height: 0; visibility: hidden; } .new_globalheader-innernavi_list.state_enter .new_globalheader-innernavi_sub { transition: max-height 250ms 100ms ease-out, visibility 250ms 100ms linear; max-height: 35em; visibility: visible; } #new_globalheader .new_globalheader-innernavi_title a { transition: padding 250ms 0ms ease-out; padding: 20px 0 !important; } #new_globalheader.state_scroll .new_globalheader-innernavi_title a { transition: padding 250ms 0ms ease-out; padding: 10px 0 !important; } #new_globalheader #new_globalheader-innernavi_02 { transition: max-height 100ms 0ms ease-out, visibility 100ms 0ms linear; max-height: 0; visibility: hidden; } #new_globalheader.state_lang #new_globalheader-innernavi_02 { transition: max-height 250ms .2ms ease-out, visibility 100ms 0ms linear; max-height: 10em; visibility: visible; } #new_globalheader #new_globalheader-innernavi_03 { transition: max-height 100ms 0ms ease-out, visibility 100ms 0ms linear; max-height: 0; visibility: hidden; } #new_globalheader.state_search #new_globalheader-innernavi_03 { transition: max-height 250ms .2ms ease-out, visibility 100ms 0ms linear; max-height: 10em; visibility: visible; } #new_globalheader #new_globalheader-innernavi_bg { transition: opacity 100ms 0ms linear, visibility 0ms 100ms linear; opacity: 0; visibility: hidden; } #new_globalheader.state_lang #new_globalheader-innernavi_bg { transition: opacity 100ms 0ms linear, visibility 0ms 0ms linear; opacity: 1; visibility: visible; } #new_globalheader.state_search #new_globalheader-innernavi_bg { transition: opacity 100ms 0ms linear, visibility 0ms 0ms linear; opacity: 1; visibility: visible; } } @media screen and (max-width: 767px) { main { margin-top: 70px !important; } /* #new_globalheader-innernavi_01-04 .new_globalheader-innernavi_title { padding: 1em 2em !important; } */ /* 180424 kawa */ #new_globalheader-innernavi_01-05 .new_globalheader-innernavi_title { padding: 1em 2em !important; } /*#new_globalheader-innernavi_01-06 ul:last-child { display:none; } 180324 nano 追記 */ #new_globalheader-innernavi_01-05_1 .new_globalheader-innernavi_title, #new_globalheader-innernavi_01-06_2 .new_globalheader-innernavi_title, #new_globalheader-innernavi_01-07 .new_globalheader-innernavi_title, #new_globalheader-innernavi_01-08 .new_globalheader-innernavi_title { padding: 1em 2em !important; } #new_globalheader-innernavi_01-09 { padding: 1em 2em !important; border-bottom: none !important; } #new_globalheader-innernavi_01-10 { padding: 1em 2em 70px 2em !important; border-bottom: none !important; text-align: center; margin-bottom: 40px; } #new_globalheader-innernavi_01-09 .gsc-control-cse { border: none !important; background: transparent !important; } #new_globalheader-innernavi_01-09 input[type="text"] { width: 100%; font-size: 1.6rem; } #new_globalheader-innernavi_01-09 .gsc-input { top: 0 !important; } #new_globalheader-innernavi_01-09 .gsc-input-box { height: 3em !important; padding: 5px !important; } #new_globalheader-innernavi_01-09 .gsc-search-box td { top: 0 !important; } #new_globalheader-innernavi_01-09 input.gsc-search-button { margin: 0 0 0 10px !important; padding: 13px 20px !important; background-image: none !important; background-color: #666 !important; border-color: transparent !important; border-radius: 5px !important; } #new_globalheader-innernavi_01-09 .gsc-results-wrapper-overlay { top: 80px !important; } #new_globalheader-innernavi_01-09 .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 12px 16px !important; margin-left: 10px !important; background-color: #666666 !important; } /*lang responsive*/ #new_globalheader-innernavi_02-01 { border-bottom: none !important; text-align: center; } @media screen and (min-width: 768px), print { 　#new_globalheader-innernavi_02-01 { padding: 1em 2em !important; } } @media screen and (max-width: 767px) { 　#new_globalheader-innernavi_02-01 { padding: 1em 0 .2em !important; } #new_globalheader-innernavi_02-01 li { margin: auto 1.8%; } #new_globalheader-innernavi_01-04 a,#new_globalheader-innernavi_01-05 a,#new_globalheader-innernavi_01-06_2　a, #new_globalheader-innernavi_01-05_1 a,#new_globalheader-innernavi_01-07 a,#new_globalheader-innernavi_01-08 a { display:block; /*max-width:86vw;*/ }/* 1803? nano*/ #new_globalheader-innernavi_01-06_2 .disblock{ display:block; } .ios .mean-container .mean-nav {margin-top:20px;} /* 1803? nano*/ } /* 180328 nano edit */ #new_globalheader-innernavi_02-01 li { display: inline-block; vertical-align: top; list-style: none; } #new_globalheader-innernavi_02-01 a { display: inline-block; vertical-align: middle; text-align: center; padding: 5px; margin: 0 10px; } #new_globalheader-innernavi_02-01 b { font-size: 1.2rem; font-weight: normal; } #new_globalheader-innernavi_02-01 img { display: block; vertical-align: middle; } #new_globalheader-innernavi_02-01 br { display: block; }　 /* 180321 追記 nn */ #new_globalheader-innernavi_02-02 { padding: 2em 2em !important; border-bottom: none !important; text-align: center; }　　 /* 180321 追記 nn */ /* ------------------------------------------------------ */ #new_globalheader { height: auto; overflow:hidden; } #new_globalheader.state_menu { height: 100vh; } #new_globalheader #new_globalheader-logo a { transition: top 250ms 0ms ease-out; top: 0px; } #new_globalheader.state_menu #new_globalheader-logo a { transition: top 250ms 0ms ease-out; top: 0px !important; } #new_globalheader.state_scroll #new_globalheader-logo a { transition: top 250ms 0ms ease-out; top: -70px; } #new_globalheader #new_globalheader-block03 { overflow:hidden;width:72vw; height:70px; top: 0; position:fixed; } /* 180321 nano 追記 */ #new_globalheader #new_globalheader-block03 .flmenu { transition: top 250ms 0ms ease-out; top: 70px; width:94%; position:absolute; } /* 180321 nano 追記 */ #new_globalheader.state_menu #new_globalheader-block03 .flmenu { transition: top 250ms 0ms ease-out; top: 70px !important; } /* 180321 nano 追記 */ #new_globalheader.state_scroll #new_globalheader-block03 .flmenu { transition: top 250ms 0ms ease-out; top: 0px; } /* 180321 nano 追記 */ #new_globalheader #new_globalheader-innernav { transition: padding 250ms 0ms ease-out; padding: 0 0 0 0; } #new_globalheader.state_menu #new_globalheader-innernav { transition: padding 250ms 0ms ease-out; padding: calc( 100vh - 70px ) 0 0 0 !important; } #new_globalheader.state_lang #new_globalheader-innernav { transition: padding 250ms 0ms ease-out; padding: 190px 0 0 0; } @media screen and (max-width: 767px) { #new_globalheader.state_lang #new_globalheader-innernav { padding:220px 0 0 0; } } /* 180321 追記 nano */ /* .state_menu #new_globalheader-innernav { top:70px; } */ /* 180321 追記 CO nano */ #new_globalheader-innernavi_01 { display: none; } #new_globalheader.state_menu #new_globalheader-innernavi_01 { display: block; } #new_globalheader-innernavi_02 { display: none; } #new_globalheader.state_lang #new_globalheader-innernavi_02 { display: block; } @media screen and (max-width: 767px) { #new_globalheader.state_lang #new_globalheader-innernavi_02 { display: block; top: 30px; } /* 180328 nano 追加 */ #new_globalheader.state_lang #new_globalheader-innernavi_02 .new_globalheader-innernavi_list { border-bottom:none; margin-bottom: 20px; }/* 180328 nano 追加 */ } .new_globalheader-innernavi_list .new_globalheader-innernavi_sub { transition: max-height 250ms 0ms ease-out, visibility 250ms 0ms linear; max-height: 0; visibility: hidden; } .new_globalheader-innernavi_list.state_item .new_globalheader-innernavi_sub { transition: max-height 250ms 0ms ease-out, visibility 250ms 0ms linear; max-height: 100em; visibility: visible; } /* 180324 nano 追記 mxh50em > 60 */ } /* --Hacks---------------------------------------------------- */ /* Firefox 180326 nano */ @-moz-document url-prefix(){ @media screen and (max-width: 767px) { #new_globalheader-head { position: fixed; } /*#new_globalheader-innernav { top: 20px; }*/ .state_menu #new_globalheader-innernav { top:70px; } #new_globalheader.state_lang #new_globalheader-innernavi_02 { top:80px; } /* -moz */ } } /* for Mac nano */ .osx { letter-spacing: -.012em; overflow:hidden; } body.state_menu { overflow: hidden !important; height: 100% !important; }