@charset "UTF-8";


/*　2014年版（PCのみ）を基に新規作成　（2019.02.25）　*/


@import url(../../shared/css/style.css);
@import url(../../shared/css/elements_sp.css);


/*-----------------------------------------------
	シーンの種類（#cut01〜#cut05のdivに付けるクラス名）
		*ボタン1を選択した状態：class="on01"
		*ボタン2を選択した状態：class="on02"
		*ボタン3を選択した状態：class="on03"
		*あたり状態：class="ok"
		*はずれ状態：class="ng"
-----------------------------------------------*/

body {
	background-color: #fff;
}
#wrapper {
	min-width: 640px;
}
#mainArea {
	position: relative;
}

ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 0;
	text-align: left;
	text-indent: 0;
}
ul.answer, ul.answer li{
	margin:0;
	padding:0;
	list-style:none;
}


/*ステージ*/
.stage,
.stage02 {
	width: 578px;
	height: 340px;
	position: relative;
	z-index: 2;
	margin: 15px auto;
	border: 4px solid #f5b717;
	border-radius: 10px;
	background-color: #f4f8f4;
}

.stage03 {
	width: 425px;
	height: 250px;
	z-index: 2;
	margin: 15px auto;
}
.stage02 {
	display: none;
}

/*解説*/
.txt,
.moreinfo_sp .info {
	box-sizing: border-box;
	width: 586px;
	padding: 20px;
	margin: 27px auto;
	border-radius: 12px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	font-size: 27px;
	line-height: 1.57142857;
}

.txt p span.go2next,
.txt p span.rewind {
	text-decoration: underline;
	cursor: pointer;
}
.rewind {
	color: #b05e0c;
}

/*もっと*/
.more {
	display: none;
	position: relative;
	width: 82.88288288vw;
	height: 12.76276276vw;
	margin: 30px auto;
	color: #fff;
	font-size: 4.35435435vw;
	font-weight: bold;
	line-height: 12.76276276vw;
	text-align: center;
	background-color: #0E7A3B;
	border-radius: 12px;
}
.more::after {
	content: '';
	position: absolute;
	display: block;
	width: 4.2042042vw;
	height: 4.2042042vw;
	top: 50%;
	right: 4.2042042vw;
	background: url(../../shared/img/plus.svg) center top / contain no-repeat;
	line-height: 0;
	transform: translateY(-50%);
	z-index: 2;
}
.more.open::after {
	content: '';
	background: url(../../shared/img/minus.svg) center top / contain no-repeat;
}
.more a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
}
h3.more2,
h3.more3 {
	margin-left: -20px;
	display: block;
	height: 155px;
}
.info-ttl {
	text-align: center;
	padding: 35px 0 30px;
}

/*PC版コンテンツ途中のページトップ*/
.pagetop {
	display: none;
}

/*フッター上部のページトップ*/
.goToTop {
	position: absolute;
	bottom: 0;
}


canvas {
	margin: 0 auto;
	z-index: 1000;
}



/*--------------------------------------------------------------------------------
 #cut00
--------------------------------------------------------------------------------*/
#cut00wrapper {
	width: 100%;
	height: auto;
	padding-top: 27px;
	padding-bottom: 27px;
}

#cut00 {
	position: relative;
	margin:0 auto;
	width: 100%;
	height: auto;
}
#cut00 .title {
	display: block;
	width: 567px;
	height: 133px;
	margin-left: 40px;
	margin-bottom: 40px;
	background: url(../images/cut00/title.svg) left top / contain no-repeat;
}
#cut00 .title img {
	display: none;
}

.hill {
	width: 100%;
	height: 330px;
	padding-left: 27px;
}

#muse02navi {
	display: flex;
	flex-direction: column;
	padding-top: 70px;
	height: 1156px;
	background: url(../images/btn_bg_sp.png) center top / 100% 100% no-repeat;
}

#muse02navi li {
	display: block;
	width: 91.71875%;
	margin: 0 auto;
}

/*ナビボタン*/
#muse02navi li a {
	display: block;
	text-indent: -9999px;
}

/*ナビボタン01*/
#cut00 .nv01 {
	position: relative;
	height: 165px;
}
#cut00 #muse02navi .nv01 a {
	position: absolute;
	top: 0;
	right: 0;
	width: 274px;
	height: 165px;
	background: url(../images/cut00/hole1_sp.png) center top / contain no-repeat;
}

/*ナビボタン02*/
#cut00 .nv02 {
	position: relative;
	height: 165px;
}
#cut00 .nv02 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 268px;
	height: 165px;
	background: url(../images/cut00/hole2_sp.png) center top / contain no-repeat;
}

/*ナビボタン03*/
#cut00 .nv03 {
	position: relative;
	height: 220px;
}
#cut00 .nv03 a {
	position: absolute;
	top: 0;
	right: 0;
	width: 306px;
	height: 220px;
	background: url(../images/cut00/hole3_sp.png) center top / contain no-repeat;

}

/*ナビボタン04*/
#cut00 .nv04 {
	position: relative;
	height: 220px;
}
#cut00 .nv04 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 326px;
	height: 220px;
	background: url(../images/cut00/hole4_sp.png) center top / contain no-repeat;
}

/*ナビボタン05*/
#cut00 .nv05 {
	position: relative;
	height: 240px;
}
#cut00 .nv05 a {
	position: absolute;
	top: 0;
	right: 0;
	width: 374px;
	height: 240px;
	background: url(../images/cut00/hole5_sp.png) center top / contain no-repeat;
}

/*ホムラ*/
#cut00 .homura {
	position: absolute;
	top: 380px;
	left: 75px;
	display: block;
	width: 275px;
	height: 320px;
	background: url(../images/cast_sp.png) left top / contain no-repeat;
}


/*--------------------------------------------------------------------------------
 #cut01
--------------------------------------------------------------------------------*/

#cut01 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 610px;
	padding-top: 236px;
	padding-bottom: 136px;
	background: url(../images/cut01/cut1_bg1_sp.png) center top / 547px auto no-repeat, url(../images/bg1_sp.png) center bottom / 521px auto no-repeat;
}
#cut01 .title {
	margin-left : 34px;
	width : 562px;
	height: 47px;
	background: url(../images/q1_sp.svg) left top / contain no-repeat;
}
#cut01 .title img {
	display: none;
}



/*あたりはずれ*/
#cut01 .atari {
	position:absolute;
	background:none;
	left : 160px;
	top : 62px;
	width : 267px;
	height : 74px;
}
/*はずれ*/
#cut01.ng .atari {
	background: url(../images/cut01/cut01_atari_txt.png) no-repeat 0 bottom;
}
/*あたり*/
#cut01.ok .atari {
	background: url(../images/cut01/cut01_atari_txt.png) no-repeat 0 top;
}

/*次へ進むボタン*/
#cut01 .next {
	display:none;
}
#cut01.ok .next {
	display:block;
	position:absolute;
	background: url(../images/cut01/cut01_next.png) no-repeat 0 0;
	cursor:pointer;
	left : 183px;
	top : 159px;
	width : 214px;
	height : 56px;
}

/*答えボタン*/
#cut01 .btn01 {
	position:absolute;
	background: url(../images/cut01/cut01_btn.png) no-repeat 0 bottom;
	left : 22px;
	top : 264px;
	width : 162px;
	height : 41px;
	display:block;
}
#cut01 .btn02 {
	position:absolute;
	background: url(../images/cut01/cut01_btn.png) no-repeat -185px bottom;
	left : 207px;
	top : 264px;
	width : 162px;
	height : 41px;
}
#cut01 .btn03 {
	position:absolute;
	background: url(../images/cut01/cut01_btn.png) no-repeat -370px bottom;
	left : 392px;
	top : 264px;
	width : 162px;
	height : 41px;
}
/*答えボタンOn*/
#cut01.on01 .btn01,
#cut01 .btn01.current {
	background: url(../images/cut01/cut01_btn.png) no-repeat 0 top;
}
#cut01.on02 .btn02,
#cut01 .btn02.current {
	background: url(../images/cut01/cut01_btn.png) no-repeat -185px top;
}
#cut01.on03 .btn03,
#cut01 .btn03.current {
	background: url(../images/cut01/cut01_btn.png) no-repeat -370px top;
}
/*ホムラ台詞01*/
#cut01.on01.ng .homuraTxt1 {
	display: block;
}

/*ホムラ台詞03*/
#cut01.on03.ng .homuraTxt2 {
	display: block;
}

/*写真*/
#cut01 .img {
	width: 578px;
	height: 340px;
	border-radius: 6px;
	overflow:hidden;
}

#cut01 .txt {
	display: none;
}
#cut01.ok .txt01 {
	display: block;
}


/*--------------------------------------------------------------------------------
 #cut02
--------------------------------------------------------------------------------*/

#cut02 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 594px;
	padding-top: 270px;
	padding-bottom: 170px;
	background: url(../images/cut02/cut2_bg1_sp.png) center top / 547px auto no-repeat, url(../images/bg2_sp.png) center bottom / 100% auto no-repeat;
}
#cut02 .title {
	margin-left : 34px;
	width : 513px;
	height: 47px;
	background: url(../images/q2_sp.svg) left top / contain no-repeat;
}
#cut02 .title img {
	display: none;
}

/*あたりはずれ*/
#cut02 .atari {
	position:absolute;
	background:none;
	left : 160px;
	top : 62px;
	width : 267px;
	height : 74px;
}
/*はずれ*/
#cut02.ng .atari {
	background: url(../images/cut02/cut02_atari_txt.png) no-repeat 0 bottom;
}
/*あたり*/
#cut02.ok .atari {
	background: url(../images/cut02/cut02_atari_txt.png) no-repeat 0 top;
}

/*次へ進むボタン*/
#cut02 .next {
	display:none;
}
#cut02.ok .next {
	display:block;
	position:absolute;
	background: url(../images/cut02/cut02_next.png) no-repeat 0 0;
	cursor:pointer;
	left : 183px;
	top : 159px;
	width : 214px;
	height : 56px;
}

/*答えボタン*/
#cut02 .btn01 {
	position:absolute;
	background: url(../images/cut02/cut02_btn.png) no-repeat 0 bottom;
	left : 26px;
	top : 266px;
	width : 164px;
	height : 41px;
	display:block;
}
#cut02 .btn02 {
	position:absolute;
	background: url(../images/cut02/cut02_btn.png) no-repeat -185px bottom;
	left : 213px;
	top : 266px;
	width : 164px;
	height : 41px;
}
#cut02 .btn03 {
	position:absolute;
	background: url(../images/cut02/cut02_btn.png) no-repeat -370px bottom;
	left : 398px;
	top : 266px;
	width : 164px;
	height : 41px;
}
/*答えボタンOn*/
#cut02.on01 .btn01,
#cut02 .btn01.current {
	background: url(../images/cut02/cut02_btn.png) no-repeat 0 top;
}
#cut02.on02 .btn02,
#cut02 .btn02.current {
	background: url(../images/cut02/cut02_btn.png) no-repeat -185px top;
}
#cut02.on03 .btn03,
#cut02 .btn03.current {
	background: url(../images/cut02/cut02_btn.png) no-repeat -370px top;
}
/*ホムラ台詞01*/
#cut02.on01.ng .homuraTxt1 {
	display: block;
}
/*ホムラ台詞02*/
#cut02.on02.ng .homuraTxt2 {
	display: block;
}

/*写真*/
#cut02 .img {
	position:absolute;
	background: url(../images/cut02/cut02_img.png) no-repeat 0 0;
	left : 41px;
	top : 45px;
	width : 505px;
	height : 214px;
}

#cut02 .txt {
	display: none;
}
#cut02.ok .txt01 {
	display: block;
}

/*--------------------------------------------------------------------------------
 #cut03
--------------------------------------------------------------------------------*/

#cut03 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 680px;
	padding-top: 270px;
	padding-bottom: 130px;
	background: url(../images/cut03/cut3_bg1_sp.png) center top / 566px auto no-repeat, url(../images/bg3_sp.png) center bottom / 536px auto no-repeat;
}
#cut03 .title {
	margin-left : 34px;
	width : 505px;
	height: 91px;
	background: url(../images/q3_sp.svg) left top / contain no-repeat;
}
#cut03 .title img {
	display: none;
}

/*あたりはずれ*/
#cut03 .atari {
	position:absolute;
	background:none;
	left : 160px;
	top : 62px;
	width : 267px;
	height : 74px;
}
/*はずれ*/
#cut03.ng .atari {
	background: url(../images/cut03/cut03_atari_txt.png) no-repeat 0 bottom;
}
/*あたり*/
#cut03.ok .atari {
	background: url(../images/cut03/cut03_atari_txt.png) no-repeat 0 top;
}

/*次へ進むボタン*/
#cut03 .next {
	display:none;
}
#cut03.ok .next {
	display:block;
	position:absolute;
	background: url(../images/cut03/cut03_next.png) no-repeat 0 0;
	cursor:pointer;
	left : 183px;
	top : 159px;
	width : 214px;
	height : 56px;
}

/*答えボタン*/
#cut03 .btn01 {
	position:absolute;
	background: url(../images/cut03/cut03_btn.png) no-repeat 0 bottom;
	left : 27px;
	top : 265px;
	width : 164px;
	height : 62px;
	display:block;
}
#cut03 .btn02 {
	position:absolute;
	background: url(../images/cut03/cut03_btn.png) no-repeat -185px bottom;
	left : 213px;
	top : 265px;
	width : 164px;
	height : 62px;
}
#cut03 .btn03 {
	position:absolute;
	background: url(../images/cut03/cut03_btn.png) no-repeat -370px bottom;
	left : 398px;
	top : 265px;
	width : 164px;
	height : 62px;
}
/*答えボタンOn*/
#cut03.on01 .btn01,
#cut03 .btn01.current {
	background: url(../images/cut03/cut03_btn.png) no-repeat 0 top;
}
#cut03.on02 .btn02,
#cut03 .btn02.current {
	background: url(../images/cut03/cut03_btn.png) no-repeat -185px top;
}
#cut03.on03 .btn03,
#cut03 .btn03.current {
	background: url(../images/cut03/cut03_btn.png) no-repeat -370px top;
}

/*ホムラ台詞01*/
#cut03.on01.ng .homuraTxt1 {
	display: block;
}
/*ホムラ台詞03*/
#cut03.on03.ng .homuraTxt2 {
	display: block;
}

/*写真*/
#cut03 .img {
	position:absolute;
	background: url(../images/cut03/cut03_img.png) no-repeat 0 0;
	left : 41px;
	top : 45px;
	width : 505px;
	height : 214px;
}


#cut03 .txt {
	display: none;
}
#cut03.ok .txt01 {
	display: block;
}

/*--------------------------------------------------------------------------------
 #cut04
--------------------------------------------------------------------------------*/

#cut04 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 652px;
	padding-top: 250px;
	padding-bottom: 130px;
	background: url(../images/cut04/cut4_bg1_sp.png) center top / 535px auto no-repeat, url(../images/bg4_sp.png) center bottom / 515px auto no-repeat;
}
#cut04 .title {
	margin-left : 34px;
	width : 540px;
	height: 90px;
	background: url(../images/q4_sp.svg) left top / contain no-repeat;
}
#cut04 .title img {
	display: none;
}

/*あたりはずれ*/
#cut04 .atari {
	position:absolute;
	background:none;
	left : 160px;
	top : 62px;
	width : 267px;
	height : 74px;
}
/*はずれ*/
#cut04.ng .atari {
	background: url(../images/cut04/cut04_atari_txt.png) no-repeat 0 bottom;
}
/*あたり*/
#cut04.ok .atari {
	background: url(../images/cut04/cut04_atari_txt.png) no-repeat 0 top;
}

/*次へ進むボタン*/
#cut04 .next {
	display:none;
}
#cut04.ok .next {
	display:block;
	position:absolute;
	background: url(../images/cut04/cut04_next.png) no-repeat 0 0;
	cursor:pointer;
	left : 183px;
	top : 159px;
	width : 214px;
	height : 56px;
}

/*答えボタン*/
#cut04 .btn01 {
	position:absolute;
	background: url(../images/cut04/cut04_btn.png) no-repeat 0 bottom;
	left : 27px;
	top : 265px;
	width : 160px;
	height : 62px;
	display:block;
}
#cut04 .btn02 {
	position:absolute;
	background: url(../images/cut04/cut04_btn.png) no-repeat -184px bottom;
	left : 213px;
	top : 265px;
	width : 161px;
	height : 62px;
}
#cut04 .btn03 {
	position:absolute;
	background: url(../images/cut04/cut04_btn.png) no-repeat -370px bottom;
	left : 398px;
	top : 265px;
	width : 161px;
	height : 62px;
}
/*答えボタンOn*/
#cut04.on01 .btn01,
#cut04 .btn01.current {
	background: url(../images/cut04/cut04_btn.png) no-repeat 0 top;
}
#cut04.on02 .btn02,
#cut04 .btn02.current {
	background: url(../images/cut04/cut04_btn.png) no-repeat -184px top;
}
#cut04.on03 .btn03,
#cut04 .btn03.current {
	background: url(../images/cut04/cut04_btn.png) no-repeat -370px top;
}
/*ホムラ台詞02*/
#cut04.on02.ng .homuraTxt1 {
	display: block;
}
/*ホムラ台詞03*/
#cut04.on03.ng .homuraTxt2 {
	display: block;
}

/*写真*/
#cut04 .img {
	position:absolute;
	background: url(../images/cut04/cut04_img.png) no-repeat 0 0;
	left : 29px;
	top : 45px;
	width : 530px;
	height : 217px;
}

#cut04 .txt {
	display: none;
}
#cut04.ok .txt01 {
	display: block;
}

/*--------------------------------------------------------------------------------
 #cut05
--------------------------------------------------------------------------------*/

#cut05 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 653px;
	padding-top: 220px;
	padding-bottom: 300px;
	background: url(../images/cut05/cut5_bg1_sp.png) center top / 556px auto no-repeat, url(../images/bg5_sp.png) center bottom / 100% auto no-repeat;
}
#cut05 .title {
	margin-left : 34px;
	width : 484px;
	height: 91px;
	background: url(../images/q5_sp.svg) left top / contain no-repeat;
}
#cut05 .title img {
	display: none;
}

/*あたりはずれ*/
#cut05 .atari {
	position:absolute;
	background:none;
	left : 160px;
	top : 62px;
	width : 267px;
	height : 74px;
}
/*はずれ*/
#cut05.ng .atari {
	background: url(../images/cut05/cut05_atari_txt.png) no-repeat 0 bottom;
}
/*あたり*/
#cut05.ok .atari {
	background: url(../images/cut05/cut05_atari_txt.png) no-repeat 0 top;
}

/*次へ進むボタン*/
#cut05 .next {
	display:none;
}
#cut05.ok .next {
	display:block;
	position:absolute;
	background: url(../images/cut05/cut05_next.png) no-repeat 0 0;
	cursor:pointer;
	left : 183px;
	top : 159px;
	width : 214px;
	height : 56px;
}

/*答えボタン*/
#cut05 .btn01 {
	position:absolute;
	background: url(../images/cut05/cut05_btn.png) no-repeat 0 bottom;
	left : 27px;
	top : 269px;
	width : 165px;
	height : 41px;
	display:block;
}
#cut05 .btn02 {
	position:absolute;
	background: url(../images/cut05/cut05_btn.png) no-repeat -185px bottom;
	left : 213px;
	top : 269px;
	width : 165px;
	height : 41px;
}
#cut05 .btn03 {
	position:absolute;
	background: url(../images/cut05/cut05_btn.png) no-repeat -370px bottom;
	left : 398px;
	top : 269px;
	width : 165px;
	height : 41px;
}
/*答えボタンOn*/
#cut05.on01 .btn01,
#cut05 .btn01.current {
	background: url(../images/cut05/cut05_btn.png) no-repeat 0 top;
}
#cut05.on02 .btn02,
#cut05 .btn02.current {
	background: url(../images/cut05/cut05_btn.png) no-repeat -185px top;
}
#cut05.on03 .btn03,
#cut05 .btn03.current {
	background: url(../images/cut05/cut05_btn.png) no-repeat -370px top;
}
/*ホムラ台詞01*/
#cut05.on01.ng .homuraTxt1 {
	display: block;
}
/*ホムラ台詞02*/
#cut05.on02.ng .homuraTxt2 {
	display: block;
}

/*写真*/
#cut05 .img {
	position:absolute;
	background: url(../images/cut05/cut05_img.png) no-repeat 0 0;
	left : 29px;
	top : 45px;
	width : 530px;
	height : 217px;
}

#cut05 .txt {
	display: none;
}
#cut05.ok .txt01 {
	display: block;
}