@charset "utf-8";

@media screen and (max-width : 640px) {
	/* pattern common
	================================================== */
	.show_pc{
		display: none;
	}
	.show_sp{
		display: block;
	}
	.container{
		padding: 0 15px;
	}
	.ttl_line h2{
		padding-top: 68px;
		font-size: 137.5%;
	}
	.ttl_line h2:before{
		left: 13px;
		top: -20px;
		width: 2px;
		height: 74px;
	}
	.ttl_sec_lft{
		padding-right: 32px;
	}
	.ttl_sec_lft h2{
		font-size: 137.5%;
		padding: 3px 26px 5px 5px;
	}
	.ttl_sec_rgt{
		padding-left: 32px;
	}
	.ttl_sec_rgt h2{
		padding: 2px 0 6px 41px;
		font-size: 137.5%;
	}
	.btn_link{
		padding-right: 9px;
	}
	.btn_link a{
		padding: 12px 14px 11px;
		min-width: 182px;
		border-width: 1px;
	}
	.btn_link a:after{
		width: 12px;
		height: 14px;
	}
	.btn_link_black a{
		padding: 12px 14px 13px;
		min-width: 182px;
	}
	.btn_link_black a:after{
		width: 12px;
		height: 14px;
	}
	.btn_skew a {
		padding: 8px 11px 8px;
		min-width: 130px;
		font-size: 100%;
		color: #ffffff;
	}
	.btn_skew a:after {
		background-color: #000000;
	}

	/* mainvisual section
	================================================== */
	#tmp_mainvisual .mv_inner{
		max-height: 476px;
	}
	#tmp_mainvisual .mv_inner_img{
		padding-left: 0;
	}
	#tmp_mainvisual .mv_inner_cap{
		top: 12px;
		left: -2px;
		margin: 0;
	}
	#tmp_mainvisual .mv_cap_ttl{
		margin: 0 auto;
		background-image: url(/shared/templates/shingen_rn2023_top/images/icon/mv_logo_sp.png);
		width: 131px;
		height: 410px;
	}
	#tmp_mainvisual .mv_cap_sm,
	#tmp_mainvisual .mv_cap_md{
		padding-left: 0;
		color: inherit;
		text-shadow: none;
	}
	#tmp_mainvisual .mv_cap_sm{
		margin-bottom: 2px;
		font-size: 87.5%;
	}
	#tmp_mainvisual .mv_cap_md{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-width: 100%;
		font-size: 204.1%;
	}
	#tmp_mainvisual .cap_intro{
		bottom: -25px;
		right: 0;
		padding: 15px 13px 7px 64px;
	}
	#tmp_mainvisual .cap_intro:before{
		left: 30px;
	}
	#tmp_mainvisual .mv_intro_md{
		font-size: 87.5%;
	}
	#tmp_mainvisual .mv_intro_lg{
		font-size: 93.7%;
	}
	#tmp_mainvisual .mv_intro_lg span{
		font-size: 160%;
	}
	#tmp_mainvisual .mv_banner{
		padding: 64px 0 28px;
	}
	#tmp_mainvisual .mv_banner_img{
		margin-bottom: 20px;
	}
	#tmp_mainvisual .mv_banner_img img{
		max-width: 271px;
	}
	#tmp_mainvisual .mv_banner_des{
		display: none;
	}
    #tmp_mainvisual .mv_inner_img img, 
    #tmp_mainvisual .mv_inner_cap img {
        max-width: 100%;
    }

	/* news section
	================================================== */
	#tmp_news{
		padding: 50px 0 40px;
	}
	#tmp_news .news_wrapper{
		max-width: 100%;
		padding: 20px 17px 40px 23px;
	}
	#tmp_news .ttl_line{
		margin: -52px 0 19px;
	}
	#tmp_news .news_navbar{
		margin: 0 0 38px;
	}
	#tmp_news .news_navbar li{
		float: none;
		margin-bottom: 17px;
		padding: 0;
		width: 100%;
	}
	#tmp_news .news_navbar a{
		padding: 13px 14px 13px;
	}
	#tmp_news .nabar_symbol a:after{
		width: 23px;
    	height: 25px;
	}
	#tmp_news .news_navbar li:last-child{
		margin-bottom: 0;
	}
	#tmp_news .news_list .news_item,
	#tmp_news .news_item_date,
	#tmp_news .news_item_link{
		display: block;
	}
	#tmp_news .news_list{
		margin-bottom: 34px;
	}
	#tmp_news .news_item_date{
		margin-bottom: 5px;
		padding: 0;
		width: 100%;
		font-size: 68.7%;
	}
	.news_list .news_item_link{
		padding-left: 0;
		line-height: 1.8;
	}
	#tmp_news .news_list .news_item:not(:last-child){
		margin-bottom: 14px;
	}
	#tmp_news .news_symbol{
		display: none;
	}

	/* highlight section
	================================================== */
	#tmp_highlight{
		padding: 40px 0 50px;
	}
	#tmp_highlight .container{
		width: 100%;
	}
	#tmp_highlight .highlgt_wrapper:before,
	#tmp_highlight .highlgt_wrapper:after{
		content: none;
	}
	#tmp_highlight .ttl_sec_lft{
		margin-bottom: 31px;
	}
	#tmp_highlight .highlgt_list{
		display: block;
		margin: 0;
	}
	#tmp_highlight .highlgt_box{
		margin-bottom: 24px;
		width: 100%;
		padding: 0;
	}
	#tmp_highlight .highlgt_box_ttl{
		margin: 0 0 5px;
		-webkit-background-size: 76px auto;
		-moz-background-size: 76px auto;
		background-size: 76px auto;
		padding: 10px 0 8px 84px;
        margin-bottom: 25px;
	}
	#tmp_highlight .highlgt_box_ttl p,
	#tmp_highlight .highlgt_box:nth-of-type(1) .highlgt_box_ttl p{
		font-size: 156.2%;
	}
	#tmp_highlight .highlgt_box_ttl span.highlgt_box_sub_ttl{
		font-size: 75%;
	}
	#tmp_highlight .highlgt_box_cnt{
		padding-left: 10px;
		line-height: 1.8;
	}
	#tmp_highlight .highlgt_box_img{
		margin-bottom: 12px;
	}
	#tmp_highlight .highlgt_box_img img{
		width: 100%;
		height: 215px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	#tmp_highlight .highlgt_box:last-of-type{
		margin-bottom: 0;
	}
	/* overview section
	================================================== */
	#tmp_overview{
		padding-top: 17px;
	}
	#tmp_overview .overview_main{
		padding-bottom: 36px;
	}
	#tmp_overview .container{
		width: 100%;
	}
	#tmp_overview .ttl_sec_rgt{
		margin: -17px 0 40px;
	}
	#tmp_overview .overview_list{
		margin: 0 -23px;
	}
	#tmp_overview .overview_box{
		margin-bottom: 4px;
		padding: 0 3px;
	}
	#tmp_overview .overview_box_cap{
		padding: 0 5px 5px;
	}
	#tmp_overview .txt_jp{
		margin-bottom: 2px;
		font-size: 100%;
	}
	#tmp_overview .txt_en{
		font-size: 68.7%;
	}
	#tmp_overview .overview_box_inner img{
		height: 136px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	#tmp_overview .overview_banner{
		height: 120px;
	}
	#tmp_overview .overview_banner img{
		height: 240px;
	}

	/* invite section
	================================================== */
	#tmp_invite{
		padding-top: 56px;
	}
	#tmp_invite .invite_wrapper{
		margin: 46px 0 26px;
		padding: 8px 14px 26px 110px;
		text-align: left;
	}
	#tmp_invite .invite_wrapper:before {
		left: -59%;
		width: 105%;
		height: 262px;
		bottom: -26px;
	}
	#tmp_invite .invite_wrapper:after{
		left: -24%;
		width: 144%;
	}
	#tmp_invite .invite_ttl{
		margin-bottom: 3px;
		font-size: 137.5%;
	}
	#tmp_invite .invite_cnt >p{
		margin-bottom: 16px;
		font-size: 100%;
		font-weight: 400;
	}
	#tmp_invite .invite_cnt .btn_skew{
		padding: 0 24px 0 0;
	}
	#tmp_invite .invite_symbol {
		bottom: 49px;
		left: -7px;
	}
	#tmp_invite .invite_symbol img{
		max-width: 108px;
	}

	/* movie section
	================================================== */
	#tmp_movie{
		margin-bottom: 40px;
		padding-top: 107px;
	}
	#tmp_movie:after{
		-webkit-transform: skew(0);
		-moz-transform: skew(0);
		transform: skew(0);
		width: 0;
		height: 0;
		left: 0;
		top: auto;
		bottom: 0;
		border-style: solid;
		border-width: 44px 0 0 58px;
		border-color: transparent transparent transparent #ffffff;
		z-index: 1;
	}
	#tmp_movie .movie_wrapper{
		margin: 0 -15px;
		padding: 31px 15px 49px;
		background-color: #C90000;
		max-width: inherit;
		color: #ffffff;
	}
	#tmp_movie .movie_wrapper:before{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		background-color: transparent;
		color: inherit;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 32px 24px 0;
		border-color: transparent #ffffff transparent transparent;
		z-index: 1;
	}
	#tmp_movie .movie_symbol{
		top: -82px;
		right: -6px;
	}
	#tmp_movie .movie_symbol img{
		max-width: 116px;
	}
	#tmp_movie .ttl_sec_rgt{
		margin-bottom: 65px;
		padding-left: 66px;
	}
	#tmp_movie .ttl_sec_rgt h2{
		padding-left: 55px;
		text-align: left;
	}
	#tmp_movie .movie_cnt >p{
		margin-bottom: 16px;
		line-height: 1.8;
	}
	#tmp_movie .movie_cnt p br{
		display: none;
	}
	#tmp_movie #tmp_movie_ytb{
		height: 185px;
	}

	/* related section
	================================================== */
	#tmp_related .related_wrapper{
		padding: 80px 0 41px;
	}
	#tmp_related .related_wrapper .container{
		padding-left: 40px;
		padding-right: 40px;
	}
	#tmp_related .related_banner{
		padding-top: 50px;
	}
	#tmp_related .related_inner{
		margin-top: -137px;
		padding: 8px 28px 40px;
		max-width: 100%;
	}
    #tmp_related .related_inner .shingen_view_pc{
        display: none
    }
    #tmp_related .related_inner .shingen_view_sp{
        display: block;
    }
	#tmp_related .related_banner img{
		max-width: 100%;
		height: 222px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	#tmp_related .ttl_line{
		margin-bottom: 18px;
	}
	#tmp_related .ttl_line h2{
		font-size: 137.5%;
	}
	#tmp_related .related_list {
		margin: 0;
	}
	#tmp_related .related_list li{
		margin-bottom: 25px;
		padding: 0;
		width: 100%;
	}
	#tmp_related .related_list li:last-of-type{
		margin-bottom: 0;
	}
	/* sponsor section
	================================================== */
	#tmp_sponsor{
		padding: 0;
	}
	#tmp_sponsor .container{
		padding: 0;
	}
	#tmp_sponsor .sponsor_wrapper{
		padding: 26px 16px 29px;
	}
	#tmp_sponsor .sponsor_ttl{
		margin: 0 -20px 23px;
		padding: 0 20px;
	}
	#tmp_sponsor .sponsor_ttl:before,
	#tmp_sponsor .sponsor_ttl:after{
		width: calc(50% - 44px);
		height: 7px;
	}
	#tmp_sponsor .sponsor_ttl:before{
		border-top-width: 2px;
	}
	#tmp_sponsor .sponsor_ttl h2{
		padding: 0 15px;
		font-size: 137.5%;
		letter-spacing: 5px;
	}
	#tmp_sponsor .banner li{
		margin-bottom: 8px;
		padding: 0 4px;
	}
	#tmp_sponsor .sponsor_wrapper .sponsor_list_2cols{
		margin-left: 0;
		margin-right: 0;
	}
	#tmp_sponsor .sponsor_list_2cols li{
		margin-bottom: 12px;
		padding: 0 4px;
		width: 100%!important;
	}
	#tmp_sponsor .sponsor_list_2cols li:last-child{
		margin-bottom: 0;
	}
	#tmp_sponsor .sponsor_list_3cols{
		margin-bottom: 13px;
	}
	#tmp_sponsor .sponsor_list_3cols li{
		width: 50%!important;
	}
	#tmp_sponsor .sponsor_list_4cols li{
		width: 33.33%!important;
	}
	#tmp_sponsor .btn_link_black {
		margin-top: 36px;
	}
    /* english type
	================================================== */
	.format_en #tmp_info .container{
		padding: 0 20px;
		width: 100%;
	}
    .format_en #tmp_mainvisual {
		overflow: initial;
	}
    .format_en #tmp_mainvisual, 
    .format_en #tmp_mainvisual .mv_inner{
        height: auto;
    }
	.format_en #tmp_mainvisual .mv_inner{
		height: 610px;
	}
	.format_en #tmp_mainvisual .mv_inner_img{
		margin-top: 0;
	}
	.format_en #tmp_mainvisual .mv_inner_img img{
		/*height: 897px;*/
        height: auto;
	}
	.format_en #tmp_mainvisual .mv_inner_cap {
		margin: 0 0 0 -3px;
	}
	.format_en #tmp_mainvisual .mv_inner_ttl{
		background-image: url(/shared/templates/shingen_rn2023_top/images/icon/en/mv_logo_sp.png);
		width: 156px;
		height: 456px;
	}
	.format_en #tmp_mainvisual + #tmp_info{
		margin-top: -46%;
	}
	.format_en #tmp_info{
		overflow: hidden;
	}
	.format_en #tmp_info .info_head{
		margin-bottom: 39px;
		padding-top: 284px;
		max-width: 100%;
	}
	.format_en #tmp_info .info_head:before{
		bottom: -301.5%;
        top: 245px;
	}
	.format_en #tmp_info .info_ttl img{
		max-width: 270px;
	}
	.format_en #tmp_info .info_wrapper{
		padding-bottom: 19px;
	}
	.format_en #tmp_info .info_cnt{
		margin-bottom: 39px;
		padding: 38px 0 0;
		max-width: 100%;
	}
	.format_en #tmp_info .info_subttl{
		margin-bottom: 16px;
		font-size: 137.5%;
		line-height: 1.3;
		letter-spacing: 0;
	}
	.format_en #tmp_info .info_subttl br{
		display: block;
	}
	.format_en #tmp_info .info_cnt >p{
		font-size: 100%;
		line-height: 1.5;
		text-align: center;
	}
	.format_en #tmp_info .info_list{
		display: block;
		margin: 0;
	}
	.format_en #tmp_info .info_item{
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
	}
	.format_en #tmp_info .info_item_cap{
		font-size: 168.7%;
	}
    .format_en #tmp_menu1 .info_item_cap:after,
    .format_en #tmp_menu3 .info_item_cap:after,
    .format_en #tmp_menu5 .info_item_cap:after{
        background-color: rgba(7, 7, 7, 0.8);
    }
    .format_en #tmp_menu2 .info_item_cap:after,
    .format_en #tmp_menu4 .info_item_cap:after{
    	background-color: rgba(178, 1, 1, 0.8);
    }
	/* Accessibility
	================================================== */
	/* color */
	.color_black #tmp_wrapper #tmp_sponsor .sponsor_wrapper,
	.color_blue #tmp_wrapper #tmp_sponsor .sponsor_wrapper,
	.color_yellow #tmp_wrapper #tmp_sponsor .sponsor_wrapper{
		border-left: none;
		border-right: none;
	}
	/* fsize */
	.fsize_small #tmp_wrapper #tmp_highlight .highlgt_box_ttl{
		padding-top: 14px;
		padding-bottom: 10px;
	}
	.fsize_big #tmp_wrapper #tmp_mainvisual .mv_banner_intro,
	.fsize_big2 #tmp_wrapper #tmp_mainvisual .mv_banner_intro{
		padding-left: 50px;
	}
	.fsize_big #tmp_wrapper #tmp_mainvisual .mv_intro_md,
	.fsize_big2 #tmp_wrapper #tmp_mainvisual .mv_intro_md{
		font-size: 0.8rem;
	}
	.fsize_big #tmp_wrapper #tmp_mainvisual .mv_intro_lg,
	.fsize_big2 #tmp_wrapper #tmp_mainvisual .mv_intro_lg{
		font-size: 1rem;
	}
	.fsize_big #tmp_wrapper #tmp_mainvisual .mv_cap_md,
	.fsize_big2 #tmp_wrapper #tmp_mainvisual .mv_cap_md{
		font-size: 1.6rem;
	}
	.fsize_big #tmp_wrapper #tmp_highlight .highlgt_box_ttl{
		padding-left: 84px;
	}
	.fsize_big #tmp_wrapper #tmp_highlight .highlgt_box_ttl p{
		font-size: 2rem;
	}
	.fsize_big #tmp_wrapper #tmp_overview .txt_jp{
		font-size: 1.2rem;
	}
	.fsize_big2 #tmp_wrapper #tmp_news .news_navbar a{
		padding-left: 10px;
		padding-right: 10px;
	}
	.fsize_big #tmp_wrapper #tmp_news .news_item_date,
	.fsize_big2 #tmp_wrapper #tmp_news .news_item_date{
		width: 100%;
	}
	.fsize_big2 #tmp_wrapper .ttl_sec_lft h2,
	.fsize_big2 #tmp_wrapper .ttl_sec_rgt h2{
		font-size: 1.6rem;
	}
	.fsize_big2 #tmp_wrapper #tmp_overview .txt_jp{
		font-size: 1rem;
	}
	.fsize_big2 #tmp_wrapper #tmp_overview .txt_en{
		font-size: 0.8rem;
	}
	.fsize_big2 #tmp_wrapper .btn_skew a{
		padding-left: 18px;
		padding-right: 18px;
	}
	.fsize_big2 #tmp_wrapper #tmp_invite .invite_wrapper:after{
		left: -75%;
		width: 250%;
	}
	.no_javascript #tmp_wrapper #tmp_mainvisual .mv_inner_img img{
		opacity: 1;
	}
	.no_javascript #tmp_wrapper #tmp_mainvisual .mv_cap_sm,
	.no_javascript #tmp_wrapper #tmp_mainvisual .mv_cap_md{
		display: none;
	}
}

@media screen and (max-width : 360px) {
#tmp_mainvisual .mv_cap_md,
#tmp_mainvisual .mv_cap_md p {
	display: inline-block;
}
}