@charset "UTF-8";

.imgHome{
  width:92vw;
  height:39.65517vw;
  padding:10px;
  margin-bottom:4vw;
  position:relative;
  z-index:1;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#FFF;
  background-size:contain;
  background-image:url("../images/img_main-winter.png");
}
.imgHome h2{
  width:0;
  height:0;
  font-size:0;
}
.tomoni {
  position:absolute;
  top:0;
	display:block;
  width:42%;
  height:100%;
	text-indent:-9999px;
	cursor:pointer;
  /* 冬 */left:0;
}
.syoukai{
  display:none;
  width:64%;
	position:absolute;
  top:-2vw;
	z-index: 0;
	padding:8px;
  box-shadow:0 0 15px 0 rgba(0,0,0,.3);
	background:rgba(255,255,255,.9);
  border-radius:10px;
  border:1px solid #c1c1c1;
  /* 冬 */right:-2vw;
}
.syoukai::before {
	content: "";
	display: block;
	position: absolute;
	top:70px;
	border-style: solid;
  /* 冬 */
  border-color: transparent #FFF transparent transparent;
  left:-10px;border-width:10px 10px 10px 0;
}

.syoukai:after {
	content: "";
	display: block;
	position: absolute;
	top:69px;
	z-index: -1;
	border-style:solid;
  /* 冬 */
  border-color:transparent #c1c1c1 transparent transparent;
  left:-11px;border-width: 11px 11px 11px 0;
}
.syoukai p{
  margin-bottom:0
}
/* - TB以上 -----------------------*/
@media screen and (min-width:520px) {
  .syoukai {
    width:210px;padding:15px;
    top:30px;left:inherit;right:inherit;
    /* 冬 */right:150px;
  }
  .syoukai::before {
    /* 冬  */left:-30px;border-width:10px 30px 10px 0;
  }
  .syoukai:after {
    /* 冬 */left:-33px;border-width: 11px 33px 11px 0;
  }
}
/* - PC ------------------------*/
@media screen and (min-width:960px) {
  .imgHome{
    width:695px;
    height:300px;
    margin:-5px 0 24px;  
  }
}