@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/*上下の枠を合わせる*/
[class^="list-design"] .contents-wrap {
  width:100%;
  padding-left:2rem;
  padding-right:2rem;
}
/* 2列 */
.list-design4.column2.outer-left > .contents-wrap{
  justify-content: space-between;
  padding-left:2rem;
  padding-right:2rem;

}
.list-design4.column2 > .contents-wrap .item{
  overflow: hidden;
  /*width: calc(100% / 2 - 1rem);*/
  width: calc(100% / 2 - 4rem);
  margin:2rem;
}

.list-design4.column2 > .contents-wrap .item:first-child {
  margin-left:0;
}

.list-design4.column2 > .contents-wrap .item:last-child {
  margin-right:0;
}

/*撮影地点*/

.list-design4.column1 .item {
  width:100%;
  padding:0 2rem;
}

/*06panorama.cssよりコピー*/
h4.panorama-icon::before {
	content: '';
	display: inline-block;
	background-image: url(../images/06panorama/icon-area.png);
  	background-repeat: no-repeat;
 	background-size: contain;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

ul.link-wrap {
  width:100%;
  /*display: block;*/
  display: flex;
  justify-content: center;
  text-decoration: none;
  margin-bottom:1em;
}

ul.link-wrap li {
  line-height:2.0;
  margin:1em;
}

ul.link-wrap li a {
  font-size:1.0em;
}

.point-list-wrap {
  width:90%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin:1em auto;
}

ul.point-list {
  width:30%;
  display: block;
  margin-right:2em;
}

ul.point-list li {
  list-style-type: disc;
  margin-left:2em;
}

ul.point-list li.area {
  font-weight:bold;
  text-decoration: underline;
  font-size:1.1em;
  list-style: none;
  margin-left:0;
}

.list-design4#point .item > p {
  margin:0 auto 0 2em;
  color:#262626;
  font-size:100%;
}

@media (max-width: 767px) {
/*追記*/
  .list-design4.column2.outer-left > .contents-wrap{
    display: block;
  }
/*追記*/
  .list-design4.column2 > .contents-wrap .item{
    width: 100%;
    margin: 2rem auto;
  }
/*追記*/
  .list-design4.column2 > .contents-wrap .item:first-child {
    margin: 2rem auto;
  }
/*追記*/
  .list-design4.column2 > .contents-wrap .item:last-child {
    margin: 2rem auto;
  }

  ul.point-list {
    width:100% ;
    margin-right:0;
  }
  .point-list-wrap {
    flex-wrap:wrap;
    margin-top:0;
  }

  ul.point-list li.area {
    margin-top:1em;
  }

  ul.point-list li {
  margin-left:1em;
}

/*追記*/
  .list-design4#point .item > p {
    margin:0;
    padding: 0;
  }

}