@charset "UTF-8";

.sh-gradient-wrapper {
	padding-bottom: 40px;
}

.sh-contents {
    max-width: 1060px;
}
.sh-contents.sh-contents-design {
    max-width: 1060px;
}.sh-contents.sh-contents-wide {
    max-width: 1180px;
}

.sh-contents-heading {
	margin-bottom: 20px;
}

.sh-commonspace-widebox {
	width:100%;
	margin:0 auto 60px;
}
.sh-commonspace-widebox-inner {
	max-width:1920px;
	margin:0 auto;
}


.sh-design-link-buttons {
  margin: 0 auto 40px;
}
.sh-design-link-buttons ul {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
.sh-design-link-buttons ul li {
  display: table-cell;
  vertical-align: top;
}
.sh-design-link-buttons ul li a {
  display: block;
  position: relative;
  padding: 12px 6px;
  font-family: "EB Garamond", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
  color: #000;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  border:2px groove #fff;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(51%, #e5e5e5), to(#e5e5e5));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e5e5e5 51%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sh-design-link-buttons ul li a.ls-wide {
  letter-spacing: 1em;
  text-indent: 1em;
}
.sh-design-link-buttons ul li a:after {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: #c7c6c7;
}
.sh-design-link-buttons.sh-design-link-buttons__bottom {
  margin-top: 30px;
}
.sh-design-link-buttons.sh-design-link-buttons__bottom ul {
  width: 75%;
  margin: 0 auto;
}
.sh-design-link-buttons.sh-design-link-buttons__bottom ul li a {
  padding: 10px 4px;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
.sh-design-link-buttons.sh-design-link-buttons__bottom ul li a.ls-wide {
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
html.no-touch .sh-design-link-buttons ul li a:hover,
.sh-design-link-buttons ul li.current a {
  color: #fff;
  text-shadow: 0 1px 0 #000;
  text-decoration: none;
  background: #a1a1a1;
  background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), color-stop(50%, #898a8a), color-stop(51%, #515151), to(#6d6b6c));
  background: linear-gradient(to bottom, #a1a1a1 0%, #898a8a 50%, #515151 51%, #6d6b6c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#6d6b6c',GradientType=0 );
}
html.no-touch .sh-design-link-buttons ul li a:hover:after,
.sh-design-link-buttons ul li.current a:after {
  background: #fbf1c3;
  background: linear-gradient(180deg, #333 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, #786617 0%, #fbf1c3 50%, #fbf1c3 51%, #786617 100%);
}


.sh-commonspace-title1 {
	font-size: 30px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	text-align: center;
}
.sh-commonspace-title2 {
	font-size: 26px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	text-align: center;
}
.sh-commonspace-text1 {
	font-size: 18px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	text-align: center;
}
.sh-commonspace-text1 span {
	font-size: 14px;
}
.sh-commonspace-text1.TL ,
.sh-commonspace-title2.TL {
	text-align: left;
}
.sh-commonspace-caption1 {
	font-size: 13px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	position: absolute;
	bottom: 1%;
	right: 1%;
	color:#fff;
	text-shadow: 0 0 3px #000, 1px 0 3px #000, 0 -1px 3px #000, 0 1px 3px #000, -1px 0 3px #000;
}
.sh-commonspace-caption2 {
	font-size: 13px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	padding-top: 3px;
}
.sh-commonspace-caption2.TR {
	padding-right: 5px;
}
.sh-text-indent {
    margin-left: 1em;
    text-indent: -1em;
}


.sh-design-title1 {
	font-size: 26px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
}
.sh-design-text1 {
	font-size: 18px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
}
.sh-design-text1.LH12 {
	line-height: 1.2;
}
.sh-design-text1.LH18 {
	line-height: 1.8;
}
.sh-design-text1 span {
	display: block;
	font-size: 14px;
}
.sh-design-caption1 {
	font-size: 13px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	position: absolute;
	bottom: 1%;
	right: 1%;
	color:#fff;
	text-shadow: 0 0 3px #000, 1px 0 3px #000, 0 -1px 3px #000, 0 1px 3px #000, -1px 0 3px #000;
}
.sh-design-caption1.sh-bottom-posi {
	/* bottom: 8%; */
	position: static;
	text-align: right;
	padding-top: 3px;
	padding-right: 10%;
}
.sh-design-caption2 {
	font-size: 13px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	padding-top: 3px;
}
.sh-design-caption2.TR {
	padding-right: 5px;
}

.sh-land-title {
	font-size: 24px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
}
.sh-land-title span {
	font-size: 25px;
	color: #fff;
	background-color: #7e308d;
	margin-right: 10px;
}
.sh-common-title {
	font-size: 24px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
}
.sh-common-title span {
	font-size: 25px;
}
.sh-commonspace-bg1 {
	background-color: #f3f1e8;
	padding-bottom: 60px;
}
.sh-commonspace-bg-box1 {
	background: url(images/common/bg_01.jpg) top right no-repeat;
	padding-top: 40px;
}
.sh-commonspace-bg-box2 {
	background: url(images/common/bg_02.jpg) top left no-repeat;
	padding-top: 40px;
}


.sh-design-bg1 {
	background-color: #000;
	color: #fff;
	text-align: left;
	padding-bottom: 60px;
}
.sh-design-bg2 {
	/*background: url(images/design/img_04.png) left 8% no-repeat;*/
	background-color: #f3f1e8;
	padding-top: 60px;
	padding-bottom: 60px;
}
.sh-design-box1 {
	position: absolute;
	max-width: 1040px;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 10px;
}
.sh-design-box1 .sh-design-title1 {
	text-shadow: 0 0 3px #000, 1px 0 3px #000, 0 -1px 3px #000, 0 1px 3px #000, -1px 0 3px #000;
}
.sh-design-imgbox1 {
	width: 100%;
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
}
.sh-design-imgbox2 {
	width: 100%;
	max-width: 410px;
}
.sh-design-imgbox3 {
	width: 100%;
	max-width: 410px;
}
.sh-design-imgbox4 {
	width: 100%;
	max-width: 410px;
}
.sh-design-imgbox5 {
	width: 100%;
	max-width: 410px;
}
.sh-design-imgbox6 .FL {
	width: 71.875%;
	padding-right: 10px;
	box-sizing: border-box;
}
.sh-design-imgbox6 .FR {
	width: 28.125%;
}
.sh-design-imgbox7 {
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

.sh-1F-color-box ,
.sh-2F-color-box {
	padding-left: 3px;
}
.sh-1F-color-box span ,
.sh-2F-color-box span {
	background-color: #000;
	color: #fff;
	padding: 0px 12px;
	margin-right: 10px;
}
.sh-land-title span ,
.sh-annex-color ,
.sh-1F-color ,
.sh-2F-color {
	display: inline-block;
	text-align: center;
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
}
.sh-1F-color-box ,
.sh-1F-color {
	background-color: #ec6a00;
	color: #fff;
}
.sh-2F-color-box ,
.sh-2F-color {
	background-color: #009e9f;
	color: #fff;
}
.sh-annex-color-box ,
.sh-annex-color {
	background-color: #002666;
	color: #fff;
}
.sh-annex-color-box {
	padding-left: 10px;
}


.pure-g {
  margin: 0 -20px;
}

.pure-g > div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

hr {
	border: none;
	border-top: 1px solid #333;
	width: 83.333%;
	height : 1px;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
}
hr.sh-hr2 {
	border: none;
	border-top: 1px solid #333;
	width: 100%;
	height : 1px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.MB40_20 {
	margin-bottom: 40px;
}
.MB100_40 {
	margin-bottom: 100px;
}
.PB60 {
	padding-bottom: 60px;
}
.PT60 {
	padding-top: 60px;
}
.PT60_0 {
	padding-top: 60px;
}

br.show-tablet {
	display:none;
}

.sh-PR {
	position:relative;
}

.LH18 {
	line-height: 1.8;
}
.LH16 {
	line-height: 1.6;
}

.sh-flex-reverse {
	flex-direction: row-reverse;
}


@media screen and (max-width: 990px) {
	br.show-tablet {
		display: inline;
	}
}


@media screen and (max-width: 767px) {
	.sh-gradient-wrapper {
		padding-bottom: 0;
	}
	.sh-commonspace-widebox-inner {
	}

	.sh-design-link-buttons {
	    margin-top:30px;
	}
	.sh-design-link-buttons ul li a.ls-wide {
		letter-spacing: 0.25em;
		text-indent: 0em;
	}
	.sh-design-link-buttons ul {
	  width: 85%;
	}
	.sh-design-link-buttons ul li a {
	  padding: 8px 6px;
	}

	.sh-commonspace-title1 {
		font-size: 24px;
		text-align: left;
	}
	.sh-commonspace-title2 {
		font-size: 22px;
		text-align: left;
	}
	.sh-commonspace-bg-box1 .sh-commonspace-title1 ,
	.sh-commonspace-bg-box1 .sh-commonspace-title2 ,
	.sh-commonspace-bg-box2 .sh-commonspace-title1 ,
	.sh-commonspace-bg-box2 .sh-commonspace-title2 {
		text-shadow: 0 0 3px #f3f1e8, 1px 0 3px #f3f1e8, 0 -1px 3px #f3f1e8, 0 1px 3px #f3f1e8, -1px 0 3px #f3f1e8;
	}
	.sh-commonspace-bg-box1 .sh-commonspace-title1,
	.sh-commonspace-bg-box2 .sh-commonspace-title1 {
		margin-top: 14%;
	}
	.sh-commonspace-text1 {
		text-align: left;
	}
	.sh-commonspace-caption1 {
		font-size: 12px;
		bottom: 0%;
	}
	.sh-design-caption1.sh-bottom-posi {
		padding-right: 0;
	}
	.sh-commonspace-caption2 {
		font-size: 12px;
	}
	.sh-design-title1 {
		font-size: 22px;
	}
	.sh-design-title1.TC ,
	.sh-design-text1.TC {
		text-align: left;
	}

	.sh-land-title {
		font-size: 22px;
	}
	.sh-land-title span {
		font-size: 22px;
	}
	.sh-common-title {
		font-size: 22px;
	}
	.sh-common-title span {
		font-size: 22px;
	}

	.sh-commonspace-bg1 {
		padding-bottom: 0px;
	}
	.sh-commonspace-bg-box1 {
		background: url(images/smp/bg_01_smp.jpg) top right no-repeat;
		background-size: contain;
	}
	.sh-commonspace-bg-box2 {
		background: url(images/smp/bg_02_smp.jpg) top right no-repeat;
		background-size: contain;
	}
	.sh-smp-img {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.sh-design-bg2 {
		background-size: 30%;
		background-position: left 7%;
	}
	.sh-design-imgbox1 {
		margin-left: 0;
	}
	.sh-design-imgbox3 {
		padding-top: 30px;
	}
	.sh-land-title span ,
	.sh-annex-color ,
	.sh-1F-color ,
	.sh-2F-color {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.MB40_20 {
		margin-bottom: 20px;
	}
	.MB100_40 {
		margin-bottom: 40px;
	}
	.PT60_0 {
		padding-top: 0px;
	}
	.pure-g > div.smp-PT20 {
		padding-top: 20px;
	}
	.pure-g > div.smp-PB20 {
		padding-bottom: 20px;
	}
}


/* ポップアップエリア */
.sh-popup-area_b ,
.sh-popup-area_a ,
.sh-popup-areaC ,
.sh-popup-areaB ,
.sh-popup-areaA ,
.sh-popup-area14 ,
.sh-popup-area13 ,
.sh-popup-area12 ,
.sh-popup-area11 ,
.sh-popup-area10 ,
.sh-popup-area9 ,
.sh-popup-area8 ,
.sh-popup-area7 ,
.sh-popup-area6 ,
.sh-popup-area5 ,
.sh-popup-area4 ,
.sh-popup-area3 ,
.sh-popup-area2 ,
.sh-popup-area1-2 ,
.sh-popup-area1-1 {
  position: absolute;
  display: inline-block;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-position: left top;
  background-repeat: repeat;
  /*border:1px solid red;*/
  background-color: #fff;
  animation: flash 2s ease infinite;
}
@keyframes flash {
  0%,100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0;
  }
}

.sh-popup-area1-1 {
	width: 3%;	height: 5%;  left: 78%;  top: 17.1%;
}
.sh-popup-area1-2 {
	width: 3%;  height: 5%;  left: 78.6%;  top: 32.9%;
}
.sh-popup-area2 {
	width: 3%;	height: 5%;  left: 45.7%;  top: 19.7%;
}
.sh-popup-area3 {
	width: 3%;	height: 5%;  left: 51.6%;  top: 26.3%;
}
.sh-popup-area4 {
	width: 3%;	height: 5%;  left: 57%;  top: 16.4%;
}
.sh-popup-area5 {
	width: 3%;	height: 5%;  left: 59.8%;  top: 25.9%;
}
.sh-popup-area6 {
	width: 3%;	height: 5%;  left: 63.7%;  top: 14.3%;
}
.sh-popup-area7 {
	width: 3%;	height: 5%;  left: 70.5%;  top: 34.3%;
}
.sh-popup-area8 {
	width: 3%;	height: 5%;  left: 68.7%;  top: 17.4%;
}
.sh-popup-area9 {
	width: 3%;	height: 5%;  left: 52.4%;  top: 4.3%;
}
.sh-popup-area10 {
	width: 3%;	height: 5%;  left: 59.3%;  top: 4.3%;
}
.sh-popup-area11 {
	width: 3%;	height: 5%;  left: 64.7%;  top: 4.3%;
}
.sh-popup-area12 {
	width: 3%;	height: 5%;  left: 68.7%;  top: 4.3%;
}
.sh-popup-area13 {
	width: 3%;	height: 5%;  left: 58.7%;  top: 21%;
}
.sh-popup-area14 {
	width: 3%;	height: 5%;  left: 62.4%;  top: 24.0%;
}
.sh-popup-areaA {
	width: 3%;	height: 5%;  left: 63.3%;  top: 31.0%;
}
.sh-popup-areaB {
	width: 3%;	height: 5%;  left: 62.8%;  top: 39.5%;
}
.sh-popup-areaC {
	width: 3%;	height: 5%;  left: 68.1%;  top: 41.9%;
}
.sh-popup-area_a {
	width: 3%;	height: 5%;  left: 70.4%;  top: 59.1%;
}
.sh-popup-area_b {
	width: 3%;	height: 5%;  left: 77.8%;  top: 52.1%;
}


@media screen and (max-width: 767px) {
	.sh-popup-area1-1 {
		width: 5.5%;	height: 8%;  left: 77%;  top: 11.7%;
	}
	.sh-popup-area1-2 {
		width: 5.5%;	height: 8%;  left: 77.2%;  top: 28.0%;
	}
	.sh-popup-area2 {
		width: 5.5%;	height: 8%;  left: 33.2%;  top: 15.0%;
	}
	.sh-popup-area3 {
		width: 5.5%;	height: 8%;  left: 42.3%;  top: 18.5%;
	}
	.sh-popup-area4 {
		width: 5.5%;	height: 8%;  left: 49%;  top: 9.5%;
	}
	.sh-popup-area5 {
		width: 5.5%;	height: 8%;  left: 52.8%;  top: 19.7%;
	}
	.sh-popup-area6 {
		width: 5.5%;	height: 8%;  left: 59.2%;  top: 9.5%;
	}
	.sh-popup-area7 {
		width: 5.5%;	height: 8%;  left: 66.9%;  top: 27.1%;
	}
	.sh-popup-area8 {
		width: 5.5%;	height: 8%;  left: 66.2%;  top: 12.1%;
	}
	.sh-popup-area9 {
		width: 5.5%;	height: 8%;  left: 39.4%;  top: 0.8%;
	}
	.sh-popup-area10 {
		width: 5.5%;	height: 8%;  left: 48.3%;  top: 0.8%;
	}
	.sh-popup-area11 {
		width: 5.5%;	height: 8%;  left: 56.2%;  top: 0.8%;
	}
	.sh-popup-area12 {
		width: 5.5%;	height: 8%;  left: 62.7%;  top: 0.8%;
	}
	.sh-popup-area13 {
		width: 5.5%;	height: 8%;  left: 45.7%;  top: 18%;
	}
	.sh-popup-area14 {
		width: 5.5%;	height: 8%;  left: 54.1%;  top: 21.0%;
	}
	.sh-popup-areaA {
		width: 5.5%;	height: 8%;  left: 59.3%;  top: 25.8%;
	}
	.sh-popup-areaB {
		width: 5.5%;	height: 8%;  left: 57.2%;  top: 34.1%;
	}
	.sh-popup-areaC {
		width: 5.5%;	height: 8%;  left: 65.1%;  top: 35.7%;
	}
	.sh-popup-area_a {
		width: 5.5%;	height: 8%;  left: 66.6%;  top: 53.0%;
	}
	.sh-popup-area_b {
		width: 5.5%;	height: 8%;  left: 76.3%;  top: 45.4%;
	}
}



/* モーダルダイアログ */
.sh-modal-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10001;
}
.sh-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: .7;
}
.sh-modal-body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 90%;
  max-width: 340px;
  height: 80%;
  max-height: 450px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-bottom: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.sh-modal-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0px;
  padding: 5px;
  left: 0;
  text-align: right;
}
/*.sh-modal-close {
  display: inline-block;
  width: 60px;
  height: 60px;
  font-size: 60px;
  text-align: center;
  line-height: 60px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-stroke: 10px #fff;
  text-stroke: 10px #fff;
  cursor: pointer;
}*/
.sh-modal-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: white;
  top: -22px;
  right: 5%;
  cursor: pointer;
}
.sh-modal-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 10px);
  overflow-y: auto;
}
.sh-attention-detailbox {
	padding-left: 10px;
	padding-right: 10px;
}
.sh-attention-detailbox-text1 {
  font-size: 18px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .sh-modal-body {
      height: 92%;
      padding-bottom: 5px;
  }
  .sh-modal-header {
  }
  .sh-modal-close {
    /*transform: scale(0.7);*/
  }
}