@charset "UTF-8";

* {
box-sizing: border-box;
font-size: 0.98rem;
}
body {
color: #000;
}

h1 {
display: none;
}

.columns.is-gapless {
  margin-bottom: 0!important;
  line-height: 0;
}

.small {
	font-size: 0.8rem;
}
ul.arrow {
margin: 0.7rem 0 0.5rem 1rem;
}
ul.arrow li {
list-style-type: none;
margin-top: 0.2rem;
}
ul.arrow li:before {
content: "▶︎";
color: #BBB;
margin-left: -1rem;
font-size: 12px;
margin-right: 0.3rem;
}

p.ind {
padding-left: 1em;
}

img.border {
border: 1px solid #CCC;
}

img.foot {
height: 5rem;
max-width: 90%;
margin-bottom: 1rem;
}
img.map,
.g_map {
	width: 100%;
}
.table {
display: table;
table-layout: auto;
margin: 2rem 0;
color: #000;
width: 100%;
background: transparent!important;
}
.table dl {
display: table-row;
}
.table dt {
display: table-cell;
text-align: center;
vertical-align: middle;
font-weight: 700;
white-space: nowrap;
padding: 0.5rem 1rem;
background: rgba(210,240,150,1);
border-top: 1px solid #FFF;
}
.table dd {
display: table-cell;
padding: 0.5rem 1rem;
border-top: 1px dotted #999;
}

.table dd p {
display: inline-block;
vertical-align: middle;
}

.table dl:last-child dd {
border-bottom: 1px dotted #999;
}

.table.outline dt {
	width: 10em;
}

.table.maker {
	padding: 0;
}
.table.maker dd {
padding: 0.5rem 1rem;
border-top: 0;
font-size: 0.9rem;
}
.table.maker dl:last-child dd {
border-bottom: 0;
}
.table.maker dl:nth-child(odd) {
background: #F7F5E3;
}
.table.maker dl:nth-child(odd) dd {
border-right: 1px solid #FFF;
}
.table.maker dl:nth-child(even) dd {
border-right: 1px solid #EEE;
}
.table.maker dl dd:first-child {
	width: 25%;
}
.table.maker dl dd:last-child {
border-right: 0;
	width: 45%;
}
.table dl.title {
	position: relative;
	height: 5.5rem!important;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent!important;
}
.table dl.title h4 {
	position: absolute;
	left: 0;
	top: 2rem;
	width: 100%;
	margin: 0;
}
.table.vendor {
	padding: 0;
}
.table.vendor dt {
	border-top:0;
	border-right: 1px solid #FFF;
	font-size: 0.9rem;
}
.table.vendor dd {
	font-size: 0.9rem;
	border: 0;
}
.table.vendor dl:nth-child(odd) {
background: #F7F5E3;
}
.table.vendor dl:nth-child(even) {
border: 1px solid #EEE;
}
.table.vendor dl:nth-child(odd) dd {
border-right: 1px solid #FFF;
}
.table.vendor dl:nth-child(even) dd {
border-right: 1px solid #EEE;
}
.table.vendor dd a {
	font-size: 0.8rem;
}
.table.vendor dl dt:last-child,
.table.vendor dl dd:last-child {
border-right: 0;
}
.table.vendor dl:last-child dd {
border-bottom: 0;
}
.table.vendor dl dd:nth-child(1){
width: 30%;
word-break: break-all;
}
.table.vendor dl dd:nth-child(2){
width: auto;
}
.table.vendor dl dd:nth-child(3){
width: 25%;
word-break: break-all;
}
h6 {
background: rgba(210,240,150,1);
padding: 0.3rem;
	text-align: center;
	margin: 0!important;
	font-size: 1.3rem;
	font-weight: 600;
}
.table.event {
	margin-top: 0;
}
.table.event dt {
background: #F7F5E3;
text-align: left;
	font-weight: 500;
}
.table.event dl:first-child dt,
.table.event dl:first-child dd {
	border-top: 0;
}

.table span {
display: inline-block;
background-color: #00ADFF;
color: #FFF;
border-radius: 5px;
font-size: 0.85em;
font-weight: 600;
padding: 0.5em 1em;
line-height: 1;
margin: 0.5em 0;
vertical-align: middle;
}
.table span.left {
margin-right: 0.5em;
}
.table span.right {
margin-left: 0.5em;
}

.navbar-brand {
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.navbar-brand img {
height: 2rem;
max-width: 100%;
}
.navbar-start,
.navbar-end {
  padding: 1rem 0;
  line-height: 0;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  }
.navbar-end {
text-align: right;
padding: 0 0 0 1rem;
justify-content: flex-end;
}
  #page-top {
  display: block;
  text-align: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 0.2rem;
  line-height: 1.8;
    color: rgba(255,255,255,1);
    background: rgba(140,200,80,1.00);
    font-size: 1.2rem;
    position: fixed;
    bottom: 10px;
    right: 22px;
    opacity: 0;
    z-index: 99999!important;
}
#page-top.fade-in {
    opacity: 1;
    transition: opacity 1s;
}

h3 {
background:  rgba(90,180,50,1);
border-radius: 0.3rem;
box-shadow: 2px 3px 2px 0 rgba(0,0,0,0.2);
color: white;
display: block;
margin-bottom: 1rem;
padding: 0.4rem 1rem;
font-weight: 800;
font-size: 1.3rem;
line-height: 1.3;
}

h4 {
border-bottom: 1px solid #CCC;
margin: 2rem 0 1rem 0;
padding: 0.4rem 1rem 0.4rem 0.4rem;
font-weight: 700;
font-size: 1.1rem;
}
h4:before {
content: " ";
border-left: 4px solid rgba(90,180,50,1);
margin-right: 0.5rem;
}
h5 {
display: block;
margin-top: 2rem;
font-weight: 800;
font-size: 1.3rem;
line-height: 1.3;
}

.sub {
font-weight: 600;
margin-bottom: 0.2rem;
}
.footer {
background: rgba(90,180,50,1);
padding: 0;
margin: 1rem 0 0 0;
line-height: 1.2!important;
}
.footer span {
font-size: 85%;
}
.navbar-top {
background: white;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
border-radius: 0 0 0.8rem 0.8rem;
overflow: hidden;
}

.navbar-full {
display: flex;
justify-content: stretch;
}
.header {
padding: 0 0 2rem 0;
}

/*.columns {
  margin: 0 auto;
}
.columns:last-child {
  margin-bottom: 0;
}*/

.columns {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.column {
  padding: 0 1.5rem;
}

.column.main1 {
  flex: none;
  width: 55%;
}

.section {
  padding: 2rem 0;
}

.navbar-menu {
  display: block;
  width: 100%;
background:white;
}

.navbar-item {
    display: flex;
  flex-grow: 1;
  justify-content: center;
	align-items: center;
}

.navbar-item {
background: -webkit-linear-gradient(top, #d4d4d4 0%, #e8e8e8 88%);
background: -moz-linear-gradient(top, #d4d4d4 0%, #e8e8e8 88%);
background: linear-gradient(to bottom, #d4d4d4 0%, #e8e8e8 88%);
color: #000;
font-weight: 600;
font-size: 1rem;
padding: 0;
border-left: 1px solid #CCC;
height: 50px;
}
.navbar-item:first-child {
border-left: 0;
}
.navbar-item:hover {
background: -webkit-linear-gradient(top, #DDD 0%, #EEE 88%);
background: -moz-linear-gradient(top, #DDD 0%, #EEE 88%);
background: linear-gradient(to bottom, #DDD 0%, #EEE 88%);
color: #000!important;
}

.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.bg {
background: #FFF;
}

.gray {
background: #CCC!important;
}

.up {
width: 70%;
margin-bottom: 1.5rem;
}
.chara {
width: 100%;
}
.bosyu {
width: 100%;
margin-bottom: 1.5rem;
}

.awe-icon {
  margin-right: .3rem!important;
  display: inline-block;
}

.pd-1 {
padding: 2rem 2rem 2rem 0!important;
}
.pd-r1 {
padding-right: 1rem;
}
.radius {
border-radius: 1.5rem!important;
background: white;
padding-top: 2rem!important;
padding-bottom: 0!important;
}
.radius p:last-child,
.radius .column:last-child {
padding-bottom: 1.5rem;
}

.radius div + div {
padding-top: 1rem;
}

.bg-fog {
background: #F3F3F3;
padding: 1.5rem 0!important;
margin: 0!important;
}


#top_image h1 {
display: none;
}
#top_image img {
width: 100%;
}
#top_image img.main_pc {
display: block;
}
#top_image img.main_sp {
display: none;
}

.event-img {
background-color: #fccde5;
padding: 1rem;
}
.event-img img {
width: 100%;
}
.event-img.column3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.event1 {
flex-basis: 33%;
}
.event2 {
flex-basis: 33%;
}
.event3 {
flex-basis: 28%;
}
.event4 {
}

.sokubai {
position: relative;
}

.sokubai a {
position: absolute;
top: 70%;
left: 1rem;
display: block;
width: 20rem;
height: 4rem;
}

@media screen and (max-width: 768px) {


.sokubai a {
position: absolute;
top: 70%;
left: 0rem;
display: block;
width: 9rem;
height: 2rem;
}

#top_image img.main_pc {
display: none;
}
#top_image img.main_sp {
display: block;
}

.event1 {
flex-basis: 100%;
}
.event2 {
flex-basis: 100%;
margin: 30px 0;
}
.event3 {
flex-basis: 100%;
}
.event4 {
}


.column {
		padding: 0 1.5rem!important;
	}

.column.main1 {
  flex: none;
  width: 100%;
}

	
}
@media screen and (max-width: 1087px) {

h3, h4 {
display: block!important;
}
.header {
padding: 0;
}
.navbar-brand img {
height: 1.8rem;
max-width: 100%;
}
.navbar-start {
  padding: 0 1rem;
}
.navbar-end {
  padding: 0;
  width: 60px;
  display: flex;
  align-self: flex-end;
}
.navbar-burger {
    text-align: center;
  cursor: pointer;
  height: 50px;
  width: 60px;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}
.navbar-burger span {
  display: block;
  background-color: currentColor;
  height: 2px;
  -webkit-transform-origin: center;
 transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, -webkit-transform;
  transition-property: background-color, opacity, transform;
  transition-property: background-color, opacity, transform, -webkit-transform;
  transition-timing-function: ease-out;
  width: 22px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.navbar-burger span:nth-child(1) {
top: 12px;
}
.navbar-burger span:nth-child(2) {
top:18px;
}
.navbar-burger span:nth-child(3) {
top:24px;
}
.navbar-burger::after {
content: "メニュー";
font-size: 0.6rem;
display: block;
position: absolute;
bottom: 8px;
left: 0;
right: 0;
margin: 4px auto 0 auto;
color: #000;
line-height: 1;
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  -webkit-transform: translateY(6px) rotate(45deg);
          transform: translateY(6px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}
.navbar-top {
border-radius: 0;
}
  .navbar-menu {
    padding: 0;
    height: 0;
    -webkit-transition: all 2s ease-out;
    transition: all .3s ease-out;
    }
    .navbar-full {
    display: block;
    -webkit-transition: all 2s ease-out;
    transition: all .3s ease-out;
    overflow: hidden;
    height: 0;
}
.navbar-item {
font-size: 1rem;
border-left: 0;
}
  .navbar-menu.is-active {
  height: calc(50px * 7);
}
  .navbar-menu.is-active .navbar-full {
  height: calc(50px * 7);
}
.section {
  padding: 2rem 1rem;
}
.pd-b0 {
padding-bottom: 0!important;
}
.pd-t0 {
padding-top: 0!important;
}

.table {
display: block;
}
.table dl {
display: block;
}
.table dt,
.table dd {
display: block;
border: 0;
}
.table dd {
padding: 1rem;
}

.table dd p {
display: block;
}

.table dt {
background: rgba(210,240,150,1);
padding: 0.3rem;
}
.table.maker dl:nth-child(odd) dd {
border-right: 0;
}
.table.maker dl:nth-child(even) dd {
border-right: 0;
}
.table.maker dl dd:nth-child(2) {
padding: 0 1rem;
}
.table.maker dl dd:first-child {
	width: 100%;
}
.table.maker dl dd:last-child {
border-right: 0;
	width: 100%;
}

.table.vendor dl:first-child {
	display: none;
}
.table.vendor dl:nth-child(odd) dd {
border-right: 0;
}
.table.vendor dl:nth-child(even) dd {
border-right: 0;
}
.table.vendor dl dd {
padding: 0.3rem 1rem;
width: 100%;
}
.table.vendor dl dd:nth-child(1),
.table.vendor dl dd:nth-child(2),
.table.vendor dl dd:nth-child(3) {
width: 100%;
}
.table.vendor dl dd.null {
display: none;
}
.table.vendor dl dd:first-child {
padding: 1rem 1rem 0.3rem 1rem;
}
.table.vendor dl dd:last-child {
padding: 0.3rem 1rem 1rem 1rem;
}
.table.vendor dl dd:before {
		display: block;
		background: rgba(210,240,150,1);
		font-size: 0.7rem;
		margin-bottom: 0.5rem;
		padding: 0.3rem;
		line-height: 1;
		font-weight: 600;
}
.table.vendor dl dd:nth-child(1):before {
		content: "会社名";
}
.table.vendor.shop dl dd:nth-child(1):before {
		content: "店舗名";
}
/*.table.vendor dl dd:nth-child(2):before {
		content: "出展内容";
}*/
.table.vendor dl dd:nth-child(2):before {
		content: "ホームページ";
}
	
}

.f-logo {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
margin: 0 0 1.5em 0;
}
.f-logo img {
width: 100%;
}
.f-logo1 {
width: 40%;
margin-right: 10%;
}
.f-logo2 {
width: 30%;
}

.checklist {
display: block;
margin-top: 1em;
}

.checklist a {
display: block;
background-color: #FFF;
color: #007E3B;
text-align: center;
padding: 0.5em;
opacity: 1;
transition: .5s;
}
.checklist a:hover {
opacity: .8;
}

@media screen and (max-width: 768px) {
.f-logo1 {
width: 100%;
margin-right: 0;
}
.f-logo2 {
width: 70%;
margin: 1em auto 0 auto;
}
}


.main_img {
padding: 2em 2em 0 2em!important;
}

.head_btn {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
margin-top: 1.5rem;
}

.head_btn li {
padding: 0.5rem;
min-height: 5rem;
}

.head_btn li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
padding: 1rem 3rem;
background-image: linear-gradient(to right, #27acd9 0%, #b4e12b 100%);
border-radius: 100vh;
border: 3px solid #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transition: 0.5s;
}
.head_btn li a:hover {
color: #fff;
background-image: linear-gradient(to left, #27acd9 0%, #b4e12b 100%);
}
.head_btn li a p {
text-align: center;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
}

.sale {
width: 100%;
margin: 2rem auto 0 auto;
background-image: url("../images/sale-bg.png");
padding: 3rem;
}

.sale a.btn {
background-color: #6FCA00;
color: #FFF;
margin: 3rem auto 0 auto;
padding: 1rem;
text-align: center;
display: block;
width: 20em;
border-radius: 15px;
font-size: 1.5rem;
font-weight: 600;
}

.sale ul {
background-color: #FFF;
width: 100%;
margin: auto;
padding: 3rem;
border-radius: 3rem;
}

.sale ul li.title {
border-top: 0;
padding-top: 0;
margin-top: 0;
}

.sale ul li.title img {
display: block;
margin: auto;
max-width: 100%;
}

.sale ul li {
border-top: 1px solid #333;
padding-top: 2rem;
margin-top: 2rem;
}

.sale img {
max-width: 100%;
margin: 1rem 0 0 0;
}

.sale .wrap {
display: flex;
justify-content: space-between;
width: 800px;
max-width: 100%;
margin: auto;
}

.sale .wrap .name {
flex-basis: 70%;
font-weight: 600;
font-size: 1.4rem;
}

.sale .wrap .name p {
font-size: 1.4em;
}

.sale .wrap .img {
flex-basis: 30%;
}

.sale .wrap.wid .name {
flex-basis: 50%;
font-weight: 600;
font-size: 1.4rem;
}

.sale .wrap.wid .img {
flex-basis: 50%;
}


.sale .price {
text-align: right;
font-weight: 600;
font-size: 1.2rem;
width: 800px;
max-width: 100%;
margin: 1rem auto 0 auto;
}

.sale .price p {
display: inline-block;
font-size: 2.5em;
margin-left: 1rem;
}

.sale .note {
text-align: center;
}
.sale .note p {
display: inline-block;
text-align: left;
font-size: 1.6rem;
font-weight: 600;
color: #FF6F00;
}

ul.foot_navi {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 3rem;
}
ul.foot_navi li {
flex-basis: auto;
flex-shrink: 0;
flex-grow: 1;
}
ul.foot_navi li + li {
border-left: 1px solid #FFF;
}
ul.foot_navi li a {
display: block;
background-color: #079C00;
color: #FFF;
width: 100%;
padding: 1rem;
text-align: center;
font-weight: 600;
transition: 0.5s;
}
ul.foot_navi li a:hover {
background-color: #00C113;
}

@media screen and (max-width: 768px) {

.sale {
margin: 1rem auto;
padding: 1rem;
}

.sale ul {
padding: 2rem;
border-radius: 2rem;
}

.sale ul li.title {
border-top: 0;
padding-top: 0;
margin-top: 0;
}

.sale .wrap {
flex-wrap: wrap;
justify-content: center;
}

.sale .wrap .name {
flex-basis: 100%;
font-size: 1.2rem;
}

.sale .wrap .img {
flex-basis: 50%;
}

.sale .wrap.wid .name {
flex-basis: 100%;
font-size: 1.2rem;
}

.sale .wrap.wid .img {
flex-basis: 70%;
}


.sale .price {
font-size: 1rem;
text-align: center;
}

ul.foot_navi li {
flex-basis: 50%;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
}

ul.foot_navi li + li {
border-left: 0;
}
.head_btn li {
flex-basis: 100%;
}
.head_btn li a {
padding: 1rem 2rem;
}
.head_btn li a p {
font-size: 1.2rem;
}

}