@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lora|Old+Standard+TT|Open+Sans|Nunito|Amiri');

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

html,
body {
	margin: 0;
	height: 100%;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	-webkit-text-size-adjust: 100%;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

ul {
margin: 0px 0px 0px 1em;
padding: 0px;
}

.container {
	width: 100%;
	min-width: 1024px;
	text-align: center;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、スマホ用のヘッダスタイルを適用*/
.container {
	width: 100%;
	min-width: 320px;
	text-align: center;
}
}
/*********************ヘッダー定義*********************/
.header-set {
	height: 160px;
	/*background-image: url(../images/header_bk.png);
	background-repeat: repeat-x;*/
}

.header-top {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1280px;
	min-width: 1024px;*/
	width: 1024px;
	padding-left: 12px;
	padding-right: 12px;
	height: 85px;
}

.header-logo {
	margin-top: 14px;
	float: left;
}

.header-title {
	width: 220px;
	float: left;
	text-align: left;
	margin-top: 13px;
	margin-left: 55px;
}

.header-title h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 21px;
	max-height: 100%;
}

.header-title h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 18px;
	max-height: 100%;
}

.header-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 14px;
	color: #e60012;
	max-height: 100%;
}


.header-right {
	margin-top: 14px;
	width: 247px;
	height: 71px;
	float: right;
}


/*Contact US*/

.contactus {
	float: left;
	width: 105px;
	height: 27px;
	background-image: url(../images/contact-us.png);
	padding-left: 40px;
	padding-top: 8px;
	text-align: left;
	background-repeat: no-repeat;
	margin-top: 30px;
}

.contactus:hover {
	background-image: url(../images/contact-us-o.png);
	background-repeat: no-repeat;
}

.contactus a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}


/*ICOMマーク＆言語ボックス*/
.language-box {
	float: right;
}

.language {
	height: 38px;
	text-align: left;
}

.language ul {
	list-style-type: none;
	margin-top: 13px;
	margin-left: 0px;
}

.language li {
	background-color: #dddddd;
	display: inline-block;
	font-size: 12px;
	width: 23px;
	border-radius: 3px;
	height: 23px;
	padding-top: 5px;
	text-align: center;
	color: #888888;
}

.language li:hover {
	background-color: #bbbbbb;
}


.language li.ac {
	background-color: #888888;
	color: #FFF;
}

.language a {
	color: #888888;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、スマホ用のヘッダスタイルを適用*/
	
.header-set {
	height: 168px;
	background-image: none;

}

.header-top {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	padding-left: 10px;
	padding-right: 10px;
	height: 125px;
}

.header-logo {
	margin-top: 14px;
	float: left;
}

.header-title {
	width: auto;
	float: right;
	text-align: left;
	margin-top: 13px;
	margin-left: 0px;
}

.header-title h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 20px;
}

.header-title h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 17px;
}

.header-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 14px;
	color: #e60012;
}


.header-right {
	width: 100%;
	margin-top: 15px;
	height: 35px;
	float: right;
}

/*Contact US*/

.contactus {
 display: none;
}
	
	

/*ICOMマーク＆言語ボックス*/
.language-box {
	float: right;
}

.language {
	display: none;
}
	


  /*ヘッダ@media screenここまで*/}

@media screen and (max-width: 321px) {
/*設定の幅より小さければ、スマホ用のヘッダスタイルを適用*/
	.header-title h1 {
	margin-top: 4px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 17px;
}
	
.header-title h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 14px;
}

.header-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 14px;
	color: #e60012;
}
	}

/*******************グローバルメニュー***********************/

/*メニューがページ上部にきたらフィットさせる*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.global-menubox {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 75px;
	text-align: left;

}

.global-menu1 {
	width: 100%;
	height: 32px;
	text-align: center;
	background-color: #213e5e;
}

.global-menu2 {
	width: 100%;
	height: 43px;
	background-color: #b99a4e;
}


.language {
	height: 38px;
	text-align: left;
}

.global-menu1 ul {
	list-style-type: none;
	margin-left: 0px;
}

.global-menu1 li {
	display: inline-block;
	font-size: 16px;
	padding-top: 7px;
	text-align: center;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
}

/*↑のhoverがfirefoxのみ1ピクセルずれるので修正*/
@-moz-document url-prefix() {
.global-menu1 li {
	display: inline-block;
	font-size: 16px;
	padding-top: 7px;
	text-align: center;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}
}

.global-menu1 li:hover {
	background-color: #396ca4;
}

.global-menu1 li a {
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、スマホ用のメニュースタイルを適用、実際はanimenu.css*/

	
.global-menubox {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 43px;
	text-align: left;
}

.global-menu1 {
	display: none;
	}
	
.global-menu2 {
	position: absolute;
	width: 100%;
	height: 43px;
	background-color: #213e5e;
}


.sp_lang {
	position: relative;
	top: -45px;
	width:245px;
	margin-left: auto;
	}
	

.contactus-sp {
	float: left;
	width: 105px;
	height: 27px;
	background-image: url(../images/contact-us.png);
	padding-left: 40px;
	padding-top: 8px;
	text-align: left;
	background-repeat: no-repeat;
	margin-top: 10px;
}

.contactus-sp:hover {
	background-image: url(../images/contact-us-o.png);
	background-repeat: no-repeat;
}

.contactus-sp a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}
	
.language-sp {
	height: 38px;
	text-align: left;
	float: left;
}

.language-sp ul {
	list-style-type: none;
	margin-top: 13px;
	margin-left: 20px;
}

.language-sp li {
	background-color: #dddddd;
	display: inline-block;
	font-size: 12px;
	width: 23px;
	border-radius: 3px;
	height: 23px;
	padding-top: 5px;
	text-align: center;
	color: #888888;
}

.language-sp li:hover {
	background-color: #bbbbbb;
}


.language-sp li.ac {
	background-color: #888888;
	color: #FFF;
}
.language-sp a {
	color: #888888;
	text-decoration: none;
}
  /*globalメニュー@media screenここまで*/}


/********************イメージ画像クロスフェード**********************/
.topimg {

}

.image-crossfader {
  overflow: hidden;
  position: relative;
 /*高さが自動だとbackground-imageは表示されないための対策*/
  padding-bottom: calc(100%*470/1280);/* calc(100*ImageHeight/ImageWidth)% */
  background-size: contain;
}
.image-crossfader-inner {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transform: scale(1);
  transition:
    opacity 4.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    transform 4.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.image-crossfader-inner.is-visible {
  z-index: 1;
  opacity: 1;
  /*transform: scale(1.04);*/
  transform: scale(1.0);
}


.image-crossfader-inner:nth-child(1) {
background-image: url(../images/topimg_winter_171211.jpg);
}
.image-crossfader-inner:nth-child(2) {
  background-image: url(../images/topimg-gojyu.jpg);
}
.image-crossfader-inner:nth-child(3) {
  background-image: url(../images/topimg-rakuchu-rakugai.jpg);
}



/****************ヘッダー部表示非表示コントロール***********************/
@media screen and (min-width: 480px) {
/*設定の幅より大きければ、以下のスタイルを非表示にする*/

/*下段globalメニュー内のアコーディオン時に出す項目を非表示*/
li.pcoff a {
	display: none;
	}
.sp_lang {
	display: none;
	}
	
 /*@media screen*/ }


/**************フッターデザイン*******************/
.footerarea {
	background-image: url(../images/footer_bk.png);
	background-repeat: repeat-x;
	width: 100%;
	min-width: 1024px;
	height: 404px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	flex-wrap: wrap;
}

.footerbox-l {
	width: 180px;
	height: 340px;
	background-image: url(../images/footer_l.png);
	background-repeat: no-repeat;
	margin-right: 33px;
}

.footerbox-m {
	width: 530px;
	height: 340px;
	text-align: left;
	padding-top: 50px;
	/*column-count: 3;
	column-fill:auto;*/
	display: table;
	margin-top: 0px;
	margin-right: -0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.footerbox-r {
	width: 265px;
	height: 340px;
	background-image: url(../images/footer_r.png);
	background-repeat: no-repeat;
}

.copyright {
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	width: 100%;
	padding-right: 100px;
}

.footerbox-m ul {
	list-style-type: none;
	color: #FFFFFF;
	display: table-cell;
	padding-left: 30px;
	padding-right: 0px;

}


.footerbox-m ul li {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.footerbox-m ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

.footerbox-m ul li ul {
	list-style-type: disc;
	color: #FFFFFF;
	padding-left: 20px;
}

.footerbox-m ul li ul li {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/


.footerarea {
	background-image: url(../images/footer_bk.png);
	background-repeat: repeat-x;
	width: 100%;
	min-width: 320px;
	height: 80px;
	display: inherit;
}

.footerbox-l {
	display: none;
}

.footerbox-m {
	display: none;
}

.footerbox-r {
	display: none;
}
	
.copyright {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	width: 100%;
	padding: 40px 0px;
}
	
 /*@media screen*/ }

/****************メインareaの設定*********************/

/*topメイン背景*/
.main_background {
 width: 100%;
 background-position: center -50px;
 background-image: url(../images/background_main.jpg);
}

/*topメイン背景*/
.main_background_top {
 width: 100%;
 background-position: center -50px;
 background-image: url(../images/background_top.jpg);
 background-repeat: no-repeat;
}

.mainarea {
	width: 1024px;
	min-height: 480px;/*mainが短すぎるとフッダの下に余白が出来てしまうため*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 140%;
}

.topmessage {
	width: 861px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/top_messe_bk.png);
	padding-left: 7px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: 0px -35px;/*リード分の増減似合わせ調節*/
}

/*.topmessage h1 {
	color: #213E5E;
	font-size: 24px;
	margin: 0px;
	font-family: "Old Standard TT", Times, serif;
}*/

.topmessage h1 {
 position: relative;
 padding-left: 30px;
 font-size: 26px;
 color: #213E5E;
 font-family: "Amiri";
 font-weight: 700;
 margin: 0px 0px 10px 5px;
}
.topmessage h1::before,
.topmessage h1::after{
	content: "□";
	position: absolute;
 color: #e60012;
 font-family: "Times New Roman", Times, serif;
}
.topmessage h1::before{
	left:5px;
	top:-6px;
}
.topmessage h1::after{
	left: 10px;
	top: -1px;
	color: #b99a4e;
}

.topmessage p {
	color: #213E5E;
	font-size: 15px;
	padding-left: 1em;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/

.main_background {
	width: 100%;
	background-position: center top;
	background-image: none;
	/*background-repeat: repeat-x;*/
}
	
.mainarea {
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.topmessage {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image:none;
	padding-left: 0px;
}

.topmessage h1 {
 position: relative;
 padding-left: 30px;
 font-size: 26px;
 color: #213E5E;
 font-family: Times, serif;
 font-weight: 400;
 margin: 0px 0px 10px 5px;
}
.topmessage h1::before,
.topmessage h1::after{
	content: "□";
	position: absolute;
 color: #e60012;
}
.topmessage h1::before{
	left:5px;
	top:-6px;
}
.topmessage h1::after{
	left: 10px;
	top: -1px;
	color: #b99a4e;
}

	
/*@media screen */}

/*******左右分割*********/

.topcolumns {
    display: table;
    width: 861px;
	margin-left: auto;
	margin-right: auto;
}

.topcolumns-l {
	display: table-cell;
	width: 530px;
	vertical-align: top;
}

.topcolumns-r {
	display: table-cell;
	width: 331px;

	padding-left: 31px;
	padding-right: 0px;
	vertical-align: top;
}

.topcolumns-l h1 {
	color: #213E5E;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-family: "Old Standard TT", Times, serif;
}

.upinfobox {
	border-top: 1px solid #223E5E;
	border-right: 1px solid #223E5E;
	text-align: center;
	margin-bottom: 30px;
}

.upinfobox dl {
	margin: 0px;
	text-align: left;
}

.upinfobox dt {
	margin-top: -10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #E83820;
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
}

.upinfobox dt:nth-of-type(1) {
	margin-top: 10px;
}


.upinfobox dd {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.upinfobox dd a {
	color: #E83820;
	text-decoration: none;
}


.upinfobox dl dt:nth-of-type(odd),
.upinfobox dl dd:nth-of-type(odd) {
	background-color: #EEE8D4;
}

.upinfobox dl dt:nth-of-type(even),
.upinfobox dl dd:nth-of-type(even) {
	background-color: #dfe9f4;
}

/**/


/*past infomationボタン*/
.upinfobox a.past_infomation {
	border-radius: 3px;
	background-color: #223E5E;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	background-image: url(../images/past_infomation.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

.upinfobox a.past_infomation:hover {
	background-color: #396ca4;
}


/*PDF版を開くボタン*/
a.pdf_verbt {
	border-radius: 3px;
	background-color: #223E5E;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 40px;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
	background-repeat: no-repeat;
	background-position: 15px 5px;
}


a.pdf_verbt:hover {
	background-color: #396ca4;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/
	
.topcolumns {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.topcolumns-l {
	display: block;
	width: 100%;
}

.topcolumns-r {
	display: block;
	width: 100%;
}
	
.topcolumns-l h1 {
	padding-left: 7px;
}
	
.upinfobox {
	border-top: 1px solid #223E5E;
	border-right: none;	
}
.upinfobox dt,
.upinfobox dd	{
	margin-right: 0px;
}
	
/*@media screen*/}

/**************NEWS Letter*****************/

.newsletterbox {
    display: table;
    width: 510px;
	margin-left: auto;
	margin-right: auto;
}

.newsletterbox-l {
	display: table-cell;
	width: 265px;
	height: 180px;
	background-color: #F5F3ED;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: middle;

}

.newsletterbox-l h4{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: -1em;
}

.newsletterbox-l ul{
	margin-top: 1em;
	margin-bottom: 20px;
}

.newsletterbox-l li{
	font-size: 15px;
}

.newsletterbox-r {
	display: table-cell;
	width: 265px;
	height: 180px;
	background-color: #ede4cd;
	background-image: url(../images/newsletter_bk.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
 /*vertical-align:middle;*/
	vertical-align: bottom;
}

.newscover img {
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/

.newsletterbox {
    display: table;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.newsletterbox-l {
	display: table-cell;
	width: 50%;
	height: auto;
	background-color: #F5F3ED;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: middle;

}

.newsletterbox-l h3{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: -1em;
}

.newsletterbox-l ul{
	margin-top: 1em;
	margin-bottom: 20px;
}

.newsletterbox-l li{
	font-size: 13px;
}

.newsletterbox-r {
	display: table-cell;
	width: 50%;
	height: auto;
	background-color: #ede4cd;
	background-image: url(../images/newsletter_bk.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:contain;
	text-align: center;
 /*vertical-align:middle;*/
	vertical-align: bottom;
}

.newscover img {
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

	
/*@media screen*/}


/**********右column***********/
.youtubearea {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.facebookarea {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}

hr.style-right {
	width: 100px;
	border-top: 1px solid #b99a4e;
	margin-top: 25px;
}

/*バナー*/

.bannerarea {
	/*margin-top: 35px;*/
 margin-top: 27px;
	margin-left: auto;
	margin-right: auto;
}

.banner_e {
 background: url("../images/maizuru_mt_e_o.png") no-repeat;
 background-size: 300px auto;
 margin-bottom: 1em;
}
 
.banner_e a {
    display: inline-block;
}
 
.banner_e a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.banner_e a:hover img {
    visibility: hidden;
}


.banner_a {
 background: url("../images/banner_a_o.png") no-repeat;
 background-size: 300px auto;
 margin-bottom: 1em;
}
 
.banner_a a {
    display: inline-block;
}
 
.banner_a a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.banner_a a:hover img {
    visibility: hidden;
}

/********************本文の設定/FONT*******************/
/*コンテンツ領域の横幅*/
.contents {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
}

.contents h1 {
	font-family: "Lora", Times, "serif";
	color: #213E5E;
	height: 100px;
	background-image: url(../images/main-h1.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 95px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-position: center 45px;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 50px;
}

.contents h1:first-letter {
  color:#b99a4e;
  font-size:160%;
}


.contents h2 {
  position:relative;
  padding:5px 25px;
  border-bottom:2px solid #b99a4e;
  font-family: Arial, Helvetica, "sans-serif";
  color: #213e5e;
  font-size: 20px;
}

.contents h2:before,
.contents h2:after {
  content:"";
  display:block;
  width:10px;
  height:10px;
  border:2px solid #213e5e;
  position:absolute;
  top:11px;
  left:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contents h2:after {
	top: 12px;
	left: 10px;
	height: 12px;
	width: 12px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	border: none;
	background-color: rgba(185,154,78,0.4);
}


.contents .h2mini{
font-size: 14px;
font-weight: 400;
}


/*.contents h3 {
	padding: 0.5em;/*文字周りの余白*/
/*color: #213e5e;/*文字色*/
/*background: #f5f3ed;/*背景色*/
/*border-left: solid 5px #b99a4e;/*左線（実線 太さ 色）*/
/*margin-bottom: 0em;
/*}*/

.contents h3 {
 position: relative;
 padding: .5em 1em .5em 1.5em;
 border: 1px solid #ccc;
 background-color: rgba(255,255,255,0.50);
 font-size: 18px;
 margin-bottom: -0.5em;
}
.contents h3::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 4px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #213e5e;
  border-radius: 4px;
}

.contents h4 {
	font-size: 16px;
	margin-bottom: -1em;
}


.topmessage h5 {
 font-size: 16px;
 margin-top: 0em;
 margin-bottom: -1em;
 margin-left: 14px;
 color:#213e5e;
}


h6 {
 font-size: 16px;
 border-bottom: thin solid #666666;
}

h6.big {
 font-size: 20px;
 border-bottom: thin solid #666666;
}

.contents ul {
	font-size: 16px;
	margin-top: 1em;
}

@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/

/*コンテンツ領域の横幅*/
	
.contents {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.contents h1 {

 line-height: 120%;
 margin-bottom: 70px;
}
 
/*コンテンツ領域ここまで*/}

/*****************本文、レイアウト****************/

.img_right {
	margin-left: auto;
	text-align: right;
}

.img_center {
	text-align: center;
	margin-bottom: 2em;
	margin-top: 4em;
}

.table-layout2 {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:         wrap;
	/*justify-content:space-between;*/
	justify-content:space-around;
	align-items: center;
}

.table-layout2 p {

}

.table-layout2 img {
	margin-top: 1em;
}

/**Pタグ内のspanで囲まれたエリアは改行しない、span単位で改行する**/
p span.nobr {
  display: inline-block;
  white-space: nowrap;
}

/*news*/

ul.newsletter {
	list-style-position: inside;
	margin-left: 1em;
	display: table;
}

ul.newsletter li {
	padding-left: 25px;
	padding-right: 25px;
	display: table-cell;
	background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
	background-repeat: no-repeat;
}

/*お知らせ一覧*/
#news_pastinfo {
	
}

#news_pastinfo dl {
	margin: 0px;
	text-align: left;
}

#news_pastinfo dt {
	margin-top: -10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #E83820;
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
}

#news_pastinfo dt:nth-of-type(1) {
	margin-top: 10px;
}


#news_pastinfo dd {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #213E5E;
}

#news_pastinfo dd a {
	color: #E83820;
	text-decoration: none;
}

.txt-red {
	color: #E83820;
 }
 
 .txt-right {
text-align: right;
 }
 
/*welcome messege*/

.table-welcome {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:         wrap;
	/*justify-content:space-between;*/
	justify-content:space-around;
	align-items: center;
}

.table-welcome p {

}

.table-welcome img {
	margin-top: 1em;
}

.welcomeimg figcaption{
	width: 500px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 32px;
	border-bottom: thin solid #b99a4e;
	color: #213e5e;
}
.welnamename {
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
}
.welcomemess {
	width: 100%;
}
@media screen and (max-width: 480px) {
/*設定の幅より小さければ、以下のスタイルを優先する*/
.welcomeimg figcaption{
	width: 100%;
	font-size: 18px;
	border-bottom: thin solid #b99a4e;
	color: #213e5e;
	margin-left: 10px;
	margin-right: 10px;
}
	.welnamename {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
}

	.table-welcome img {
	margin-top: 1em;
	margin-left: 50px;
	margin-right: 50px;
}

	
}


/*Conference Outline*/
ul {
	margin-bottom:2em;
}
ul.outlinelist {
	list-style-type: none;
	margin-left:14px;/* マーカーを1文字寄せた分、ULにマージンを設定*/
}
ul.outlinelist li:before {
	content: '▶'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-14px; /* 1文字分、左に寄せる */
}

/*useful information*/
ul.usefulli {
 list-style-type: none;
 margin-top: -1em;
}

ul.usefulli li {
word-break: break-all;
}
/*venue*/
.venueimg-flex {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:         wrap;
	/*justify-content:space-between;*/
	justify-content:space-around;
	align-items: center;
}

div.venueimg-flex img:first-child {
width: 496px;
height: auto;
}

div.venueimg-flex img:nth-child(2) {
width: 245px;
height: auto;
}

@media screen and (max-width: 480px) {
div.venueimg-flex img:first-child {
 width: 100%;
 height: auto;
 margin-bottom: 6px;
}

div.venueimg-flex img:nth-child(2) {
width: 100%;
height: auto;
}
}

.accesimg img {
 width: 100%;
 border: 1px solid #3F3F3F;
}

/*about kyoto*/
.kyotoimg-flex {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:         wrap;
	/*justify-content:space-between;*/
	justify-content:space-around;
	align-items: center;
}

div.kyotoimg-flex img {
width: 257px;
height: auto;
}

div.kyotoimg-flex img:last-child {
width: 223px;
height: auto;
}

@media screen and (max-width: 480px) {
div.kyotoimg-flex img {
 width: 100%;
 height: auto;
 margin-bottom: 6px;
}

div.kyotoimg-flex img:last-child {
width: 100%;
height: auto;
}
}

.lightbox { display: none; }

.main-center {
text-align: center;
}


/*プログラム日程表*/

table.schedule {
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

table.schedule th {
  padding: 10px;
  border: 1px solid #555555;
  font-size: 16px;
}

table.schedule td {
 padding: 5px;
 border: 1px solid #555555;
 text-align: center;
 background-color: rgba(250,250,250,0.7);
}

table.schedule td.txtleft {
 text-align: left;
 border: none;
}


table.schedule th {
 background-color: #555555;
 color: #FFFFFF;
 text-align: center;  
}

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

table.schedule {
  border-collapse: collapse;
}
table.schedule th {
  display: block;
  padding: 10px;
}

table.schedule td {
  display: block;
  padding: 5px;
  text-align: left;
  width: 100%;
}

table.schedule th {
  background-color: #555555;
  color: #FFFFFF;
}

table.schedule .none {
	display:none;
}

}

table.schedule .ct_z {
background-color: #D6D8E7;
}

table.schedule .ct_k {
background-color:#D5E8D3;
}

table.schedule .ct_y {
background-color: #EBD9D9;
}

span.ct_z{
color: #BEC1DC;
}

span.ct_k{
color:#B4DFAC;
}

span.ct_y{
color: #E0C2C2;
}

table.schedule td.tdblank {
border: none;
}

/*寄付金申し込みPDFボタン*/
a.pdf_kifu_f {
 border-radius: 3px;
 background-color: #223E5E;
 color: #FFFFFF;
 padding-top: 7px;
 padding-right: 5px;
 padding-left: 50px;
 padding-bottom: 5px;
 text-decoration: none;
 display: inline-block;
 margin-left: auto;
 margin-right: 1em;
 width: 330px;
 background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
 background-repeat: no-repeat;
 background-position: 15px 8px;
 margin-bottom: 1em;
 text-align: left;
}


a.pdf_kifu_f:hover {
	background-color: #396ca4;
}

/*寄付金申し込みwordボタン*/
a.word_kifu_f {
 border-radius: 3px;
 background-color: #223E5E;
 color: #FFFFFF;
 padding-top: 7px;
 padding-right: 5px;
 padding-left: 50px;
 padding-bottom: 5px;
 text-decoration: none;
 display: inline-block;
 margin-left: auto;
 margin-right: 1em;
 width: 330px;
 background-image: url(../images/word_file_icon_24x24.png);
 background-repeat: no-repeat;
 background-position: 15px 8px;
 text-align: left;
}


a.word_kifu_f:hover {
	background-color: #396ca4;
}

/*出展申し込みexcelボタン*/
a.xls_kifu_f {
 border-radius: 3px;
 background-color: #223E5E;
 color: #FFFFFF;
 padding-top: 7px;
 padding-right: 5px;
 padding-left: 50px;
 padding-bottom: 5px;
 text-decoration: none;
 display: inline-block;
 margin-left: auto;
 margin-right: 1em;
 width: 330px;
 background-image: url(../images/xls_file_icon_24x24.png);
 background-repeat: no-repeat;
 background-position: 15px 8px;
 text-align: left;
 margin-bottom: 1em;
}


a.xls_kifu_f:hover {
	background-color: #396ca4;
}



/*参加登録はこちら*/
a.registration_bt {
	border-radius: 3px;
	background-color: #223E5E;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
		margin-top: 0.5em;
	margin-bottom: 1em;
	width: 220px;
	/*background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;*/
}


a.registration_bt:hover {
	background-color: #396ca4;
}




a.pdf_kifu_f:hover {
	background-color: #396ca4;
}



/*出展案内*/

.ex-guide .venue {
font-size: 130%;
font-weight: bold;
}

.ex-guide dl {
padding: 15px 0;
margin-bottom: 0em;
}

.ex-guide dt {
padding-bottom: 5px;
font-size: 110%;
font-weight: bold;
margin-right: 1em;
}

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

.ex-guide dt {
clear: left;
float: left;
/*width: 10%;*/
}
.ex-guide dd {
/*margin-left: 51%;*/
}

}

/*出展案内テーブル01*/

.ex-guide table {
border-collapse: collapse;
width: 100%;
}
.ex-guide table td, .ex-guide table th {
padding: 10px;
border: 1px solid #333333;
}
.ex-guide table.hours th {
  text-align: left;
  vertical-align: top;
}

.ex-guide table.hours td {
  text-align: center;
  width: 33%;
}

.ex-guide table td.bg_g {
  background-color: #eee;
}

.ex-guide table td.bg_b {
  background-color: #213e5e;
  color: #fff;
  font-weight: bold;
}



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

.ex-guide table.hours {
  border-collapse: collapse;
}
.ex-guide table.hours td, table.hours th {
  display: block;
  padding: 10px;
}
.ex-guide table.hours th {
  background-color: #eee;
}

.ex-guide table.hours td {
  text-align: center;
  width: 100%;
}

}

.ex-guide table.costs-pc td {
  text-align: center;
}

.ex-guide table.costs-pc {
 display:block;
}

.ex-guide table.costs-sp {
 display: none;
}


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

.ex-guide table.costs-pc {
 display: none;
}

.ex-guide table.costs-sp {
  display:table;
 font-size: 80%;
 width: 100%;
}

.ex-guide table.costs-sp td {
  text-align: center;
}

}

/*出展案内画像3枚横並び*/
.ex-guide-flex {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:         wrap;
	/*justify-content:space-between;*/
	justify-content:space-around;
	align-items: center;
}

div.ex-guide-flex img {
width: 240px;
height: auto;
}

/*国立京都国際会館平面図*/
.floor-plan img {
 width: 100%;
 border: 1px solid #3F3F3F;
}

/*出展案内箇条書き*/
.ex-guide ul.arrow {
list-style-type: none;
margin-top: 1em;
margin-bottom: 0px;
}

.arrow li{
  position: relative;
  padding-left:20px;
}

.arrow li:before{
  content: "➤";
  position: absolute;
  top:0px;
  left:0px;
}


@media screen and (max-width: 480px) {
div.ex-guide-flex img {
 width: 100%;
 height: auto;
 margin-bottom: 6px;
}

div.ex-guide-flex img:last-child {
width: 100%;
height: auto;
}
}



/*出展に関するお問い合わせ囲み罫*/
.inquiries-ex {
width: 100%;
border: 1px solid #3F3F3F;
padding-left: 1em;
padding-right: 1em;
}



/*参加登録概要テーブル*/

table.reg-fee-pc {
border-collapse: collapse;
width: 100%;
}

table.reg-fee-pc td, table.reg-fee-pc th {
padding: 10px;
border: 1px solid #333333;
}

table.reg-fee-pc th {
  text-align: center;
  vertical-align: top;
  background-color: #EBE7EF;
}

table.reg-fee-pc td {
  text-align: center;
}

table.reg-fee-pc td.txt-right {
  text-align: right;
}


table.reg-fee-sp {
border-collapse: collapse;
width: 100%;
}

table.reg-fee-sp td, table.reg-fee-sp th {
padding: 10px;
border: 1px solid #333333;
}

table.reg-fee-sp th {
  text-align: center;
  vertical-align: top;
  background-color: #EBE7EF;
}

table.reg-fee-sp td {
  text-align: right;
}


table.reg-fee-sp td.bg_g {
  text-align: center;
  background-color: #eee;
}



table.reg-fee-sp {
 display: none;
}

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

table.reg-fee-sp {
 display:table;
 width: 100%;
}

table.reg-fee-pc {
 display: none;
}

}

/*図caption*/
p.caption-r {
margin: 0;
text-align: right;
}

/*寄付のお願い*/

/*寄付金趣意書PDFボタン*/
a.pdf_kifu {
	border-radius: 3px;
	background-color: #223E5E;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 50px;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 350px;
	background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;
}


a.pdf_kifu:hover {
	background-color: #396ca4;
}


/*協賛ページ*/
/*協賛アコーディオンテスト*/

/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:90%;
	max-width:800px;
	margin:30px auto;

 }
 
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;

}

.st-accordion li {
all: initial;
display: block;
margin-bottom: 1em;
/*background-color: #ffffff;*/
}


.st-accordion ul li{
    /*height: 110px;初期の高さ
    max-height: 110%;*/
				height: 120px;
				max-height: 120%;
    border-bottom: 1px solid #b99a4e;
    /*border-top:1px solid #fff;*/
    overflow: hidden;
   /* background-color: rgba(255,255,255,1.0); */
}

.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 26px;
 color: #444;
 text-decoration: none;
 display: block;
	height: 120px;
 position: relative;
 line-height: 100px;
 outline: none;
 -webkit-transition: color 0.2s ease-in-out;
 -moz-transition: color 0.2s ease-in-out;
 -o-transition: color 0.2s ease-in-out;
 -ms-transition: color 0.2s ease-in-out;
 transition: color 0.2s ease-in-out;
 padding-left: 55px;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #e60012;
    /*background-color: rgba(255,255,255,1.0);*/
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #333333;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  16px;
 font-family: Arial, Helvetica, sans-serif;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
/*.st-content img{
    width:750px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}*/


/*番号*/
.hnum01 {
 background-image: url(../images/how-to-spnexh_hnum01.svg);
 background-repeat: no-repeat;
 background-position: 0px 5px;
}
 
/*番号*/
.hnum02 {
 background-image: url(../images/how-to-spnexh_hnum02.svg);
 background-repeat: no-repeat;
 background-position: 0px 10px;
}
 
 /*番号*/
.hnum03 {
 background-image: url(../images/how-to-spnexh_hnum03.svg);
 background-repeat: no-repeat;
 background-position: 0px 10px;
}
 
 /*番号*/
.hnum04 {
 background-image: url(../images/how-to-spnexh_hnum04.svg);
 background-repeat: no-repeat;
 background-position: 0px 10px;
}
 
 /*番号*/
.hnum05 {
 background-image: url(../images/how-to-spnexh_hnum05.svg);
 background-repeat: no-repeat;
 background-position: 0px 20px;
}
 
.hnum_sub{
margin-top: -3.0em;
margin-left: 3.5em;
width:520px;
}


@media screen and (max-width: 480px){
	.st-accordion ul li > a{
		font-size:22px;
		line-height: 30px;/*英語スマホ版追加*/
  display: block;/*英語スマホ版追加*/
		height: 100px;/*英語スマホ版追加*/
}


.hnum_sub{
font-size: 11px;
line-height: 120%;
margin-top: -3.5em;
margin-left: 5em;
width:80%;
}

/*英語スマホ版追加*/
/*番号*/
.hnum01 {
 background-image: url(../images/how-to-spnexh_hnum01.svg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
 
/*番号*/
.hnum02 {
 background-image: url(../images/how-to-spnexh_hnum02.svg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
 
 /*番号*/
.hnum03 {
 background-image: url(../images/how-to-spnexh_hnum03.svg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
 
 /*番号*/
.hnum04 {
 background-image: url(../images/how-to-spnexh_hnum04.svg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
 
 /*番号*/
.hnum05 {
 background-image: url(../images/how-to-spnexh_hnum05.svg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}


}

/*協賛スライド*/
.swiper-button-prev,
.swiper-button-next {
  position: initial;
}

/*swiper補足*/
.swiper-container{
    -webkit-perspective: 1px;
    perspective: 1px;
}


table.sponsor_mon {

}

.platinum {
font-weight: 800;
background-color: #d4d4ca;
text-align: center;
}

.gold {
font-weight: 800;
background-color: #aa975c;
text-align: center;
}

.silver {
font-weight: 800;
background-color: #b5b6b6;
text-align: center;
}

.bronze {
font-weight: 800;
background-color: #a9865f;
text-align: center;
}

.st-accordion h4 {
 font-family: Arial, Helvetica, sans-serif;
fontsize:18;
font-weight: 800;
}

.st-accordion p {
 font-family: Arial, Helvetica, sans-serif;
}

/*協賛特典テーブル*/
table.sponsor_bene {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

table.sponsor_bene th {
 padding-top: 5px;
	padding-bottom: 5px;
 text-align: left;
	/*border: solid 2px;*/
}

table.sponsor_bene td {
padding-top: 5px;
	padding-bottom: 5px;
 height: 30px;
	/*border: solid 2px;*/
}


table.sponsor_bene td.td_pram {
 text-align: center;
	
}

table.sponsor_bene .b_line {
 border-bottom: 1px solid #000000;
}

table.sponsor_bene .b_line_s {
 background-image: url(../images/sponsor_bene_b_line.gif);
 background-repeat: no-repeat;
 background-position: 2px 29px;
}

table.sponsor_bene .b_line_s2 {
 background-image: url(../images/sponsor_bene_b_line.gif);
 background-repeat: no-repeat;
 background-position: 2px 42px;
}

table.sponsor_bene .b_line_s3 {
 background-image: url(../images/sponsor_bene_b_line.gif);
 background-repeat: no-repeat;
 background-position: 2px 58px;
}

table.sponsor_bene .b_line_s4 {
 background-image: url(../images/sponsor_bene_b_line.gif);
 background-repeat: no-repeat;
 background-position: 2px 73px;
}


table.sponsor_bene .b_line_ss {
 background-image: url(../images/sponsor_bene_b_line.gif);
 background-repeat: no-repeat;
 background-position: 2px 162px;
}

@media all and (-ms-high-contrast: none) {
table.sponsor_bene .b_line_s {
 background-position: 2px 34px;
}
table.sponsor_bene .b_line_s2 {
 background-position: 2px 57px;
}
table.sponsor_bene .b_line_s3 {
 background-position: 2px 82px;
}
table.sponsor_bene .b_line_s4 {
 background-position: 2px 106px;
}
table.sponsor_bene .b_line_ss {
 background-position: 2px 194px;
}
}

@-moz-document url-prefix() {
table.sponsor_bene .b_line_s2 {
 background-position: 2px 43px;
}
table.sponsor_bene .b_line_s3 {
 background-position: 2px 60px;
}
table.sponsor_bene .b_line_s4 {
 background-position: 2px 77px;
}
table.sponsor_bene .b_line_ss {
 background-position: 2px 164px;
}
}

.sponsor_bene_sp {
display: none;
}

/*協賛特典テーブルスマホ用*/
@media screen and (max-width: 480px){


table.sponsor_bene {
 border-bottom: none;
}

.sponsor_bene_pc{
display: none;
}
.sponsor_bene_sp {
display:block;
}

table.sponsor_bene .b_line {
 border-bottom: 1px solid #000000;
 padding: 5px 0px 5px 0px;
}


table.sponsor_bene th {
font-size: 12px;
font-weight: nomal;
text-align: left;
}
table.sponsor_bene th .th_bold {
font-size: 14px;
font-weight: 800;
}


table.sponsor_bene th,
table.sponsor_bene td {
padding: 0px;
line-height: 25px;
}


}/*協賛特典テーブルスマホ用閉じ*/


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 40px;
  /*border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;*/
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #000000;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}

div .tab_item:nth-child(2){
  border-bottom: 3px solid #d4d4ca;
  background-color: #d4d4ca;
}

div .tab_item:nth-child(4){
  border-bottom: 3px solid #aa975c;
  background-color: #aa975c;
}

div .tab_item:nth-child(6){
  border-bottom: 3px solid #b5b6b6;
  background-color: #b5b6b6;
}

div .tab_item:nth-child(8){
  border-bottom: 3px solid #a9865f;
  background-color: #a9865f;
}

.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 10px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#platinum:checked ~ #platinum_content,
#gold:checked ~ #gold_content,
#silver:checked ~ #silver_content,
#bronze:checked ~ #bronze_content {
  display: block;
}

#platinum_content{
 border-top: 5px solid #d4d4ca;
}

#gold_content{
 border-top: 5px solid #aa975c;
}

#silver_content{
 border-top: 5px solid #b5b6b6;
}

#bronze_content{
 border-top: 5px solid #a9865f;
}

/*選択されているタブのスタイルを変える
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}*/

/*図caption*/
p.caption-r {
margin: 0;
text-align: right;
}


/*物品協賛プランスライドｋcaption*/
p.swip_cap {
text-align: center;
font-size: 12px;
}


/*サービス協賛プラン*/

/*アイコンと本文を横並びと縦並びにする*/
table.how-to-spnexh-table {
margin-bottom: 2em;
}

.how-to-spnexh-table th  { width: 30%; text-align: center; }
.how-to-spnexh-table td{
     padding-left: 10px;
     border-left: 2px solid #b99a4e;
    }
 
@media only screen and (max-width:480px){
    .how-to-spnexh-table { margin: 0px; }
    .how-to-spnexh-table th  { width: 100%; text-align: center; }
    .how-to-spnexh-table th,
    .how-to-spnexh-table td{
    width: 100%;
    display: block;
    border-left: none;
    }
    .how-to-spnexh-table td{
     border-top: 2px solid #b99a4e;
     padding-top: 10px;
    }

}

.how-to-spnexh-table h4{
margin: inherit;
}

.how-to-spnexh-table h5{
margin: inherit;
color: #e60012;
}

h6 {
 font-size: 16px;
 border-bottom: thin solid #666666;
}

h6.big {
 font-size: 20px;
 border-bottom: thin solid #666666;
}

/*協賛ページここまで*/

@media print{
.global-menubox {
	display:none;
	}
}


/*スマホ版の時のみ現れる空行（見出し下）*/

p.sp-line {
display: none;
}
@media screen and (max-width: 480px){

p.sp-line {
display:block;
}

}

/**ツアーボタン**/
ul.tour{    
    list-style: none;
			 display:flex;
    justify-content: center;
}

/** 見た目を整える **/
ul.tour {
    margin:0px;
    padding:0px;
}

.tourbtn{    
    font-size: 12px;
				
    padding:8px 10px;
    margin:2.5px;

    background-color: #b99a4e;
    border-radius: 3px;

    text-align: center;
    color:white;
				
				width: 200px;
}

.tourbtn:hover{    
    background-color: #C4A968;
}

.tourbtn a{    
    text-decoration: none;
				color: #FFFFFF;
}

.tourbtn_off {    
    font-size: 12px;
				
    padding:8px 10px;
    margin:2.5px;

    background-color: #999999;;
    border-radius: 3px;

    text-align: center;
    color:white;
				
				width: 200px;
}

/*その他関連イベント*/
.event-box {
/*background-color: #eee;*/
	 border-bottom: 1px solid #213E5E;
		margin-bottom: 1em;
}



.event-box-date {
width: 100%;
/*float: left;*/
padding: 0px 0px;
margin-bottom: -0.5em;
/*background-color: #efefff;*/
}

.event-box-date p {
margin: 0px;
font-size: 18px;
font-weight: bold;
color: #666666;
}

.event-box-date p.eveend {
width: 100px;
margin-top: -2.4em;
margin-left: 15em;
font-size: 12px;
color: #ffffff;
text-align: center;
border-radius: 3px;
padding: 2px 1px 1px 1px;
background-color: #e60012;
}
.event-box-title{
width: 100%;
/*background-color: #ffefff;*/
padding-top: 0;
}

.event-box-title h1:first-letter {
  all:initial;
		
font-size: 18px;
font-weight: bold;
color: #ffffff;
background-color: #213e5e;
}

.event-box-title h1 {
all:initial;
display: block;
height: auto;
text-align: left;
padding: 10px 20px;
margin: 0.67em 0em;
font-size: 18px;
font-weight: bold;
color: #ffffff;
background-color: #213e5e;
background-image: none;
font-family: Arial, Helvetica, sans-serif;
}



.event-box-details{
width: 530px;
float: left;
/*background-color: #fffeef;*/
padding: 0px 10px;
font-size: 14px;
}

.event-box-details dl {
display: flex;
flex-wrap: wrap;
}
 
.event-box-details dt {
white-space: nowrap;
flex-basis: 100%;
font-weight: bold;

}

.event-box-details dd {
 margin-left: 0px;
  flex-basis: 100%;
		border-bottom: 1px dotted #666666;
}


.event-box-details p.t-right {
  text-align: right;
}

.event-box-details p.t-right-min {
font-size: 12px;
  text-align: right;
}

.event-box-image{
margin: 0px;
width: 210px;
float: right;
/*background-color: #effeef;*/
text-align: center;
}

.event-box-image p {
font-size: 12px;
text-align: right;
margin-top: auto;
margin-bottom: 0;
}


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

.event-box {
 display: flex;
	flex-direction: column;
/*background-color: #eee;*/
	 border-bottom: 2px solid #213E5E;
		margin-bottom: 1em;
}

.event-box-date {
order: 1;
width: 100%;
height: auto;
padding: 10px 0px;
/*background-color: #efefff;*/
margin-bottom: inherit;
}

.event-box-date p {
margin: 0px;
font-size: 16px;
font-weight: bold;
color: #666666;
}

.event-box-date p.eveend {
margin-top: -2em;
font-size: 12px;
color: #e60012;
text-align: right;
background-color: inherit;
}

.event-box-title{
order: 2;
width: 100%;
margin-top: -1.8em;
}

.event-box-details{
order: 4;
width: 100%;
/*background-color: #fffeef;*/
padding: 0px 10px;
font-size: 14px;
}

.event-box-details dt,
.event-box-details dd {
all:initial;
font-size: 14px;
border-bottom: none;
}

.event-box-details dl {
display: flex;
flex-wrap: wrap;
}
 
.event-box-details dt {
white-space: nowrap;
flex-basis: 100%;
font-weight: bold;
}

.event-box-details dd {
  flex-basis: 100%;
}


.event-box-details dt.v-em {
  /*white-space: nowrap;*/
  flex-basis: 10%;
}
 
.event-box-details dd.v-em {
  flex-basis: 90%;
}

.event-box-details p.t-right {
  text-align: right;
}

.event-box-details p.t-right-min {
font-size: 12px;
  text-align: right;
}



.event-box-image{
order: 3;
margin: 0px auto;
width: 180px;
/*background-color: #effeef;*/
}

}

/*callforpaper用アコーディオン*/
.cfp {
    /*padding: 5px 20px 10px 20px;*/
    list-style-type: none;
    /*color: #888;*/
    color: #888;
    width: 95%;
    /*height: 320px;*/
     /*background-color: rgba(240,240,240,0.5);*/
    
}




.cfp li {
   border-bottom:1px solid #ccc;
   background-color: rgba(240,240,240,0.5);
}

.cfp h3 {
 padding: initial;
 border: initial;
 background-color: initial;
 position: relative;
 cursor: pointer;

 padding:1em;
 text-indent:-1.5em;
}

.cfp h3::after {
	content: none;
}



.cfp h3 {
 position: relative;
 padding: .5em 1em .5em 2.0em;
 border: 1px solid #ccc;
 background-color: rgba(255,255,255,1.0);
 font-size: 18px;
 margin-bottom: -0.5em;
 color:#666666;
}

.cfp h3::before {
	    font-weight: bold;
	    margin-right: 8px;
     color: #213e5e;
}


.cfp div {
    display: none;

}

.cfp div {
	margin: 24px 16px 20px 10px;
	line-height: 140%;
	/*text-indent: -24px;*/
 text-indent: 0px;
color: #333333;
 /*word-break:break-all;*/
 overflow-wrap:break-word;
 word-wrap:break-word;
}


.cfp dl {
padding: 0px 0px;


display: flex;
flex-wrap: wrap;
}
 
.cfp dt {
white-space: nowrap;
flex-basis: 100%;
font-weight: bold;
border-bottom: 1px dotted #666666;
}

.cfp dd {
 margin-left: 0px;
	margin-bottom: 10px;
  flex-basis: 100%;
}

/*call for paperみPDFボタン*/
a.pdf_cfp {
font-size: 14px;
 border-radius: 3px;
 background-color: #223E5E;
 color: #FFFFFF;
 padding-top: 7px;
 padding-right: 5px;
 padding-left: 50px;
 padding-bottom: 5px;
 text-decoration: none;
 display: inline-block;
 margin-left: auto;
 margin-right: 1em;
 width: 190px;
 background-image: url(../images/Adobe_PDF_file_icon_24x24.png);
 background-repeat: no-repeat;
 background-position: 15px 8px;
 margin-bottom: 1em;
 text-align: left;
}

/*宿泊案内リンクボタン*/

a.bt_hotel {
	border-radius: 3px;
	background-color: #223E5E;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
		margin-top: 0.5em;
	margin-bottom: 1em;
	width: 220px;

}


a.bt_hotel:hover {
	background-color: #396ca4;
}



/*基調講演タブ*/

 
/* タブ */
nav.tab {
 margin: 20px auto 40px;
}
nav.tab ul {
 display: flex;
 justify-content: space-between;
 list-style: none;
 padding: 0;
	margin: 0;
}
nav.tab ul li {
 width: 254px;
 display: block;

 border-bottom: 4px solid rgba(185,154,78,1);
 color: rgb(255,255,255);
 transition: background ease .5s, color ease .5s;
}
nav.tab ul li a {
 display: block;
 padding: .5em .5em .2em .5em;
 text-align: center;
	text-decoration-line: none;
 background: rgba(0,0,0,.4);
 color: rgb(255,255,255);
 transition: background ease .5s, color ease .5s;
}
nav.tab ul li a:hover {
/*マウスオーバー時の色、タブのリンクが発生したらスタイル変更する*/
/*background: rgba(0,0,0,.04);*/
 background: rgba(0,0,0,.4);
}


nav.tab ul li.tab_current a {
 background: rgba(185,154,78,1.0);
 color: rgb(255,255,255);
}

/*基調講演著者レイアウト*/

h4.keynote{
font-size: 24px;
}

.keynote-author {
margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.keynote-author-txt {
width: 530px;
/*background-color: antiquewhite;*/
padding: 0px 1em;
}

.keynote-author-img {
width: 210px;
/*background-color:aliceblue; */
text-align: center;
padding-top: 1em;
}


.keynote-author-img p {
font-size: 12px;
margin-top: auto;
margin-bottom: 0;
}

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

.keynote-author {
 display: flex;
	flex-direction: column;
}

.keynote-author-txt {
order: 2;
width: 100%;
height: auto;
padding: 10px 0px;
/*background-color: #efefff;*/
margin-bottom: inherit;
}

.keynote-author-img {
order: 1;
width: 210px;
/*background-color:aliceblue; */
text-align: center;
padding-top: 1em;
margin: auto;
}

}

.keynote-data dt,
.keynote-data dd {
all:initial;
	font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-left: 1em;
}

.keynote-data dl {
display: flex;
flex-wrap: wrap;
}
 
.keynote-data dt {
white-space: nowrap;
flex-basis: 15%;
font-weight: bold;

}

.keynote-data dd {
  flex-basis: 75%;
		margin-left: 0px;
}

.keynote-work-box {
margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
		width: 100%;
		  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
			  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.keynote-work {
margin-bottom: 1em;
 width: 200px;
}

.keynote-work p {
font-size: 12px;
margin-top: auto;
margin-bottom: 0;
}

nav.tab span.nobr {
  display: inline-block;
  white-space: nowrap;
}

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

.keynote-data dl {
display: flex;
flex-wrap: wrap;
}
 
.keynote-data dt {
white-space: nowrap;
flex-basis: 10%;
font-weight: bold;
}

.keynote-data dd {
margin-left: 1em;
  flex-basis: 90%;
}

.keynote-work {
margin:1em auto;
 width: 200px;
}

}

/*リンク*/
.link_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: space-between;*/
		justify-content: center;
  flex-wrap: wrap;
	 font-size: 12px;
		text-align: center;
}

.link_img {
  width: 340px;
  min-height: 130px;
  padding: 15px;
  margin: 0px;
		
  /*background-color: aliceblue*/
}

.link_img img {
  margin: 0 auto;
}



/*excursion3並び*/
.excursion_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
		/*justify-content: center;*/
  flex-wrap: wrap;
	 font-size: 14px;
		text-align: center;
}


.excursion_3 {
  width: 230px;
  min-height: 100px;
  padding: 0px;
  margin: 0px;
  /*background-color: aliceblue*/
}

.excursion_3 img {
  margin: 0 auto;
}


/*excursion3並び*/
@media screen and (max-width: 480px) {

.excursion_3 {
 padding: 0;
	margin: 0 auto;
}
}



/*スポンサー・寄付者*/

/*イン背景がロゴに被るので消す*/
.main_background_sponsor {
 width: 100%;
 background-position: center -50px;
 background-image: none;
}

h5.platinum {
     position: relative;
     color: #333333;
     padding:0.5em 0.5em 0.5em 0.5em;
     background-color: #d4d4ca;
					width:250px;
					margin: 2em auto;
}
 
h5.platinum::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

h5.gold {
     position: relative;
     color: #333333;
     padding:0.5em 0.5em 0.5em 0.5em;
     background-color: #aa975c;
					width:250px;
					margin: 2em auto;
}
 
h5.gold::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

h5.silver {
     position: relative;
     color: #333333;
     padding:0.5em 0.5em 0.5em 0.5em;
     background-color: #b5b6b6;
					width:250px;
					margin: 2em auto;
}
 
h5.silver::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

h5.bronze {
     position: relative;
     color: #333333;
     padding:0.5em 0.5em 0.5em 0.5em;
     background-color: #a9865f;
					width:250px;
					margin: 2em auto;
}
 
h5.bronze::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}


h5.ospo {
     position: relative;
     color: #ffffff;
     padding:0.5em 0.5em 0.5em 0.5em;
     background-color: #213e5e;
					width:250px;
					margin: 2em auto;
					text-align: center;
}
 
h5.ospo::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}



.sponsor_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: space-between;*/
		justify-content: center;
  flex-wrap: wrap;
	 font-size: 12px;
		text-align: center;
}

.sponsor_platinum {
  width: 340px;
  min-height: 130px;
  padding: 0px;
  margin: 0px;
		
  /*background-color: aliceblue*/
}

.sponsor_platinum img {
  margin: 0 auto;
}

.sponsor_gold {
  width: 340px;
  min-height: 100px;
  padding: 0px;
  margin: 0px;
  /*background-color: aliceblue*/
}

.sponsor_gold img {
  margin: 0 auto;
}

.sponsor_silver {
  width: 230px;
  min-height: 100px;
  padding: 0px;
  margin: 0px;
  /*background-color: aliceblue*/
}

.sponsor_silver img {
  margin: 0 auto;
}

.sponsor_bronze {
  width: 180px;
  min-height: 100px;
  padding: 0px;
  margin: 0px;
  /*background-color: aliceblue*/
}

.sponsor_bronze img {
  margin: 0 auto;
}


/*スポンサースマホ*/
@media screen and (max-width: 480px) {
.sponsor_platinum,
.sponsor_gold,
.sponsor_silver,
.sponsor_bronze {
 padding: 0;
}
}

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

.sponsor_platinum,
.sponsor_gold {
width:100%;
}

.sponsor_platinum img,
.sponsor_gold img {
width:100%;
}




}