/* ショールーム */

@media screen and (min-width: 641px){

#sho {
	line-height: 200%;
	}

#sho.top .pho dl {
	width: 100%;
	min-height: 600px;
	display: table;
	}

#sho.top .pho dl.ope {
	background: #F0E9E1;
	}

#sho.top .pho dl dt {
	position: relative;
	display: table-cell;
	}

#sho.top .pho dl.ope dt {
	width: 62.5%;
	background: url(joetsu01/img/maintop.jpg) no-repeat center;
	background-size: cover;
	}

#sho.top .pho dl.ope dt:before {
	content: '';
	width: 100%;
	height: 100%;
  	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 90%, rgba(240, 233, 225, 1));
	position: absolute;
	left: 0px;
	top: 0px;
	}

#sho.top .pho dl.ope dt img {
	width: 100%;
	}

#sho.top .pho dl dd {
	display: table-cell;
	vertical-align: middle;
	}

#sho.top .pho dl.ope dd {
	width: 37.5%;
	line-height: 150%;
	color: #E52082;
	text-align: center;
	position: relative;
	}

#sho.top .pho dl.ope dd img {
	width: 80%;
	max-width: 524px;
	margin: 0px auto 40px auto;
	display: block;
	}

#sho.top .pho dl.ope dd:before {
	content: '';
	width: 100%;
	height: 200px;
	background: url(joetsu01/img/fla01.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#sho.top .lin {
	width: 100%;
	background: #f5f5f5;
	padding: 50px 0px;
	}

#sho.top .lin dl {
	width: 90%;
	max-width: 1400px;
	margin: 0px auto;
	display: table;
	}

#sho.top .lin dt {
	width: calc(100% - 520px);
	display: table-cell;
	vertical-align: middle;
	}

#sho.top .lin dt p {
	width: 120px;
	background: #FDEEF5;
	border: 1px #E52082 solid;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #E52082;
	letter-spacing: normal;
	margin: 0px 30px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#sho.top .lin dd {
	width: 520px;
	display: table-cell;
	}

#sho.top .lin dd a {
	margin: 0px 0px 0px 20px !important;
	float: left;
	}

#sho.top .lin dd .res {
	background: #20CDE6;
	}

#sho.det .main {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 50px auto;
	}

#sho.det .main dl {
	width: 100%;
	margin: 0px 0px 80px 0px;
	display: table;
	}

#sho.det .main dt {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	}

#sho.det .main dt img {
	width: 100%;
	}

#sho.det .main dd {
	width: 50%;
	line-height: 250%;
	padding: 0px 0px 0px 4.166%;
	display: table-cell;
	vertical-align: middle;
	}

#sho.det .main dd h2 {
	font-size: 32px;
	line-height: 120%;
	color: #E52082;
	margin: 0px 0px 20px 0px;
	}

#sho.det .main iframe {
	width: 100%;
	height: 600px;
	}

#sho.det .sum {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 80px auto;
	}

#sho.det .sum ul {
	width: 100%;
	display: table;
	}

#sho.det .sum li {
	width: 66.666%;
	display: table-cell;
	vertical-align: top;
	}

#sho.det .sum li:last-child {
	width: 33.333%;
	padding: 0px 0px 0px 4.166%;
	display: table-cell;
	}

#sho.det .sum dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	display: table;
	}

#sho.det .sum dl:first-child {
	border-top: 1px #e0e0e0 solid;
	}

#sho.det .sum dt {
	width: 200px;
	font-weight: bold;
	padding: 40px 0px;
	text-align: center;
	display: table-cell;
	}

#sho.det .sum dd {
	width: calc(100% - 200px);
	padding: 40px 0px;
	display: table-cell;
	}

#sho.det .sum #mor {
	width: 100%;
	background: #20CDE6;
	font-size: 24px;
	margin: 0px 0px 50px 0px;
	}

#sho.det .sum .tel {
	background: url(../img/tel01.svg) no-repeat left center;
	background-size: auto 31px;
	font-size: 42px;
	line-height: 31px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 53px;
	}

#sho.det .sum li p {
	font-size: 12px;
	}

#sho.det .res {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	display: block;
	}

#sho.det .res img {
	width: 100%;
	}

}

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

#sho {
	line-height: 200%;
	}

#sho.top .pho dl.ope {
	background: #F0E9E1;
	}

#sho.top .pho dl.ope dt {
	width: 100%;
	height: 240px;
	background: url(joetsu01/img/maintop.jpg) no-repeat center;
	background-size: cover;
	}

#sho.top .pho dl.ope dt img {
	width: 100%;
	}

#sho.top .pho dl.ope dd {
	width: 100%;
	color: #E52082;
	padding: 40px 5%;
	text-align: center;
	position: relative;
	}

#sho.top .pho dl.ope dd img {
	width: 80%;
	margin: 0px auto 20px auto;
	display: block;
	}

#sho.top .pho dl.ope dd:before {
	content: '';
	width: 100%;
	height: 200px;
	background: url(joetsu01/img/fla01.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#sho.top .lin {
	width: 100%;
	background: #f5f5f5;
	padding: 30px 0px;
	}

#sho.top .lin dl {
	width: 90%;
	margin: 0px auto;
	display: table;
	}

#sho.top .lin dt {
	margin: 0px 0px 20px 0px;
	}

#sho.top .lin dt p {
	width: 120px;
	background: #FDEEF5;
	border: 1px #E52082 solid;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #E52082;
	letter-spacing: normal;
	margin: 0px 0px 10px 0px;
	text-align: center;
	display: block;
	}

#sho.top .lin dd a {
	width: calc((100% - 10px) / 2);
	margin: 0px;
	float: left;
	}

#sho.top .lin dd .res {
	background: #20CDE6;
	margin: 0px 0px 0px 10px !important;
	}

#sho.det .main {
	width: 90%;
	margin: 0px auto 30px auto;
	}

#sho.det .main dl {
	margin: 0px 0px 40px 0px;
	}

#sho.det .main dt img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#sho.det .main dd {
	line-height: 250%;
	}

#sho.det .main dd h2 {
	font-size: 24px;
	line-height: 120%;
	color: #E52082;
	margin: 0px 0px 10px 0px;
	}

#sho.det .main iframe {
	width: 100%;
	height: 300px;
	}

#sho.det .sum {
	width: 90%;
	margin: 0px auto 40px auto;
	}

#sho.det .sum li {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#sho.det .sum li:last-child {
	margin: 0px;
	}

#sho.det .sum dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	display: table;
	}

#sho.det .sum dl:first-child {
	border-top: 1px #e0e0e0 solid;
	}

#sho.det .sum dt {
	width: 90px;
	font-weight: bold;
	padding: 20px 0px;
	text-align: center;
	display: table-cell;
	}

#sho.det .sum dd {
	width: calc(100% - 90px);
	padding: 20px 0px;
	display: table-cell;
	}

#sho.det .sum #mor {
	background: #20CDE6;
	font-size: 21px;
	margin: 0px auto 30px auto;
	}

#sho.det .sum .tel {
	background: url(../img/tel01.svg) no-repeat left center;
	background-size: auto 23px;
	font-size: 32px;
	line-height: 31px;
	margin: 20px auto 10px auto;
	padding: 0px 0px 0px 42px;
	display: table;
	}

#sho.det .sum li p {
	font-size: 10px;
	text-align: center;
	}

#sho.det .res {
	width: 90%;
	margin: 0px auto;
	display: block;
	}

#sho.det .res img {
	width: 100%;
	}

}