@charset "UTF-8";
/* CSS Document */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Roboto','BIZ UDPGothic','Noto Sans JP','メイリオ',sans-serif;
	font-weight: 400;
	font-size: 12px; /*ベースを10pxにしています*/
	background-color: #FFF;
	color: #212121;
	line-height:150%;
}

.txt16 {
	font-size: 16px;
}

.txt14 {
	font-size: 14px;
}

.txt11 {
	font-size: 11px!important;
}
.txt700 {
	font-weight: 700;
}

.blue{
	color: #005bac;
}
.txw{
	color: #FFFFFF;
}
.bgg {
	background-color: #efefef;
}
.bgb {
	background-color: #0F5BAC;
}
.bglb {
	background-color: #e5eef7;
}
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}

/*   all parts   */
br.pc{
	display: block;
}
br.sp{
	display:none;
}


i.fas{
	vertical-align: middle;
	padding: 0 0 2px 0;
}

main{
	padding: 0;
}


#contents{
	width: 100%;
	overflow:hidden;
}

.contents_inner{
	width: 96%;
	max-width: 1400px;
	margin: 0 auto;
}




/*   Header   */

#skip_menu {
	width:100%;
	height:120px;
	
	position:relative;
	display:none;

}
header {
	width: 100%;
	margin: 0 0 26px 0;
	padding: 0 30px;
	background: rgba(255,255,255,1.0);
	
	position:relative;
	
	border-bottom: solid 5px rgba(229,227,226,1.00)
}

header .header_inner{
	width: 100%;
	max-width: 1400px;
	height: 67px;
	margin: 0 auto;
	
	display: flex;
	justify-content: flex-start;
}

header .header_inner .mm_logo_area{
	width: 191px;
	margin-left: 3px;
	padding-top: 14px;
	
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	display: block;
	position: absolute;
	left: 0;
	background: #e3001b;
	content: "";
		
	bottom: -5px;
	width: 191px;
	height: 5px;
}


header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 767.98px) {
header {
	border-bottom: solid 4px rgba(229,227,226,1.00);
	margin: 0 0 20px 0;
	padding: 0 20px;
}

header .header_inner{
	width: 100%;
	height: 51px;
}

header .header_inner .mm_logo_area{
	width: 141px;
	padding-top: 10px
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	bottom: -4px;
	width: 141px;
	height: 4px
}

header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}
}


@media print,screen and (min-width: 1630px) {
header {
	border-bottom: solid 7px rgba(229,227,226,1.00);
	margin: 0 0 40px 0;
	padding: 0;
}

header .header_inner{
	height: 100px;
}

header .header_inner .mm_logo_area{
	width: 284px;
	padding-top: 19px
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	bottom: -7px;
	width: 284px;
	height: 7px
}

header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}
}




/*   aside   */
aside {
	display:none;
}

/*   mainimg_area   */
#mainimg_area{
	margin: 0;
}

#mainimg_area .contents_inner{
	width: 100%;
	max-width: 100%;
	height: 610px;
	max-height: 40vw;
	
	padding: 0;
	margin: 0 auto;
	position: relative;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: flex-end;
	align-items: flex-end;
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/main_img.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	
	opacity: 0;
	animation-delay:0.1s;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode:forwards;
	
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

#mainimg_area .contents_inner .maincopy_block{
	width: 100%;
	margin: 0 0 90px 0;

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: flex-end;
	align-content: center;


}

#mainimg_area .contents_inner .maincopy_block h1{
	width: 60vw;
	height: 264px;
	margin: 0;
	padding: 35px 0 35px 65px;
	background-color: rgba(0,11,91,0.6);

}

#mainimg_area .contents_inner .maincopy_block h1 img{


}



@media (min-width: 768px) {
	#mainimg_area .contents_inner .maincopy_block h1 {

	}
}
@media (min-width: 1400px) {
	#mainimg_area .contents_inner .maincopy_block h1 {

	}
}


@media screen and (min-width: 1400px) {

#mainimg_area .contents_inner{
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/main_img@2x.webp");
}

/*
#mainimg_area .contents_inner .maincopy_block .exhibition_info_box{
	width: 545px;
}
*/

}

@media screen and (min-width: 1500px) {

#mainimg_area .contents_inner{
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/main_img@2x.webp");
}

/*
#mainimg_area .contents_inner .maincopy_block .exhibition_info_box{
	width: 545px;
}
*/

}

/*   exhibition_area   */
#exhibition_area{
	width: 100%;
	padding: 30px 0;
	background: rgba(255,255,255,1.0);
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/exhibition_bg.webp");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
}

#exhibition_area .contents_inner{
	width: 100%;
	max-width: 1400px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	padding: 0;
	border-radius: 10px;
	background-color:rgba(255,255,255,1.0);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}

#exhibition_area .contents_inner .exhibition_logo_block{
	width: 490px;
	padding: 60px 0 0 100px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: flex-start;
}

#exhibition_area .contents_inner .exhibition_logo_block img{
	width: 271px;
	height: 158px;
}

#exhibition_area .contents_inner .exhibition_title_block{
	width: calc(100% - 490px);
	padding: 60px 20px 60px 0;
	
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:rgba(27,67,83,1.0); 
}

#exhibition_area .contents_inner .exhibition_title_block h2{
	font-size:50px;
	line-height:55px;
	padding: 0 0 20px 0;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibition_day_box{
	font-size:36px;
	line-height:36px;
	padding: 0 0 20px 0;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibition_copy_box{
	font-size:30px;
	line-height:30px;
	padding: 0 0 30px 0;
}


#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block{
	width: 700px;
	padding: 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a{
	display: block;
	width: 100%;
	height: 55px;
	margin: 0;
	font-size:26px;
	font-weight:800;
	line-height:55px;
	color:rgba(255,255,255,1.0); 
	letter-spacing: 0;
	text-align: center;
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/exhibition_btm.png");
	
	border-radius: 28px;
	border: solid 2px rgba(255,255,255,1.00);
	text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	
	position: relative;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a::before{
	content: "";
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/info_windows.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	
	position: absolute;
	top:0;
	bottom: 0;
	left: 20px;
	
	width: 33px;
	height: 27px;
	margin: auto;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a::after{
	content: "";
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/info_arrow.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	
	position: absolute;
	top:0;
	bottom: 0;
	right: 10px;
	
	width: 33px;
	height: 40px;
	margin: auto;
}




/*   end_area   */
#info_area{
	width: 100%;
	padding: 60px 0;
	background: rgba(255,255,255,1.0);
	
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/info_map_bg.webp");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
}

#info_area .contents_inner{
	width: 100%;
	max-width: 1400px;
	
	padding: 0 45px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}


#info_area .contents_inner .info_map_block{
	width: calc(100% - 510px);
	background: rgba(0,0,0,0.15);
	padding: 15px;
	
	border: solid 1px #fff;

	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
}

#info_area .contents_inner .info_map_block img{
	width: 630px;
	height: auto;
}

#info_area .contents_inner .info_detail_block{
	width: 510px;
	margin: 0;
	padding: 80px 0 0 0;
}

#info_area .contents_inner .info_detail_block .info_copy_box{
	width: 435px;
	padding: 40px;
	
	background-color: rgba(255,255,255,0.2);
	
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:rgba(255,255,255,1.0); 
}

#info_area .contents_inner .info_detail_block .info_copy_box h2{
	font-size:50px;
	line-height:1.0;
	padding: 0;
}

#info_area .contents_inner .info_detail_block .info_copy_box h2 span{
	font-size:100px;
	line-height:1.0;
	padding: 0;
	display: block;
}

#info_area .contents_inner .info_detail_block .info_copy_box p{
	font-size:40px;
	line-height:1.0;
	padding: 0 0 25px 0;
}



/*   product_area   */
#product_area{
	background: rgb(13,28,70);
	background-image: url("https://www.proterial.com/e/event/2024/common20241108/product_bg.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
	
	padding: 110px 0 60px 0;
}

#product_area .contents_inner{
	width: 100%;
	max-width: 1300px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	margin: 0 auto 65px auto;
}

#product_area .product_block_area{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 50px auto;
}

#product_area .product_block_area #zoon01,
#product_area .product_block_area #zoon02,
#product_area .product_block_area #zoon03{
	padding: 0;
	margin: 0 0 75px 0;
	border-radius: 10px;
	border: solid 2px rgba(255,255,255,1.0);
	
	max-width: 1400px;
	background: rgb(255,255,255);

}

#product_area .product_block_area .product_title_block{
	background: rgb(0,0,0);
	border-radius: 10px 10px 0 0;
	
	position: relative;
}

#product_area .product_block_area .product_title_block::before{
	content: "";
	display: block;
	width: 254px;
	height: 14px;
	
	background-color: rgba(255,255,255,0.5); 
	margin: 0 auto;
}

#product_area .product_block_area .product_title_block h3{
	width: 100%;
	text-align: center;
	font-size:34px;
	line-height: 1.2;
	font-weight:800;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.1em;
	
	padding: 55px 0 40px 0;
}

#product_area .product_block_area .product_img_block{
	background: rgb(247,247,247);
	padding: 40px 55px 0 55px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}

#product_area .product_block_area .product_img_block img{
	width: 48%;
	height: auto;

}


#product_area .product_block_area .product_copy_block{
	background: rgb(247,247,247);
	padding: 45px 55px 0 55px;
	
	position: relative;
}

#product_area .product_block_area .product_copy_block p{
	width: 100%;
	text-align: left;
	font-size:26px;
	font-weight:500;
	line-height:50px;
	color:rgba(0,0,0,1.0);
	letter-spacing: 0.04em;
	
	padding: 0 0 10px 0;
}

#product_area .product_block_area .product_subtitle_block{
	padding: 80px 55px 50px 55px;
	
	position: relative;
}

#product_area .product_block_area .product_subtitle_block h3{
	width: 100%;
	text-align: left;
	font-size:36px;
	font-weight:900;
	line-height:36px;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.04em;
	
	padding: 20px 0 20px 50px;
	background: rgb(63,87,123);
	border-left: solid 21px rgba(81,113,162,1.0);
}


#product_area .product_block_area .product_block{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	
	width: 100%;
	max-width: 1250px;
	
	margin: 0 auto;
	padding: 0 0 35px 0;

}

#product_area .product_block_area .noproduct_box{
	width: 48%;
	margin-bottom: 0 0 30px 0;
}

#product_area .product_block_area .product_box{
	width: 48%;
	margin-bottom: 30px;
	background-color: rgba(247,247,247,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.1);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
}

#product_area .product_block .cate_name_box{
	padding: 0;
	font-size:14px;
	font-weight:800;
	line-height:100%;
	color:rgba(0,0,0,1.0);
	text-align: right;
	letter-spacing: 0.1em;
	
	width: 100%;
	height: 3px;
	background-color: rgba(200,200,200,1.0);
	border-top: solid 3px rgba(0, 0, 0, 1.0);
	
	overflow: hidden;
	display: none;
}


#product_area .product_box .photo_box{
	padding: 30px;
	background-color: rgba(255,255,255,1.00);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
}

#product_area .product_box .photo_box img{
	width: auto;
	min-height: 230px;
	max-height: 260px;
	display: block;
}

#product_area .product_box .photo_box_sp{
	display: none;
}

#product_area .product_box .detail_box{
	padding: 0 25px;
	margin: 25px 0 20px 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

#product_area .product_box .detail_box h4{
	width: 100%;
	font-size:22px;
	font-weight:700;
	line-height:130%;
	color:rgba(76,76,76,1.0);
	text-align: left;
	letter-spacing: 0.04em;
	
	margin: 0 0 5px 0;
}

#product_area .product_box .detail_box p{
	font-size:18px;
	font-weight:500;
	line-height:150%;
	color:rgba(86,86,86,1.0);
	text-align: left;
	word-break: normal;
	
	width: 100%;
	padding: 20px 0 0 0;
}


#product_area .product_block_area #zoon01 .product_title_block{
	background-color:rgba(63,87,123,1.0);
}
#product_area .product_block_area #zoon02 .product_title_block{
	background-color:rgba(21,142,213,1.0);
}
#product_area .product_block_area #zoon03 .product_title_block{
	background-color:rgba(223,12,38,1.0);
}

#product_area .product_block_area #zoon01 .product_copy_block h4{
	color:rgba(63,87,123,1.0);
}
#product_area .product_block_area #zoon02 .product_copy_block h4{
	color:rgba(21,142,213,1.0);
}
#product_area .product_block_area #zoon03 .product_copy_block h4{
	color:rgba(223,12,38,1.0);
}

#product_area .product_block_area #zoon01 .product_copy_block h4::before{
	background-color:rgba(63,87,123,1.0);
}
#product_area .product_block_area #zoon02 .product_copy_block h4::before{
	background-color:rgba(21,142,213,1.0);
}
#product_area .product_block_area #zoon03 .product_copy_block h4::before{
	background-color:rgba(223,12,38,1.0);
}

#product_area #zoon01 .product_box .cate_name_box{
	border-top: solid 11px rgba(63,87,123,1.0);
}

#product_area #zoon02 .product_box .cate_name_box{
	border-top: solid 11px rgba(21,142,213,1.0);
}

#product_area #zoon03 .product_box .cate_name_box{
	border-top: solid 11px rgba(223,12,38,1.0);
}

#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: rgba(89,116,158,1.0);
}
#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: rgba(63,87,123,1.0);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: rgba(45,154,217,1.0);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: rgba(21,142,213,1.0);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: rgba(226,37,60,1.0);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: rgba(223,12,38,1.0);
}


#product_area .product_block_area .arrow_product_box{
	width: 100%;

	margin: 0 0 30px 0;
	background-color: rgba(255,255,255,0.00);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: flex-end;
	
	position: absolute;
	bottom: 0;
}
@media print,screen and (min-width: 1400px) {
#product_area .product_block_area .arrow_product_box{
	width: calc(100% - 80px);
}
}

#product_area .product_block_area .arrow_product_box a{
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	
	font-size:30px;
	font-weight:800;
	line-height:30px;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.1em;
	
	background-color: rgba(0,0,0,1.00);
	border-radius: 50%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	align-content: center;
}

#product_area .product_block_area .arrow_product_box a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#product_area .product_block_area .arrow_product_box a span{
	font-size:36px;
}




/*   footer   */
footer {
	margin: 0 0 60px 0;
	padding: 30px 0 60px 0;
}

/*
#image_area .footer_bg_block{
	margin: 20px 0 0 0;
}

#image_area .footer_bg_block img{
	width: 100%;
	height: auto;
	display: block;
}

#hitachi-metals_area{
	width: 100%;
	background: rgba(255,255,255,1.0);
	
	background-image: url("../footer_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	
	
	padding: 100px 0 60px 0;
}
*/

#hitachi-metals_area a{
	width: 220px;
	display: block;
	margin: 0 auto 15px auto;
}

#hitachi-metals_area a img{
	width: 100%;
	height: auto;
}

#hitachi-metals_area address{
	font-size:12px;
	font-weight:300;
	line-height:100%;
	color:rgba(76,76,76,1.0); 
	text-align: center;
	text-decoration: none;
	font-style: normal;
}

#footer_bg img{
	width: 100%;
	height: auto;
}

/*   footer   */

#fixnav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	background-color: rgba(255,255,255,1.0);
	padding: 10px;
	
	animation-delay:0.1s;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode:forwards;
	
	transition: all .5s ease;
}

#fixnav ul {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-flex-direction: center;
	-ms-align-items: center;
	-o-flex-wrap: center;
	align-items: center;
	
	list-style: none;
}

#fixnav ul li {
	width: 350px;
	margin: 0 10px
}

#fixnav ul li a {
	display: block;
	height: 63px;
	font-size:20px;
	font-weight:800;
	line-height:63px;
	color:rgba(255,255,255,1.0); 
	letter-spacing: 0;
	text-align: center;
	
	background: rgb(2,108,182);
	background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);
	
	border-radius: 28px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

/*
#fixnav ul li#download a {
	background: rgba(245,68,70,1.0);

}

#fixnav ul li#inquiry a {
	background: rgba(56,159,178,1.0);

}
*/

#fixnav ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

/*   anime   */
.anime_point {
  opacity: 0;
  transition: all .5s ease;
  transform: translate(0, 50px);
}

.anime_point.show {
  opacity: 1;
  transform: none;
  transform: translate(0, 0);
}



/*   booth_end_area   */
#booth_end_area{
	width: 100%;
	background: rgba(247,247,247,1.0);
	
	padding: 50px 0;
}

#booth_end_area .booth_info_block{
	max-width: 1212px;
	margin: 0 auto;
	padding: 0;
}

#booth_end_area .booth_info_block h2{
	font-size:40px;
	font-weight:800;
	line-height:60px;
	color:rgba(13,28,70,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 0 60px 0;
	
	position: relative;
}

#booth_end_area .booth_info_block h2.end_title{
	font-size:36px;
	letter-spacing: 0;
}

#booth_end_area .booth_info_block h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(10,99,176,1.0);
	margin: 30px auto 0 auto;
	
}

#booth_end_area .booth_info_block .booth_infocopy_box{
	width: 1212px;
	font-size:22px;
	font-weight:800;
	line-height:50px;
	color:rgba(13,28,70,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 auto 45px auto;
}

#booth_end_area .booth_info_block .booth_infocopy_box.end_copy{
	font-size:14px;
	margin: -40px auto 45px auto;
}


#booth_end_area .booth_info_block .booth_photo_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap; 
	
	justify-content: space-between;
	
	margin: 0 0 50px 0;
	padding: 45px 50px;
	
	border-radius: 10px;
	background-color:rgba(255,255,255,1.0);
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block{
	max-width: 533px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block{
	max-width: 533px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img,
#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_photo_end_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items:flex-start;
	
	margin:30px auto 50px auto;
	max-width: 1212px;
	
}
#booth_end_area .booth_photo_end_box .left_block{
	width:66.3%;
	max-width:803px;
}
#booth_end_area .booth_photo_end_box .right_block{
	width:33.3%;
	max-width:403px;
}
#booth_end_area .booth_photo_end_box img{
	width:100%;
/*
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
*/
}


/*   Contents   */

/*------------------------------
SmartPhone---768breakPoint
================================*/
@media screen and (max-width: 768px) {
/*#responsive base*/

html, body {
		height: 100%;
		width: 100%;
}

html { font-size: calc(100vw / 3.75) !important; }

body {
	font-family: 'Roboto','BIZ UDPGothic','Noto Sans JP','メイリオ',sans-serif;
	max-width: 1400px;
	font-weight: 500;
	font-size: 12px; /*ベースを10pxにしています*/
	background-color: #FFF;
	color: #212121;
	line-height:150%;
}

.txt16 {
		font-size: 16px;
}

.txt14 {
		font-size: 14px;
}

.txt11 {
		font-size: 11px !important;
}
.txt700 {
		font-weight: 700;
}

.blue{
		color: #005bac;
}
.txw{
		color: #FFFFFF;
}
.bgg {
		background-color: #efefef;
}
.bgb {
		background-color: #0F5BAC;
}
.bglb {
		background-color: #e5eef7;
}
.mt15 {
		margin-top: 15px;
}
.mb15 {
		margin-bottom: 15px;
}

/*   all parts   */
br.pc{
	display: none;
}
br.sp{
	display: block;
}
.pc{
	display:none;
}
i.fas{
		vertical-align: middle;
		padding: 0 0 2px 0;
}

main{
	padding: 0 0 0 0;
}


#contents{
		width: 100%;
}

.contents_inner{
	width: 100%;
	max-width: 100%;
		margin: 0 auto;
}



/*   Header   */

#skip_menu {
	width:100%;
	height:100%;
	
	position:relative;
	display:none;
}


/*   aside   */
aside {
		display:none;
}

/*   mainimg_area   */
#mainimg_area{
	margin: 0;
}

#mainimg_area .contents_inner{
		width: 100%;
	height: 60vw;
	max-height:none;
	
		padding: 0;
		margin: 0 auto;
		position: relative;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	
		justify-content: center;
		align-items: center;
	
		background-image: url("https://www.proterial.com/e/event/2024/common20241108/main_img.webp");
	background-position: bottom center;
		background-repeat: no-repeat;
	background-size: cover;
	
		opacity: 0;
		animation-delay:0.1s;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-fill-mode:forwards;

		-webkit-animation-name: fadeInLeft;
		-moz-animation-name: fadeInLeft;
		-o-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

#mainimg_area .contents_inner .maincopy_block{
		width: 100%;
	max-width: 100%;
	margin: 0 0 1vw 0;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

	justify-content: flex-end;
		align-content: center;
}

#mainimg_area .contents_inner .maincopy_block h1{
	width: 70vw;
	height: 27%;
		margin: 0;
	padding: 15px;
}

#mainimg_area .contents_inner .maincopy_block h1 img{
	width: 100%;
	height: auto;
}

/*   exhibition_area   */
#exhibition_area{
		width: 100%;
	padding: 30px 0.1rem;
		background: rgba(255,255,255,1.0);
	
		background-image: url("https://www.proterial.com/e/event/2024/common20241108/exhibition_bg.webp");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;
}

#exhibition_area .contents_inner{
	width: 100%;
	max-width: 100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: space-between;
	
		padding: 0;
		border-radius: 10px;
		background-color:rgba(255,255,255,1.0);
		box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}

#exhibition_area .contents_inner .exhibition_logo_block{
		width: 100%;
		padding: 35px 0 35px 0;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	
	justify-content: center;
}

#exhibition_area .contents_inner .exhibition_logo_block img{
	width: 50vw;
	height: auto;
}

#exhibition_area .contents_inner .exhibition_title_block{
		width: 100%;
	padding: 20px 0.1rem 0 0.1rem;
	
		font-family: "Rajdhani", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:rgba(27,67,83,1.0); 
}

#exhibition_area .contents_inner .exhibition_title_block h2{
	font-size:36px;
	line-height:36px;
		padding: 0 0 5px 0;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibition_day_box{
	font-size:24px;
		line-height:36px;
		padding: 0 0 10px 0;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibition_copy_box{
	font-size:20px;
		line-height:30px;
		padding: 0 0 20px 0;
}


#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block{
		width: 100%;
		padding: 0;
	margin: 0 0 20px 0;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a{
		display: block;
		width: 100%;
	height: 100%;
		margin: 0;
	padding: 5px 0;
	font-size:16px;
		font-weight:800;
	line-height:1.2;
		color:rgba(255,255,255,1.0); 
		letter-spacing: 0;
		text-align: center;

		background-image: url("https://www.proterial.com/e/event/2024/common20241108/exhibition_btm.png");
	background-size: cover;

		border-radius: 28px;
		border: solid 2px rgba(255,255,255,1.00);
		text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;

		position: relative;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a::before{
		content: "";

		background-image: url("https://www.proterial.com/e/event/2024/common20241108/info_windows.svg");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;

		position: absolute;
		top:0;
		bottom: 0;
	left: 10px;
	
	width: 25px;
	height: 20px;
		margin: auto;
}

#exhibition_area .contents_inner .exhibition_title_block .exhibitionlink_block a::after{
		content: "";

		background-image: url("https://www.proterial.com/e/event/2024/common20241108/info_arrow.svg");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;

		position: absolute;
		top:0;
		bottom: 0;
		right: 10px;

		width: 33px;
		height: 40px;
		margin: auto;
}



#exhibition_area .contents_inner .exhibition_photo_block{
	width: 100%;
		padding: 0;
		margin: 0;
		line-height: 0;
}

#exhibition_area .contents_inner .exhibition_photo_block img{
		width: 100%;
		height: auto;
}


/*   end_area   */
#info_area{
		width: 100%;
}
#info_area .contents_inner{
	width: 100%;
	max-width: 100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: space-between;
		
	padding: 10px;
}

#info_area .contents_inner .info_map_block{
	width: 100%;
	flex-basis: 100%;
	background: rgba(0,0,0,0.15);


		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		justify-content: space-between;
}
	
#info_area .contents_inner .info_map_block img{
	width: 100%;
	height: auto;
}
	
#info_area .contents_inner .info_detail_block{
	width: 100%;
	margin: 0;
	
	padding: 0;
}
	
#info_area .contents_inner .info_detail_block .info_copy_box{
		width: 100%;
	padding: 20px;

		font-family: "Rajdhani", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:rgba(255,255,255,1.0); 
}

#info_area .contents_inner .info_detail_block .info_copy_box h2{
	font-size:36px;
		line-height:1.0;
		padding: 0;
}

#info_area .contents_inner .info_detail_block .info_copy_box p{
	font-size:24px;
		line-height:1.0;
	padding: 0;
}


/*   product_area   */
#product_area{
		background: rgb(13,28,70);
		background-image: url("https://www.proterial.com/e/event/2024/common20241108/product_bg.jpg");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;
		background-attachment: fixed;
	
	padding: 30px 0 60px 0;
}


#product_area h2{
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	font-size:24px;
		font-weight:800;
	line-height:24px;
		color:rgba(255,255,255,1.0); 
		text-align: center;
		letter-spacing: 0.1em;
	
		width: 100%;

}

#product_area .contents_inner{
	width: 100%;
		max-width: 100%;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: space-between;
	
	margin: 0 auto 35px auto;
	padding: 0 0.1rem;
}

#product_area .contents_inner a{
	width: 100%;
	margin: 0 0 0.2rem 0;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		flex-direction:column;

		background-color: rgba(100,100,100,1.00);
		border: solid 2px rgba(255,255,255,1.0);
		border-radius: 10px;
}

#product_area .contents_inner a h3{
		width: 100%;
		text-align: center;
	font-size:20px;
		font-weight:800;
		color:rgba(255,255,255,1.0);
	letter-spacing: 0;

		margin: 30px 0 35px 0;
	padding: 0 0.1rem;
	
	flex-shrink:1;
}

#product_area .contents_inner a p{
		width: 100%;
		text-align: left;
		font-size:16px;
		font-weight:800;
		line-height:27px;
		color:rgba(255,255,255,1.0);
		letter-spacing: 0.1em;

		margin: 0 0 15px 0;
	padding: 0 0.2rem;
	
		flex-grow:2;
}

#product_area .contents_inner a .arrow_part {
		width: 100%;

		display: block;
		background: rgba(232,234,237,0.5);

		text-align: center;
		padding: 12px 0 8px 0;
}

#product_area .contents_inner a:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#product_area .contents_inner a.zoon01{
		background-color:rgba(63,87,123,1.0);
}
#product_area .contents_inner a.zoon02{
		background-color:rgba(21,142,213,1.0);
}
#product_area .contents_inner a.zoon03{
		background-color:rgba(223,12,38,1.0);
}


#product_area .product_block_area{
		width: 100vw;
		max-width: 100%;
		margin: 0 auto 50px auto;
	padding: 0 0.1rem;
}


#product_area .product_block_area #zoon01,
#product_area .product_block_area #zoon02,
#product_area .product_block_area #zoon03{
		padding: 0;
		margin: 0 0 75px 0;
		border-radius: 10px;
	
	max-width: 100%;
		background: rgb(255,255,255);
}
	
#product_area .product_block_area .product_title_block{
		background: rgb(0,0,0);
		border-radius: 10px 10px 0 0;

		position: relative;
}
	
#product_area .product_block_area .product_title_block::before{
		content: "";
		display: block;
	width: 180px;
		height: 14px;

		background-color: rgba(255,255,255,0.5); 
		margin: 0 auto;
}
	
#product_area .product_block_area .product_title_block h3{
		width: 100%;
		text-align: center;
	font-size:24px;
	line-height: 1.5;
		font-weight:900;
		color:rgba(255,255,255,1.0);
		letter-spacing: 0.1em;

	padding: 35px 0 20px 0;
}
	
#product_area .product_block_area .product_img_block{
		background: rgb(247,247,247);
	padding: 10px;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: space-between;
}

#product_area .product_block_area .product_img_block img{
	width: 100%;
	height: auto;
	
	margin: 0 0 1vw 0;
}


#product_area .product_block_area .product_copy_block{
	background: rgb(247,247,247);
	padding: 1vw 0.1rem 0 0.1rem;
	
	position: relative;
}

#product_area .product_block_area .product_copy_block p{
		width: 100%;
		text-align: left;
	font-size:18px;
	font-weight:500;
	line-height:24px;
		color:rgba(0,0,0,1.0);
		letter-spacing: 0.04em;

		padding: 0 0 10px 0;
}

#product_area .product_block_area .product_subtitle_block{
	padding: 0 0.1rem 0 0.1rem;
	
		position: relative;
}

#product_area .product_block_area .product_subtitle_block h3{
		width: 100%;
		text-align: left;
	font-size:22px;
		font-weight:900;
	line-height:26px;
		color:rgba(255,255,255,1.0);
		letter-spacing: 0.04em;

	padding: 10px 0 10px 15px;
		background: rgb(63,87,123);
	border-left: solid 10px rgba(81,113,162,1.0);
}

#product_area .product_block_area .product_block{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	
	width: 100%;
	max-width: 100%;
	
	margin: 0 auto;
	padding: 35px 0.1rem 25px 0.1rem;
}
	
#product_area .product_block_area .noproduct_box{
		width: 100%;
		background-color: rgba(255,255,255,0.00);
	
	display: none;
}

#product_area .product_block_area .product_box{
	width: 100%;
}


#product_area .product_box .cate_name_box{
		padding: 0;
		font-size:14px;
		font-weight:700;
		line-height:100%;
		color:rgba(0,0,0,1.0);
		text-align: right;
		letter-spacing: 0.1em;

		width: 100%;
		background-color: rgba(200,200,200,1.0);
		border-top: solid 3px rgba(0, 0, 0, 1.0);
}


#product_area .product_box .photo_box{
	padding: 0.1rem;
}

#product_area .product_box .photo_box img{
	width: 60%;
	height: auto;
	min-height: auto;
	max-height: auto;
		display: block;
}

#product_area .product_box .detail_box{
	padding: 0 0.1rem;
	margin: 10px 0 20px 0;
}

#product_area .product_box .detail_box h4{
		font-size:20px;
		font-weight:700;
		line-height:130%;
		color:rgba(76,76,76,1.0);
		text-align: left;
		letter-spacing: 0.04em;

		margin: 0 0 15px 0;
}

#product_area .product_box .detail_box p{
		font-size:14px;
	font-weight:500;
		line-height:170%;
		color:rgba(86,86,86,1.0);
		text-align: left;
	
	width: 100%;
	padding: 0 0 0 0;
}

#product_area .product_block_area .arrow_product_box{
	width: 100%;
	max-width: 100%;
	position: relative;
	bottom: 0;
}
	
#product_area .product_box .detail_btn{
	width: 100%;
}

#product_area .product_box .detail_btn a{
		width: 100%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items: flex-end;
}

#product_area .product_box .detail_btn a:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#product_area .product_box .detail_btn a .detail_btn_img{
	width: 40%;
		display: block;
	margin: 0;
}

#product_area .product_box .detail_btn a .detail_btn_img img{
	width: 100%;
	height: auto;
}

#product_area .product_box .detail_btn a .detail_btn_parts{
	width: 60%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
}

#product_area .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
		background-color: rgba(0,0,0,1.0);
		width: 30px;
		padding: 5px;
		display: block;
}

#product_area .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part::after{
		content: "";

		background-image: url("https://www.proterial.com/e/event/2024/common20241108/detail_btn_icon@2x.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size:contain;

		width: 100%;
		height: 100%;
		display: block;
}

#product_area .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
		background-color: rgba(0,0,0,1.0);
		width: 100%;
		display: block;
		padding: 10px;

		font-size:16px;
		font-weight:400;
		line-height:110%;
		color:rgba(255,255,255,1.0);
		text-align: left;
		word-break: normal;
		letter-spacing: 0.04em;
}
	
#product_area .product_box .detail_btn a .detail_btn_parts .detail_btn_part .pc{
	display: block;
}

/*   footer   */
footer {
		margin: 0 0 60px 0;
}

/*
#image_area .footer_bg_block{
		margin: 20px 0 0 0;
}

#image_area .footer_bg_block img{
		width: 100%;
		height: auto;
		display: block;
}

#hitachi-metals_area{
		width: 100%;
		background: rgba(115,187,41,1.0);

		padding: 100px 0 60px 0;
}

#hitachi-metals_area a{
		width: 220px;
		display: block;
		margin: 0 auto 15px auto;
}
*/
#hitachi-metals_area a img{
		width: 100%;
		height: auto;
}

#hitachi-metals_area address{
		font-size:12px;
		font-weight:300;
		line-height:100%;
		color:rgba(76,76,76,1.0); 
		text-align: center;
		text-decoration: none;
		font-style: normal;
}

/*   footer   */

#fixnav {
		position: fixed;
		left: 0;
		bottom: 35px;
		z-index: 99999;
		width: 100%;
		background-color: rgba(255,255,255,1.0);
	padding: 5px;

		animation-delay:0.1s;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-fill-mode:forwards;

		transition: all .5s ease;
}

#fixnav ul {
		-js-display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-moz-flex-direction: center;
		-ms-align-items: center;
		-o-flex-wrap: center;
		align-items: center;

		list-style: none;
}

#fixnav ul li {
	width: 45%;
		margin: 0 10px
}

#fixnav ul li a {
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	align-content: center;
		height: 50px;
	font-size:14px;
	font-weight:700;
	line-height:16px;
		color:rgba(255,255,255,1.0); 
	letter-spacing: 0.05em;
		text-align: center;
	
		background: rgb(2,108,182);
		background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s
}

#fixnav ul li a:hover {
		background-color: #fff;
		color: #191d6a
}

/*   anime   */
.anime_point {
	  opacity: 0;
	  transition: all .5s ease;
	  transform: translate(0, 50px);
}

.anime_point.show {
	  opacity: 1;
	  transform: none;
	  transform: translate(0, 0);
}

	chat{
	height:35px;
	margin:0;
	padding:0;
	border:none;
	border-radius:0px;
	background:none;
				
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 300px;
		
		border-color: #c5091d;
	}


/*   booth_end_area   */
#booth_end_area{
		width: 100%;
		background: rgba(247,247,247,1.0);
	
	padding: 40px 0;
}


#booth_end_area .booth_info_block{
	width: 100%;
		margin: 0 auto;
	padding: 30px 0.1rem;
}

#booth_end_area .booth_info_block h2{
	font-size:24px;
		font-weight:800;
	line-height:24px;
		color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
		text-align: center;
	
		margin: 0 0 30px 0;
}

#booth_end_area .booth_info_block h2.end_title{
	font-size:24px;
	letter-spacing: 0;
}

#booth_end_area .booth_info_block h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(10,99,176,1.0);
	margin: 30px auto 0 auto;
	
}

#booth_end_area .booth_info_block .booth_infocopy_box{
	width: 100%;
	font-size:16px;
		font-weight:400;
		line-height:28px;
		color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
	text-align: left;
	
	margin: 0 auto 25px auto;
}

#booth_end_area .booth_info_block .booth_infocopy_box.end_copy{
	font-size:14px;
	margin: -20px auto 45px auto;
}


#booth_end_area .booth_info_block .booth_photo_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
		justify-content: space-between;
	
	margin: 0 0 10px 0;
	padding: 25px 10px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block{
	width: 100%;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block{
	width: 100%;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img,
#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_photo_end_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-items:flex-start;

		margin:30px auto 50px auto;
	padding: 0 10px;
	max-width: 100%;
	
}
#booth_end_area .booth_photo_end_box .left_block{
	width:100%;
	max-width:100%;
}
#booth_end_area .booth_photo_end_box .right_block{
	width:100%;
	max-width:100%;
}
#booth_end_area .booth_photo_end_box img{
	width:100%;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
}
}