@charset "UTF-8";
/*******************************

*******************************/
.print{
    display: none;
}

.search-rightside {
	text-align: right;
	flex-grow: 1;
	padding-right: 25px;
}

.search-haighlight{
    background-color: #f0fe5c;
}

.search-haighlight2{
    background-color: #86e6cd;
}

.search-result-list-title a{
    font-size: 20px;
    color: #4470ac;
}

header .search-box2{
/*
    width: 55%;
    margin:auto;
    padding-top:15px;

*/
    text-align: right;
    margin-left: auto;
}

header .search-box2 button {
	width: 80px;
	height: 35px;
	margin: 0 0 0 0.5em;
	background-color: #3e3a39;
	border-style: none;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
    vertical-align: middle;

}

header .search-box2 input.search-form {
	width: 340px;
	height: 35px;
	background-color: #FFFFFF;
	border-radius: 0.125em;
	border: 1px solid #b2b2b3;
	font-size: large;
    padding-left: 10px;
    vertical-align: middle;
}

header .search-sub {
    display: flex;
		display: -webkit-flex;
    align-items: center;
		-webkit-align-items: center;
    height: 70px;
	background-color: #d4d4d4;
}

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

.search-value-selected {
    font-weight: bold;
}
/*
.search-toc-head{
    top:95px;
    height: 80px;
    background-color: transparent;
}
*/
.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%;
    background-color:#00002f;
    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;
}

.toggle-expand.search-toggle-expand{
    height:100%;
    margin-top: 0;
    display: table;
    width: 100%;
}

.search-item1, .search-item2{
    border-bottom: 40px solid #1D2C49;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 123px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    
}

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

.search-toc-body .search-result-number{
    text-align: center;
    margin-top:40px;
}

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

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

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

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

.search-toc-body #searchclear .search-value-selected {
		background-color: #e0e0e0;
		border: 1px solid #bbbbbb;
		color: #192b48;
		font-weight: normal;
}

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

.search-toc-body .search-option-menu {
    /* background-color: #d8d9d9;
    color: #666666;
    padding: 6px;
    margin-top: 16px;
    margin-bottom: 16px; */
    position: relative;
    width: calc(100% - 25px);
		color: #d8d8d8;

}

.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 {
		color: #ffffff;
		cursor : pointer;
}

.search-toc-body ul{
/*
    padding-left: 1em;
*/
    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;
    color: #d8d8d8;
}

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

.search-toc-body .search-where-menu1, 
.search-toc-body .search-where-menu2{
    margin-top: 6px;
    margin-bottom: 10px;
}

.search-toc-body .search-title-only{
    margin-top: 6px;
    margin-bottom: 10px;
}

.search-remodal-select {
    color:#FFFFFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.search-remodal-item2 {
    width: 250px;
    display: inline-block;
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 10px;
    color: #999999;

}

.search-menu2 ul{
    margin-bottom:40px;
}


.search-where-menu1.machine, .search-where-menu2.pc{
    margin-top:30px;
}

.search-where-menu1.machine::after {
	position: relative;
	top: -20px;
	right: 42px;
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAZCAYAAABHLbxYAAAACXBIWXMAAA+AAAAPgAEyQq3jAAABF0lEQVRYhe2WMW6DMBSGv1RMTB04AFstMbR7I1VZOUWPEIm1dsHMSDkCR0gX5hwhCztHyA3o0DYT1Ng1kaj4Fyzz3v8+2ZjnTd/3zCmp1FCBotQ6t/EJ/OD8ro/j8Tp+EAIhhLXHnU+gOXWTFY2i6DoOw9DJ4yagz9vtnz3+99YnaRYDsSHs3DbVBSgG3p1sa27epLRJOpda75M0y4F3Q+yubapRb6nUAXiaWjgAXqYGW+qQpNllYL5um6rmC3Jy7TkP0+PI/MnFbDGHaQX1rRXUt1ZQ33L6j7ZNlQO5VxKDnEClUjHmXj+mrtS6s01y7UyvmHv9mAocdmMx3+gK6luLAQ2AnUX8z/2yxvG6BnTfzz1wPzXpEwsbNAzt1Q3yAAAAAElFTkSuQmCC');
}

.search-where-menu2.pc::after {
	position: relative;
	top: -20px;
	right: 30px;
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA+AAAAPgAEyQq3jAAAAkklEQVQ4je3TMRECMRBG4ZcMPVJAAuwqwAESkICDk4CSHZBwcRIULE3uGgaa7HV5Vaqv2MmfRKQCe2IreQMU4LBbXmaWejVVPQFPgNyL/WrAAx7wn9ZJtzn2dvyCaRuPKgMlEmyV5O4buPE3rmY2AyR3R1WvwCMABjib2Wv5bvcgdLWSiNyAKRAGuGSgBqNvYP4AoWQgYFuAYVwAAAAASUVORK5CYII=');
}


.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;
    color: #d8d8d8;
}

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

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

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

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

.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 {
		height: 100vh;
		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 > .toc-body-indent,.toc-head > .search-toggle-expand{
    visibility: hidden;
}


.toc-body.active > .toc-body-indent, .toc-head.active > .search-toggle-expand{
    visibility: visible;
    border:0px solid red;
}

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



header .search-sub .leftside {
    flex-grow: 4;
    align-items: center;
		-webkit-align-items: center;
    color: #3c3c3c;
}


header .search-sub .rightside {
	text-align: right;
    flex-grow: 1;
    padding-right: 25px;
}

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

.search-toc-body .search-option-selected {
    /* color:#FFFFFF; */
		font-weight: normal;
}

.search-ch-choice{
    color: #000000;
}

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

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

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);
}

.search-toc-body label p:hover {
	color: #ffffff;
}

.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;
		}

    .search-icon:hover img.search-icon-img-moff {
        display:none;
    }
    .search-icon:hover img.search-icon-img-mon {
        display:block;
    }
}

/*******************************
トップ、メインの検索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;
}

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;
}

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;
}

.search-text-box::-moz-placeholder {
    color: #828282;
}

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

.refine-search-title {
		margin: 11.5px 0 0 11.4px;
    font-size: 16px;
    color: #3e3a39;
}

.search-link-box {
    position:absolute;
    left:45%;
    padding-top:3px;
    height:23px;
    width:55%;
    color:#575757;
    background-color:#ececed;
    text-decoration: none ;
}
.search-link-box:hover {
    color:#000;
    text-decoration: none ;
    background-color: #4ca5ff;
}
.search-link-box:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    right:30px;
    margin-top: 3px;
    border-right: 2px solid #b2b2b3;
    border-top: 2px solid #b2b2b3;
    transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
}

.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;
}

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%;
    line-height: 18px;
    width: calc(100% - 40% - 27px + 3px); /*検索ボックス全体 - キーワードの幅 - 虫メガネボタンの幅 + margin-leftの幅*/
    font-size: 12px;
}

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

.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;
}

.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;
}

.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;
}

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

.refine-search-separater-before {
    border-width:0px;
    height:1px;
		margin-top: 6px;
    margin-bottom: 13.5px;
    background-color:#b2b2b3;
}

.refine-search-separater-bottom {
    border-width:0px;
    height:1px;
		margin-top: 18.7px;
    margin-bottom:17.4px;
    background-color:#b2b2b3;
}

.menu-question-mark {
    margin-top: 0px;
    margin-right: 31.5px;
    float: right;
}

a[data-remodal-target="option-help-modal"] .menu-question-mark, a[data-remodal-target="title-help-modal"] .menu-question-mark {
  margin-top: -2px;
}

a.refine-search-item-menu.has-children:after {
    position: absolute;
    right:60px;
}

.refine-search-menu-area {
    margin: 11.5px 55px 11.5px 32.3px;
    padding-bottom: 11.5px;
    border-bottom:1px solid #b2b2b3;
}

.refine-search-item-menu {
    color:#000;
}
.refine-search-item-menu:hover{
    text-decoration: none 
}

.refine-clear-button button {
    margin-top:3.7px;
    margin-bottom:5px;
    margin-left:32.3px;
    width:117px;
    height:23.5px;
    background-color:#babbbc;
    color:#717071;
    border: 1px solid #babbbc;
}

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

.refine-search-button button {
    margin-bottom:14.8px;
    width:157px;
    height:33px;
    background-color:#9a9fa6;
    color:#fff;
    border-style:none;
}

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

div.refine-search-button {
		text-align:center;
}

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;
    border-right: 2px solid #b2b2b3;
    border-top: 2px solid #b2b2b3;
    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);
}

#category-checkmenu, #place-checkmenu {
    display: block;
    width: 100%;
}

/* 以下必要かどうか要確認 */

.refine-search-item.machine {
    margin:20px 0 0 -42px;
}
.refine-search-item.machine::before {
    position:relative;
    top:-20px;
    left:63px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAZCAYAAABHLbxYAAAACXBIWXMAAA+AAAAPgAEyQq3jAAABF0lEQVRYhe2WMW6DMBSGv1RMTB04AFstMbR7I1VZOUWPEIm1dsHMSDkCR0gX5hwhCztHyA3o0DYT1Ng1kaj4Fyzz3v8+2ZjnTd/3zCmp1FCBotQ6t/EJ/OD8ro/j8Tp+EAIhhLXHnU+gOXWTFY2i6DoOw9DJ4yagz9vtnz3+99YnaRYDsSHs3DbVBSgG3p1sa27epLRJOpda75M0y4F3Q+yubapRb6nUAXiaWjgAXqYGW+qQpNllYL5um6rmC3Jy7TkP0+PI/MnFbDGHaQX1rRXUt1ZQ33L6j7ZNlQO5VxKDnEClUjHmXj+mrtS6s01y7UyvmHv9mAocdmMx3+gK6luLAQ2AnUX8z/2yxvG6BnTfzz1wPzXpEwsbNAzt1Q3yAAAAAElFTkSuQmCC');
}
.refine-search-item.pc {
    margin:23px 0 0 10px;
}
.refine-search-item.pc::before {
    position:relative;
    top:-20px;
    left:43px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA+AAAAPgAEyQq3jAAAAkklEQVQ4je3TMRECMRBG4ZcMPVJAAuwqwAESkICDk4CSHZBwcRIULE3uGgaa7HV5Vaqv2MmfRKQCe2IreQMU4LBbXmaWejVVPQFPgNyL/WrAAx7wn9ZJtzn2dvyCaRuPKgMlEmyV5O4buPE3rmY2AyR3R1WvwCMABjib2Wv5bvcgdLWSiNyAKRAGuGSgBqNvYP4AoWQgYFuAYVwAAAAASUVORK5CYII=');
}

.refine-search-menu-wrapper:hover {
    text-decoration: none 
}
.refine-search-modal-menu {
    position: relative;
    color: #000;
}
.refine-search-modal-menu:after {
    content : url(../img/search_plus_pc.png);
    position: absolute;
    top: 62%;
    right: 3px;
    margin-top: -10px;
}
.menu-question-mark-title {
    margin-left: 2px;
    vertical-align: bottom;
    margin-bottom: 2px;
}

/* このあたり対応が場当たり的なので要修正 */
.search-remodal-item3{
    color: #999999;
    margin-bottom: 20px;
    
}
.search-remodal-select-wrapper{
/*
    background-color: #787878;
    height: 36px;
    width: 150px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    display: table;
*/
    text-align: center;
}
.search-remodal-menu{
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000;
}
.search-remodal-menu:after{
    color: #b2b2b3;
    font-family: FontAwesome;
    content : "\f055";
    position: absolute;
    top: 62%;
    right: 1px;
    margin-top: -10px;
}

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

/***************************/

/******************************
　検索結果に関連CSS
*******************************/
.search-result-list-wrapper {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.search-result-list-wrapper .search-result-list {
    padding-left: 20px;
    padding-right: 20px;
}

.search-result-list-wrapper > .search-result-list:not(:first-child){
    margin-top:40px;
}

.pagination-center {
    text-align: center;
}

.search-result-list-pagination {
    display: inline-block;
}

.search-result-list-pagination a {
    font-size: 16px;
    padding: 20px 20px;
    text-decoration-line: underline;
    color: blue;
}

.search-result-list-pagination a.active {
    color: black;
    text-decoration-line: none;
}


/*******************************
　モバイルで検索メニュー
*******************************/

.full-width {
    width: calc(100% + 2em);
    position: relative;
    left: -1em;
}


.search-menu-m {
    display: none;
    background-color: #00002f;
    height: auto;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

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

.search-menu-m-title a:after {
    content: '';
    display: inline-block;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    width: 8px;
    height: 8px;
}
.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;
    border: 1px solid #FFFFFF;
    width: 100%;
    height: 30px;
    font-weight: bold;
    background-color: #dbdcdc;
    color: #1D2C49;
}

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

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

.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 {
    color: #ffffff;
		text-decoration: none;
}

.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;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
    margin-top: 3px;
}
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;
    color: #d8d8d8;
    height: auto;
    margin-top: 8.8px;
    margin-left: 10.3px;
    margin-right:10.3px;
}

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

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

.search-menu-m-choices #categoryCt2 li:nth-child(2) {
		margin-top: 19px;
		margin-left: 12.6px;
}

.search-menu-m-choices #categoryCt2 .choice {
    margin-top: 27.7px;
		margin-left: 12.6px;
}

.search-menu-m-choices #localCt2 li:first-child {
		margin-top: 19px;
		margin-left: 12.6px;
}

.search-menu-m-choices #localCt2 li {
		margin-top: 27.7px;
		margin-left: 12.6px;
}

.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;
}

.search-menu-m-choices .confirm-choice-btn {
    text-align: center;
    border: 1px solid #dcdcdc;
    color: #192b48;
    background-color: #dcdcdc;
    width: 100%;
    height: 30px;
    margin-bottom: 13px;
}

.search-menu-m-choices .addConfirm {
		text-align: center;
}

.search-menu-m-choices a.has-children-m-choices {
    color: #d8d8d8;
		margin-left:12.6px;
		display:block;
		width:95%;
}

a.has-children-m-choices:after {
    content: '';
    position: absolute;
    right: 30px;
    width: 8px;
    height: 8px;
    margin-top: 3px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
}

a.has-children-m-choices.open:after {
    transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}

.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;
    }

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

    .search-toc-head{
        top:115px
    }

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

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

    /**********************
　    検索BOX
    **********************/
    .search-link-box {
        display:none;
    }

    header .search-box {
        width:100%;
    }

    main .search-box {
        width:100%;
    }

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

    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%;
    }

    .refine-search-title {
        padding-bottom:10px;
    }

    header .main-searchresult {
        height:65px;
        display: block;
    }

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

		.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;
	}

    a.refine-search-item-menu.has-children:after {
        right: 45px;
    }

    .menu-question-mark{
        margin-right: 20px;
    }

    .refine-search-menu-area {
        margin-right: 35px;
        margin-left: 20px;
    }
    
    .refine-clear-button #all-clear-button {
        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;
    }
  }
}}