@charset "UTF-8";
/* PCサイズでのみ表示する */
@media (max-width: 768px) {
    .pc {
        display: none;
    }
}
/* モバイルサイズでのみ表示する */
@media (min-width: 769px) {
    .mb {
        display: none;
    }
}

.print{
    display: none;
}

nav #tocBody .toc-search-cont-div li a.has-children:after {
    right:initial;
    left:209px;
}

.search-value-selected {
    font-weight: bold;
}
.search-toc-body{
    position:fixed;
    top: 65px;
    left: 0;
    z-index: 1; /* so the menu or its navicon stays above all content */
    overflow-y: auto;
    width: 282px;
    height:100%;
    color:#ffffff;
    -webkit-overflow-scrolling:touch;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.pp .search-toc-body{
    background-color:#00002f;
}
.op .search-toc-body{
    background-color:#efefef;
}

.search-toc-body .search-keyword{
    width: 238.8px;
    margin-top: 13.1px;
    height: 26px;
    border-radius: 3px;
    max-width: 238.8px;
}

.search-toc-body .seatch-button{
    text-align: center;
    width: 115px;
    height: 30px;
    padding: 3px 6px 3px 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: bold;
    color: #00002f;
}
.pp .search-toc-body .seatch-button{
    border: 1px solid #dbdcdc;
    background-color: #dbdcdc;
}
.op .search-toc-body .seatch-button{
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

.pp .search-toc-body .pure-form .search-value-selected {
    background-color: #4c9cff;
    border: 1px solid #4c9cff;
}
.op .search-toc-body .pure-form .search-value-selected {
    background-color: #007da8;
    border: 1px solid #007da8;
    color: #ffffff;
}

.pure-form > div > a.seatch-button:hover { 
    text-decoration: none; 
}

.search-toc-body .clear-button{
    text-align: center;
    width: 115px;
    height: 30px;
    padding: 3px 0 3px 0;
    margin-left: auto;
    margin-right: 10px;
    font-size: 14px;
}
.pp .search-toc-body .clear-button{
    border: 1px solid #ebebeb;
    color: #d2d2d2;
    background-color: #00002f;
}
.op .search-toc-body .clear-button{
    border: 1px solid #000000;
	color: #000000;
	background-color: #ffffff;
}

.pp .search-toc-body .searchclear .search-value-selected {
    background-color: #e0e0e0;
    border: 1px solid #bbbbbb;
    color: #00002f;
    font-weight: normal;
}
.op .search-toc-body .searchclear .search-value-selected {
    background-color: #d9d9d9;
    border: 1px solid #000000;
    color: #000000;
    font-weight: normal;
}

.toc-body-indent .button-list > a:hover {
    text-decoration: none; 
}

.search-toc-body .search-option-menu {
    position: relative;
    width: calc(100% - 25px);
}
.pp .search-toc-body .search-option-menu {
    color: #d8d8d8;
}
.op .search-toc-body .search-option-menu {
    color: #000000;
}

.search-toc-body .search-option-menu:after {
	content : url(../img/search_plus_pc.png);
    position: absolute;
    top: 62%;
    right: 1px;
    margin-top: -8px;
    margin-right: 5px
}

.search-toc-body .search-option-menu:hover {
	cursor : pointer;
}
.pp .search-toc-body .search-option-menu:hover {
	color: #ffffff;
}
.op .search-toc-body .search-option-menu:hover {
    color: #0000ef;
}
.search-toc-body ul{
    margin-top: 15.5px;
    margin-bottom: 10px;
    width: 100%;
}

.toc-body-indent ul:nth-child(2){
    margin-top: 24.2px;
}

.search-toc-body ul li{
    margin-top: 13.5px;
}
.pp .search-toc-body ul li{
    color: #d8d8d8;
}
.op .search-toc-body ul li{
    color: #000000;
}

.search-toc-body ul li:first-child {
    margin-top: 19px;
}

.search-menu1 {
    top: 85px;
}

.search-menu1 > ul{
    padding-left:0;
}

.search-menu1 > ul ul{
    padding-left:1em;
}

.search-menu1  .question-mark {
    width: 18px;
    float: right;
    margin-top: 0px;
}

.search-menu1 > ul > li > .question-mark {
    margin-top: -3px;
}

.toc-body.search-menu1 li a{
    padding:0;
}
.pp .toc-body.search-menu1 li a{
    color: #d8d8d8;
}
.op .toc-body.search-menu1 li a{
    color: #000000;
}

.toc-body.search-menu1 li a:hover{
    text-decoration: none;
}
.pp .toc-body.search-menu1 li a:hover{
    color: #ffffff;
}
.op .toc-body.search-menu1 li a:hover{
    color: #0000ef;
}

.toc-body.search-menu1 li .open{
    text-decoration: none;
}
.pp .toc-body.search-menu1 li .open{
    color: #ffffff;
}
.op .toc-body.search-menu1 li .open{
    color: #0000ef;
}

.search-toc-body > .search-menu1-title {
    height: 30px;
}

.search-menu1-title h1 {
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 27px;
    margin-bottom: 6.6px;
    margin-left:23.1px;
}
.pp .search-menu1-title h1 {
    color: #4ca5ff;
}
.op .search-menu1-title h1 {
    color: #000000;
}

.toc-body-indent{
    position: absolute;
    overflow-y: auto;
    width: 300px;
    height: calc(100% - 150px);
    padding: 0 23.1px 1em 23.1px;
}

.toc-body-indent > div.toc-search-cont-div {
    width: 238.8px;
}

.toc-body-indent > ul {
    margin: 15.5px 0 15.5px 0;
}

.toc-body-indent .remodal-menu-wrapper {
    margin: 15.5px 0px;
}

.toc-body-indent > div > .question-mark {
    margin-top: -3px;
}

.toc-body-indent .button-list {
    display: inline-flex; 
    display: -webkit-inline-flex;
    float: right;
}

.toc-body.active {
    overflow-y: hidden;
    overflow-x: hidden;
}

#top-menu{
    z-index: 999;
}

.search-toc-body .search-option-selected {
    font-weight: normal;
}

hr {
    border: none;
    height: 1px;
    color: #536076; 
    background-color: #536076; 
}

.pp hr.searchTitleHr {
    border: solid 1px #4ca5ff;
}
.op hr.searchTitleHr {
    border: solid 1px #000000;
}

hr.searchLastHr {
    margin-bottom: 22.2px;
}

#search-sidebar ul.child-list {
    padding-left: 10px;
    display: none;
}

.search-toc-body label {
    display: block;
    text-align: left;
}

.search-toc-body label:after {
    content: "";
    clear: both;
    display: block;
}

.search-toc-body label input {
    float: left;
}

.search-toc-body label p {
    float: left;
    padding-top:2px;
    width: calc(100% - 24px);
}

.pp .search-toc-body label p:hover {
	color: #ffffff;
}
.op .search-toc-body label p:hover {
	color: #0000ef;
}

.search-remodal-item1 label {
    display: block;
    text-align: left;
}

.search-remodal-item1 label:after {
    content: "";
    clear: both;
    display: block;
}

.search-remodal-item1 label input {
    float: left;
}

.search-remodal-item1 label p {
    float: left;
    padding-top:2px;
    width: calc(100% - 24px);
}

/**********************
pc（検索BOX用）
**********************/
@media (min-width: 769px) {
    header .main .search-area {
        margin-right:25px;
        width:312px;
    }

    .search-refine-box {
        display:block;
    }

    main .search-area {
        margin-right:56px;
        width:312px;
    }

    header .main .search-area {
        position:absolute;
        right:0px;
        margin-top: 15px;
    }
}

/*******************************
トップ、メインの検索BOX
********************************/
.search-box {
    display:flex;
    display: -webkit-flex;
    position:relative;
    width:312px;
    border-top:1px solid #00a4ff;
    border-bottom:1px solid #00a4ff;
    border-left:1px solid #00a4ff;
    background-color:#ececed;
}
.op .search-box {
    border: 0;
    background-color:#ffffff;
}
.op.au .search-box, 
.op.dev .search-box,
.op.mr .search-box {
    border: 1px solid #e6e6e6;
}

header .search-area {
    display:flex;
    display: -webkit-flex;
}

.search-text-box {
    -webkit-appearance:none;
    z-index:1;
    outline: none;
    width:44%;
    height:23px;
    color:#000000;
    background-color:#ececed;
    border:none;
    max-width:85%;
    padding-left: 2px;
    box-sizing: border-box;
}

.op .search-text-box {
    background-color:#ffffff;
}
html[lang="FR"] .search-text-box, html[lang="DE"] .search-text-box, html[lang="ES"] .search-text-box, html[lang="IT"] .search-text-box{
    width:39%;
}

.search-text-box::-webkit-input-placeholder {
    color: #828282;
}
.op .search-text-box::-webkit-input-placeholder {
    color: #c8c8c8;
}


.search-text-box::-moz-placeholder {
    color: #828282;
}
.op .search-text-box::-moz-placeholder {
    color: #c8c8c8;
}
.search-text-box:-ms-input-placeholder {
    color: #828282;
}
.op .search-text-box:-ms-input-placeholder {
    color: #c8c8c8;
}

.search-refine-box {
    position:absolute;
    left:45%;
    padding-top:3px;
    height:23px;
    width: calc(100% - 45% - 27px + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
    color:#3e3e3e;
    background-color:#ececed;
    text-decoration: none ;
    margin-left: -2px;
}
.op .search-refine-box {
    background-color:#ffffff;
    color:#545454;
}

html[lang="FR"] .search-refine-box, html[lang="DE"] .search-refine-box, html[lang="ES"] .search-refine-box, html[lang="IT"] .search-refine-box{
    left:40%;
    width: calc(100% - 40% - 27px + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
}

html[lang="FR"] .search-refine-box-inner, html[lang="DE"] .search-refine-box-inner, html[lang="ES"] .search-refine-box-inner, html[lang="IT"] .search-refine-box-inner{
    font-size: 12px;
}

.search-refine-box:hover {
    color:#ffffff;
    text-decoration: none ;
    background-color: #4ca5ff;
}
.op .search-refine-box:hover {
    background-color: #007DA8;
}

.search-area .search-box a.search-refine-box.has-children:after {
		content: '';
    background-image: url(../img/search_b_pc.png);
    background-repeat: no-repeat;
    position: absolute;
    background-position: center center;
    background-size: 85% auto;
    width: 18px;
    height: 18px;
    right: 1px;
    top: 2px;
    margin-top: 0px;
    margin-left: 0px;
    border-right: none;
    border-top: none;
    transform: rotate(145deg);
    -webkit-transition:-webkit-transform 0.3s linear;
    -moz-transition:-moz-transform 0.3s linear;
    -ms-transition:-ms-transform 0.3s linear;
    -o-transition:-o-transform 0.3s linear;
    transition:transform 0.3s linear;
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.op .search-area .search-box a.search-refine-box.has-children:after {
    background-image: url(../img/search_default.svg);
}

.search-area .search-box a.search-refine-box.has-children.open:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
/* 検索フォーム内にある絞り込み検索▽アイコンを、hover時に差し替えるための設定 */
.op .search-refine-box-inner:after{
    background-image: url(../img/search_hover.svg);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    background-position: center center;
    background-size: 85% auto;
    width: 18px;
    height: 18px;
    right: 1px;
    top: 2px;
    margin-top: 0px;
    margin-left: 0px;
    transition: transform 0.3s linear;
    transform-origin: center;
}

.op .search-refine-box.has-children.open > .search-refine-box-inner:after {
    transform: rotate(-180deg);
    transform-origin: center;
}

.op .search-refine-box:hover:after{
    opacity: 0;
}

.refine-search-area {
    display:none;
    z-index:1;
    position: absolute;
    top:25px;
    left:-2px;
    width: 312px;
    max-height:400px;
    overflow-y: auto;
    border: 1px solid gray;
    background-color:#ffffff;
}

.search-icon {
    position: absolute;
    top: 0px;
    right: 0;
    width: 27px;
    height: 23px;
    background-color: #00a4ff;
    padding: 2px 2px 0px 7px;
}
.op .search-icon {
    background-color: #545454;
}

.search-icon-img {
    margin-top: 0px;
    margin-right: 5px;
}

.menu-question-mark {
    vertical-align: bottom;
}

.refine-search-menu-area {
    margin: 11.5px 31.5px 0px 32.3px;
    padding-bottom: 11.5px;
}


.refine-buttons {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top:1px solid #b2b2b3;
    text-align: center;
}
.refine-buttons button{
    width:110px;
    height:30px;
}
.refine-buttons button:not(:first-child) {
    margin-left: 16px;
}

.refine-clear-button {
    background-color:#babbbc;
    color:#717071;
    border: 1px solid #babbbc;
}

.op .refine-clear-button {
    background-color:#ffffff;
    color: #000000;
    border: 1px solid #000000;
}

.refine-clear-button.search-value-selected {
    background-color: #e0e0e0;
    border: 1px solid #babbbc;
    font-weight: normal;
    color:#717071 !important;
}

.op .refine-clear-button.search-value-selected {
    background-color: #d9d9d9;
    border: 1px solid #000000;
    color:#000000 !important;
}

.refine-search-button {
    background-color:#9a9fa6;
    color:#fff;
    border-style:none;
}

.op .refine-search-button {
    background-color:#d9d9d9;
    color:#00002f;
}

.refine-search-button.search-value-selected {
    background-color: #000000;
    color: #ffffff !important;
}

.op .refine-search-button.search-value-selected {
    background-color: #007da8;
}

form ul .child-list {
    display: none;
    padding-top: 0px;
}

.refine-search-menu-area .child-list li:first-child {
    margin-top:14px;
}

.refine-search-menu-area .child-list li {
    margin-top: 10.3px;
    color: #828283;
}

.refine-search-menu-area .child-list li:last-child {
    margin-bottom: 2.5px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search-box label {
    display: block;
    text-align: left;
}

.search-box label:after {
    content: "";
    clear: both;
    display: block;
}

.search-box label input {
    float: left;
}

.search-box label p {
    float: left;
    padding-top:2px;
    width: calc(100% - 24px);
}

nav #tocBody .toc-search-cont-div li a.has-children.open:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

nav #tocBody .toc-search-cont-div li a.has-children:after {
    content:'';
    position:absolute;
    top: auto;
    width:8px;
    height:8px;
    margin-top:3px;
	margin-left:10px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    -webkit-transition:-webkit-transform 0.3s linear;
    -moz-transition:-moz-transform 0.3s linear;
    -ms-transition:-ms-transform 0.3s linear;
    -o-transition:-o-transform 0.3s linear;
    transition:transform 0.3s linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.pp nav #tocBody .toc-search-cont-div li a.has-children:after{
    border-right: 2px solid #b2b2b3;
    border-top: 2px solid #b2b2b3;
}
.op nav #tocBody .toc-search-cont-div li a.has-children:after{
    border-right: 2px solid #b4b4b4;
    border-top: 2px solid #b4b4b4;
}

.refine-search-menu-wrapper:hover {
    text-decoration: none 
}
.refine-search-modal-menu {
    position: relative;
    color: #000;
    display: inline-block;
    width: calc(100% - 22px);
}
.refine-search-modal-menu:after {
    content : url(../img/search_plus_pc.png);
    position: absolute;
    right: 10px;
    vertical-align: bottom;
}

.search-remodal-select-wrapper{
    text-align: center;
}

.search-option-selected{
    font-weight: bold;
}
.search-remodal-select-wrapper .search-check-selected{
    background-color: #011023;
}

/*******************************
　モバイルで検索メニュー
*******************************/
.pp .full-width {
    background-color: #00002f;
}
.op .full-width {
    background-color: #efefef;
}

.search-menu-m {
    display: none;
    height: auto;
    width: 100%;
    position: relative;
}

.search-menu-m .search-menu-m-title h1 {
    text-align: center;
    padding: 0 1em;
    border-left: none; 
    border-bottom: none; 
}
.pp .search-menu-m .search-menu-m-title h1{
    color: #fff;
}
.op .search-menu-m .search-menu-m-title h1{
    color: #000000;
}
.search-menu-m-title {
    height: 47px;
    padding-top: 7.2px;
}

.search-menu-m-title a:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
}
.pp .search-menu-m-title a:after{
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
.op .search-menu-m-title a:after{
    border-right: 2px solid #b4b4b4;
    border-top: 2px solid #b4b4b4;
}
.search-menu-m-title.close a:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

}
.search-menu-m-title.open a:after {
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

.search-menu-m-body {
    display: none;
    height: auto;
    overflow: hidden;
    margin: 0px 13.4px 0px 13.4px;
}

.search-menu-m-body .question-mark {
    width: 20px;
    float: right;
    margin-top: -3px;
}

.search-form-m {
    display: inline-block;
    width: 100%;
}

.search-form-m {
    width: 100%;
    padding-top: 13.1px;
}
.search-keyword{
    width: 100%;
    height: 30px;
}

.search-keyword-wrapper {
    display: inline-block;
    width: 100%;
}

.search-menu-m-body .search-button {
    text-align: center;
    width: 100%;
    height: 30px;
    font-weight: bold;
    color: #00002f;
}
.pp .search-menu-m-body .search-button{
    border: 1px solid #FFFFFF;
    background-color: #dbdcdc;
}
.op .search-menu-m-body .search-button{
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

.button-lists-m {
    margin-bottom: 12.7px;
}

.button-lists-m .clear-button{
    text-align: center;
    background-color: transparent;
    width: 100%;
    height: 30px;
}
.pp .button-lists-m .clear-button{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.op .button-lists-m .clear-button{
    border: 1px solid #000000;
    color: #000000;
}

.search-menu-m-body .search-menu-m-settings {
    margin-top: 17.5px;
}

.search-menu-m-settings > li > span > a.has-children-m, .search-menu-m-settings > li > a.has-children-m-option {
	text-decoration: none;
}
.pp .search-menu-m-settings > li > span > a.has-children-m,
.pp .search-menu-m-settings > li > a.has-children-m-option {
    color: #ffffff;
}
.op .search-menu-m-settings > li > span > a.has-children-m,
.op .search-menu-m-settings > li > a.has-children-m-option {
    color: #000000;
}

.search-menu-m-settings > li > span.mobiletoggle {
    display: inline-block;
    width: 90%;
}

.search-menu-m-settings > li > .question-mark {
    margin-top: -3px;
}

a.has-children-m:after {
    content : '';
    position: absolute;
    right: 55px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 3px;
}
.pp a.has-children-m:after{
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
.op a.has-children-m:after{
    border-right: 2px solid #b4b4b4;
    border-top: 2px solid #b4b4b4;
}
a.has-children-m-option:after {
    content : url(../img/search_plus_pc.png);
    position: absolute;
    right: 90px;
    width: 8px;
    height: 8px;
    margin-top: 3px;
}
.search-menu-m-choices {
    display:none;
    height: auto;
    margin-top: 8.8px;
    margin-left: 10.3px;
    margin-right:10.3px;
}
.pp .search-menu-m-choices{
    color: #d8d8d8;
}
.op .search-menu-m-choices{
    color: #000000;
}

a.return-to-search-menu {
    margin-bottom: 6.7px;
    padding-left: calc(10.3px + 8px + 15.8px);
}
.pp a.return-to-search-menu{
    color: #ffffff !important;
}
.op a.return-to-search-menu{
    color: #000000 !important;
}

a.return-to-search-menu:before {
    content: '';
    position: absolute;
    left: 11.3px;
    top: 10.8px;
    width: 8px;
    height: 8px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.pp a.return-to-search-menu:before{
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
.op a.return-to-search-menu:before{
    border-right: 2px solid #b4b4b4;
    border-top: 2px solid #b4b4b4;
}

.search-menu-m-choices .choice-child-list li:first-child {
    margin-top: 18.5px;
}

.search-menu-m-choices .choice-child-list .choice {
    margin-top: 27.7px;
    margin-left: 28px;
}

.confirm-choice-btn {
    text-align: center;
    color: #00002f;
    width: 100%;
    height: 30px;
}
.pp .confirm-choice-btn{
    border: 1px solid #dcdcdc;
    background-color: #dcdcdc;
}
.op .confirm-choice-btn{
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

.addConfirm {
    text-align: center;
    display: none;
    padding: 13px 10.5px;
    border-top: 2px solid #535e7b;
}
.pp .addConfirm{
    background-color: #00002f;
}
.op .addConfirm{
    background-color: #efefef;
}

.choice-child-list {
    display: none;
}

.choice-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

/**********************
mobile
**********************/
@media screen and (max-width: 768px) {
    /**********************
    toc menu
    **********************/
    .content .contents-inner{
        padding-left: 0;
		padding-top: 0px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    header .links-area {
        margin-right: 20px !important;
    }

    .toc-head .toggle-display {
        top: 165px;
    }

    .content{
        top:155px;
        margin-left: 0px;
        height: 100%;
    }

    /**********************
　    検索BOX
    **********************/
    .search-box {
        width:100%;
    }

    header .search-area {
        width:100%;
        padding:0 15px 6.7px 5px;
    }

    main .search-area {
        width:100%;
        padding:0 18px 13px 22px;
    }

    .search-text-box {
        width: 49%;
    }

    html[lang="FR"] .search-text-box, html[lang="ES"] .search-text-box, html[lang="IT"] .search-text-box {
        width: 40%;
    }
    html[lang="DE"] .search-text-box {
        width: 42%;
    }

    .search-area form {
        width: 100%;
    }

	.search-refine-box {
	    position:absolute;
	    left:50%;
	    padding-top:3px;
	    width: calc(100% - 50% - 6% + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
	    color:#3e3e3e;
	    background-color:#ececed;
	    text-decoration: none ;
	}

    html[lang="FR"] .search-refine-box, html[lang="ES"] .search-refine-box, html[lang="IT"] .search-refine-box{
        left:41%;
        width: calc(100% - 41% - 6% + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
    }
    html[lang="DE"] .search-refine-box {
        left:43%;
        width: calc(100% - 43% - 6% + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
    }

	.search-icon {
		width: 6%;
		padding: 1px 0px 0px 0px;
	}

	.refine-search-area {
	    width: 100%;
        top: 25px;
	}

	.search-refine-box.has-children:after {
	    top: 2px;
	}

	.search-icon-img {
		width: auto;
		height: 55%;
		margin-right:0px;
	}

    .refine-search-menu-area {
        margin-right: 20px;
        margin-left: 20px;
    }
    
    .refine-search-modal-menu:after {
        right: 8px;
    }
}

/**********************
Safari6-10
**********************/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)  and (min-width: 769px)
{ @media {
  header .main .search-area {
        margin-top: 45px;
  }
}}

/**********************
Safari10.1 only
**********************/
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

  @media (min-width: 769px) {
    header .main .search-area {
        margin-top: 45px;
    }
  }
}}