@charset "utf-8";


@media (max-width: 600px){
	.container_m, .container_s{
	  padding-right: 0px;
    padding-left: 0px;
	}
}
@media(max-width: 768px){
  .primaryContents, .secondaryContents{
		 width:auto;
		 float:none;
  }
}
/*************************************/
/* form */
/*************************************/

@media(max-width: 600px){
	input[type=text].long, input[type=password].long{
	  width:100%;
	}
}
/*************************************/
/* table */
/*************************************/
@media (max-width: 768px){
	table th.pcth{
		width:auto;
	}
	.form_table_th{
	  width:150px;
	  font-size:12px;
	}
	.form_table_td{
	 margin-left:160px;
	}
	.form_table_tr:after {
    left: 150px;
  }
  .form_table_caution{
    font-size:10px;
  }
  .form_table_label_space{
    display:none;
  }
}
@media (max-width: 600px){
  .form_table_th{
    width:100px;
  }
  .form_table_td{
   margin-left:110px;
  }
  .form_table_tr:after {
    left: 100px;
  }
  .button_form_table_wrap{
    width:100%;
  }
}

/*************************************/
/* paginate */
/*************************************/
@media (max-width: 768px){
  .paging{
    margin:5px 0;
    padding:0px 5px;
  }
}

/*************************************/
/* bread */
/*************************************/
@media (max-width: 768px){
  .breadCrumb{
  width:100%;
  }
}

/*************************************/
/* header */
/*************************************/
header{
  min-width:auto;
}
@media (max-width: 600px){
  .header_sign_in{
    margin:10px 10px 0 0;
    width:100px;
  }
  .header_account_btn{
    margin:10px 15px 0 0;
  }
}
@media (max-width: 1000px){
  .header_registration{
    right:200px;
  }
	.header_regi_btn a{
		width:140px;
	}
  .header_registration a span.headerAboutB{
    font-size: 14px;
  }
}
@media (max-width: 900px){
  .header_sign_in_wrap{
    display:none;
  }
  .header_registration{
    right:60px;
  }
	.header_registration span{
    display:none;
  }
  .header_registration span.headerAboutSp{
    display:inline-block;
    line-height:1;
     font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .header_regi_btn a{
    float:none;
    padding:7px 0;
    font-size:12px;
    margin:0 0 3px 0;
  }
}
@media(max-width: 600px){
  .header_registration{
    top:10px;
    right:60px;
  }
  .header_regi_btn a{
    width:100px;
  }
  .header_amazon{
    width:110px;
    height:33px;
  }
  .header_amazon a{
    line-height:33px;
  }
}
@media(max-width: 430px){
	.header_sign_in {
	    margin: 10px 10px 0 0;
	    width: 80px;
	}
	.header_registration{
		right:60px;
	}
	.header_regi_btn a{
		width:80px;
	}
  .header_amazon{
    width:90px;
    height:28px;
  }
  .header_amazon a{
    line-height:28px;
  }
}

/*************************************/
/* chat */
/*************************************/
@media(max-width: 600px){
  .top_chat_wrap{
    bottom: 0%;
    height:20px;
  }
  .top_chat_show{
    display:block;
  }
  .top_chat_close{
    display:none;
  }
}

/*************************************/
/* footer */
/*************************************/
@media (max-width: 1140px){
  footer{
    padding:30px 0 50px 0;
    text-align:left;
      min-width:auto;
	}
	.footer_memu_col_sp{
	 text-align:center;
	}

	.footer_memu_col_sp li{
	   display:inline-block;
    margin:5px 10px;
	}
	.footer_memu_col{
	 width:auto;
	 text-align:center;
	}
}

/*************************************/
/* top */
/*************************************/
@media (max-width: 600px){
	.top_video_wrap{
	  width:400px;
	  height:400px;
	}
}
@media (max-width: 500px){
  .top_video_wrap{
    width:350px;
    height:350px;
  }
}
@media (max-width: 380px){
  .top_video_wrap{
    width:330px;
    height:330px;
  }
}
@media (max-width: 800px){
	.top_menu p,.topic_menu p{
	  margin:10px 20px;
	}
}
@media (max-width: 600px){
	.top_title{
    font-size:14px;
    margin: 20px 0 30px 0;
  }
	.top_menu, .topic_menu{
	  width:auto;
	  float:none;
	  clear:both;
	  margin:0;
	  overflow:hidden;
	  display:block;
	  padding-bottom: 30px;
	}
  .top_menu_img{
    float:left;
    height:auto;
    margin-right:10px;
    max-width:50%;
  }
  .top_menu p,.topic_menu p{
	  margin:10px 0 10px 190px;
	}
  .top_menu h2, .topic_menu h2{
    margin:20px 0 10px 0;
  }
}
@media (max-width: 450px){
  .top_menu img, .topic_menu img{
	  width:100px;
	  height:auto;
	}
  .top_menu p,.topic_menu p{
    margin:10px 0 10px 120px;
    font-size:12px;
  }
}



/*************************************/
/* regis */
/*************************************/
@media (max-width: 800px){
  .regi_group_select{
	   width:200px;
  }
}
@media (max-width: 600px){
	.regi_group_select{
	 width:auto;
	 display:block;
	 float:none;
	 padding:5px 0;
	 margin:0 0 5px 0;
	}
.regi_group_select:nth-child(2n){
  margin-left:0;
}

}
/*************************************/
/* about */
/*************************************/
@media (max-width: 600px){
	.about_maintitle{
	 margin: 30px 0 20px 0;
	 font-size:14px;
	}
	.about_00{
	padding:20px 0;
	}
  .about_bayer, .about_brand{
    margin: -20px  0 20px 0;
    text-align:center;
    float:none;
    font-size:14px;
  }
  .about_brand{
   margin: 60px 0 -20px 0;
  }
  .abount_text01{
    font-size:12px;
  }
  .about_title{
    font-size:14px;
  }

}
/*************************************/
/* topic */
/*************************************/
@media (max-width: 600px){
	.topic_menu{
	  width:auto;
	}
}
@media (max-width: 800px){
	.topic_img{
		width:130px;
		height:130px;
	}
	.topic_img img{
    width:130px;
    height:130px;
	}
	.topic_list h2{
	 margin:0 0 0 150px;
	}
	.topic_list p {
    margin: 10px 0 0 150px;
  }
}
@media (max-width: 600px){
 .topic_list{
	  width:auto;
	  float:none;
	  overflow:hidden;
  }

}

/*************************************/
/* 合同展 */
/*************************************/
@media (max-width: 768px){
  .exhibitions_container{
	  width:auto;
	}
	.pcExhibitions{
    display:none;
  }
  .spExhibitions{
    display:block;
    margin-top:20px;
  }
  .exhibYearWrap{
    margin:20px 20px 20px 20px;
  }
  .spExhibListMonthWrap{
    text-align:center;
    margin:30px 0 20px 0;
  }
  .spExhibListMonth{
    border:1px solid #555555;
    padding:5px 100px;
  }
  .spExhibListMonth option{
    text-align:center;
  }
  .spExhibList{
    padding:15px 10px;
    font-size:13px;
    display:table;
    width:100%;
    box-sizing: border-box;
  }
  .spExhibListTitle{
    display:table-cell;
    border-bottom:1px solid #555555;
  }
  .spExhibListDay{
    margin-left:20px;
    display:table-cell;
    vertical-align:bottom;
    width:150px;
    border-bottom:1px solid #555555;
    text-align:right;
  }
  .exhibLogoWrap{
    float:none;
    width:auto;
  }
  .exhibInfoWrap{
    margin-left:0px;
  }
  .exhibInfoWrap .table_th{
    width:100px;
  }
  .exhibInfoWrap .table_tr:before {
    left: 100px;
  }
  .exhibInfoWrap .table_td{
    margin-left:101px;
  }
}

/*************************************/
/* schedule */
/*************************************/
@media (max-width: 900px){
  .top_schedule_link{
    position:relative;
    top:auto;
    left:auto;
    margin:0 auto;
  }
}
/*************************************/
/* introduction */
/*************************************/
@media (max-width: 768px){
  .introTopText {
    width:auto;
  }
  .introTopImg{
    width:auto;
  }
  .introBlock:nth-child(odd), .introBlock:nth-child(even){
    float:none;
    width:auto;
    margin-bottom:50px;
  }
  .introBlockWrap{
    margin:0 0 0 0;
  }
}
/*************************************/
/* plan */
/*************************************/
@media (max-width: 768px){
.planTitle{
  font-size:20px;
}
.planSubtitle{
	font-size:14px;
}
.planLeftCol{
  padding-right:20px;
}
.planRightCol{
  padding-left:20px;
}
.planTitleH2{
  font-size:20px;
}
.planText{
	font-size:12px;
}
}

@media (max-width: 600px){
.planLeftCol, .planRightCol{
	width:auto;
	float:none;
}
.planPrice{
	font-size:16px;
}
.planLeftCol{
  padding-right:0;
}
.planRightCol{
  padding-left:0;
}

}


@media (max-width: 768px){
  .spInlineDisplay{
    display:inline;
  }
  .pcInlineDisplay{
    display:none;
  }
  .spBlockDisplay{
    display:block;
  }
  .pcBlockDisplay{
    display:none;
  }
}
@media (max-width: 768px){
  .footer_memu_col{
    width:auto;
    float:none;
    padding: 10px 0;
    margin:0 auto;
  }
  footer ul li{
    margin:10px 0;
  }
  .copyrights{
    text-align:center;
    margin: 10px auto 0 auto;
  }
}

@media (max-width: 768px){
  .header_unlogin_menu, .header_signin_menu{
    display:none;
  }
  .header_logo{
    width:auto;
    text-align:center;
    float:none;
  }
  header{
    height:80px;
    position:relative;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
  }
  main{
    padding-top:80px;
  }
  .header_logo img{
    margin-top:12px;
  }
  .header_nav_btn{
    position:absolute;
    top:30px;
    right:30px;
    margin:0;
  }
}
@media (max-width: 768px){
  .top_video_wrap{
    width:350px;
    height:350px;
  }
  .top_exp_inner{
    text-align:center;
  }
  .top_exp_wrap_gray .top_exp_inner{
    padding-bottom:140px;
  }
  .top_exp_title{
    font-size:16px;
  }
  .top_exp_inner p{
    font-size:13px;
  }
  .top_exp_img01{
    width:140px;
    top:auto;
    bottom:-20px;
  }
  .top_exp_inner_r{
    padding-left:0px;
  }
  .top_exp_wrap_white .top_exp_inner{
      padding: 100px 10px 90px 10px;
  }
  .top_exp_img03{
    top: -10px;
    width: 160px;
  }
  .top_exp_img02{
    top:auto;
    bottom:-10px;
    width:150px;
    right: 20px;
    left:auto;
  }
  .top_exp_img04{
    right:50%;
    margin-right:-100px;
    width:200px;
  }
  a.top_exhibition_cover{
    padding:15px 0;
  }
  .top_regi_wrap a.button_b{
    padding: 3px 10px 2px 10px;
  }
}
@media (max-width: 768px){
  .about02_top_title{
    font-size:25px;
  }
  .about02_h1{
    font-size:14px;
  }
  .about02_col01_img{
    width:110px;
    left:5%;
    top:50px;
  }
  .about02_col01 p, .about02_col02 p{
    font-size:14px;
  }
  .about02_col01_subtitle, .about02_col02_subtitle, .about02_col03_subtitle{
    font-size:25px;
  }
  .about02_col02_img02{
    width:140px;
  }
  .about02_col02_img01{
    width:120px;
    right:5%;
  }
  .about02_col02{
    right:30%;
  }
  .about02_col02_subtitle{
    padding:0 0 0 10%;
  }
  .about02_col03_subtitle{
    margin-left:-50px;
  }
  .about02_col03_subtitle:after{
    left:120px;
    top: 0px;
  }
  .about02_col03_subtitle:before{
    top:0px;
  }
  .about02_col03_img{
    width:220px;
    margin-left: -110px;
  }
  .about02_col03{
    font-size:20px;
    bottom: 60px;
  }
  .about02_footer{
    font-size:20px;
    padding: 30px 0;
  }
}
@media (max-width: 768px){
  .regi02_exp_wrap{
    margin:0 auto 50px auto;
  }
  .regi02_h1{
    margin: 50px 0 30px 0;
  }
  .regi02_subtitle{
    font-size:16px;
  }
  .regi02_exp_col{
    float:none;
    width:auto;
    max-width:300px;
    margin:0 auto;
  }
  .regi02_amazon_wrap{
    padding: 30px 20px;
  }
  .regi02_form_wrap{
    padding: 20px 20px;
    margin: 50px auto;
  }
  .regi02_form_stext{
    font-size:12px;
  }
  a.regi02_brand_link{
    margin: 0 auto 50px auto;
  }
  .regi02_exp_stext{
    font-size:12px;
  }
  input[type=submit].regi02_form_submit{
    padding: 15px 100px;
  }
  .regi02_amazon03{
    font-size:24px;
  }
  .regi02_amazon04{
    text-align:left;
  }
  .top_contact_text{
    font-size:10px;
  }
  .top_contact_title{
    margin: 20px 0 20px 0;
  }
}