@charset "utf-8";
/* CSS Document */

.pc{ display: inherit !important; }
.sp{ display: none !important; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, span, a, b, i {
  margin: 0;
  padding: 0;
  word-break: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
ol, ul {
  list-style: none;
}
img{
    max-width:100%;
    height:auto;
  vertical-align: top;
}
html {
  font-size: 62.5%;
}
body {
    background: none;
}
body,input,select,option,textarea,button,pre{
	font-size: 1.4rem;
	line-height:1.6;
	color:#333;
	font-family: 'Noto Sans JP','Roboto', sans-serif;
}
#branding {
    border-bottom: solid 1px #e5e5e5;
}
#page {
    background: none;
    width: auto;
}
hgroup h1 {
    float: none;
    margin: 0 auto;
    padding: 16px;
    width: auto;
    height: auto;
    text-align:center;
  font-size: 1px;
}
#main{
    margin: 0;
  /*background:url("esports/bg1.png") repeat-x top;*/
}
#marche-b0{
  padding: 80px 0;
  position: relative;
  background:url("../images/esports/bg.jpg") no-repeat center center;
  background-size:cover;
  border-bottom:solid 1px #fff;
}
#marche-b0 .logo{
  text-align: center;
}
#marche-b0 .logo img{
  width: 900px;
}
#marche-note{
  background: #e4007f;
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 30px 0;
  line-height: 1.3;
  border-bottom:solid 1px #fff;
}
#marche-note h2{
  font-size: 3.2rem;
  margin-bottom: 16px;
}
#marche-note p{
  font-size: 1.8rem;
}

#marche-b4{
    background: #f3f3f3;
    padding: 56px 0 60px;
    text-align: center;
}
#marche-b4 .outline{
	margin:0 0 80px;
}
#marche-b4 .inner{
    max-width: 900px;
    background: #fff;
}
#marche-b4 h2{
    font-size: 2.8rem;
    font-weight: bold;
    position: relative;
    max-width: 900px;
    margin: 0 auto 56px;
  color: #e4007f;
}
#marche-b4 h2:after{
    content:"";
    position: absolute;
    background: #e371b0;
    width: 100px;
    height: 2px;
    display: inline-block;
    bottom:-24px;
    left:calc(50% - 50px);
}
#marche-b4 .inner{
    background: #fff;
    max-width: 900px;
    margin: 0 auto;
    padding: 44px 54px 54px 68px;
    text-align: left;
    clear: both;
}
#marche-b4 table th,
#marche-b4 table td{
  padding: 12px;
  background: #ffe5f7;
}
#marche-b4 table th{
  text-align: center;
  width: 25%;
}
#marche-b4 table tr:nth-of-type(2n+1) th,
#marche-b4 table tr:nth-of-type(2n+1) td{
  background: #fff2fb;
}
.dlist{
  overflow: hidden;
}
.dlist dt{
  float: left;
  clear: left;
  font-weight: bold;
  color: #e4007f;
}
.dlist1 dt{
  width: 9em;
  margin-bottom: 5px;
  line-height: 1.3;
}
.dlist1 dd{
 margin-left: 9em;
  margin-bottom: 5px;
  line-height: 1.3;
}



#marche-b5{
    text-align: center;
    padding: 80px 0;
    background:url("../wp/wp-content/themes/jcv/images/marche/b2-bg.png") repeat;
    margin: 0 0 60px;
}
#marche-b5 .inner{
    margin-top: 36px;
}
#marche-b5 .kome{
  margin-top: 20px;
}
#marche-b5 h2{
    background: #e4007f;
    color: #fff;
    font-weight: bold;
    font-size: 3.2rem;
    text-align: center;
    padding: 0 80px;
    line-height: 80px;
    border-radius: 40px;
    display: inline-block;
    margin-bottom: 40px;
}
#marche-b5 p.intro{
    font-size: 1.8rem;
    font-weight: bold;
}
.memnum{
  min-width:80% !important;
  max-width:9999px !important;
}
.mailform{
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    box-shadow:0 0 8px rgba(0,0,0,0.25);
    padding: 20px;
}
#marche-b5 form#mailformpro dl dt {
    color: #e4007f;
}
.ttl2{
    margin: 16px 0 8px;
  font-weight: bold;
  padding: 0 0 4px 5px;
  font-size: 1.6rem;
  color: #0021ba;
  border-bottom: solid 1px #0021ba;
  border-left: solid 5px #0021ba;
}
.note{
    background: #efefef;
    padding: 20px;
    margin: 0 0 40px;
}

.mailform div.mfp_buttons button{
background: -moz-linear-gradient(top,  #ff9900 0%, #ff7500 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9900 0%,#ff7500 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9900 0%,#ff7500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    width: 80%;
    max-width: 100% !important;
    margin: 0 auto;
    line-height: 80px;
    color: #fff;
    box-shadow:0 2px 3px rgba(0,0,0,0.6);
    font-size: 2.8rem;
    font-weight: bold;
    border-radius: 10px;
    border:none;
    cursor:pointer;
}
.mailform div.mfp_buttons button:hover{
background: -moz-linear-gradient(top,  #ff7500 0%, #ff9900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff7500 0%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff7500 0%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    width: 80%;
    margin: 0 auto;
    line-height: 80px;
    color: #fff;
    box-shadow:0 2px 3px rgba(0,0,0,0.6);
    font-size: 2.8rem;
    font-weight: bold;
    border-radius: 10px;
    border:none;
    cursor:pointer;
}
.red{
    color: #c70000;
}

#marche-b6{
    text-align: center;
}
#marche-b6 h2{
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 46px;
    color: #0021ba;
}
#marche-b6 h2:after{
    content:"";
    position: absolute;
    background: #0021ba;
    width: 100px;
    height: 2px;
    display: inline-block;
    bottom:-18px;
    left:calc(50% - 50px);
}
#marche-b6 .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}
#marche-b6 .inner .logo{
  width: 306px;
}
#marche-b6 .inner dl{
  text-align: left;
}
#marche-b6 .inner dl dt{
  width: 5em;
  float: left;
}
#marche-b6 .inner dl dd{
  margin-left: 5em;
}
#marche-b6 p{
    font-size: 1.8rem;
    line-height: 2.4;
    font-weight: bold;
}
#marche-b6 p span{
    margin: 0 0.6em;
}
#footer {
    padding: 20px;
}
#footer footer{
    width: auto;
}
#copyright {
    float: none;
    text-align: center;
}
#marche-b4 table,
#marche-b4 table tbody,
#marche-b4 table tr,
#marche-b4 table th,
#marche-b4 table td{
  width:auto !important;
  height:auto !important;
}
#marche-b4 table{
  width:100% !important;
}


@media screen and (max-width: 800px) {
.pc{ display: none !important; }
.sp{ display: inherit !important; }

hgroup h1 {
    margin: 0 20px;
}
#marche-b0{
    padding: 30px 20px;
}
  #marche-b0 ul {
    position: static;
    width: auto;
    padding: 0;
    text-align: center;
}
  #marche-b0 ul li{
    text-align: center;
    margin: 40px auto 0;
  }
  #marche-b0 ul li:nth-of-type(1){ width: 36%; }
#marche-b0 ul li:nth-of-type(2){ width: 64%; }
  #marche-b1 {
    height: auto;
    padding: 24px 20px;
    font-size: 1px;
}
#marche-b2{
  margin: 30px 0 50px;
}
  #marche-b2 h2 img {
    margin-bottom: 10px;
}
#marche-b2 ul {
    display: block;
}
  #marche-b2 ul li{
    text-align: center;
    margin: 20px;
    width: auto;
}
#marche-b3 h2{
  font-size: 2.1rem;
  margin-bottom: 20px;
  padding: 8px 20px 8px 70px;
  text-align: left;
}
#marche-b3 h2:before{
  content:"";
  background:url("esports/ttl3-deco.png");
  background-size: contain;
  width: 72px;
  height: 72px;
  position: absolute;
  left:0px;
  top:-30px;
}
  #marche-b3 .inner {
    display: block;
    margin: 0 20px;
}
  #marche-b3 .inner .photo {
    width: auto;
    margin-bottom: 20px;
}
  #marche-b3 .inner .info {
    padding-right: 0px;
}
  #marche-b3 .inner .info h3 {
    font-size: 2.1rem;
}
  #marche-note {
    padding: 16px 20px;
}

#marche-note h2 {
    font-size: 2.2rem;
    margin-bottom: 8px;
}
#marche-note p {
    font-size: 1.6rem;
    margin-bottom: 8px;
}
#marche-note {
    padding: 16px 20px;
}
#marche-b4 {
    padding: 20px;
}
#marche-b4 h2{
    font-size: 2.2rem;
    text-align: center;
}
#marche-b4 h2 img.photo {
    height: 60px;
    top: 24px;
}

#marche-b4 .inner {
    padding: 20px;
}
#marche-b4 .photo{
    width: auto;
    max-width: 400px;
    margin:0 auto 20px;
    float: none;
}
#marche-b5 {
    padding: 40px 20px;
}
  #marche-b5 h2 {
    font-size: 2.4rem;
    padding: 0 40px;
    line-height: 40px;
    border-radius: 20px;
    margin-bottom: 20px;
}
#marche-b5 p.intro {
    font-size: 1.4rem;
}
#marche-b5 .inner{
    margin-top: 18px;
}
.mailform div.mfp_buttons button {
    width: 100% !important;
}
#marche-b6{
    padding: 0 20px;
}
  #marche-b6 h2 {
    font-size: 2.1rem;
}
  #marche-b6 .inner {
    display: block;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
  #marche-b6 .inner .logo {
    margin: 0 auto 20px;
}
  .mfp_col7{
    padding-right: 20px !important;
  }

#marche-b4 table,
  #marche-b4 table tbody,
  #marche-b4 table tr,
  #marche-b4 table th,
#marche-b4 table td{
  display: block;
}
  #marche-b4 table th{
  padding: 12px 12px 5px;
}
  #marche-b4 table td{
  padding: 0 12px 12px;
}
#marche-b4 table th{
  text-align: left;
  width: auto;
}
.dlist dt{
  float: none;
  clear: left;
}
.dlist1 dt{
  width: auto;
  margin-bottom: 5px;
}
.dlist1 dd{
 margin-left: 1em;
  margin-bottom: 5px;
}


}