@charset "utf-8";
/***** Modal Style *****/
#view_container #close_dummy{
 text-align: right;
 font-size: 1.5em;
 margin: 0 auto 0.5em auto;
}
#view_container #close_dummy span{
 display: inline-block;
	line-height: 1;
 color: #ccc;
 /*padding: 0.5em;*/
	padding: 0.25em 0.5em;
 border: solid 1px #ccc;
 cursor: pointer;
}

#view_container #nav_area{
	display: flex;
	justify-content: space-between;
	margin: 0.25em auto 0 auto;
}

#view_container #nav_area #prev_btn{
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #fff;
	cursor: pointer;
}

#view_container #nav_area #next_btn{
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #fff;
	cursor: pointer;
}


/*-----------------------------
　PC専用スタイル
------------------------------*/
@media (min-width: 768px){
 #view_container #close_dummy{
  /*width: 560px;*/
		width: 845px;
 }
 
 #view_container iframe{
  /*width: 560px;
  height: 315px;*/
		width: 845px;
		height: 480px;
 }
 #overlay #view_container #nav_area{
  /*width: 560px;*/
		width: 845px;
 }
}

/*-----------------------------
　スマホ専用スタイル
------------------------------*/
@media screen and (max-width: 768px){
 #view_container{
  /*width: 94%;*/
		width: 90%;
  height: 0;
  /*overflow: hidden;*/
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative;
 }
 #view_container #close_dummy{
  transform: translateY(-120%);
 }
 #view_container iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
 }
 #view_container #nav_area{
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
 }
}