@charset "utf-8";

/* CSS Document */


/*　ハンバーガーボタン　*/

.hamburger {
    display: block;
    position: fixed;
    z-index: 9999;
    right: 13px;
    top: 12px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
}

.hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 6px;
    background: #222;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
    top: 10px;
}

.hamburger span:nth-child(2) {
    top: 20px;
}

.hamburger span:nth-child(3) {
    top: 30px;
}


/* ナビ開いてる時のボタン */

.hamburger.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
    top: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gMenuSp {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    color: #000;
    background: #fff;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 320px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.gMenuSp ul {
    margin-bottom: 10px;
}

.gMenuSp p {
    font-size: 94%;
    padding: 18px 0 8px;
}

.gMenuSp p a {
    color: #222;
}

.gMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.gMenuSp ul li:hover {
    background: #ddd;
}

.gMenuSp ul li a {
    display: block;
    color: #222222;
    padding: 2px 8px 3px 0;
}


/* このクラスを、jQueryで付与・削除する */

.gMenuSp.active {
    transform: translateX(0%);
}


/* icon img */

.gMenuSp ul li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 94%;
}

.gMenuSp ul li a::before {
    margin-right: 4px;
}

.mi00 a::before {
    content: url(/img/now2020/mi00.png);
}

.mi01 a::before {
    content: url(/img/now2020/mi01.png);
}

.mi02 a::before {
    content: url(/img/now2020/mi02.png);
}

.mi03 a::before {
    content: url(/img/now2020/mi03.png);
}

.mi04 a::before {
    content: url(/img/now2020/mi04.png);
}

.mi05 a::before {
    content: url(/img/now2020/mi05.png);
}

.mi06 a::before {
    content: url(/img/now2020/mi06.png);
}

.mi07 a::before {
    content: url(/img/now2020/mi07.png);
}

.mi08 a::before {
    content: url(/img/now2020/mi08.png);
}

.mi09 a::before {
    content: url(/img/now2020/mi09.png);
}

.mi10 a::before {
    content: url(/img/now2020/mi10.png);
}


/* 検索ボックス */

.kensakuMado {
    margin-bottom: 14px;
}

#cse-search-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#cse-search-box input[type="text"] {
    border-radius: 100px;
    height: 25px;
    padding: 0px 10px !important;
    width: 130px;
    border: solid 2px #222;
}

#cse-search-box #submit {
    margin-left: 4px;
}


/* スマホ */

@media screen and (max-width:760px) {
    .hamburger {
        background-color: #FFF;
    }
}


/* 追記2024年9月26日 */
.gMenuSp ul.jpn li a::before {
	width: 35px;
	height: 35px;
	overflow: hidden;
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 9px;
}

.gMenuSp ul.jpn li.mi001 a::before {
    background-image: url(/img/now2024/i1-fukkou.png);
}

.gMenuSp ul.jpn li.mi002 a::before {
    background-image: url(/img/now2024/i2-miryoku.png);
}

.gMenuSp ul.jpn li.mi003 a::before {
    background-image: url(/img/now2024/i3-shigoto.png);
}

.gMenuSp ul.jpn li.mi004 a::before {
    background-image: url(/img/now2024/i4-hito.png);
}

.gMenuSp ul.jpn li.mi005 a::before {
    background-image: url(/img/now2024/i5-kensei.png);
}

.gMenuSp ul.jpn li.mi006 a::before {
    background-image: url(/img/now2024/i6-variety.png);
}

.gMenuSp ul.jpn li.mi007 a::before {
    background-image: url(/img/now2024/i7-mail.png);
}

.gMenuSp ul.jpn li.mi008 a::before {
    background-image: url(/img/now2024/i8-yt.png);
}