@charset "UTF-8";
/* CSS Document */
@media (max-width:640px) {

.hidden_box {
    margin:0;/*前後の余白*/
    padding: 0;
	position: relative;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 0;
    font-weight: bold;
    border:0;
    cursor :pointer;
	position:absolute;
	right:20px;
	top:15px;
}

.hidden_box label img {width:20px;}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px;
    height: auto;
    opacity: 1;
}

.hidden_show input.sbox {
font-size:16.1px;
font-family:"Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
padding:0.5em;
display:block !important;
width:85%;
border-radius:2em;
border:0;
}

#header_menu ul {
margin:0 30px 0 0;
}

}

@media (min-width:641px) {

.hidden_box {display:none;}

.sns_search {
position:relative;
}

input.gsearch {
font-size:1em;
padding:0.5em;
width:15em;
}

input.icon {
background:none !important;
width:16px;
position: absolute;
right:0;
}

}