@charset "UTF-8";
/* about.css */

.sp {
  display: none;
}



/*=========================================

	イベント説明

=========================================*/
#description {
  position: relative;
  border-top: solid 10px #B3665B;
  background-image: url(/images/common/bgShigebishi.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #description {
    background-image: url(/images/common/bgShigebishi@2x.png);
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}
.imgDecorationTopDescription {
  width: 1400px;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.imgDecorationBottomDescription {
  width: 1400px;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#description .inner {
  position: relative;
  width: 924px;
  background-color: #FFF;
  padding: 40px 0;
}
#description h1 {
  display: block;
  width: 688px;
  margin: 0 auto 30px;
}
#description h1 img {
  width: 100%;
  height: auto;
}
.textDescription {
  font-size: 1.7rem;
  line-height: 39px;
  margin: 0 118px;
  height: 420px;
	font-family: 'A1 Mincho', 'Yu Mincho', 'YuMincho', '@ＭＳ 明朝','@MS Mincho',serif;
  direction: ltr;
  -webkit-direction: ltr;
  -moz-direction: ltr;
  -ms-direction: ltr;
  -o-direction: ltr;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  column-count: 1;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  -o-column-count: 1;
  column-fill: auto;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  -ms-column-fill: auto;
  -o-column-fill: auto;
}
.textDescription p + p {
  margin-right: 32px;
}
.textDescription p .marker {
  background-color: #F9F9A1;
}
.imgDecorationPlantDescription {
  width: 111px;
  height: auto;
  position: absolute;
  top: 288px;
  left: -60px;
}
.imgDecorationBirdDescription {
  width: 70px;
  height: auto;
  position: absolute;
  top: 218px;
  right: -18px;
}



/*=========================================

	イベント概要

=========================================*/
#outline {
  padding: 60px 0 145px;
  border-top: solid 10px #B3665B;
  background-color: #FFF;
  background-image: url(/images/about/bgOutline.png), url(/images/common/bgShikkui.png);
  background-repeat: no-repeat, repeat-x;
  background-position: center bottom, left top;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #outline {
    background-image: url(/images/about/bgOutline@2x.png), url(/images/common/bgShikkui@2x.png);
    -webkit-background-size: 1400px 97px, 113px 839px;
    background-size: 1400px 97px, 113px 839px;
  }
}
#outline .inner {
  position: relative;
  width: 1000px;
}

.outlineTable table {
	width: 480px;
  border-top: solid 1px #B3665B;
	border-collapse: collapse;
  border-spacing: 0;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 1.6rem;
  float: left;
  text-align: left;
}
.outlineTable table + table {
  float: right;
}
.outlineTable table tr {
  border-bottom: solid 1px #B3665B;
}
.outlineTable table th {
  width: 165px;
  padding: 15px;
  background-color: #F5E9E7;
  box-sizing: border-box;
}
.outlineTable table td {
  padding: 15px;
  background-color: #FFF;
}

.specialThanks,
.illustration {
  margin-top: 30px;
}
.specialThanks > img,
.illustration > img {
  display: block;
  float: left;
  margin-right: 35px;
}
.specialThanks dl {
  float: left;
  text-align: left;
  font-size: 1.4rem;
  line-height: 2.2;
  letter-spacing: .05em;
  position: relative;
  padding-left: 100px;
  padding-top: 8px;
}
.specialThanks dt {
  position: absolute;
  left: 0;
  display: inline-block;
}
.illustrator {
  float: left;
  width: 829px;
  margin: 0 auto;
  line-height: 1.5;
  box-sizing: border-box;
}
.illustrator img {
  float: right;
  margin-top: 15px;
}
.profile {
  float: left;
  width: 700px;
}
.nameProfile {
  font-size: 1.4rem;
}
.textProfile {
  font-size: 1.3rem;
  margin: 1em 0;
}
.textProfile + ul {
  list-style: none;
  font-size: 1.4rem;
}
.textProfile + ul li {
  display: inline-block;
}
.textProfile + ul li + li {
  margin-left: 1em;
}
.textProfile + ul li a {
  color: #B3665B;
}
.textProfile + ul li a:hover {
  opacity: .8;
  text-decoration: none;
}

.imgDecorationOutline {
  width: 65px;
  height: auto;
  position: absolute;
  top: 75px;
  right: -116px;
}



/*=========================================

	ブース紹介

=========================================*/
#booth {
  border-top: solid 10px #B3665B;
  background-image: url(/images/common/bgHemp.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #booth {
    background-image: url(/images/common/bgHemp@2x.png);
    -webkit-background-size: 40px 47px;
    background-size: 40px 47px;
  }
}
#booth .inner {
  width: 1100px;
  padding: 100px 0;
  position: relative;
}
.imgDecorationBooth {
  position: absolute;
  top: 0;
  right: -20px;
}

.boothBox {
  width: 664px;
}
.boothBox > div + div {
  margin-top: 50px;
}
.boothPhoto {
  display: block;
  width: 279px;
}
.boothPhoto img {
  width: 100%;
  height: auto;
}
.boothHandmade .boothPhoto,
.boothWorkshop .boothPhoto {
  float: left;
}
.boothFood .boothPhoto {
  float: right;
}
.boothInfo {
  width: 338px;
  position: relative;
  padding-top: 135px;
}
.boothHandmade .boothInfo,
.boothWorkshop .boothInfo {
  float: right;
}
.boothFood .boothInfo {
  float: left;
}
.imgNumber,
.titleBooth {
  position: absolute;
}
.imgNumber {
  top: 0;
}
.titleBooth {
  top: 73px;
}
.boothHandmade .imgNumber,
.boothWorkshop .imgNumber,
.boothWorkshop .titleBooth,
.boothWorkshop .titleBooth {
  left: 0;
}
.boothFood .imgNumber,
.boothFood .titleBooth {
  right: 0;
}
.boothInfo p {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #444;
}
.imgAppearance {
  position: absolute;
  bottom: 100px;
  right: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}