@media (max-width: 1366px) and (orientation: portrait) {

	.leftLogoPart{
		position:static;
		padding-top:calc(100vw / 393* 13);
		padding-left:calc(100vw / 393* 7);
	}

	.logo{
		width: calc(100vw / 393* 242.71);
		height: calc(100vw / 393* 31);
		background-image: url(../img/bg_EDB_logo.svg);
		background-size: 100% 100%;
	}

	.chistLogoPart{
		position:static;
		top:1%;
		left:0%;
		width:100%;
		z-index:2;
	}

	.chistLogoPartLow{
    	position:absolute;
    	top:18%;
    	left:0%;
    	width:100%;
    }

	.competitionlogo{
		width: calc(100vw / 393* 266);
		height: calc(100vw / 393* 107);
		
		width: calc(100vw / 393* 266 / 1.5);
		height: calc(100vw / 393* 107 / 1.5);
		
		background-image: url(../img/logo.png);
		background-size: 100% 100%;
		padding-top:calc(100vw / 393* 7);
		margin:0 auto;
	}

	.entercompetitionBtn{
		width: calc(100vw / 393* 76.7);
		height: calc(100vw / 393* 24);
		background-image: url(../img/btn_start.png);
		background-size: 100% 100%;
		cursor:pointer;
		
		z-index:1
	}

	.entercompetitionBtn:hover{
		background-image: url(../img/btn_start_hi.png);
	}

	.previouscompetitionBtn{
		width: calc(100vw / 393* 62.9);
		height: calc(100vw / 393* 22.2);
		background-image: url(../img/btn_history.png);
		background-size: 100% 100%;
		margin-top:calc(100vw / 393* 3);
		cursor:pointer;
		
		margin-left:0;
		
		z-index:1
	}

	.previouscompetitionBtn:hover{
		background-image: url(../img/btn_history_hi.png);
	}

	.leftCloud{
		display:none;
	}

	.rightCloud{
		width: calc(100vw / 393* 88.5);
		height: calc(100vw / 393* 50);
		background-image: url(../img/bg_cloud_R.png);
		background-size: 100% 100%;
		
		position:absolute;
		top:10%;
		right:0%;
		
		z-index:0;
	}

	.detailPart{
		position:absolute;
		top:24%;
		left:0%;

		display: flex;
		flex-direction: column;
		width:100%;
		height: 58.5vh;
		height: 58.5dvh;
		
		z-index: 1;
	}

	.boxTopLeftImg{
		width: calc(100vw / 393* 127.3);
		height: calc(100vw / 393* 60);
		background-image: url(../img/popup_top_img_L.png);
		background-size: 100% 100%;
		position:absolute;
		top:calc(100vw / 393 * 52 * -1);
		left:0px;
	}

	.boxTopRightImg{
		width: calc(100vw / 393* 93.67);
		height: calc(100vw / 393* 64);
		background-image: url(../img/popup_top_img_R.png);
		background-size: 100% 100%;
		position:absolute;
		top:calc(100vw / 393 * 56 * -1);
		right:0px;
	}

	.boxTopPart{
		flex: 0 0 auto;

		width: calc(100vw / 393* 350);
		height: calc(100vh / 1024 * 104);
		height: calc(100vh / 1024 * 140);
		margin:0 auto;
		display:flex;
		margin-bottom:-1px;
		
		border: 0 solid transparent;
		border-image-source: url(../img/popup_bg.png);
		border-image-slice: 40 40 588 40 fill;
		border-image-width: 40px 40px 0px 40px;
		border-image-outset: 0px 0px 0px 0px;
		border-image-repeat: stretch stretch;
		border-style: solid;
	}

		.boxTopPartLow{
    		flex: 0 0 auto;

    		width: calc(100vw / 393* 350);
    		height: calc(100vh / 1024 * 104);
    		height: calc(100vh / 1024 * 51);
    		margin:0 auto;
    		display:flex;
    		margin-bottom:-1px;

    		border: 0 solid transparent;
    		border-image-source: url(../img/popup_w_bg_low.png);
    		border-image-slice: 40 40 588 40 fill;
    		border-image-width: 40px 40px 0px 40px;
    		border-image-outset: 0px 0px 0px 0px;
    		border-image-repeat: stretch stretch;
    		border-style: solid;
    	}

    	 .boxTopLeftLow{
                width: calc(100vh / 1024 * 91);
                height: calc(100vh / 1024 * 51);
                background-image: url();
                background-size: 100% 100%;
                background-repeat:no-repeat;
                position:relative;
                margin-right:-1px;
            }

            .boxTopMidLow{
                width: calc(100% - 100vh / 1024 * (91 + 91));
                height: calc(100vh / 1024* 51);
                background-image: url();
                background-size: 100% 100%;
                background-repeat:no-repeat;
                position:relative;
                z-index:2;
            }

            .boxTopRightLow{
                width: calc(100vh / 1024* 91);
                height: calc(100vh / 1024* 51);
                background-image: url();
                background-size: 100% 100%;
                background-repeat:no-repeat;
                position:relative;
                margin-left:-1px;
            }

	.boxTopLeft{
		/* flex: 0 0 auto; */
		width: calc(100vh / 1024 * 91);
		height: calc(100vh / 1024 * 104);
		height: 100%;
		/* background-image: url(../img/popup_top_L.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
		margin-right:-1px;
	}

	.boxTopMid{
		/* flex: 1 1 auto; */
		width: calc(100vw / 393* 320);
		width: calc(100% - (100vh / 1024 * 91) - (100vh / 1024 * 91));
		height: calc(100vh / 1024* 104);
		height: 100%;
		/* background-image: url(../img/popup_top_M.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
		z-index:2;
	}

	.boxTopRight{
		/* flex: 0 0 auto; */
		width: calc(100vh / 1024* 91);
		height: calc(100vh / 1024* 104);
		height: 100%;
		/* background-image: url(../img/popup_top_R.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
		margin-left:-1px;
	}

	.boxMidPart{
		flex: 1 1 auto;

		width: calc(100vw / 393* 350);
		margin:0 auto;
		display:flex;
		height: 100%;
		height: 21vh;

		border: 0 solid transparent;
		border-image-source: url(../img/popup_bg.png);
		border-image-slice: 92 40 335 40 fill;
		border-image-width: 0px 40px 0px 40px;
		border-image-outset: 0px 0px 0px 0px;
		border-image-repeat: stretch stretch;
		border-style: solid;
	}

		.boxMidPartLow{
    		flex: 1 1 auto;

    		width: calc(100vw / 393* 350);
    		margin:0 auto;
    		display:flex;
    		height: 100%;
    		height: 21vh;

    		border: 0 solid transparent;
    		border-image-source: url(../img/popup_bg.png);
    		border-image-slice: 92 40 335 40 fill;
    		border-image-width: 0px 40px 0px 40px;
    		border-image-outset: 0px 0px 0px 0px;
    		border-image-repeat: stretch stretch;
    		border-style: solid;
    	}

	.boxMidLeft{
		width: calc(100vh / 1024 * 91);
		height: calc(100vh / 1024 * 400);
		height: 100%;
		/* background-image: url(../img/popup_loop_L.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		margin-right:-1px;
	}

	.boxMidMid{
		width: calc(100vw / 393* 320);
		height: calc(100vh / 1024* 400);
		height: 100%;
		/* background-image: url(../img/popup_loop_M.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		z-index:2;
	}

	.boxMidRight{
		width: calc(100vh / 1024* 91);
		height: calc(100vh / 1024* 400);
		height: 100%;
		/* background-image: url(../img/popup_loop_R.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		margin-left:-1px;
	}

	.boxBottomPart{
		flex: 0 0 auto;

		position: relative;
		width: calc(100vw / 393* 350);
		height: calc(100vh / 1024 * 145);
		margin:0 auto;
		display:flex;
		margin-top:-1px;
		
		border: 0 solid transparent;
		border-image-source: url(../img/popup_bg.png);
		border-image-slice: 92 40 40 40 fill;
		border-image-width: 0px 40px 40px 40px;
		border-image-outset: 0px 0px 0px 0px;
		border-image-repeat: stretch stretch;
		border-style: solid;
	}

	.boxBottomLeft{
		width: calc(100vh / 1024 * 91);
		height: calc(100vh / 1024 * 174);
		height: 100%;
		/* background-image: url(../img/popup_lower_L.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
		margin-right:-1px;
	}

	.boxBottomMid{
		width: calc(100vw / 393* 320);
		height: calc(100vh / 1024* 174);
		height: 100%;
		/* background-image: url(../img/popup_lower_M.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
	}

	.boxBottomRight{
		width: calc(100vh / 1024* 91);
		height: calc(100vh / 1024* 174);
		height: 100%;
		/* background-image: url(../img/popup_lower_R.png); */
		background-image: none;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		position:relative;
		margin-left:-1px;
	}

	.boxBottomLeftImg{
		width: calc(100vh / 1024* 420);
		height: calc(100vh / 1024* 86);
		background-image: url(../img/popup_lower_img_L.png);
		background-size: 100% 100%;
		position:absolute;
		bottom:0;
		left:0;
		
		bottom: calc(100vh / 1024* 10);
		left: calc(100vh / 1024* 12);
	}

	.boxBottomMidImg{
		width: calc(100vw / 393* 150);
		height: calc(100vw / 393* 60);
		background-image: url(../img/popup_lower_img_M.png);
		background-size: 100% 100%;
		margin:0 auto;
		
		position: absolute;
		left: 50%;
		margin-left: calc(100vw / 393* 150 / -2);
		bottom: calc(100vh / 1024* 11);
	}

	.boxBottomRightImg{
		width: calc(100vh / 1024* 355);
		height: calc(100vh / 1024* 86);
		background-image: url(../img/popup_lower_img_R.png);
		background-size: 100% 100%;
		position:absolute;
		bottom:0;
		right:0;
		
		bottom: calc(100vh / 1024* 14);
		right: calc(100vh / 1024* 16);
	}

	.mainPageContainer{
		width: 100%;
		height: 100%;
		margin:0 auto;
		padding-bottom:10px;
		overflow-y:scroll;
	}

	.textItemContainer{
		padding-right:20px;
	}

	.containerScrollbar::-webkit-scrollbar {
		position: absolute;
		margin-right: 20px;
		width: 13px;

	}

	.containerScrollbar::-webkit-scrollbar-track {
		background-color: rgba(227, 204, 155, 1);
		border-radius: 5px;
	}

	.containerScrollbar::-webkit-scrollbar-thumb {
		background: linear-gradient(180deg, #FFDA7E 0%, #D39F24 100%);
		border-radius: 5px;
	}

	.title {
		margin-bottom: 1%;
		color: rgba(74, 58, 46, 1);
		font-size: 20px;
		font-weight: bold;
	}

	.title::after {
		content: "";
		display: inline-block;
		height: 0.5em;
		vertical-align: bottom;
		width: 50%;
		margin-right: -100%;
		margin-left: 10px;
		border-top: 1px solid rgba(74, 58, 46, 1);
	}

	.boxBottom{
		width: calc(100vh / 1024* 962);
		height: calc(100vh / 1024* 176);
		background-image: url(../img/popup_lower.png);
		background-size: 100% 100%;
		background-repeat:no-repeat;
		margin:0 auto;
	}

	.menuBtnPart{
		width:100%;
		height:100%;
		left:0%;
		top:8%;
		display:flex;
		align-items: center;
		justify-content: space-evenly;
		position:absolute;
		flex-wrap: wrap;
		align-content: center;
	}

	.menuBtn{
		width: calc(100vw / 393* 79);
		height: calc(100vw / 393* 28);
		background-size: 100% 100%;
		background-size: contain;
		background-repeat:no-repeat;
		background-position: center;
		cursor:pointer;
		
		margin-bottom: 4px;
	}

	.mainPageBtn{
		background-image: url(../img/btn_main.png);
	}

	.mainPageBtn.clicked{
		background-image: url(../img/btn_main_hi.png);
	}

	.mainPageBtn:hover{
		background-image: url(../img/btn_main_hi.png);
	}

	.detailPageBtn{
		background-image: url(../img/btn_detail.png);
		margin-left:10px;
	}

	.detailPageBtn.clicked{
		background-image: url(../img/btn_detail_hi.png);
	}

	.detailPageBtn:hover{
		background-image: url(../img/btn_detail_hi.png);
	}

	.resultPageBtn{
		background-image: url(../img/btn_result.png);
		margin-left:10px;
	}

	.resultPageBtn.clicked{
		background-image: url(../img/btn_result_hi.png);
	}

	.resultPageBtn:hover{
		background-image: url(../img/btn_result_hi.png);
	}

	.pressPageBtn{
		background-image: url(../img/btn_report.png);
		margin-left:10px;
	}

	.pressPageBtn.clicked{
		background-image: url(../img/btn_report_hi.png);
	}

	.pressPageBtn:hover{
		background-image: url(../img/btn_report_hi.png);
	}

	.photoAlbumBtn{
		background-image: url(../img/btn_album.png);
		margin-left:10px;
	}

	.photoAlbumBtn.clicked{
		background-image: url(../img/btn_album_hi.png);
	}

	.photoAlbumBtn:hover{
		background-image: url(../img/btn_album_hi.png);
	}

	.leftBottomImg{
		position:absolute;
		bottom:0%;
		left:0%;
		
		width: calc(100vw / 393* 163);
		height: calc(100vw / 393* 90);
		background-image: url(../img/bg_lower_L_mobile.png);
		background-size: 100% 100%;
		
		z-index:0;
	}



    	.RightBottomImg{
    		position:absolute;
    		bottom:0%;
    		right:0%;

    		width: calc(100vw / 393* 163);
    		height: calc(100vw / 393* 90);
    		background-image: url(../img/bg_lower_R_mobile.png);
    		background-size: 100% 100%;

    		z-index:0;
    	}

    		.leftBottomImgLow{
        		position:absolute;
        		bottom:0%;
        		left:0%;

        		width: calc(100vw / 393* 163);
        		height: calc(100vw / 393* 90);
        		background-image: url(../img/bg_lower_L_mobile.png);
        		background-size: 100% 100%;

        		z-index:0;
        	}



            	.RightBottomImgLow{
            		position:absolute;
            		bottom:0%;
            		right:0%;

            		width: calc(100vw / 393* 163);
            		height: calc(100vw / 393* 90);
            		background-image: url(../img/bg_lower_R_mobile.png);
            		background-size: 100% 100%;

            		z-index:0;
            	}
}

@media (max-width: 1024px) and (orientation: portrait) {
    .logo {
        width: calc(100vw / 393* 206.71);
        height: calc(100vw / 393* 25);
        background-image: url(../img/bg_EDB_logo.svg);
        background-size: 100% 100%;
    }

        .chistLogoPartLow {
            position: absolute;
            top: 11%;
            left: 0%;
            width: 100%;
        }

        .boxMidPartLow{
        height: 48vh;}

        .detailPartLow{
        top: 24%;
        }
    .leftLogoPartLow{
        top: 6%;
    }
	.RightBottomImgLow{
		position:absolute;
		bottom:0%;
		right:0%;

		width: calc(100vw / 393* 163);
		height: calc(100vw / 393* 90);
		background-image: url(../img/bg_lower_R_none.png);
		background-size: 100% 100%;

		z-index:0;
	}

		.leftBottomImgLow{
    		position:absolute;
    		bottom:0%;
    		left:0%;

    		width: calc(100vw / 393* 163);
    		height: calc(100vw / 393* 90);
    		background-image: url(../img/bg_lower_L_none.png);
    		background-size: 100% 100%;

    		z-index:0;
    	}
}

@media (max-width: 430px) and (orientation: portrait) {
	.entercompetitionBtn{
		width: calc(100vw / 393* 105.5);
		height: calc(100vw / 393* 33);
	}
	
	.previouscompetitionBtn{
		width: calc(100vw / 393* 86.5);
		height: calc(100vw / 393* 30.5);
	}
	
	.detailPart {
		top: 20%;
        height: 68vh;
		height: 68dvh;
	}

		.detailPartLow {
    		top: 26%;
            height: 68vh;
    		height: 68dvh;
    	}

	.menuBtnPart {
		flex-wrap: wrap;
		align-items: center;
        align-content: center;
	}

	.menuBtn {
		margin: 2px 4px;
	}

	.boxTopPart {

	}

	.boxTopMid {
		width: calc(100vw / 393* 450);
	}
	
	.linkWrap {
		word-break: break-all;
	}

	.innerContainer {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 220px;
    }

    .leftLogoPartLow{
       top: 12%;
    }

    .chistLogoPartLow{
    top: 16%;
    }
    .boxMidPartLow {
        height: 42vh;
    }

    .mainPageContainer{
        padding-top:0;
        overflow-y: auto;
    }

}