/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.museum-header {
 background-color: #EEEFFF;
 width:100%;
 inset: 0;
 margin: auto;
 text-align: center;
 position: fixed;
 margin-top: 167px;
 margin-top: 0;
}


.resizeimage {
 text-align: center;
 max-width: 1167px; /* 最大幅 */
}
.resizeimage img { width: 100%; 
}

#photo {
		padding-top:167px;
}



.inner860{
	width : 100% ;
	max-width : 940px ;
	margin : 0px auto ;
	padding : 1px 40px ;
}

.inner830{
	width : 100% ;
	max-width : 940px ;
	margin : 0px auto ;
	padding : 1px 40px ;
}


.inner800{
	width : 100% ;
	max-width : 940px ;
	margin : 0px auto ;
	padding : 1px 1px ;
}

.changeaward{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 40%;
}

#photo {
		padding-top:4em;
}



.swiper-container {
	display: inline-block ;
	max-width : 1200px ;
	margin : auto ;
}


.heaader_superbox{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 148px ;
	background-color: #FFFFFF ;
	padding-top : 40px ;
	z-index :44 ;
	opacity : 0 ;
}
.header_spacer{
	width : 100% ;
	height : 148px ;
	z-index : 1 ;
}

.header_inner{
	width : 100% ;
	max-width : 880px ;
	margin : 0px auto ;

}

.header_item_w{
	width : 164px ;
	height : 92px ;
	border : 4px solid #0FB3A7 ;
	background-color: #FFFFFF ;
}

.header_item_w_wrap{
	display: table-cell;
	width : 156px ;
	height : 86px ;
	vertical-align: middle ;
	text-align : center ;
	color : #0FB3A7 ;
	font-size : 20px ;
}


.header_item_g{
	width : 240px ;
	height : 92px ;
	background-color: #0FB3A7 ;
}
.header_item_g_wrap{
	display: table-cell;
	/** width : 132px ; **/
	width : 240px ;
	padding-left : 100px ;
	height : 92px ;
	vertical-align: middle ;
	color : #FFFFFF ;
	font-size : 22px ;
	line-height : 28px ;
}

.header_item_dogear{
	position: absolute ;
	top : -2px ;
	left : -2px ;
	width : 40px ;
}


.header_item_g_num{
	position: absolute;
	top : 50% ;
	left : 24px ;
	height :58px ;
	transform : translate( 0% , -50% ) ;
	font-size : 58px ;
	line-height : 58px ;
	vertical-align: 0px ;
	color : #FDFCD3 ;
	letter-spacing: -4px ;
}



.fv_superbox{
	width : 100% ;
	/** padding : 40px 40px 60px ; **/
	padding : 0px ;
}

.fv_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index : 1 ;
	opacity : 0 ;
}

.fv_mainlogo{
	width : 100% ;
	max-width : 1024px ;
	margin : 0px auto ;
	z-index :4 ;
	opacity : 0 ;
	top : 40px ;
}

.fv_during_superbox{
	width : 100% ;
	max-width : 816px ;
	margin : 0px auto 0px ;
	z-index : 4 ;
	opacity : 0 ;
	top : 40px ;
}

.fv_duringicon{
	float : left ;
	width : 150px ;
}
.fv_duringdate{
	float : left ;
	width : 666px ;
}

.theme_title{
	width : 100% ;
	height : 84px ;
	line-height : 84px ;
	margin-top : 42px;
	font-size : 40px ;
	color : #FFFFFF ;
	text-align : center ;
	letter-spacing: 10px ;
	background-color: #0FB3A7 ;
}


.theme_catchbox{
	width : 100% ;
	height : 212px ;
}

.theme_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

.theme_phrase{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 90% ;
	max-width : 840px ;
	margin-left : 20px ;
	transform: translate(-50%,-50%);
	z-index : 4 ; 
}


.about_title{
	width : 348px ;
	border-bottom : 8px solid #0FB3A7 ;
	text-align : center ;
	font-size : 38px ;
	letter-spacing: 10px ;
	margin : 80px auto 0px ;
	left : 20px ;
}

.about_title2{
	width : 348px ;
	border-bottom : 5px solid #0FB3A7 ;
	text-align : center ;
	font-size : 48px ;
	letter-spacing: 10px ;
	margin : 80px auto 0px ;
	left : 20px ;
}

.about_title3{
	width : 500px ;
	border-bottom : 8px solid #0FB3A7 ;
	text-align : center ;
	font-size : 30px ;
	letter-spacing: 5px ;
	margin : 25px auto 30px ;
	left : 10px ;
}



.rule_title{
	width : 184px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 78px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}

.rule_story{
	text-align: center ;
	font-size : 22px ;
	line-height: 42px ;
	margin-top : 50px ;
	left : 20px ;
}


.about_movie{
	display: block ;
	width : 100% ;
	max-width : 760px ;
	margin : 100px auto 0px ;
}


.schedule_title{
	width : 260px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 140px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}

.schedule_icon{
	width : 100% ;
	max-width : 150px ;
	margin : 46px auto 0px ;
	z-index : 4 ;
}
.schedule_date{
	width : 100% ;
	max-width : 768px ;
	margin : 26px auto 0px ;
	z-index : 4 ;
}


.shedule_itembox{
	width : 100% ;
	max-width : 764px ;
	margin : 20px auto 0px ;
	padding-bottom : 32px ;
	border-bottom : 2px solid #0FB3A7 ;
	font-size : 32px ;
	line-height : 36px ;
}
.shedule_itembox.follow{
	margin-top : 70px ;
}
.shedule_itembox.last{
	padding-bottom : 10px ;
}

.schedule_item_l{
	float : left ;
	width : 316px ;
	padding-left : 16px ;
}
.schedule_item_l span{
	font-size : 24px ;
}
.schedule_item_r{
	float : left ;
	width : calc( 100% - 316px );
}
.schedule_item_etc{
	font-size : 24px ;
	padding-left : 16px ;
}


.entryfee_title{
	width : 260px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 106px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}


.entryfee_story{
	text-align : center ;
	font-size : 44px ;
	margin : 52px auto 0px ;
}



.judge_title{
	width : 186px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 106px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}


.judge_section{
	width : 200px ;
	border-bottom : 3px solid #0FB3A7 ;
	text-align : center ;
	font-size : 22px ;
	margin : 60px auto 0px ;
}


.judge_flex{
	width : 100% ;
	max-width : 684px ;
	margin : 30px auto 0px ;
}
.judege_itembox{
	width : 252px ;
}

.judege_photo{
	width : 100% ;
}

.judege_item_shop{
	font-size : 17px ;
	text-align : center ;
	color : #0FB3A7 ;
	margin-top : 20px ;
}
.judege_item_name{
	font-size : 22px ;
	text-align : center ;
	margin-top : 0px ;
}

.judege_item_story{
	font-size : 16px ;
	font-weight : 400 ;
	margin-top : 10px ;
	text-align: center ;
}

.judege_item_plusbox{
	width : 100px ;
	padding-top : 310px ;
}

.judge_item_plusicon{
	width : 36px ;
	margin : 0px auto ;
}

.judege_item_plustitle{
	width : 100px;
	height : 100px ;
	border-radius: 50% ;
	text-align : center ;
	background-color: #ABABAB ;
	color : #FFFFFF ;
	font-size : 22px ;
	line-height : 30px ;
	padding-top : 16px ;
	margin : 18px auto 0px ;
}



.point_superbox{
	width : 100% ;
	padding : 80px 50px 30px ;
	background-color: #FDFCD3 ;
	margin : 148px auto 128px ;
	top : 80px ;
}


.point_title{
	position: absolute ;
	top : -20px ;
	left : 50% ;
	transform : translate(-50% ,0%);
	width : 256px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	letter-spacing: 6px ;
}


.point_itembox01{
	width : 430px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #F0A92F ;
	padding-left : 10px ;
}
.point_itembox02{
	width : 320px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #6D4D9C ;
	padding-left : 10px ;
}
.point_itembox03{
	width : 320px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #64C5D5 ;
	padding-left : 10px ;
}
.point_itembox04{
	width : 320px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #EB79A1 ;
	padding-left : 10px ;
}
.point_itembox05{
	width : 320px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #FF1D28 ;
	padding-left : 10px ;
}
.point_itembox06{
	width : 320px ;
	height : 68px ;
	margin-bottom : 50px ;
	border-left : 10px solid #DCDD0B ;
	padding-left : 10px ;
}
.point_item_wrap{
	display: table-cell;
	width : 100% ;
	height : 68px;
	vertical-align: middle ;
	font-size : 30px ;
	line-height: 34px ;
}





.prize_title{
	width : 100% ;
	height : 92px ;
	line-height : 92px ;
	text-align :center ;
	font-size : 38px ;
	color : #FFFFFF ;
	background-color: #0FB3A7 ;
	justify-content: center !important;
}

.prize_title_num{
	font-size : 80px ;
	height : 92px ;
	line-height: 88px ;
	font-weight : 400 ;
	letter-spacing: 0px ;
	margin-right : 10px ;
	color : #FDFCD3 ;
}
.prize_title_name{
	height : 92px ;
	line-height: 92px ;
}

.prize_listbox{
	width : 100% ;
	padding : 90px 40px ;
}

.prize_back01{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100%;
	object-fit: cover ;
	z-index : 1 ;
	object-position: top center  ;
}
.prize_back02{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100%;
	object-fit: cover ;
	z-index : 1 ;
	object-position: bottom center  ;
}


.prize_list_image{
	width : 100% ;
	max-width : 780px ;
	margin : 0px auto ;
	z-index: 4 ;
	left : 20px ;
}


.entry_step{
	font-size : 24px ;
	text-align: center ;
	margin : 60px 0px 0px ;
}

.entry_qr_title{
	font-size : 24px ;
	text-align: center ;
	margin : 30px auto 0px ;
	padding : 10px 20px ;
	background-color: #FF3399 ;
	width : 100% ;
	max-width : 360px ;
}
.entry_qr_title a,
.entry_qr_title a:link,
.entry_qr_title a:visited{
	color : #FFFFFF ;
}

.entry_qr_image{
	width : 100% ;
	max-width : 293px ;
	margin : 20px auto 0px ;
}

.entry_inner{
	width : 100% ;
	max-width : 660px ;
	margin : 0px auto ;
	padding : 1px 0px ;
}

.entry_step02{
	font-size : 24px ;
	margin : 60px 0px 0px ;
}
.entry_step02 span{
	font-size : 18px ;
}

.entry_tag_l{
	float : left ;
	width : 200px ;
	font-size : 24px ;
}
.entry_tag_r{
	float : left ;
	width : calc( 100% - 200px );
	font-size : 24px ;
	color : #FF3399 ;
}




.movie_title{
	width : 180px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 260px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}


.movie_title2{
	width : 500px ;
	height : 150px ;
	background-color: #EF5B9C ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 40px ;
	margin : 1px auto 0px ;
	letter-spacing: 6px ;
	left : 10px ;
}



.movie_story{
	margin-top : 44px ;
	font-size :21px ;
	font-weight : 400 ;
}

.notice_list li{
	list-style: none ;
	padding-left : 1em ;
	text-indent: -1em ;
	margin-bottom : 10px ;

}




.notice_title{
	width : 180px ;
	height : 40px ;
	line-height : 38px ;
	background-color: #0FB3A7 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 30px ;
	margin : 154px auto 0px ;
	letter-spacing: 6px ;
	left : 20px ;
}





.sponcer_movie{
	display: block ;
	width : 100% ;
	max-width : 760px ;
	margin : 340px auto 0px ;
}

#footer{
}


.footer_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

.footer_welcome{
	width : 100% ;
	max-width : 780px ;
	margin : 46px auto 54px ;
	z-index: 4 ;
}


.footer_linK{
	width : 100% ;
	height : 80px ;
	line-height : 80px ;
	color : #FFFFFF ;
	font-size : 27px ;
	letter-spacing: 4px ;
	text-align: center ;
	margin-top : 8px ;
	z-index : 4 ;
	background-color: #0FB3A7 ;
}

.footer_logo{
	width : 240px ;
	margin : 36px auto 0px ;
	z-index: 4 ;
}



.fv_dummy{
	width : 100% ;
	z-index: 1 ;
}

.fv_movie{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	z-index: 6 ;
}



.award_bg{
	background-image:url(images/back_green.jpg);
}




















@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 940px) {

.museum-header {
 background-color: #EEEFFF;
 width:100%;
 inset: 0;
 margin: auto;
 text-align: center;
 position: fixed;
 margin-top: 0;
}

.resizeimage {
 text-align: center;
 max-width: 900px; /* 最大幅 */
}
.resizeimage img { width: 100%; }


.inner830{
	max-width : 750px ;
	margin : 0px auto ;
	padding : 1px 1px ;
}





.inner860{
	max-width : 940px ;
}


.about_title3{
	width : 500px ;
	border-bottom : 8px solid #0FB3A7 ;
	text-align : center ;
	font-size : 30px ;
	letter-spacing: 5px ;
	margin : 25px auto 30px ;
	left : 10px ;
}


.changeaward{
}


.swiper-container {
	display: inline-block ;
	max-width : 700px ;
	max-height : 700px ;
	margin : auto ;
}


.header_superbox{
	padding-top : 167px ;
}
.header_spacer{
	height : 200px ;
}

.header_inner{
	padding : 0px 10px ;
}

.header_item_w{
	width : 150px ;
	height : 60px ;
}

.header_item_w_wrap{
	width : 142px ;
	height : 52px ;
}


.header_item_g{
	width : 150px ;
	height : 60px ;
}
.header_item_g_wrap{
	width : 150px ;
	padding-left : 0px ;
	height : 52px ;
	text-align : center ;
	font-size : 20px ;
}

.header_item_dogear{
	position: absolute ;
	top : -2px ;
	left : -2px ;
	width : 20px ;
}


.header_item_g_num{
}



#photo {
		/*padding-top:4em;*/
}



.fv_superbox{
	/** padding : 80px 0px 120px ; **/

}

.fv_back{
}

.fv_mainlogo{
}


.fv_during_superbox{
	padding : 0px 40px 
}

.fv_duringicon{
	float : none ;
	margin : 0px auto ;
}
.fv_duringdate{
	float : left ;
	width : 100% ;
	max-width : 666px ;
	margin : 0px auto ;
}

.theme_title{
}


.theme_catchbox{
}

.theme_back{
}

.theme_phrase{
}


.about_title{
}

.rule_title{
}

.rule_story{
	font-size : 30px ;
	line-height: 60px ;
}


.about_movie{
}


.schedule_title{
}

.schedule_icon{
}
.schedule_date{
}


.shedule_itembox{
}
.shedule_itembox.follow{
}
.shedule_itembox.last{
}

.schedule_item_l{
	float : none ;
	width : 100% ;
	padding-left : 16px ;
}
.schedule_item_l span{
}
.schedule_item_r{
	float : none ;
	width : 100%;
	padding-left : 16px ;
	margin-top : 20px ;
}
.schedule_item_etc{
	font-size : 24px ;
	padding-left : 16px ;
	margin-top : 20px ;
}


.entryfee_title{
}


.entryfee_story{
}



.judge_title{
}


.judge_section{
	width : 300px ;
	font-size : 30px ;
	margin-top : 120px ;
}


.judge_flex{
	max-width : 320px ;
}
.judege_itembox{
	width : 320px ;
	margin-bottom : 80px ;
}

.judege_photo{
}

.judege_item_shop{
	font-size : 24px ;
}
.judege_item_name{
	font-size : 30px ;
}

.judege_item_story{
	font-size : 24px ;
}

.judege_item_plusbox{
	width : 100% ;
	padding-top : 0px ;
}

.judge_item_plusicon{
	width : 64px ;
}

.judege_item_plustitle{
	width : 200px;
	height : 200px ;
	font-size : 30px ;
	line-height : 60px ;
	padding-top : 30px ;
	letter-spacing: 8px ;
}



.point_superbox{
}


.point_title{
}


.point_itembox01{
	width : 100% ;
}
.point_itembox02{
	width : 100% ;
}
.point_itembox03{
	width : 100% ;
}
.point_itembox04{
	width : 100% ;
}
.point_itembox05{
	width : 100% ;
}
.point_itembox06{
	width : 100% ;
}
.point_item_wrap{
	width : 100% ;
}





.prize_title{
}

.prize_title_num{
}
.prize_title_name{
}

.prize_listbox{
}

.prize_back01{
}
.prize_back02{
}


.prize_list_image{
}


.entry_step{
}

.entry_qr_title{
	font-size : 24px ;
}

.entry_qr_image{
}

.entry_inner{
}

.entry_step02{
	margin-bottom : 40px ;
}

.entry_tag_l{
	float : none ;
	width : 100% ;
}
.entry_tag_r{
	float : none ;
	width : 100%;
}




.movie_title{

}

.movie_title2{

}


.movie_story{
	font-size :24px ;
}

.notice_list li{

}




.notice_title{
}





.sponcer_movie{
}



#footer{
}

.footer_back{
}

.footer_welcome{
	width : 90% ;
}

#footer .schedule_icon{
	width : 100% ;
	z-index : 4 ;
}
#footer .schedule_date{
	width : 90% ;
	z-index : 4 ;
}


.footer_linK{
}

.footer_logo{
}
















}