#cse-search-box {
    width: 300px !important;
    float: right;
    margin-right: 5px;
}
#cse-search-box table.gsc-search-box td.gsc-input {
    padding: 0 !important;
}
#cse-search-box input[type="text"] {
    border-radius: 5px 0 0 5px;
    height: 5px;
    padding: 0 !important;
    width: 189px;
    float: left;
    margin-left: 5px;
}
#cse-search-box input[type="submit"] {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 0 5px 5px 0;
    color: #FFFFFF;
    float: right;
    height: 31px;
    margin-left: 0 !important;
    width: 20px;
}

.flame02 {
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    color: #000;
    background-color: #FBF9DD;
    border: 1px solid #ccc;
    text-align: center;
    background-origin: content-box;
}

.btn--order,
a.btn--order {
    color: #fff;
    background-color: #76371B;
    transition: .4s;
    text-decoration: none;
}
.btn--order:hover,
a.btn--order:hover {
    color: #FFF89A;
    background-color: #F46C0D;
    text-decoration: none;
}

.btn-flat-dashed-border   {
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.3em;
    padding-left: 0.3em;
    padding-bottom: 0.1em;
    color: #565656;
    border: 1px solid #E2E7CD;
    font-size: 0.5rem;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 0px 0px;
    background-color: #F1EFEF;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 0px;
    right: auto;
    margin-top: 1px;
    text-decoration: none;
}

.btn-flat-dashed-border:hover {
    border-style: solid;
    color: #333;
    border-width: 1px;
    background-color: #FBFBE7;
    text-decoration: none;
}
.btn-flat-dashed-border a {
    color: #333;
    text-decoration: none;
}


#menugenre ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
/* CSS Document */

#menugenre2 ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menugenre li{
    display: inline;
    padding: 0;
    margin: 0;
    font-family: "Times New Roman", Times, serif;
    width: 150px;
}
#menugenre2 li{
    display: inline;
    padding: 0;
    margin: 0;
    font-family: "Times New Roman", Times, serif;
    width: 150px;
}
#menugenre li a{
    display: inline-table;
    border-left: 8px solid #E5EFB8;
    border-top: 1px solid #E5EFB8;
    border-right: 1px solid #E5EFB8;
    border-bottom: 1px solid #E5EFB8;
    background-color: #F4F4F4;
    padding: 3px 10px;
    text-decoration: none;
    color: #333;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 3px;
    text-align: left;
    font-size: 12px;
    width: 160px;
}
#menugenre2 li a{
    display: inline-table;
    border-left: 8px solid #E5EFB8;
    border-top: 1px solid #E5EFB8;
    border-right: 1px solid #E5EFB8;
    border-bottom: 1px solid #E5EFB8;
    background-color: #fff;
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    text-decoration: none;
    color: #333;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 3px;
    text-align: left;
    font-size: 10px;
    width: 160px;
}
#menugenre li a:hover{
    border-left: 8px solid #C0C0B2;
    border-top: 1px solid #C0C0B2;
    border-right: 1px solid #C0C0B2;
    border-bottom: 1px solid #C0C0B2;
    background-color: #FBFBE7;
}
#menugenre2 li a:hover{
    border-left: 8px solid #C0C0B2;
    border-top: 1px solid #C0C0B2;
    border-right: 1px solid #C0C0B2;
    border-bottom: 1px solid #C0C0B2;
    background-color: #FBFBE7;
}

.box26 {
    position: relative;
    margin-top: 2em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    border: solid 3px #95ccff;
    border-radius: 7px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box30 {
    margin-top: 0.5em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.8em;
    background-color: #FDFDF0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.simple_square_btn2 {
    display: inline-block;
    position: relative;
    width: 30px;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    color: #1B1B1B;
    background: #fff;
    border: 1px solid #1B1B1B;
    font-size: 0.7rem;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.simple_square_btn2:hover {
	 background: #1B1B1B;
         color: #fff;
	 cursor: pointer;
	 text-decoration: none;
}


/*全体*/
.hidden_box {
    margin-top: 1px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1px;/*前後の余白*/
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 28px;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: normal;
    border: 1px solid black;
    cursor : pointer;
    background-color: #F8FEFF;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background-color: #FEFFEF;
}

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

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

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



.dropdown-b {
  display: flex;
}

.menu-b {
  width: 300px;
  text-align: center;
}

.menu-title {
  background: #CACE97;
  color: #603605;
}

.sub-menu-b {
  display: none;
  background: #B9B9B9;
  position: relative;
}

.sub-menu-b > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
}

.sub-menu-b > ul > li > a {
  text-decoration: none;
  color: #ffffff;
}

.menu-b:hover .sub-menu-b {
  display: inline-block;
	text-decoration:underline;
}
.banner {
    margin-top: 1px;
    margin-bottom: 1px;
}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.basecolor {
    background-color: #FEFFF7;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}