/* ポップアップウインドウの設定 */
.popup {
	background-color: #efefef;
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 70vw;
	height: 500px;
	overflow-y: scroll;
}

/* チェックボックスの初期設定 */
input{
  display: none;
}

/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{
  display: block;
}
#popup-on2:checked + #popup2{
  display: block;
}
#popup-on3:checked + #popup3{
  display: block;
}
#popup-on4:checked + #popup4{
  display: block;
}
#popup-on5:checked + #popup5{
  display: block;
}
#popup-on6:checked + #popup6{
  display: block;
}
#popup-on7:checked + #popup7{
  display: block;
}
#popup-on8:checked + #popup8{
  display: block;
}
#popup-on9:checked + #popup9{
  display: block;
}
#popup-on10:checked + #popup10{
  display: block;
}
#popup-on11:checked + #popup11{
  display: block;
}
#popup-on12:checked + #popup12{
  display: block;
}
#popup-on13:checked + #popup13{
  display: block;
}
#popup-on14:checked + #popup14{
  display: block;
}
#popup-on15:checked + #popup15{
  display: block;
}
#popup-on16:checked + #popup16{
  display: block;
}
#popup-on17:checked + #popup17{
  display: block;
}
#popup-on18:checked + #popup18{
  display: block;
}
#popup-on19:checked + #popup19{
  display: block;
}
#popup-on20:checked + #popup20{
  display: block;
}
#popup-on21:checked + #popup21{
  display: block;
}
#popup-on22:checked + #popup22{
  display: block;
}
#popup-on23:checked + #popup23{
  display: block;
}
#popup-on24:checked + #popup24{
  display: block;
}
#popup-on25:checked + #popup25{
  display: block;
}
#popup-on26:checked + #popup26{
  display: block;
}
#popup-on27:checked + #popup27{
  display: block;
}
#popup-on28:checked + #popup28{
  display: block;
}

/* 閉じるアイコン（右上） 
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
 top:400px;
  
}
*/

/* 閉じるボタン */
.btn-close{
	background: #000;
	border-radius: 10px;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	width: 70%;
	text-align: center;
	position: absolute;
	left: 150px;
	top: 440px;
}

/* 開くボタン */
.btn-open{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
}

.btn-open2{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-left: 63px;
}
.btn-open3{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
    margin-left: 50px;
}
.btn-open4{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open5{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
    margin-left: 63px;
}
.btn-open6{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
    margin-top: 50px;
    margin-left: 50px;
}
.btn-open7{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open8{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
    margin-left: 63px;
}
.btn-open9{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
}
.btn-open10{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-left: 63px;
}
.btn-open11{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
}
.btn-open12{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open13{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
    margin-left: 63px;
}
.btn-open14{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
}
.btn-open15{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
}
.btn-open16{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-left: 63px;
}
.btn-open17{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
    margin-top: 0px;
}
.btn-open18{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
}
.btn-open19{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
}
.btn-open20{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 63px;
}
.btn-open21{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
}
.btn-open22{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open23{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 63px;
    margin-top: 50px;
}
.btn-open24{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open25{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    padding-top: 50px;
}
.btn-open26{
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 63px;
    padding-top: 50px;
}
.btn-open27{
       background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: right;
    padding-left: 0px;
    margin-top: 50px;
}
.btn-open28{
       background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 260px;
    height: 260px;
    float: left;
    padding-left: 0px;
    padding-top: 50px;
}
/* ポップアップの内容 */
.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
}

.bigbox 
{
    width: 900px;
    background-color: #FFFFFF;
    margin:0 auto;
    overflow: hidden;
    height: 1100px;
}
.bigbox2
{
    width: 900px;
    background-color: #FFFFFF;
    margin:0 auto;
    overflow: hidden;
    height: 800px;
    margin-top: 250px;
}
.bigbox3
{
    width: 900px;
    background-color: #FFFFFF;
    margin:0 auto;
    overflow: hidden;
    height: 500px;
    margin-top: 250px;
}

.bigbox4
{
    width: 900px;
    background-color: #FFFFFF;
    margin-top: 250px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    overflow: hidden;
    height: 500px;
}
.bigbox5
{
    width: 900px;
    background-color: #FFFFFF;
    margin:0 auto;
    overflow: hidden;
    height: 500px;
    margin-top: 250px;
}
.bigbox6
{
    width: 900px;
    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    height: 1500px;
    margin-top: 250px;
}


.tagu1 {
    height: 55px;
    width: 250px;
    color: #FFFFFF;
    text-align: center;
    font-size: 40px;
    background-color: #000000;
    margin-bottom: 100px;
}

.tagu2 {
    height: 55px;
    width: 500px;
    color: #FFFFFF;
    text-align: center;
    font-size: 40px;
    background-color: #000000;
    margin-bottom: 100px;
}