@charset "utf-8";

/*-- ex2 --*/

.search-ex-game .hide { font-size: 0; }
.search-ex-game .main-image { position: relative; margin-bottom: 40px; }
.search-ex-game .main-image .game-contents { position: absolute; left: 120px; right: 0; top: 43px; width: 640px; height: 420px; background: url(../images/search-ex/game/bg02.png) repeat-y;}
.search-ex-game .main-image .game-header { width: 100%; margin-bottom: 5px;}
.search-ex-game .main-image .game-main { height: 314px; margin-bottom: 8px; padding: 0 9px 0 9px; display: flex; justify-content: space-between; }
.search-ex-game .main-image .game-main .game-left-col { width: 445px; height: 314px; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4); text-align: center; padding-top: 7px;}
.search-ex-game .main-image .game-main .game-left-type1 {background-color: #e2f2f2; }
.search-ex-game .main-image .game-main .game-left-type3 {background-color: #ffffff; }
.search-ex-game .main-image .game-main .game-left-col textarea { margin-top: 15px; padding: 2px 4px; font-size: 1.3rem; width: 395px; height: 80px; resize: none;}
.search-ex-game .main-image .game-main .game-left-col button { margin-top: 5px;}
.search-ex-game .main-image .game-main .game-left-col button:focus { outline: none; }
.search-ex-game .main-image .game-main .game-left-col .search-ex-layer { position: absolute; top: 65px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0);}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line { position: absolute; top: 94px; left: 336px;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-b { top: 138px; }
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-c { top: 182px; }
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-d { top: 228px; }
.search-ex-game .main-image .game-main .game-right-col { width: 170px; height: 314px; background: #feecd2; border: 2px solid #feecd2; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4); padding-top: 5px; text-align: center; }
.search-ex-game .main-image .game-main .game-right-col img + img { margin-top: 8px;}
.search-ex-game .main-image .game-main .game-one-col { width: 100%; height: 100%; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4); text-align: center; padding-top: 10px;}
.search-ex-game .main-image .game-main .game-one-type2 { background-color: #e2f2f2; }
.search-ex-game .main-image .game-main .game-one-type4 { background-color: #ffffff; }
.search-ex-game .main-image .game-main .game-one-col .search-ex-2-4-gif { position: absolute; top:151px; left: 325px; }
.search-ex-game .main-image .game-footer { position: relative; height: 44px;}
.search-ex-game .main-image .game-footer .game-comment-b { position: absolute; left: 9px; top:5px; width: 420px; height: 34px; padding: 3px 0 0 8px; background: #feecd2; border: 2px solid #feecd2; border-radius: 4px; }
.search-ex-game .main-image .game-footer .game-back { position: absolute; left: 9px; bottom: 0; height: 44px; }
.search-ex-game .main-image .game-footer .game-next { position: absolute; right: 9px; bottom: 0; height: 44px; }
.search-ex-game .main-image .game-footer .game-next .disabled { pointer-events: none; }
.search-ex-game .main-image .success { position: absolute; left: 0; right: 0; top: 0; display: none; }
.search-ex-game .main-image .success.show { display: block; }
.search-ex-game .main-image .success .search-ex-retry { position: absolute; bottom: 38px; right: 120px; width: 304px; height: 64px; display: block;}
.search-ex-game .button-conclusion { display: none; }
.search-ex-game .button-conclusion.show { display: block; }

.search-ex-conclusion.main-content .note {margin-top: 50px;}
.search-ex-conclusion .note .accessory { position: absolute; right: 50px; top: -45px; }
.search-ex-conclusion .note .text p { text-indent: 0; margin-bottom: 30px; }
@media screen and (max-width: 767px) {
  .search-ex-conclusion .note .accessory-sp { display: block; position: relative; right: 0;	top: 0;	float: right;	margin-left: 2%;	margin-top: -15%;	width: calc( 317 / 600 * 100%);	}
}