@charset "UTF-8";
/**
 * download.css
 *
 * @copyright  2022 Arcphilia Inc.
 * @license    Proprietary
 * @version    1.0.0
 * @link       https://kobe.handmade-marche/css/download.css
 * @since      2022-12-07
 * @author     Kaoru Kitamura
 */
#pageDownload .pageTitleContainer {
  margin: 0 0 50px 0;
}

/*#downloadLink {
  width: 580px;
  margin: 50px auto;
}
#downloadLink li {
  float: left;
  width: 260px;
  height: 40px;
  margin: 0 10px;
  list-style: none;
  text-align: center;
  border: 2px solid #b3665b;
  border-radius: 5px;
  background: #fff;
  line-height: 40px;
}
#downloadLink li a {
  display: block;
  text-decoration: none;
  color: #b3665b;
  font-size: 1.6rem;
}
#downloadLink li.current {
  background: #ba980f;
}
#downloadLink li.current a {
  color: #fff;
}
#downloadLink li:hover {
  opacity: .8;
}*/
#downloadLink {
  margin: 40px auto;
  /*width: 1100px;*/
  width: 650px;
}
#downloadLink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#downloadLink li {
  margin: 0 0.5em;
  width: 200px;
  height: 45px;
  line-height: 43px;
  list-style: none;
  text-align: center;
  font-size: 1.6rem;
  border: 2px solid #ba980f;
  border-radius: 5px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#downloadLink li.comingSoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  color: #9C9C9C;
  border: 2px solid #C3C3C3;
}
#downloadLink li.comingSoon .schedule {
  font-size: 1.1rem;
}
#downloadLink li a {
  display: inline-block;
  width: 100%;
  color: #ba980f;
  text-decoration: none;
}
#downloadLink li a:hover {
  opacity: .8;
}
#downloadLink li.current {
  background: #ba980f;
}
#downloadLink li.current a {
  color: #fff;
}

.twitterPost:hover {
  opacity: .8;
}
.twitterPost img {
  width: 100%;
}

.twitterText {
  width: 750px;
  padding: 30px 0;
	margin: auto;
  font-size: 1.6rem;
  line-height: 1.8;
}

.bannerText {
  width: 690px;
  margin: 40px auto 15px;
  font-size: 1.6rem;
  line-height: 1.8;
}
.bannerList {
  width: 690px;
  margin: 0 auto;
  padding-left: 25px;
  font-size: 1.3rem;
  line-height: 1.8;
}
.bannerList li {
  position: relative;
  list-style: none;
}
.bannerList li:before {
  position: absolute;
  left: -15px;
  content: "※";
}

ul.bannerDetail {
  width: 100%;
  margin-top: 50px;
}
ul.bannerDetail li {
  float: left;
  margin: 0 15px 30px;
  list-style: none;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 1.5;
}
ul.bannerDetail li p {
  font-size: 1.2rem;
  margin: 10px 0;
}
ul.bannerDetail li textarea {
  display: block;
  width: 95%;
  padding: 5px;
  border: none;
  background: #eee;
  font-size: 1.0rem;
  line-height: 130%;
}
ul.bannerDetail li.banner160w {
  width: 160px;
}
ul.bannerDetail li.fb1200w {
  width: 100%;
}
ul.bannerDetail li.fb1200w img {
  width: 100%;
}
ul.bannerDetail li p.btnDl {
  display: inline-block;
}
ul.bannerDetail li p.btnDl a {
  display: block;
  margin-top: 10px;
  padding: 2px 30px 1px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #6d6154;
  font-size: 1.3rem;
  line-height: 25px;
}

/* パンフレット配布・設置 */
#downloadPdfContainer .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 40px;
  /* padding: 40px 0; */
  width: 1000px;
  /* border-bottom: 1px dashed #5B4C3E; */
}
#downloadPdfContainer .content .pdfThumb{
	margin: 0 30px 0 0;
}
#downloadPdfContainer .content .textBox{
	max-width: 600px;
}
#downloadPdfContainer .content .textBox p{
	font-size: 1.6rem;
  line-height: 1.6;
	margin-bottom: 3rem;
}

#downloadPdfContainer .content .caption {
  margin: 0 auto;
  max-width: 940px;
}
#downloadPdfContainer .content a {
  display: block;
  width: 80%;
  max-width: 360px;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background: #ba980f;
  font-size: 2rem;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C18279', endColorstr='#c07024',GradientType=0 );
}
#downloadPdfContainer .content a:hover {
	opacity: .9;
}

#downloadPdfContainer .content .flyerData {
  display: block;
  margin: 15px 0 0;
  font-size: 13px;
  text-align: center;
}
#downloadPdfContainer .content .flyerImage {
  margin: 20px auto;
  width: 720px;
  font-size: 0;
}
#downloadPdfContainer .content .flyerImage img:first-of-type {
  margin: 0 20px 0 0;
}
/*#downloadPdfContainer .content .pdfThumb {
  float: left;
}
#downloadPdfContainer .content .textBox {
  float: right;
  width: 770px;
}
#downloadPdfContainer .content .textBox p {
  padding: 30px 0;
}
#downloadPdfContainer .content .textBox a {
  display: block;
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background: #c18279;
  background:    -moz-linear-gradient(top,  #c18279 0%, #b3665b 50%);
  background: -webkit-linear-gradient(top,  #c18279 0%,#b3665b 50%);
  background:         linear-gradient(to bottom,  #c18279 0%,#b3665b 50%);
  font-size: 2rem;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C18279', endColorstr='#B3665B',GradientType=0 );
}
#downloadPdfContainer .content .textBox a span {
  font-size: 1.2rem;
}*/

#contactForm {
  margin: -140px 0 0 0;
  padding: 140px 0 0 0;
}
#pageDownload .pamphletDescription {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px auto;
  width: 1000px;
}
#pageDownload .pamphletImg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 192px;
  height: 260px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #616161;
  border: 4px solid #C3C3C3;
  box-sizing: border-box;
}
#pageDownload .pamphletImg::before {
  position: absolute;
  top: 10px;
  left: 10px;
  content: '';
  display: inline-block;
  width: 60px;
  height: 54px;
  background-image: url(/images/download/pamphletImgBird.png);
  background-size: contain;
  vertical-align: middle;
}
#pageDownload .pamphletImg::after {
  position: absolute;
  bottom: 10px;
  right: 10px;
  content: '';
  display: inline-block;
  width: 66px;
  height: 55px;
  background-image: url(/images/download/pamphletImgBee.png);
  background-size: contain;
  vertical-align: middle;
}
#pageDownload .formContainer .caption,
#pageDownload #pamphlet .caption {
  position: relative;
  padding: 0;
  /*max-width: 940px;*/
  max-width: 750px;
  font-size: 1.6rem;
}
#pageDownload #pamphlet .caption {
  margin: 0 auto;
}
#pageDownload #pamphlet .caption .note {
  margin-bottom: 3rem;
}

#pageDownload .formContainer .caption .captionSendMail {
  margin: 0;
  color: #b3665b;
  font-weight: bold;
}
#pageDownload .formContainer .caption .cooperateList {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 20px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  background: #E7E7E7;
}
#pageDownload .formContainer .caption .cooperateList:hover {
  opacity: .8;
}

#pageDownload .content {
  max-width: 800px;
  margin: 30px auto 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#pageDownload .content .pdfThumb {
  margin: 0 20px 0 0;
}
#pageDownload .content .textBox {
  max-width: 600px;
}
#pageDownload .content .textBox p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 3rem;
}
#pageDownload .content a,
#twitterBox a,
#pageDownload #pamphlet a {
  display: block;
  width: 80%;
  max-width: 360px;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background: #ba980f;
  font-size: 2rem;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C18279', endColorstr='#c07024',GradientType=0 );
}
#pageDownload .content a:hover,
#pageDownload #pamphlet a:hover {
  opacity: .8;
}

#pageDownload .formContainer .formTable {
  max-width: 800px;
  margin-top: 40px;
}

#pageDownload .formBtn {
  margin: 0 0 60px 0;
  padding: 40px 0 0 0;
}

#snsBox {
  margin: 0 auto 60px;
}
#snsBox p {
  margin: 20px auto;
  text-align: center;
  font-size: 1.6rem;
}
#snsBox .snsList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "snsTwitterKokura snsTwitter snsInstagram snsFacebook";
  padding: 20px;
  background: #E7E7E7;
  border-radius: 5px;
  grid-gap: 20px;
}
#snsBox .snsList div {
  padding: 10px;
  width: 250px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#snsBox .snsList div.snsTwitterKokura { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: snsTwitterKokura; }
#snsBox .snsList div.snsTwitter { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: snsTwitter; }
#snsBox .snsList div.snsInstagram { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: snsInstagram; }
#snsBox .snsList div.snsFacebook { -ms-grid-row: 1; -ms-grid-column: 7; grid-area: snsFacebook; }
#snsBox .snsList div p {
  margin: 0 auto 10px;
  padding: 0 0 10px;
  text-align: left;
  line-height: 1.4;
  border-bottom: 1px dashed #C3C3C3;
}

#snsBox .snsList .snsItem::before {
  float: left;
  margin: 5px 10px 0 0;
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: contain;
  vertical-align: middle;
}
#snsBox .snsList div.snsTwitterKokura::before,
#snsBox .snsList div.snsTwitter::before {
  background-image: url(/images/download/iconTwitter.png);
}
#snsBox .snsList div.snsInstagram::before {
  background-image: url(/images/download/iconInstagram.png);
}
#snsBox .snsList div.snsFacebook::before {
  background-image: url(/images/download/iconFacebook.png);
}
#snsBox .snsList div p span {
  font-size: 1.4rem;
}
#snsBox .snsList div iframe {
  display: block;
  margin: 0 auto;
  width: 100% !important;
}
#snsBox .snsList div .officialPage {
  display: block;
  margin: 10px auto 0;
  padding: 10px 0;
  color: #fff;
  width: 230px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}
.snsTwitterKokura .officialPage,
.snsTwitter .officialPage {
  background: #000000;
}
.snsInstagram .officialPage {
  background: #D5508C;
}
.snsFacebook .officialPage {
  background: #0766FF;
}