@charset "UTF-8";

.access .wrapall.contents {
  border-bottom:none;
}
.access .wrapall.contents .wrap1800{
	padding: 60px 0 120px;
	background: url(../img/access/bg_access1800_pc.png) center top repeat-y;
}
.access .wrap .ttl_sec:before {
  background: url(../img/access/ttl_access.png) 0 0 no-repeat;
  background-size: 94px auto;
}
.access .wrap .ttl_sec{
  color: #fff;
}
.access .wrap .ttl_sec:after {
  width:175px;
  height: 13px;
  background: url(../img/common/line_white.png) 0 0 no-repeat;
  background-size: auto 11px;
}
.access .area_access {
  margin-top: 35px;
}

.access .area_maptxt {
  float: left;
  width: 245px;
	min-height: 1602px;
  padding: 30px 25px;
  background: #fff;
  border-radius: 5px;
}
.access .area_maptxt h3{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.access .area_maptxt li{
  display: flex;
	display: -ms-flexbox\9;
  flex-wrap: wrap;
	-ms-flex-wrap: wrap\9;
}
.access .area_maptxt li .icon img{
  width: 27px;
  height: auto;
}
.access .area_maptxt li p{
  color: #3e3a39;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.5px;
}
.access .area_maptxt li .txt{
  width: calc(100% - 33px)
}

/*芸楽祭会場*/
.access .box_festival h3{
  color: #ad9c55;
}
.access .box_festival li + li{
  margin-top: 20px;
}
.ie11 .access .box_festival li + li{
  margin-top: 22px;
}
.access .box_festival li .icon{
  margin: 0 6px 0 0;
}
.access .box_festival li .txt{
  line-height: 1.2;
  padding-top: 3px;
}
.access .box_festival li .txt span{
  display: block;
  margin-top: 5px;
  line-height: 1.3;
}
.access .box_festival li .txt span,
.access .box_festival li .txt span a{
  color: #3e3a39;
  font-size: 1.3rem;
  line-height: 1.3;
}

/*協賛企業*/
.access .box_sponsor h3{
  color: #e8382f;
  margin-top: 35px;
}
.ie11 .access .box_sponsor h3{
  margin-top: 37px;
}
.access .box_sponsor li + li{
  margin-top: 10px;
}
.ie11 .access .box_sponsor li + li,
.mac.safari .access .box_sponsor li + li{
  margin-top: 12px;
}
.access .box_sponsor li .txt{
  display: flex;
	display: -ms-flexbox\9;
  align-items: center;
  -ms-flex-align: center\9;
}
.access .box_sponsor li .icon{
  margin-right: 6px;
}

/*区立施設*/
.access .box_facility h3{
  color: #2b4a85;
  margin-top: 35px;
}
.ie11 .access .box_facility h3{
  margin-top: 37px;
}
.access .box_facility li + li{
  margin-top: 10px;
}
.ie11 .access .box_facility li + li,
.mac.safari .access .box_facility li + li{
  margin-top: 12px;
}
.access .box_facility li .txt{
  display: flex;
	display: -ms-flexbox\9;
  align-items: center;
  -ms-flex-align: center\9;
}
.access .box_facility li .icon{
  margin-right: 6px;
}

/*地図*/
.access .area_map {
  float: right;
  width: 740px;
}
.access .area_map p {
  margin-bottom: 15px;
}

/*浅草ホテル旅館組合、フォトスポット*/
.access .area_photospot {
  float: right;
  width: 740px;
  min-height: 210px;
  padding: 30px 25px;
  background: #fff;
  border-radius: 5px;
}
.access .area_photospot h3{
  color: #2b4a85;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.access .txt_hotel{
  margin: 25px 0 22px;
  color: #3e3a39;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.access .box_ps{
  border: 1px solid #2c3869;
  padding: 30px;
}
.access .box_ps h3{
  margin-bottom: 5px;
}
.access .box_ps dl{
  display: flex;
	display: -ms-flexbox\9;
  padding: 15px 0;
  border-bottom: 1px dotted #2c3869;
}
.access .box_ps dl:last-of-type{
  padding-bottom: 20px;
  border:none;
}
.access .box_ps dt{
  display: flex;
  display: -ms-flexbox\9;
  align-items: center;
  -ms-flex-align: center\9;
  width: 245px;
}
.access .box_ps dl:nth-of-type(3) dt{
  align-items:flex-start;
  -ms-flex-align: flex-start\9;
}
.access .box_ps dt .icon{
  margin-right: 12px;
}
.access .box_ps dt .icon img{
  width: 20px;
  height: auto;
}
.access .box_ps dt .txt{
  color: #3e3a39;
  font-size: 1.6rem;
  font-weight: bold;
}
.ie11 .access .box_ps dt .txt{
  padding-top: 5px;
}
.access .box_ps dd{
  width: calc(100% - 245px);
  color: #3e3a39;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 600;
}
.ie11 .access .box_ps dd{
  padding-top: 5px;
}
.access .box_ps ul{
  display: flex;
	display: -ms-flexbox\9;
  justify-content: space-between;
  -ms-flex-pack: justify\9;
}
.access .box_ps ul li{
  width: 118px;
}

@media screen and (min-width: 1800px) {
	
	.access .wrapall.contents{
		width: 100%;
		background: #2b4b86 url(../img/access/bg_access_pc.png) center top repeat-y;
	}
}


@media screen and (max-width: 767px) {

  .access #header_sp .nav_sp li:nth-child(4) a {
    background: #fff;
    color: #2b4b86;
  }
  
  .access .wrapall.contents .wrap1800{
    padding: 6% 0 13%;
    background-color: #2b4b86;
    background-image: url(../img/access/bg_access1_sp.png),url(../img/access/bg_access2_sp.png);
    background-repeat:no-repeat,no-repeat;
    background-position:left top,left bottom;
    background-size:contain,contain;
  }

  .access .wrap .ttl_sec:before {
    background-size: 80px auto;
  }
  .access .wrap .ttl_sec:after {
    width:130px;
    height: 7px;
    background-size: auto 7px;
  }
  .access .area_access {
    margin-top: 5%;
  }

  .access .area_maptxt {
    float: none;
    width: 100%;
		min-height: 0;
    padding: 5% 2.5% 0;
    border-radius: 3px 3px 0 0;
  }
  .access .area_maptxt h3{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 0;
  }
  .access .area_maptxt ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .access .area_maptxt li{
    width: 46%;
  }
  .access .area_maptxt li .txt{
    line-height: 1.4;
    padding-top: 0;
  }
  .access .area_maptxt li .icon img{
    width: 20px;
  }
  .access .area_maptxt li p{
    font-size: 1.3rem;
  }
  .access .area_maptxt li .txt{
    width: calc(100% - 26px)
  }

  /*芸楽祭会場*/
  .access .box_festival li{
    margin-top: 7%;
  }
  .access .box_festival li + li{
    margin-top: 7%;
  }
  .access .box_festival li .txt span{
    margin-top: 3px;
  }
  .access .box_festival li .txt span,
  .access .box_festival li .txt span a{
    font-size: 1rem;
  }
  .access .box_festival li .icon {
    margin: 0 6px 0 0;
  }

  /*協賛企業*/
  .access .box_sponsor h3{
    margin-top: 10%;
  }
  .access .box_sponsor ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .access .box_sponsor li{
    align-items:flex-start;
    margin-top: 5%;
  }
  .access .box_sponsor li .txt{
    padding-top: 5px;
  }
  .access .box_sponsor li + li{
    margin-top: 5%;
  }

  /*区立施設*/
  .access .box_facility h3{
    margin-top: 10%;
  }
  .access .box_facility li{
    align-items:flex-start;
    margin-top: 5%;
  }
  .access .box_facility li .txt{
    padding-top: 5px;
  }
  .access .box_facility li + li{
    margin-top: 5%;
  }

  /*地図*/
  .access .area_map {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 5%;
  }
  .access .txt_map{
    margin-top: 2%;
    color: #fff;
    font-size: 1.4rem;
  }
  
  /*浅草ホテル旅館組合、フォトスポット*/
  .access .area_photospot {
    float: none;
    width: 100%;
    padding: 10% 2.5% 5%;
    margin-top: -1px;
    background: #fff;
    border-radius: 0 0 3px 3px;
  }
  .access .area_photospot h3{
    font-size: 1.6rem;
  }
  .access .txt_hotel{
    margin: 4% 0 0;
    font-size: 1rem;
  }
  .access .box_ps{
    padding: 8% 5%;
  }
  .access .box_ps h3{
    margin-bottom: 0;
  }
  .access .box_ps dl{
    flex-wrap: wrap;
    padding: 5% 0;
  }
  .access .box_ps dl:last-of-type{
    padding-bottom: 8%;
  }
  .access .box_ps dt{
    width: 100%;
  }
  .access .box_ps dt .icon{
    margin-right: 5px;
  }
  .access .box_ps dt .txt{
    font-size: 1.4rem;
  }
  .access .box_ps dd{
    width: 100%;
    padding: 2% 0 0 25px;
    font-size: 1.2rem;
  }
  .access .box_ps ul{
    flex-wrap: wrap;
  }
  .access .box_ps ul li{
    width: 47%;
  }
  .access .box_ps ul li:nth-child(n+3){
    margin-top: 6%;
  }
  
}

@media screen and (max-width: 767px) {
  
  .access .box_sponsor li:nth-child(2){
    align-items:center;
  }
  .access .box_sponsor li:nth-child(2) .txt{
    padding-top: 0;
  }
  
  .access .box_facility li:nth-child(5),
  .access .box_facility li:nth-child(6),
  .access .box_facility li:nth-child(7),
  .access .box_facility li:nth-child(9){
    align-items:center;
  }
  .access .box_facility li:nth-child(5) .txt,
  .access .box_facility li:nth-child(6) .txt,
  .access .box_facility li:nth-child(7) .txt,
  .access .box_facility li:nth-child(9) .txt{
    padding-top: 0;
  }
}