@charset "UTF-8";
/* CSS Document */
body.toreruPage{}

body.toreruPage #mainArea{
	background: #e60021;
	overflow: hidden;
}
body.toreruPage #mainArea .contentsBase{
	width: calc(1140/1180*100%);
	max-width: 1140px;
	margin: 0 auto;
}
body.toreruPage #mainArea .contentsBase a {
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
  }
body.toreruPage #mainArea .contentsBase a:hover {
    opacity: .7;
  }

body.toreruPage #mainArea .kv{
	margin-bottom: 100px;
}

body.toreruPage #mainArea #result.contentsBase{
	width: calc(1200/1180*100%);
	max-width: 1200px;
	margin: 0 auto 70px auto;
	color: #fff;
	position: relative;
}
body.toreruPage #mainArea #result h2{
	margin: 0px 0px 0px -55px;
	width: calc(1182/1180*100%);
	max-width: 1182px;
}
body.toreruPage #mainArea #result .gp{
	position: relative;
	margin: -30px 0px 65px 20px;
}
body.toreruPage #mainArea #result .gp .bg{
	margin: 0px auto 0px auto;
	width: calc(561/1180*100%);
	max-width: 561px;
}
body.toreruPage #mainArea #result .gp .light{
	position: absolute;
	margin: 0px auto 0px auto;
	width: calc(729/1180*100%);
	max-width: 729px;
    top: 13%;
    left: 16.5%;
}
body.toreruPage #mainArea #result .gp .igImg{
	position: absolute;
	margin: 0px auto 0px auto;
	width: calc(473/1180*100%);
	max-width: 473px;
	top: 24%;
	left: 0;
	right: 0%;
	padding-right: 20px;
    z-index: 2;
}
body.toreruPage #mainArea #result .gp .comment{
	position: absolute;
	margin: 0px auto 0px auto;
	width: calc(354/1180*100%);
	max-width: 354px;
	bottom: 0%;
	right: 1.5%;
}
body.toreruPage #mainArea #result .otherPrise{
	position: relative;
	margin: 0px 0px 65px 20px;
}
body.toreruPage #mainArea #result .otherPrise .bg{
	margin: 0px auto 0px auto;
	width: calc(1161/1180*100%);
	max-width: 1161px;
}
body.toreruPage #mainArea #result .otherPrise .listWrap{
	position: absolute;
	top: 10.5%;
	left: 0;
	right: 0;
/*	width: calc(880/1180*100%); 
	display: table;*/
	text-align: center;
}
body.toreruPage #mainArea #result .otherPrise .listWrap.only-sp{
	display: none;
}
body.toreruPage #mainArea #result .otherPrise .list{
    margin: 0px auto 0;
    position: relative;
    left: 0px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
    width: calc(880/1180*100%);
    max-width: 880px;
}
body.toreruPage #mainArea #result .otherPrise .list:nth-child(2),
body.toreruPage #mainArea #result .otherPrise .list:nth-child(4)
{
    width: calc(584/1180*100%);
    max-width: 584px;
}

body.toreruPage #mainArea #result .otherPrise .list .igImg{
    margin: calc(15/880*100%);
    position: relative;
    width: calc(254/880*100%);
    max-width: 254px;
    overflow: hidden;
	cursor: pointer;
}
body.toreruPage #mainArea #result .otherPrise .list:nth-child(2) .igImg,
body.toreruPage #mainArea #result .otherPrise .list:nth-child(4) .igImg
{
    margin: calc(19/584*100%);
    width: calc(254/584*100%);
}
body.toreruPage #mainArea #result .otherPrise .list .igImg img{
	width: 100%;
	max-width: 254px;
}
body.toreruPage #mainArea #result .otherPrise .list .igImg img:hover{
	opacity: .7;
}
body.toreruPage #mainArea #result .otherPrise .list .igImg.right{
	padding-right: 0px;
}
body.toreruPage #mainArea #result .otherPrise .list .igImg.left{
	padding-left: 0px;
}

body.toreruPage #mainArea #result .message{
	margin: 20px auto;
	text-align: center;
}
body.toreruPage #mainArea #collage{
	margin: 0px auto 165px auto;
	text-align: center;
	z-index: 2;
    position: relative;
}
body.toreruPage #mainArea #collage h2{
	margin: 0px auto 30px auto;
	text-align: center;
}
body.toreruPage #mainArea #collage .img{
	margin: 0px auto 30px auto;
	text-align: center;
}
body.toreruPage #mainArea #about{
	color: #fff;
	position: relative;
	margin-bottom: 70px;
}
body.toreruPage #mainArea #about h2{
	margin: 0px 0px 0px -55px;
	width: calc(524/1180*100%);
	max-width: 524px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
body.toreruPage #mainArea #about h2{
	margin: 0px 0px 0px 0px;
}
}
body.toreruPage #mainArea #about .img{
	position: absolute;
	top: -40px;
	right: -100px;
	width: calc(522/1180*100%);
	max-width: 522px;
	z-index: 1;
}
body.toreruPage #mainArea #about .text{
	padding: 0px 0px 60px  calc(120/1180*100%);
	font-size: 20px;
	line-height: 1.8;
	font-weight: 600;
	z-index: 2;
    position: relative;
}
body.toreruPage #mainArea #about .text strong{
	font-size: 25px;
	padding: 0px 0px 3px 0px;
	border-bottom: 4px solid #fce700;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
body.toreruPage #mainArea #about .text{
	font-size: 1.7vw;
}
body.toreruPage #mainArea #about .text strong{
	font-size: 2vw;
	padding: 0px 0px 3px 0px;
	border-bottom: 4px solid #fce700;
}
}
body.toreruPage #mainArea #present{
	color: #fff;
	position: relative;
	margin-bottom: 160px;
}
body.toreruPage #mainArea #present h2{
	margin: 0px 0px 0px -70px;
	position: relative;
	width: calc(553/1180*100%);
	max-width: 553px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
body.toreruPage #mainArea #present h2{
	margin: 0px 0px 0px 0px;
	position: relative;
}
}

body.toreruPage #mainArea #present .img{
	position: absolute;
	top: -35px;
	right: 50px;
	width: calc(436/1180*100%);
	max-width: 436px;
}
body.toreruPage #mainArea #present ul {
    margin: -30px 0px auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width:  calc(1180/1155*100%);
    z-index: 1;
}
body.toreruPage #mainArea #present ul li {
    margin: 0 calc(10/1180*100%) 0px 0;
    position: relative;
    width: calc(563/1140*100%);
	max-width: 563px;
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea #present ul li:nth-child(2) {
    margin: 0 0 0px 0;
	padding-top:  calc(21/1180*100%);
}
body.toreruPage #mainArea #present .text {
	padding: 30px 0 0 0;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 600;
    z-index: 2;
    position: relative;
}
body.toreruPage #mainArea #share{
	color: #fff;
	position: relative;
	margin-bottom: 85px;
}
body.toreruPage #mainArea #share h2{
	margin: 0px 0px 0px -61px;
	position: relative;
    z-index: 2;
	width: calc(1228/1180*100%);
	max-width: 1228px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
body.toreruPage #mainArea #share h2{
	margin: 0px 0px 0px 0px;
}
}

body.toreruPage #mainArea #share .list {
    margin: 0px auto 0;
    position: relative;
	top: -20px;
	left: 0px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
	width: calc(1180/1180*100%);
	max-width: 1180px;
}
body.toreruPage #mainArea #share .list li {
    margin: 0 calc(15/1180*100%) 15px 0;
    position: relative;
    width: calc(378/1180*100%);
	max-width: 378px;
    overflow: hidden;
    z-index: 1;
}
body.toreruPage #mainArea #share .list li:nth-child(3n) {
	margin-right: 0;
}
body.toreruPage #mainArea #share .btn {
	text-align: center;
	position: relative;
	width: calc(412/1180*100%);
	max-width: 412px;
	margin: 0 auto;
}
body.toreruPage #mainArea #share .shareBtn{
	position: relative;
}
body.toreruPage #mainArea #share .shareBtn .title{
	position: absolute;
	top: -95px;
    left:  calc(220/1180*100%);;
	width: calc(214/1180*100%);
	max-width: 214px;
}
body.toreruPage #mainArea #share .shareBtn .social {
    margin: 50px auto 0;
    position: relative;
	top: 0px;
	left: 0px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	width: calc(300/1180*100%);
	max-width: 300px; 
	z-index: 1;
}
body.toreruPage #mainArea #share .shareBtn .social li {
    margin: 0 0 0 0;
    position: relative;
	width: calc(150/300*100%);
	max-width: 150px;
    overflow: hidden;
	text-align: center;
    z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
body.toreruPage #mainArea #share .shareBtn .social li {
	padding: 0 10px;
    margin: 0 0 0 0;
    position: relative;
	width: calc(130/300*100%);
	max-width: 70px;
    overflow: hidden;
	text-align: center;
    z-index: 1;
}

}
body.toreruPage #mainArea #howto{
	color: #fff;
	position: relative;
	margin-bottom: 160px;
}
body.toreruPage #mainArea #howto h2{
	margin: 0px 0px 0px -55px;
	position: relative;
    z-index: 2;
	width: calc(708/1180*100%);
	max-width: 708px; 
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
body.toreruPage #mainArea #howto h2{
	margin: 0px 0px 0px 0px;
}
}

body.toreruPage #mainArea #howto .img{
	position: absolute;
	top: 46px;
	right: 32px;
	width: calc(282/1180*100%);
	max-width: 282px; 
}
body.toreruPage #mainArea #howto .list {
    margin: -15px auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	width: calc(1180/1180*100%);
	max-width: 1180px; 
	z-index: 1;
}
body.toreruPage #mainArea #howto .list li {
    margin: 0 calc(15/1180*100%) 30px 0;
    position: relative;
    width: calc(378/1180*100%);
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea #howto .list li:nth-child(3n) {
	margin-right: 0;
}
body.toreruPage #mainArea #howto .text {
	font-size: 18px;
	line-height: 2;
	font-weight: 600;
}
body.toreruPage #mainArea #howto .app {
    margin: 15px 0 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 335px;
    z-index: 1;
}
body.toreruPage #mainArea #howto .app li {
    margin: 0 calc(10/325*100%) 0px 0;
    position: relative;
   /* width: calc(155/325*100%);*/
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea .textBlock{
	color: #000;
	background: #fff;
	border :4px solid #000;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding:  100px calc(100/1180*100%) calc(70/1180*100%) calc(100/1180*100%);
	margin-bottom: 100px;
	width: calc(940/1180*100%);
	max-width: 940px; 
}
body.toreruPage #mainArea .textBlock a{
	color: #000;
	text-decoration: underline;
}
body.toreruPage #mainArea .textBlock a:hover{
	color: #000;
	text-decoration: none;
}
body.toreruPage #mainArea .textBlock:last-child{
	margin-bottom: 0px;
}
body.toreruPage #mainArea .textBlock{
}
body.toreruPage #mainArea .textBlock h2{
	text-align: center;
	margin: -160px auto 50px auto;
}
body.toreruPage #mainArea .textBlock h3{
	text-align: center;
	margin: 0px auto 30px auto;
	font-size: 35px;
}
body.toreruPage #mainArea .textBlock h3{
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
  }
body.toreruPage #mainArea .textBlock h3:hover {
    opacity: .7;
  }

body.toreruPage #mainArea .textBlock h3.small{
	font-size: 25px;
	line-height: 1.4;
}
body.toreruPage #mainArea .textBlock p{
	margin: 0px 0 30px 0;
	font-size: 18px;
	font-weight: 300;
}

body.toreruPage #mainArea .textBlock dl{
	width: 730px;
	margin: 0 auto;
	display: table;
}
body.toreruPage #mainArea .textBlock dt{
	padding: 0px 0 30px 0;
	font-size: 18px;
	font-weight: 300;
	width: 290px;
	display: table-cell;
}
body.toreruPage #mainArea .textBlock dd{
	padding: 0px 0 30px 0;
	font-size: 18px;
	font-weight: 300;
	width: 440px;
	display: table-cell;
}
body.toreruPage #mainArea .textBlock dd .date{
	text-decoration: line-through;
}
body.toreruPage #mainArea .textBlock dd .end{
	color: #e60020;
}
body.toreruPage #mainArea .textBlock dl:last-child dt,
body.toreruPage #mainArea .textBlock dl:last-child dd{
	padding: 0px 0 0px 0;

}
body.toreruPage #mainArea .textBlock .block{
	border-top :4px solid #000;
	padding: 30px 0px 0px 0px;
}
body.toreruPage #mainArea .textBlock .block:last-child{
	border-bottom :4px solid #000;
}
body.toreruPage #mainArea #text3.textBlock .block h3{
	cursor: pointer;
}
body.toreruPage #mainArea #text3.textBlock .block p{
	display: none;
}

body.toreruPage #mainArea .howtoWrap{
	position: relative;
	height: auto;
}
body.toreruPage #mainArea .howtoWrap .endBg{
	background:rgba(110,110,110,0.85);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
body.toreruPage #mainArea .howtoWrap .end{
	width: calc(481/1180*100%);
	position: absolute;
	text-align: center;
	z-index: 4;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}



@media screen and (max-width: 767px) {
body.toreruPage #mainArea .contentsBase{
	width: 100%;
	margin: 0 auto;
}

body.toreruPage #mainArea .kv{
	margin-bottom: calc(80/750*100%);;
}
body.toreruPage #mainArea #result.contentsBase{
	width: 100%;
	margin: 0 auto calc(110/750*100%) auto;
	color: #fff;
	position: relative;
}
body.toreruPage #mainArea #result h2{
	margin: 0px 0px 0px 0px;
	width: 100%;
}
body.toreruPage #mainArea #result .gp{
	position: relative;
	margin: -50px 0px calc(50/750*100%) 0px;
}
body.toreruPage #mainArea #result .gp .bg{
	margin: 0px  calc(9/750*100%) 0px calc(23/750*100%);
	width: calc(718/750*100%);
}
body.toreruPage #mainArea #result .gp .light{
	display: none;
}
body.toreruPage #mainArea #result .gp .igImg{
	position: absolute;
	margin: 0px auto 0px auto;
	width: calc(602/750*100%);
	top: 18%;
	left: 0;
	right: 0%;
	padding-right: 0px;
    z-index: 2;
}
body.toreruPage #mainArea #result .gp .comment{
	position: absolute;
	margin: 0px auto 0px auto;
	width: calc(600/750*100%);
	bottom: 4.5%;
	left: 0;
	right: 0;
    z-index: 3;
}
body.toreruPage #mainArea #result .otherPrise{
	position: relative;
	margin: 0px 0px 65px 0px;
}
body.toreruPage #mainArea #result .otherPrise .bg{
	margin: 0px  calc(9/750*100%) 0px calc(23/750*100%);
	width: calc(718/750*100%);
}
body.toreruPage #mainArea #result .otherPrise .listWrap.only-sp{
	position: absolute;
	top: 8%;
	left: 8%;
	display: block;
	text-align: center;
	width: 100%;
}
body.toreruPage #mainArea #result .otherPrise .listWrap.only-pc{
	display: none;
	}
body.toreruPage #mainArea #result .otherPrise .list{
	width: 100%;
	margin: 0 auto 40px auto;
	display: block;
}

body.toreruPage #mainArea #result .otherPrise .list .igImg{
	display: block;
	float: left;
	margin: 0;
    width: 40.5%;
    padding: 0.7%;
    z-index: 2;
	cursor: pointer;
}
body.toreruPage #mainArea #result .otherPrise .list .igImg:nth-child(odd){
	padding-right: 0.5%;
	}
body.toreruPage #mainArea #result .otherPrise .list .igImg:nth-child(even){
	padding-left: 0.5%;
	}
body.toreruPage #mainArea #result .otherPrise .list .igImg.right{
	text-align: right;
	padding-right: 20px;
}
body.toreruPage #mainArea #result .otherPrise .list .igImg.left{
	text-align: left;
	padding-left: 20px;
}

body.toreruPage #mainArea #result .message{
	margin: 20px auto;
	text-align: center;
	width: 90%;
}
body.toreruPage #mainArea #collage{
	margin: 0px auto calc(150/750*100%) auto;
	text-align: center;
	width: 100%;
}
body.toreruPage #mainArea #collage h2{
	margin: 0px auto 30px auto;
	text-align: center;
	width: 90%;
}
body.toreruPage #mainArea #collage .img{
	margin: 0px auto 30px auto;
	text-align: center;
}
body.toreruPage #mainArea #collage .btn{
	margin: 0 auto;
	width: calc(410/750*100%);
	}
body.toreruPage #mainArea #about{
	color: #fff;
	position: relative;
	margin-bottom: 15%;
}
body.toreruPage #mainArea #about h2{
	margin: 0px 0px 0px 0px;
	width: calc(516/750*100%);
}
body.toreruPage #mainArea #about .img{
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
	margin-top: -4%;
}
body.toreruPage #mainArea #about .text{
	text-align: center;
	padding: 0px 0px 8% 0px;
	font-size: 4.3vw;
	line-height: 2;
	font-weight: 600;
}
body.toreruPage #mainArea #about .text:first-child{
	padding: 0px 0px 0% 0px;
}
body.toreruPage #mainArea #about .text strong{
	font-size: 1.3em;
	padding: 0px 0px 3px 0px;
	border-bottom: 4px solid #fce700;
}

body.toreruPage #mainArea #present{
	color: #fff;
	position: relative;
	margin-bottom: 15%;
}
body.toreruPage #mainArea #present h2{
	margin: 0px 0px 0px 0px;
	position: relative;
	width: calc(533/750*100%);
}
body.toreruPage #mainArea #present .img{
	position: absolute;
	top: -13%;
	right: 1%;
	width: calc(479/750*100%);
}
body.toreruPage #mainArea #present ul {
    margin: 0px  calc(60/750*100%) 0  calc(75/750*100%);
    position: relative;
    display: -webkit-flex;
    display: block;
    flex-wrap: wrap;
	width: calc(615/750*100%);
	z-index: 1;
}
body.toreruPage #mainArea #present ul li {
    margin: 0 0  calc(45/750*100%) 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea #present ul li:nth-child(2) {
    width: 100%;
    margin: 0 0 0px 0;
	padding-top:  0;
}
body.toreruPage #mainArea #present .text {
	padding: 5%;
    font-size: 3vw;
    line-height: 1.8;
    font-weight: 600;
    z-index: 2;
    position: relative;
}

body.toreruPage #mainArea #share{
	color: #fff;
	position: relative;
	min-height: 100%;
	margin-bottom: 44%;
}
body.toreruPage #mainArea #share h2{
	margin: 0px 0px 0px 0px;
	position: relative;
    z-index: 2;
	width: calc(715/750*100%);
}
body.toreruPage #mainArea #share .list {
    margin: -2%  calc(15/750*100%)  calc(30/750*100%)   calc(25/750*100%);
	top: 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(710/750*100%);
    z-index: 1;
	min-height: auto;
	height: auto;
}
body.toreruPage #mainArea #share .list li {
    margin: 0 calc(15/750*100%)  calc(15/750*100%) 0;
    position: relative;
    width: 49%;
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea #share .list li:nth-child(2n) {
	margin-right: 0;
}
body.toreruPage #mainArea #share .list li:nth-child(3){
	margin: 0 calc(15/750*100%)  calc(15/750*100%) 0 !important;
}
body.toreruPage #mainArea #share .list li:nth-child(6) {
    margin: 0 0 calc(15/750*100%) 0;
}
body.toreruPage #mainArea #share .btn {
	text-align: center;
	position: relative;
	bottom: 0;
	width: calc(412/750*100%);
	margin: 0 auto;
}
body.toreruPage #mainArea #share .shareBtn{
	position: relative;
	width: 100%;
}
body.toreruPage #mainArea #share .shareBtn .title{
	position: absolute;
	top: -85%;
    left: 6%;
    width: calc(200/750*100%);
}
body.toreruPage #mainArea #share .shareBtn .social {
    margin: 5% auto 0;
    position: relative;
	top: 0px;
	left: 0px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	width:  calc(250/750*100%);
    z-index: 1;
}
body.toreruPage #mainArea #share .shareBtn .social li {
    margin: 0 7% 0 7%;
    position: relative;
    width: 36%;
    overflow: hidden;
	text-align: center;
    z-index: 1;
}
body.toreruPage #mainArea #share .shareBtn .social li picture{
	width: calc(100/750*100%);
	}
body.toreruPage #mainArea #howto{
	color: #fff;
	position: relative;
	margin-bottom: 25%;
}
body.toreruPage #mainArea #howto h2{
	margin: 0px 0px 0px 0px;
	position: relative;
    z-index: 2;
	width:  calc(659/750*100%);
}
body.toreruPage #mainArea #howto .img{
	position: absolute;
	top:  -64px;
	right:  calc(20/750*100%);
	width:  calc(254/750*100%);
	z-index: 2;
}
body.toreruPage #mainArea #howto .list {
    margin: -2% auto 0;
    position: relative;
    display: block;
    flex-wrap: wrap;
    width: 100%;
    z-index: 1;
}
body.toreruPage #mainArea #howto .list li {
    margin: 0 calc(60/750*100%) calc(40/1180*100%) calc(75/750*100%);
    position: relative;
    width: calc(615/750*100%);
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea #howto .list li:nth-child(3n) {
	margin-right: 0;
}
body.toreruPage #mainArea #howto .list li.only-sp{
	overflow: visible;
	position: relative;
}
body.toreruPage #mainArea #howto .text {
	font-size: 3vw;
	line-height: 2;
	font-weight: 600;
    margin: 0 auto 0;
	width: 90%;
}
body.toreruPage #mainArea #howto .app {
    margin: 15px 0 0 8%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(530/750*100%);
    z-index: 1;
}
body.toreruPage #mainArea #howto .app li {
    margin: 0 calc(10/750*100%) 0px 0;
    position: relative;
   width: calc(360/750*100%);
    overflow: hidden;
    z-index: 1;
  }
body.toreruPage #mainArea .textBlock{
	width: 70%;
	color: #000;
	background: #fff;
	border :2px solid #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:  20px;
	padding: 8%;
	margin-bottom: 15%;
}
body.toreruPage #mainArea .textBlock:last-child{
	margin-bottom: 0px;
}
body.toreruPage #mainArea .textBlock{
}
body.toreruPage #mainArea .textBlock h2{
	text-align: center;
	margin:  -23% auto 7% auto;
	width:  calc(550/750*100%);
}
body.toreruPage #mainArea .textBlock h3{
	text-align: center;
	margin: 0px auto 7% auto;
	font-size: 4.5vw;
}
body.toreruPage #mainArea .textBlock h3.small{
	font-size: 4.0vw;
	line-height: 1.4;
}
body.toreruPage #mainArea .textBlock p{
	margin: 0px 0 2em 0;
	font-size: 3.2vw;
	font-weight: 300;
}

body.toreruPage #mainArea .textBlock dl{
    width: 100%;
	margin: 0 auto;
	display: block;
}
body.toreruPage #mainArea .textBlock dt{
	padding: 0px 0 0px 0;
	font-size: 3.2vw;
	font-weight: 300;
    width: 100%;
	display: block;
}
body.toreruPage #mainArea .textBlock dd{
	padding: 0px 0 2em 0;
	font-size: 3.2vw;
	font-weight: 300;
    width: 100%;
	display: block;
}
body.toreruPage #mainArea .textBlock dl:last-child dt,
body.toreruPage #mainArea .textBlock dl:last-child dd{
	padding: 0px 0 0px 0;

}
body.toreruPage #mainArea .textBlock .block{
	border-top :2px solid #000;
	padding: 7% 0px 0px 0px;
}
body.toreruPage #mainArea .textBlock .block:last-child{
	border-bottom :2px solid #000;
}
body.toreruPage #mainArea #text3.textBlock .block h3{
	cursor: pointer;
}
body.toreruPage #mainArea #text3.textBlock .block p{
	display: none;
}
body.toreruPage #mainArea .howtoWrap .end {
    width: calc(689/750*100%);
    position: absolute;
    text-align: center;
    z-index: 4;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
}

body.toreruPage #mainArea .confWrap{
	width: 100%;
	position: relative;
}
body.toreruPage #mainArea .confWrap canvas{
	width: 100%;
/*	height: auto; */
	top: 0;
	left: 0;
	z-index:1;
	position: absolute;
}

@media screen and (max-width: 767px) {
body.toreruPage #mainArea .confWrap canvas{
	width: 100%;
/*	height: 2517px;
	overflow: visible;
	min-height: 2500px; */
	top: 0;
	left: 0;
	z-index:1;
	position: absolute;
}
}