@charset "UTF-8";

html{
font-size: 62.5%; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

body{
font-size: 1.4rem;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
margin: 0px;
}

header{
margin: 0px;
margin-right: auto;
margin-left : auto;
}

footer{
margin-bottom: 100px;
}

img {
     max-width: 100%;
     height: auto;
     }

.head {
background: #79bd36;
padding: 0.5em;
color: #fff;
}

.head2nd {
background: #ffcf69;
padding: 0.5em;
}

#container {
	width: 80%;
	margin-right: auto;
	margin-left : auto;
	max-width: 700px;

}

#container2 {
	width: 90%;
	margin-right: auto;
	margin-left : auto;
	max-width: 700px;
}

.top_bg {
  position: relative;
  }

.top_bg input {/*タグを画像の真ん中に*/
  position: absolute;
  top: 82%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  border: solid white 2px; /*線で囲う*/
  }


.btnC {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f59800), to(#ffb945));	
	border: 1px #b34c00 solid;
	font-size: 150%;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
}

.btnC2 {
	width: 90%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f59800), to(#ffb945));	
	border: 1px #b34c00 solid;
	font-size: 150%;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
}

.btnC3 {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f59800), to(#ffb945));	
	border: 1px #bd1838 solid;
	font-size: 150%;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
	max-width: 700px;
}

.btnD {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#999999));	
	border: 1px #666666 solid;
	font-size: 120%;
	color: #000;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #666666;
	text-shadow: 1px 2px 3px #CCCCCC;
}

.btnD2 {
	width: 40%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#999999));	
	border: 1px #666666 solid;
	font-size: 120%;
	color: #000;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #666666;
	text-shadow: 1px 2px 3px #CCCCCC;
}

.btnQ1 {
	width: 60%;
	height: auto;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));	
	border: 1px #F27300 solid;
	font-size: 120%;
	color: #000;
	-webkit-appearance: none;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 2px 2px #666666;
	text-shadow: 1px 2px 3px #CCCCCC;
}

.inputA {
	width: 90%;
	height: auto;
	margin: 0;
	padding: 5px;
	border: 1px #79bd36 solid;
	font-size: 150%;
	color: #000;
}

.inputA1 {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 5px;
	border: 1px #79bd36 solid;
	font-size: 150%;
	color: #000;
}

.inputB {
	width: 60%;
	height: auto;
	margin: 0;
	padding: 5px;
	border: 1px #F27300 solid;
	font-size: 150%;
	color: #000;
}

.inputC {
	width: 35%;
	height: auto;
	margin: 0;
	padding: 5px;
	border: 1px #F27300 solid;
	font-size: 150%;
	color: #000;
}

.inputD {
	height: auto;
	margin: 0;
	padding: 5px;
	border: 1px #F27300 solid;
	font-size: 100%;
	color: #000;
	background:#fff;
}

.red1{
	font-size: 120%;
	color: #ff0000;
}

.shop{
	font-size: 150%;
	color: #000;
}
	
.name{
	font-size: 170%;
	color: #000;
}

.kakaku{
	font-size: 180%;
	color: #0000ff;
}


.hidari-yose{
	width: 90%;
	height: auto;
	text-align: left;
	margin: 0;
}


.tbl1 table {
	width: 100%;
	border: 2px #ff8c00 solid;
	border-collapse: collapse;
	background-color: #ffffff;
}

.tbl1 td {
	border: 1px #ff8c00 solid;
	padding: 4px 4px;
	text-align: center;
	vertical-align: middle;
}
.tbl1 th {
	background-color: #ff8c00;
	padding: 4px 4px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
.tbl1a {
	background-color: #ffcf69;
	padding: 4px 4px;
	text-align: center;
	vertical-align: middle;
}


.tbl11 table {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

.tbl11 td {
	border: 0px;
	padding: 4px 4px;
	vertical-align: middle;
}

.obi1 {
	width: 100%;
	border: 0px;
	background-color: #ff0000;
	padding:4px 0px;
	font-size: 150%;
	color: #fff;
}

.obi2 {
	width: 100%;
	border: 0px;
	background-color: #b4e97f;
	padding:4px 0px;
	font-size: 150%;
	color: #000;
}



.tbl2 table {
	width: 90%;
	border: 2px #000000 solid;
	border-collapse: collapse;
	background-color: #F6F5F2;
}

.tbl2 td {
	border: 1px #000000 solid;
	padding: 4px 4px;
	vertical-align: middle;
	color: #000000;
}


.tbl3 table {
	width: 30%;
	float: right;
	text-align: center;
	border: 2px #ff0000 solid;
	border-collapse: collapse;
	background-color: #ff0000;
}

.tbl3 td {
	border: 1px #ff0000 solid;
	padding: 4px 4px;
	vertical-align: middle;
	color: #ffffff;
}

.tbl4 table {
	width: 30%;
	float: right;
	text-align: center;
	border: 2px #0000ff solid;
	border-collapse: collapse;
	background-color: #0000ff;
}

.tbl4 td {
	border: 1px #0000ff solid;
	padding: 4px 4px;
	vertical-align: middle;
	color: #ffffff;
}

.tbl5 table {
	width: 90%;
	text-align: center;
	border: 2px #ff8c00f solid;
	border-collapse: collapse;
	background-color: #ff8c00;
}

.tbl5 td {
	border: 1px #ff8c00 solid;
	padding: 4px 4px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 130%;
}



.accbox {
	width: 100%;
    margin: 2em 0;
    padding: 0;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 5px 0;
	border: 2px #000 solid;
    padding : 11px 12px;
    color :#000;
    font-weight: bold;
    background :#fff;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#c2edff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

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

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 0px;
    background: #fff;
    opacity: 1;
}


/*フッターメニュー*/

.global-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #79bd36;
}
.nav-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  list-style: none;
  text-align: center;
}
.nav-item {
  display: table-cell;
  border: 0px ;
  padding: 0px 0px;
}
.nav-item a {
  text-decoration: none;
  color: #fff;
}
.nav-item i {
  display: block;
  font-size: 24px;
}
.nav-item a span {
  display: block;
  font-size: 12px;
}