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

.sp {
  display: none;
}



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

	イベント説明

=========================================*/
#description {
  position: relative;
  background-image: url(/images/about/bgContentsCover.png),
                  	url(/images/about/bgContents.png);
	background-size: contain;
  background-size: cover;
  z-index: -2;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #description {
    background-image: url(/images/about/bgContentsCover@2x.png),
					  url(/images/about/bgContents@2x.png);
    -webkit-background-size: cover;
	background-size: contain;
    background-size: cover;
  }
}
.imgDecorationTopDescription {
  width: 1050px;
  max-width: none;
  height: auto;
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.imgDecorationBottomDescription {
  width: 1100px;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.imgDecorationBottomDescriptionSP {
  display: none;
}

@media only screen and (max-width: 750px) {
.imgDecorationBottomDescription { display: none; }
.imgDecorationBottomDescriptionSP { display: block; }
}
#description {
  padding: 125px 0 40px;
}
#description .inner {
  position: relative;
  max-width: 750px;
  /* background-image: url(/images/about/bgDescription.png); */
  background-repeat: no-repeat;
  background-position: center;
  padding: 0px 50px 21px;
  box-sizing: border-box;
  background-position: center;
  background-color: #fff;
}
#description .inner::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 375px 85px 375px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -85px;
  left: 0;
}
#description h1 {
  display: block;
  margin: 0 auto 30px;
}
#description h1 img {
  display: block;
  margin: 0 auto;
  width: 370px;
  height: auto;
}
.textDescription {
  margin: 0 auto;
  width: 650px;
  font-size: 1.6rem;
  line-height: 1.75;
}
.textDescription p + p {
  margin-right: 32px;
}
.textDescription p .marker {
  background-color: #F8EDD3;
}
.imgDecorationPlantDescription {
  width: 111px;
  height: auto;
  position: absolute;
  top: 288px;
  left: -60px;
}
.imgDecorationBirdDescription {
  width: 70px;
  height: auto;
  position: absolute;
  top: 218px;
  right: -18px;
}



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

	イベント概要

=========================================*/
#outline {
  padding: 68px 0 44px;
  /*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;
  max-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: solid 1px #508352;
}
.outlineTable table th {
  width: 165px;
  padding: 15px;
  background-color: #EDF2ED;
  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;
  color: #508352;
}
.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.9rem;
}
.textProfile {
  font-size: 1.3rem;
  margin: 0.5em 0;
}
.textProfile + ul {
  list-style: none;
  font-size: 1.4rem;
}
.textProfile + ul li a {
  color: #508352;
}
.textProfile + ul li a:hover {
  opacity: .8;
  text-decoration: none;
}

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

.note{
  font-size: 1.4rem;
  color:#888888;
}



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

	ブース紹介

=========================================*/
#booth {
  content: '';
  background-image: url(/images/common/bgDiamond.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #booth {
    background-image: url(/images/common/bgDiamond@2x.png);
    -webkit-background-size: 40px 47px;
    background-size: 40px 47px;
  }
}
#booth .inner {
  position: relative;
  padding: 50px 0;
  max-width: 1100px;
}
.imgItem01 {
  position: absolute;
  top: 55px;
  right: -15px;
}
.imgItem02 {
  position: absolute;
  top:  390px;
  left: 0;
}
.imgItem03 {
  position: absolute;
  bottom: 55px;
  right: -15px;
}

.boothPhoto {
  display: block;
  width: 350px;
}
.boothPhoto img {
  width: 100%;
  height: auto;
}
.boothHandmade,
.boothFood {
  width: 800px;
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
}
.boothHandmade {
  float: left;
  padding: 25px 30px 25px 25px;
}
.boothFood {
  float: right;
  padding: 25px 25px 25px 30px;
  margin: 44px 0;
}
.boothWorkshop {
  float: left;
  padding: 25px 30px 25px 25px;
  width: 820px;
  height: 290px;
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
}
.boothHandmade .boothPhoto,
.boothWorkshop .boothPhoto {
  float: left;
}
.boothFood .boothPhoto {
  float: right;
}
.boothInfo {
  width: 350px;
  position: relative;
  padding-top: 70px;
}
.boothHandmade .boothInfo,
.boothWorkshop .boothInfo {
  float: right;
}
.boothHandmade .boothInfo p {
  border-top: 2px dotted #5ba0b5;
  border-bottom: 2px dotted #5ba0b5;
  padding: 14px 0;
}
.boothFood .boothInfo p {
  float: left;
  border-top: 2px dotted #7aad59;
  border-bottom: 2px dotted #7aad59;
  padding: 14px 0;
}
.boothWorkshop .boothInfo {
  width: 384px;
}
.boothWorkshop .boothInfo p {
  width: 384px;
  border-top: 2px dotted #d47683;
  border-bottom: 2px dotted #d47683;
  padding: 14px 0;
}
.imgNumber,
.titleBooth {
  position: absolute;
}
.imgNumber {
  top: -48px;
}
.titleBooth {
  top: 28px;
}
.boothHandmade .imgNumber,
.boothFood .imgNumber,
.boothWorkshop .imgNumber,
.boothHandmade .titleBooth,
.boothFood .titleBooth,
.boothWorkshop .titleBooth {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.boothInfo p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #444;
}
.imgAppearance {
  position: absolute;
  bottom: 100px;
  right: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}