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


/*出店日タグ*/
.eventSaturday,
.eventSunday {
  position: relative;
  display: block;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 1.4rem;
}
.eventSaturday {
  background: #c8e4e4;
}
.eventSunday {
  background: #f0cec4;
}
.eventSaturday:after,
.eventSunday:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  content: '';
}

* {
  margin: 0;
  padding: 0;
  word-break: break-word;
}
html {
  /*background:#184966 url(/images/format/BgBlue.png) repeat;*/
  font-size: 62.5%; /* = 10px */
}
body {
  min-width:1100px;
  word-break: normal;
  word-wrap: break-word;
  font-size: 1.4rem;
  /*font-family:"游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family:"TBChibiRGothicPlusK R", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#333333;
}

.bold,strong {
  font-family:"TBChibiRGothicPlusK DB", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
  text-decoration:none;
  color:#406CB8;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover {
  color:#09c;
}

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

.clearfix:after {
visibility:hidden;
height:0;
display: block;
font-size: 0;
content: " ";
clear: both;

}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.sp{
  display:none;
}
.pcNone {
  display: none;
}

.adjustImage {
  opacity: 0;
}
.adjustW {
  max-width: initial !important;
  opacity: 1;
}
.adjustH {
  max-height: initial !important;
  opacity: 1;
}
#fancybox-overlay,#fancybox-wrap {
  z-index: 11000 !important;
}


/*重要なお知らせ*/
.announce {
  margin: 0 auto;
  padding: 20px 30px;
  width: 800px;
  color: #5c4c3e;
  border: 2px solid #184966;
  background: rgba(24,73,102,0.1);
  line-height: 1.6;
  box-sizing: border-box;
}
.announce a {
  text-decoration: underline;
}
.announce h3{
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
}
.announce h3 span {
  font-size: 14px;
}
.announce .announceTxt {
  font-size: 14px;
  margin-bottom: 0;
}
.announce .note {
  padding-left: 1em;
  text-indent: -1em;
  color: #838382;
  font-size: 12px;
}

/* 長期休暇 */
.holidayTxt {
  margin: 0 auto 2em;
  text-align: center;
  line-height: 1.5;
}

/**
 * ヘッダー
 */

/* スマートフォンメニューを非表示 */
#globalHeader .spHeader,
#globalHeader .spSlideNav,
#globalHeader .spSlideNavCover,
#globalHeader .spNav {
  display: none;
}

#globalHeader {
  display: block;
  width: 100%;
  line-height: 2.4rem;
  position: relative;
  font-family: 'Gothic MB101 Regular';
  letter-spacing: 1px;
}
#globalHeader .bold {
  font-family: 'Gothic MB101 DemiBold';
}
#globalHeader.fixed {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 10000;
}
#globalHeader .subNav {
  width: 100%;
  height: 40px;
  background-color: #EFECE6;
}
#globalHeader .subNav .inner {
  width: 1100px;
  margin: 0 auto;
  text-align: right;
}
#globalHeader .subNav .inner ul {
  display: inline-block;
  margin: 7px 10px 0 0;
}
#globalHeader .subNav .inner ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
#globalHeader .subNav .inner ul li > * {
  display: inline-block;
  text-decoration: none;
  color: #19587E;
  border-bottom: 2px solid transparent;
  font-size: 1.15rem;
}
#globalHeader .subNav .inner ul li > a:hover {
  border-bottom-color: #19587E;
}
#globalHeader .subNav .inner ul li > span {
  opacity: .5;
}
#globalHeader .subNav .inner ul li.subNavMypage {
  position: relative;
  padding: 0 0 0 15px;
}
#globalHeader .subNav .inner ul li.subNavMypage:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 22px;
  content: '';
  background-image: url(/images/common/icon/iconKey.png);
}
#globalHeader .subNav .inner .linkKhm {
  position: relative;
  display: block;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 185px;
  height: 30px;
  padding: 0 0 0 10px;
  text-align: left;
  text-decoration: none;
  color: #fff;
  border-radius: 0 0 5px 5px;
  background-color: #5B4C3E;
  font-size: 1.1rem;
  line-height: 30px;
}
#globalHeader .subNav .inner .linkKhm:after {
  position: absolute;
  top: 45%;
  right: 5px;
  width: 5px;
  height: 9px;
  margin: -4px 0 0 0;
  content: '';
  background-image: url(/images/common/icon/iconLinkArrowWhite.png);
}
#globalHeader .subNav .inner .linkKhm:hover {
  opacity: .8;
}
#globalHeader .mainNav {
  width: 100%;
  height: 94px;
  background-image: url(/images/common/bgNav.png);
  background-repeat: repeat-x;
}
#globalHeader .mainNav .inner {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}
#globalHeader .mainNav .inner .logo {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100px;
}
#globalHeader .mainNav .inner .logo a {
  position: relative;
  z-index: 10;
}
#globalHeader .mainNav .inner .logo .hoverAnimal {
  position: absolute;
  z-index: 5;
  right: -68px;
  bottom: 10px;
  -webkit-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  transform: rotate(-70deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
#globalHeader .mainNav .inner .logo:hover .hoverAnimal {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
#globalHeader .mainNav .inner ul {
  float: right;
  line-height: 88px;
}
#globalHeader .mainNav .inner ul li {
  display: inline-block;
  margin: 0 0 0 28px;
  line-height: 1;
  vertical-align: middle;
}
#globalHeader .mainNav .inner ul li > * {
  display: inline-block;
  line-height: 1.8rem;
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid transparent;
  font-size: 1.3rem;
  position: relative;
}
#globalHeader .mainNav .inner ul li > a:hover,
#About #globalHeader .mainNav .inner ul li.mainNavAbout a,
#Access #globalHeader .mainNav .inner ul li.mainNavAccess a,
#Ticket #globalHeader .mainNav .inner ul li.mainNavTicket a,
#Creators #globalHeader .mainNav .inner ul li.mainNavCreators a,
#Food #globalHeader .mainNav .inner ul li.mainNavFood a,
#Workshop  #globalHeader .mainNav .inner ul li.mainNavWorkshop a,
#History #globalHeader .mainNav .inner ul li.mainNavHistory a,
#Faq #globalHeader .mainNav .inner ul li.mainNavFaq a,
#Entry01 #globalHeader .mainNav .inner ul li.mainNavEntry a,
#Entry02 #globalHeader .mainNav .inner ul li.mainNavEntry a,
#Entry03 #globalHeader .mainNav .inner ul li.mainNavEntry a,
#Entry04 #globalHeader .mainNav .inner ul li.mainNavEntry a {
  border-bottom-color: #f1dd7e;
}
#globalHeader .mainNav .inner ul li > *:before {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 6px;
  height: 10px;
  margin: -5px 0 0 0;
  content: '';
  background-image: url(/images/common/icon/iconMainNavArrow.png);
}
#globalHeader .mainNav .inner ul li > span {
  opacity: .5;
}
#globalHeader .mainNav .inner ul li small {
  font-size: 1.2rem;
}
#globalHeader .mainNav .inner ul li.button{
  margin: 0 0 0 20px;
}
#globalHeader .mainNav .inner ul li.button > a {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 0 0 0 25px;
  text-align: center;
  color: #0E314A;
  border-radius: 7px;
  background: #FFF65D;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
          box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  font-size: 1.4rem;
  line-height: 40px;
}
#globalHeader .mainNav .inner ul li.button > a:hover {
  background:#fe3;
}
#globalHeader .mainNav .inner ul li.mainNavEntry.button > a:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 0;
  content: '';
  background-image: url(/images/common/icon/iconPencil.png);
}
#globalHeader .mainNav .inner ul li.mainNavTicket.button > a:before {
    position: absolute;
    top: 50%;
    left: 16px;
    width:21px;
    height: 13px;
    margin: -6px 0 0 0;
    background-size: auto;
    content: '';
    background-image: url(/images/common/icon/iconTicket.png);
}



/*-----------------------------
　　Footer
------------------------------*/

#Footer {
  clear:both;
  /*padding:50px 0;*/
  background:#184966 url(/images/format/BgBlue.png) repeat;
}
#FooterInner {
  position: relative;
  max-width: 1100px;
  /*width:900px;*/
  margin:0 auto;
  padding: 40px 0;
  overflow:hidden;
}
.FooterBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#eventList {
  width: 100%;
  text-align: center;
}
/*#partnerEvent {
  width: 29%;
}*/
#FooterContents,
#FooterAccount,
#FooterMobile {
  width: 47.5%;
}
#eventList,
#partnerEvent {
  margin: 0 0 25px;
}
/*#FooterContents {
  width:540px;
  margin:0 45px 50px 0;
  float:left;
}*/
/*#FooterAccount {
  width:210px;
  margin-right:45px;
  float:left;
  color:#999999;
  font-weight:bold;
}*/
/*#FooterMobile {
  width:160px;
  float:left;
}*/

.FooterBox #eventList a,
.FooterBox #partnerEvent a {
  display: inline-block;
  color: #fff;
}
.FooterBox #eventList .eventList {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
}
.FooterBox #eventList .eventItem {
  max-width: 70px;
}
.FooterBox #eventList a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.FooterBox #eventList span {
  display: block;
  width: 70px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

.FooterBox #partnerEvent a {
  margin: 0 20px 0 0;
}
#FooterMobile #URL {
  padding:10px 0 0 7px;
  color:#fff;
  font-size: 13px;
  letter-spacing:0.1em;
  line-height:1.3em;
}
.footerTitle {
  margin: 0 0 20px;
  padding: 0 0 10px 10px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #999;
  text-align: left;
}
.footerTitle::before {
  content: '\25B6\FE0E';
  display: inline-block;
  margin: 0 10px 0 0;
  color: #FEF35A;
  font-size: 10px;
  vertical-align: top;
}
#FooterContents ul {
  /*margin: 0 50px 0 0;
  list-style-type: none;*/
  display: inline-block;
  vertical-align: top;
  margin: 0 55px 0 0;
  list-style-type: square;
  color: #F2DE56;
}
#FooterContents ul li {
  /*margin-bottom:10px;
  padding-left:16px;
  line-height:1.8em;
  background:url(/images/format/FooterIconCircle.png) no-repeat;
  background-position: 0 8px;
  font-size: 13px     ;
  color:#999999;*/
  margin: 0 0 5px 1.5rem;
}
#FooterContents ul li > * {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid transparent;
  font-size: 1.3rem;
  line-height: 2rem;
}
#FooterContents ul li a {
  text-decoration:none;
  color:#fff;
}
#FooterContents ul li span {
  text-decoration:none;
  color:#6C859C;
}
#FooterContents ul li a:hover {
  color:#9DCAE3;
}
#FooterContents ul li.entry a,
#FooterContents ul li.myPage a {
  color:#FEF35A;
}
#FooterContents ul li.entry a:hover,
#FooterContents ul li.myPage a:hover {
  color:#fff;
}
#FooterContents ul li.entry,
#FooterContents ul li.myPage {
  margin: 0 0 5px 0;
  padding: 0 0 0 1.5rem;
  list-style: none;
}

#FooterContents ul li.entry {
  background:url(/images/format/FooterIconEntry.png) no-repeat top 3px left;
}
#FooterContents ul li.myPage {
  background:url(/images/format/FooterIconMyPage.png) no-repeat center left;
}
#FooterContentsFirst {
  width: auto;
  float:left;
}
#FooterContentsSecond {
  width: auto;
  float:left;
}
/*#FooterContentsThird {
  width:185px;
  float:left;
}*/
#FooterAccount .sns {
  list-style-type:none;
  margin: 0 0 20px 0;
}
#FooterAccount .sns li {
  /*margin: 0 10px 20px 0;
  letter-spacing: 0.1em;
  display: inline-block;*/
  display: inline-block;
  margin: 0 10px 0 0;
}
#FooterAccount .sns li img {
  /*margin-right: 10px;
  vertical-align:middle;*/
  margin: 0 5px 0 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#FooterAccount .sns li a {
  /*font-size: 14px;
  font-weight:bold;*/
  font-size: 1.2rem;
  color: #fff;
  text-decoration: none;
}
#FooterAccount .sns li a:hover {
  /*color: #9DCAE3;*/
  opacity: .8;
}
#FooterAccount .sponsorship {
  color: #fff;
  font-size: 12px;
}
#FooterAccount .sponsorship .event {
  /*margin: 10px 0 0;*/
  line-height: 2;
  font-size: 11px;
}
#QR {
  margin-left:7px;
}
#FooterCopyright {
  clear:both;
  border-top: none;
  overflow:hidden;
}
/*.sponsorship strong {
    font-weight: bold;
    display: inline-block;
    margin: 7px 0 0;
    color: #fff;
}
#FooterSponsorship {
  width:690px;
  float:left;
  color:#fff;
  font-size: 12px;
  line-height: 1.6;
}
#FooterSponsorship sponsorship{
  font-weight:normal;
  line-height:1.3em;
}*/


#FooterAP {
  /*width:290px;
  margin-top:5px;
  float:right;*/
  position: absolute;
  bottom: 25px;
  right: 0;
  width: 236px;
}
#SPFooter {
  display:none;
}
.clearfix {width:100%;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
 }

 /* ------------------------------
 推奨ブラウザモーダル
------------------------------ */
#ModalRecommendBrowserCover{
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
  background: #fff;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: 'alpha(opacity=70)';  /* ie 8 */
  -moz-opacity: .7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: .7;              /* Safari 1.x */
}
#ModalRecommendBrowser{
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  width: 560px;
  height: 430px;
  margin: -215px 0 0 -280px;
  border: 1px solid #ccc;
  background: #34495e;
}
#ModalRecommendBrowser h3{
  font-size: 26px;
  margin: 45px 0 30px 0;
  text-align: center;
  color: #fff;
}
#ModalRecommendBrowser p{
  font-size: 13px  ;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
#recommendBrowserList{
  margin: 20px 0 0 0;
  list-style-type: none;
  text-align: center;
}
#recommendBrowserList li{
  display: inline-block;
  width: 70px;
  height: 100px;
  margin: 0 10px;
  vertical-align: top;
}
#recommendBrowserList li a{
  color: #fff;
}
#recommendBrowserList li a img{
  margin: 0 0 5px 0;
}
#recommendInfo{
  display: block;
  width: 110px;
  margin: 30px auto 0;
  padding: 5px 30px 4px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}
#ModalRecommendBrowser .Close{
  font-size: 20px;
  line-height: 17px;
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  color: #ccc;
}
#cookieInput{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  padding: 10px 0 0 0;
  text-align: center;
  background: #e9e8e3;
}
#cookieInput input{
  display: inline-block;
}
#cookieInput label{
  display: inline-block;
  color: #34495e;
}





.checkCircle {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  padding: 8px;
  cursor: pointer;
  white-space: nowrap;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.checkCircle:before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  border-radius: 14px;
  background: #fff;
  -webkit-box-shadow: 1px 6px 7px -4px #5c5c5c;
  box-shadow: 1px 6px 7px -4px #5c5c5c;
}
.checkCircle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 16px;
  height: 12px;
  content: "";
  background-image: url(/images/creators/iconAddList.png);
}
.checkCircle.checked:before {
  background: #f89299;
}
.checkCircle.checked:after {
  background-image: url(/images/creators/iconAddListOn.png);
}

/* 新作 */
.attrIconWrapper {
  position: absolute;
  top: 6px;
  right: 8px;
  display: flex;
  gap: 5px;
  z-index: 1;
}
.attrIconWrapper .attrIcon img {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .25));
  width: auto;
  height: auto;
}


.underSlider {
  /*display: none; /* お品書き非公開時 */

  position: fixed;
  z-index: 999;
  bottom: 0;
  background: #e3e1dd;
  -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.2);
          box-shadow: 0 -2px 3px rgba(0,0,0,.2);
}
.sliderInnner {
  width: 1000px;
  margin: 0 auto;
}
.slider {
  position: relative;
  display: inline-block;
  float: left;
  width: 775px;
  height: 60px;
}
.slider .sliderList {
  overflow: hidden;
  height: 60px;
  background-color: #e3e1dd;
}
.slider .sliderList li {
  position: relative;
  padding: 0;
}
.slider .sliderList li a,
.slider .sliderList li a .title,
.slider .sliderList li .title a {
  color: #333;
  font-size: 16px;
}
.slider .sliderList li a .title {
  display: block;
  margin-top: 6px;
}
.slider .sliderList li.slideItemPhoto {
  display: inline-block;
  overflow: hidden;
  width: 60px !important;
  height: 60px !important;
}
.slider .sliderList li.slideItemPhoto:nth-child(even) {
  background-color: #ddd;
}
.slider .sliderList li.slideItemPhoto:nth-child(odd) {
  background-color: #ccc;
}


.slider .sliderList li.slideItemPhoto a {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.slider .sliderList li.slideItemPhoto a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  vertical-align: baseline;
}

.slider .sliderList li.slideItemPhoto p {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
}


.btnAll {
  display: inline-block;
  float: left;
  width: 200px;
  height: 34px;
  margin: 10px 0 0 13px;
  text-align: center;
  border-bottom: 4px solid #d67688;
  border-radius: 5px;
  background-color: #ea8195;
}
.btnAll.disable {
  pointer-events: none;
  background-color: #D5D3D5;
  border-bottom: 4px solid #CCCACC;
}
.btnAll a {
  display: block;
  padding: 11px 15px;
  letter-spacing: 1px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.btnAll:hover {
  opacity: .7;
}

.underSlider .help  {
  float: left;
  width: 775px;
  height: 50px;
  position: relative;
  border-right: 2px solid #fff;
  margin: 5px 0;
}
.underSlider .help .pc p {
  padding: 5px 5px 5px 15px;
  color: #E5607B;
  line-height: 20px;
}
.underSlider .help .pc p strong {
  font-size: 17px;
}
.underSlider .help .pc a {
  position: absolute;
  right: 20px;
  top: 7px;
  display: block;
  background: #E88297;
  color: #fff;
  width: 165px;
  padding: 0 0 0 30px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
}
.underSlider .help .pc a img {
  width: 20px;
  position: absolute;
  left: 13px;
  top: 8px;
}



#shareModalWrapper {
  position: fixed;
  z-index: -100000;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  transition: .3s ease;
}
#shareModalWrapper.show {
  opacity: 1;
  z-index: 10000;
}
#shareModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#shareModalWrapper .shareModal {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 320px;
  height: 150px;
  margin: -75px 0 0 -160px;
  border-radius: 5px;
  background: #fff;
}
#ShareModalHeader {
  margin: 10px 0 25px;
  font-size: 13px;
  font-weight: bold;
}
#shareModalWrapper .shareModal .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
#shareModalWrapper .shareModal .modalContent {
  padding: 20px 0 0 0;
  text-align: center;
}
#shareModalWrapper .shareModal .modalContent .snsButtons {
  display: inline-block;
  padding: 0 7px;
  vertical-align: middle;
}


#productModalWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#productModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.productModal {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 955px;
  margin: 0 0 30px -475.5px;
  background-color: #fff;
  background-image: url(/images/creators/BgProductModal.png);
  background-repeat: repeat-y;
}
.productModal .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
.productModal .thumb {
  position: relative;
  display: block;
  background: #fff;
  float: left;
  width: 650px;
  padding: 0 0 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  overflow: hidden;
}
.productModal .thumb p {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 700px;
  line-height: 0;
  text-align: center;
}
.productModal .thumb p img {
  max-width: 100%;
}
.productModal .thumb .otherItems {
  margin: 25px -25px 0 0;
}
.productModal .thumb .otherItems a {
  display: inline-block;
  width: 110px;
  height: 110px;
  margin: 0 19px 0 0;
  overflow: hidden;
  position: relative;
}
.productModal .thumb .otherItems a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: -webkit-transform .3s ease;
          transition:         -webkit-transform .3s ease;
          -o-transition:         transform .3s ease;
          transition:         transform .3s ease;
          transition:         transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  vertical-align: baseline;
}
.productModal .thumb .otherItems a:hover img {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
      -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
          transform: translateY(-50%) translateX(-50%) scale(1.2);
}
.productModal .right {
  position: relative;
  float: right;
  width: 260px;
  min-height: 550px;
  padding: 10px 15px 25px;
}
.productModal .right .attrIconWrapper {
  position: static;
}
.productModal .right .productName {
  margin: 5px 0 10px 0;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
}
.productModal .right .price {
  margin: 0 0 10px 0;
}
.productModal .right .comment {
  margin: 0 0 20px 0;
  line-height: 1.4;
}

/**/
.productModal{
    background: #fff;
    padding: 30px 0 30px;
}
.productModalHader{
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 0 0 30px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.exhibitorInfo{
    width: auto;
    float: left;
}
.exhibitorInfo:hover{
    opacity: .8;
}
.exhibitorImg{
    background: #eee;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    float: left;
    text-align: center;
    overflow: hidden;
    background-position: center center;
    background-size: contain;
}
.exhibitorName{
    float: left;
    font-weight: bold;
    font-size: 23px;
    line-height: 50px;
}
.exhibitorInner{
    float: right;
    width: auto;
    margin-right: 50px;
    line-height: 50px;
}
.exhibitorNumber{
    float: left;
  margin-left: 20px;
}
.exhibitorNumber span{
    font-size: 20px;
}
.exhibitorDay{
    float: left;
    list-style: none;
}
.exhibitorDay li{
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
/**/



.tags {
  list-style-type: none;
}
.tags .tag {
  /*height: 9px;*/
  display: inline-block;
  margin: 0 6px 6px 0;
  color: #f7969e;
  /*border: 1px solid #f7969e;*/
  border-radius: 5px;
  /*line-height: 13px;*/
  background: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 2.3rem;
}
.tags .tag a {
  display: block;
  background-color: #72695E;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  padding: 3px 12px;
  text-decoration: none;
}
.tags .tag a:before {
  content: '#';
}
.btnAddWrapper {
  /*display: none;/*  チェックリスト非公開時 */

  width: 100%;
}
.btnAddWrapper .share {
  text-align: center;
  background: #fff;
  border-top: 1px solid #E6E6E6;
  padding: 20px 0 0;
  margin: 20px 0 0;
}
.btnAddWrapper .share .label {
  color: #888;
  font-size: 1.3rem;
  margin: 0 0 10px 0;
}
.btnAddWrapper .share .label img {
  vertical-align: middle;
  margin: -2px 10px 0 -30px;
}
.btnAddWrapper .share a:hover {
  opacity: .8;
}
.productModal .btnAddList {
  position: relative;
  width: 175px;
  height: 37px;
  margin: 20px auto;
  cursor: pointer;
  text-align: center;
  border: solid 1px #bbb;
  border-radius: 19px;
  background: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
          box-shadow: 0 3px 5px rgba(0,0,0,.3);
  line-height: 37px;
}
.productModal .btnAddList:after {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 16px;
  height: 12px;
  content: "";
  background: url(/images/creators/iconAddList.png);
}
.productModal .btnAddList.checked {
  color: #fff;
  border: solid 1px #f89299;
  background: #f89299;
}
.productModal .btnAddList.checked:after {
  background: url(/images/creators/iconAddListOn.png);
}
.arrowLeft {
  position: absolute;
  top: 320px;
  left: -50px;
}
.arrowRight {
  position: absolute;
  top: 320px;
  right: -50px;
}





/*-----------------------------
　　チェックリストとは？
------------------------------*/
#helpModalWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#helpModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#checkListHelp {
  width:660px;
  background:#FFF;
  padding:45px;
  position:absolute;
  top: 30px;
  left: 50%;
  margin-left:-375px;
  z-index:100;
}
#checkListHelp .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
#checkListHelp .title{
  color:#EA657A;
  font-weight:bold;
  font-size:22px;
  margin-bottom:30px;
  text-align:center;
}
#checkListHelp .read{
  line-height:1.6em;
  font-size:15px;
  color:#333;
  margin-bottom:40px;
}
#checkListHelp ol {
  padding: 0 47px;
}
#checkListHelp ol li {
  margin-bottom:35px;
  list-style-type:none;
}
#checkListHelp ol li .text {
  font-size:16px;
  font-weight:bold;
  color:#333;
  margin-bottom:16px;
  line-height:1.4em;
}
#checkListHelp ol li .text span {
  font-size:22px;
  color:#EA657A;
  margin-right:5px;
}
#checkListHelp ol li .checkNote {
  border:1px solid #E73A00;
  padding:22px;
}
#checkListHelp ol li .checkNote {
  width: 250px;
    float: right;
}
#checkListHelp ol li .checkNote dt {
  font-weight:bold;
  font-size:15px;
  margin-bottom:10px;
  color:#E73A00;
}
#checkListHelp ol li .checkNote dd {
  color:#333;
  line-height:1.5em;
  font-size:14px;
}
#checkListHelp ol li .checkNote dd strong {
  font-weight:bold;
  background:#FFFF99;
}


/* 注意書きリスト */
.note {
  color: #888;
}
.note li {
  padding: 0 0 0 1.1em;
  position: relative;
  list-style:none;
  font-size: 1.3rem;
  line-height: 1.5;
}
.note li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.note.asterisk li:before {
  content: "※";
}
.note strong {
  color: #b20000;
}

/* 重要なコンテンツ */
.importantContent {
  display: block;
  padding: 20px 20px 5px;
  border: 2px solid #C07024;
  margin: 20px 0;
}
.importantContent .importantContentHeading {
  font-size: 1.6rem;
}
.importantContent p {
  margin: 0 0 15px 0;
}

.importantText {
  color: #b20000;
}


/* フォーム要素 */
/* テーブル */
.formContainer {
  line-height: 1.5;
}
.formContainer .formTitle {
  display: block;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  color: #fff;
  border-radius: 4px;
  background-color: #6D6155;
  font-size: 1.6rem;
}
.formContainer .formTableTitle {
  color: #463733;
  font-size: 1.6rem;
  padding: 0 0 0 25px;
  background-image: url(/images/common/iconLead.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.formContainer .caption {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}
.formContainer .caption.textLeft {
  text-align: left;
}
.formContainer .formTable {
  width: 100%;
  max-width: 960px;
  border: 1px solid #ddd;
  margin: 0 auto;
  position: relative;
}
.formContainer .formTable + .formTable {
  margin: 10px auto 0;
}
.formContainer .formTable caption {
  text-align: left;
  padding: 20px 0;
}
.formContainer .formTable caption .info {
  padding: 5px 10px 3px;
  color: #C54641;
  border: 1px solid #C54641;
  top: 17px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  right: 0;
}
.formContainer .formTable caption strong {
  color: #b20000;
}
.formContainer .formTable th {
  padding: 0 0 0 20px;
  background: url(/images/format/BgLightBlue.png) repeat;
  vertical-align: middle;
  border: 1px solid #ddd;
  text-align: left;
  font-size: 1.3rem;
}
.formContainer .formTable tbody th {
  width: 180px;
}
.formContainer .formTable th span {
  font-size: 1.1rem;
}
.formContainer .formTable td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 15px 20px 10px 20px;
}
.formContainer .formTable td .label {
  margin-bottom: 10px;
}
.formContainer .formTable td .spLabel {
  display: none;
}
.formContainer .formTable td .fieldRow {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.formContainer .formTable td .fieldRow .field {
  margin-bottom: 0;
}
.formContainer .formTable td .field {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 8px 0;
}
.formContainer .formTable td .field.lLarge {
  margin-right: 0;
}
.formContainer .formTable td .field.noMarginContainer {
  margin: 0;
}
.formContainer .formTable td .field .fieldCheckbox {
  margin: 0 5px 10px 0;
}
.formContainer .formTable td .field .file {
  margin: 0 5px 5px 0;
}
.formContainer .formTable .textBlock {
  margin-bottom: 5px;
}
.formContainer .formTable .note {
  color: #525252;
  margin: 10px 0 0 0;
}
.formContainer .formTable td .errorText {
  margin: 0 0 5px 0;
}

/* オプション */
.formContainer .formTable.option th {
  padding: 5px 20px;
}
.formContainer .formTable.option td {
  border-left: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  padding: 5px 20px;
}
.formContainer .formTable.option td .specification {
  color: #777;
}
.formContainer .formTable.option tr .soldOut {
  display: none;
}
.formContainer .formTable.option tr.isSoldOut .selectArea {
  display: none;
}
.formContainer .formTable.option tr.isSoldOut .soldOut {
  display: block;
}
.formContainer .formTable.option tr.isSoldOut.isTimeOut {
  opacity: .5 !important;
  pointer-events: none;
}
.formContainer .formTable.option tr.isSoldOut.isTimeOut .selectArea {
  display: block;
}

/* インプット */
.field {
  position: relative;
  width: 350px;
}
.field.short {
  width: 200px;
}
.field.sShort {
  width: 90px;
}
.field.ssShort {
  width: 65px;
}
.field.lLarge {
  width: 100%;
}
.field .fieldLabel {
  position: absolute;
  padding: 4px 10px;
  -webkit-transition: transform .2s ease-out;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  -o-transition: transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: 0;
  color: #999;
  font-size: 1.1rem;
  line-height: 1;
}
.field input[type='text'],
.field input[type='email'],
.field input[type='password'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 10px;
  -webkit-transition: transform .2s ease-out;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  -o-transition: transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.6rem;
  background-color: #F9F6F3;
}
.field textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 150px;
  padding: 10px;
  -webkit-transition: transform .2s ease-out;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  -o-transition: transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.6rem;
  background-color: #F9F6F3;
  display: block;
}
.field textarea[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
.field select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.6rem;
  background-color: #F9F6F3;
  background-image: url(/images/common/icon/iconSelectArrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.field .fieldCheckbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.field .fieldCheckbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.field .fieldCheckbox label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%,#f9f6f3 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(50%, #f9f6f3));
  background: -o-linear-gradient(top, #ffffff 0%,#f9f6f3 50%);
  background: linear-gradient(to bottom, #ffffff 0%,#f9f6f3 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f6f3',GradientType=0 );
}
.field .fieldCheckbox.btnBrown label {
  color: #fff;
  background: #867c71;
  background: -webkit-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: -webkit-gradient(linear,  left top, left bottom,  from(#867c71),color-stop(50%, #6d6155));
  background: -o-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: linear-gradient(to bottom,  #867c71 0%,#6d6155 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#867c71', endColorstr='#6d6155',GradientType=0 );
}
.field .fieldCheckbox input:checked + label,
.field .fieldCheckbox.btnBrown input:checked +  label {
  color: #fff;
  background: #174764;
  border-color: #174764;
}
.field .fieldCheckbox input:disabled + label,
.field .fieldCheckbox.btnBrown input:disabled +  label {
  background: #ccc;
  border-color: #ccc;
  color: #fff;
}
.field .file {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 135px;
  height: 135px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #F9F6F3;
  position: relative;
  background-image: url(/images/common/bgImageSelect.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.field .file .fileInput {
  position: absolute;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.field .file .fileInput input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 200px;
  cursor: pointer;
}
.field .file .thumb {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.field .file .remove {
  display: none;
  position: absolute;
  top: -7px;
  right: -7px;
  width: 30px;
  height: 30px;
  background-image: url(/images/common/btnImageRemove.png);
  cursor: pointer;
}
.field .file.readImage {
  border-color: #6D6154;
  background-image: none;
}
.field .file.readImage .fileInput {
  display: none;
}
.field .file.readImage .thumb {
  display: block;
}
.field .file.readImage .remove {
  display: block;
}
.field.error input[type='text'],
.field.error input[type='email'],
.field.error input[type='password'],
.field.error textarea,
.field.error select,
.field .file.error {
  background-color: #FFDFE0 !important;
}
::-webkit-input-placeholder {
  color: #999;
}
/* 横並びのテキスト */
.fieldInlineText {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  vertical-align: top;
}

/* 独立したインプット
主にパスワード入力フォーム・メールアドレスで利用します
*/
.inputBox {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F6F0EA;
}
.inputBox + .inputBox {
  margin: 10px auto 0;
}
.inputBox .label {
  display: block;
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 1.4rem;
}
.inputBox .field {
  width: 100%;
}
.inputBox .field input[type='text'],
.inputBox .field input[type='email'],
.inputBox .field input[type='password'],
.inputBox .field textarea,
.inputBox .field select {
  background-color: #fff;
}

.inputBox.horizontal .label {
  display: inline-block;
  width: 130px;
  margin: 0 10px 0 0;
  line-height: 1.5;
  font-size: 1.3rem;
  vertical-align: middle;
}
.inputBox.horizontal .field {
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
}

.inputBox .selectEvent {
  display: flex;
  text-align: left;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.inputBox .selectEvent + .selectEvent {
  margin-top: 15px;
}
.inputBox .selectEvent input {
  margin-right: 10px;
}


/* 送信ボタン */
.formBtn {
  text-align: center;
  position: relative;
  padding: 30px 0 0;
}
.formBtn button {
  display: inline-block;
  width: 88%;
  max-width: 300px;
  text-align: center;
  border-radius: 6px;
  color: #fff;
  font-size: 1.8rem;
  height: 50px;
  border: none;
  background: #867c71;
  background: -webkit-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: -webkit-gradient(linear,  left top, left bottom,  from(#867c71),color-stop(50%, #6d6155));
  background: -o-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: linear-gradient(to bottom,  #867c71 0%,#6d6155 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#867c71', endColorstr='#6d6155',GradientType=0 );
  cursor: pointer;
}
.formBtn button:disabled {
  background: #ccc;
}
.formBtn button:hover {
  opacity: .8;
}
.formBtn .linkBtn {
  text-decoration: none;
  display: inline-block;
  width: 80%;
  max-width: 300px;
  padding: 20px 10px;
  color: #fff;
  font-size: 2.4rem;
  text-align: center;
  border-radius: 6px;
  background: #867c71;
  background: -webkit-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: -webkit-gradient(linear,  left top, left bottom,  from(#867c71),color-stop(50%, #6d6155));
  background: -o-linear-gradient(top,  #867c71 0%,#6d6155 50%);
  background: linear-gradient(to bottom,  #867c71 0%,#6d6155 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#867c71', endColorstr='#6d6155',GradientType=0 );
}
.formBtn .linkBtn:hover {
  opacity: .8;
}
.formBtn .backLinkBtn {
  padding: 0 0 0 20px;
  display: inline-block;
  vertical-align: bottom;
  background-image: url(/images/common/icon/iconLinkArrowBack.png);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
  margin: 0 30px 0 -50px;
}
.formBtn .backLinkBtn:hover {
  opacity: .8;
}
.formBtn .formBtnNote {
  text-align: center;
  font-size: 1.3rem;
  margin: 20px 0 0 0;
}

/* エラーテキスト */
.errorText {
  color: #B20000;
  padding: 0 0 0 25px;
  min-height: 20px;
  line-height: 20px;
  background-image: url(/images/common/icon/iconError.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  font-size: 1.3rem;
}

/* エラー通知 */
.errorInfo {
  display: block;
  max-width: 560px;
  border: 1px solid #B20000;
  background-color: #FFEFF0;
  padding: 30px 20px 15px;
  border-radius: 4px;
  text-align: center;
  color: #B20000;
  margin: 40px auto 20px;
  position: relative;
}
.errorInfo:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin: 0 0 0 -20px;
  background-image: url(/images/common/imgError.png);
}


/* フォーム完了ページ
メール送信完了ページ等のフォーマット */
.finishContent {
  text-align: center;
  padding: 50px 20px;
}
.finishContent .finishContentImg {
  margin: 0 0 30px 0;
}
.finishContent p {
  font-size: 1.6rem;
}
.finishContent span {
  font-size: 1.4rem;
}


/* 電話お問い合わせ */
.telInfoContainer {
  display: block;
  max-width: 360px;
  margin: 0 auto;
  padding: 10px 0;
  color: #463733;
}
.telInfoContainer > p {
  text-align: center;
  margin: 0 0 10px 0;
}
.telInfoContainer .telInfo {
  background-color: #F6F0EA;
  padding: 5px 0;
  text-align: center;
}
.telInfoContainer .telInfo > .inner {
  border-top: 1px dashed #6D6155;
  border-bottom: 1px dashed #6D6155;
  padding: 10px 0;
}
.telInfoContainer .telInfo > .inner .name {
  margin: 0 0 10px 0;
}
.telInfoContainer .telInfo > .inner .number {
  margin: 0 0 10px 0;
  font-size: 28px;
}
.telInfoContainer .telInfo > .inner .time {
  font-size: 13px;
}




/**
 * テーブル確認モーダル
 */
.tableOptionCheckModalCover {
  box-sizing: border-box;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11000;
  width: 100%;
  height: 100%;
  padding: 50px 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, .3);
}
.tableOptionCheckModal {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  line-height: 1.3;
}
.checkSection {
  display: none;
}
.checkSection.show {
  display: block;
}
.tableOptionCheckModal .checkSection.show + .checkSection {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.tableOptionCheckModal .modalTitle {
  font-size: 24px;
  text-align: center;
  margin: 0 0 20px 0;
}
.tableOptionCheckModal .modalText {
  margin: 0 0 20px 0;
}
.tableOptionCheckModal .info {
  text-align: center;
}
.tableOptionCheckModal .tableOptionChecklist {
  padding: 20px 20px 20px 30px;
  margin: 0 0 20px 0;
  background: #fef1f6;
}
.tableOptionCheckModal .tableOptionChecklist li + li {
  margin: 10px 0 0 0;
}
.tableOptionCheckModal .check {
  text-align: center;
  margin: 0 0 20px 0;
}
.tableOptionCheckModal .check label {
  background: #fef1f6;
  padding: 5px 10px;
}
.tableOptionCheckModal .check input {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.tableOptionCheckModal .formBtn {
  text-align: center;
  padding-top: 10px;
}
.tableOptionCheckModal .formBtn button {
  margin: 0 0 15px 0;
}
.tableOptionCheckModal .formBtn button[disabled] {
  opacity: .3;
  cursor: default;
}




/**
 * 特集バナー
 */
.featureBannerContainer {
  display: flex;
  max-width: 1060px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.featureBannerContainer > a {
  padding: 10px;
}


/**
 * ブースレイアウトモーダル
 */
.boothLayoutModalBanner {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  padding: 0 10px;
}
.boothLayoutModalBanner button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.boothLayoutModalWrapper {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 0;
  overscroll-behavior-y: contain;
  overflow: auto;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
}
.boothLayoutModalWrapper.show {
  opacity: 1;
  pointer-events: auto;
}
.boothLayoutModalBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .3;
}
.boothLayoutModal {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding: 50px;
  background-color: #fff;
  border-radius: 10px;
}
.boothLayoutModalClose {
  position: absolute;
  top: -20px;
  right: -20px;
  background: #fff;
  padding: 10px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.boothLayoutModalSection + .boothLayoutModalSection {
  margin-top: 20px;
}
.boothLayoutModalHeading {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #5b4c3e;
  border-radius: 3px;
}
.boothLayoutModalBody {
  padding: 0 10px;
}
.boothLayoutModalBody img {
  display: block;
  margin: 20px auto;
}
.boothLayoutModalText {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.boothLayoutModal strong {
  color: #de682a;
  font-weight: bold;
}
.boothLayoutModal .boothLayoutModalText + .note {
  margin-top: -10px;
}
.boothLayoutModal .note li {
  font-size: 1.4rem;
}




/**
 * Retina用背景画像の指定
 */
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  /**
   * ヘッダー
   */
  #globalHeader .subNav .inner ul li.subNavMypage:before {
    background-size: 11px 22px;
    background-image: url(/images/common/icon/iconKey@2x.png);
  }
  #globalHeader .subNav .inner .linkYhm:after {
    background-size: 5px 9px;
    background-image: url(/images/common/icon/iconLinkArrow@2x.png);
  }
  #globalHeader .mainNav {
    background-size: 49px 95px;
    background-image: url(/images/common/bgNav@2x.png);
  }
  #globalHeader .mainNav .inner ul li > a:before {
    background-size: 6px 10px;
    background-image: url(/images/common/icon/iconMainNavArrow@2x.png);
  }
  #globalHeader .mainNav .inner ul li.mainNavEntry.button > a:before {
    background-size: 18px 18px;
    background-image: url(/images/common/icon/iconPencil@2x.png);
  }
  /* フォーム要素 */
  /* テーブル */
  .formContainer .formTableTitle {
    background-size: 16px 16px;
    background-image: url(/images/common/iconLead@2x.png);
  }

  /* インプット */
  .field select {
    background-size: 13px 7px;
    background-image: url(/images/common/icon/iconSelectArrow@2x.png);
  }
  .field .file {
    background-size: 67px 53px;
    background-image: url(/images/common/bgImageSelect@2x.png);
  }
  .field .file .remove {
    background-size: 30px 30px;
    background-image: url(/images/common/btnImageRemove@2x.png);
  }

  /* 送信ボタン */
  .formBtn .backLinkBtn {
    background-size: 8px 12px;
    background-image: url(/images/common/icon/iconLinkArrowBack.png);
  }

  /* エラーテキスト */
  .errorText {
    background-size: 20px 20px;
    background-image: url(/images/common/icon/iconError@2x.png);
  }

  /* エラー通知 */
  .errorInfo:before {
    background-size: 40px 40px;
    background-image: url(/images/common/imgError@2x.png);
  }
}
