@charset "utf-8";


/*keyframes.cssの読み込み
---------------------------------------------------------------------------*/
@import url("keyframes.css");


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #222;	
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 2;
	letter-spacing: .1em;
	background: #f9efea url(../images/bg.jpg) no-repeat center top / 100%;
}
body#p_top {
	background: #f9efea url(../images/bgtop.jpg) no-repeat center top / 100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,input,textarea {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;}
iframe {width: 100%;}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #222;
	transition: 0.5s;
}
a:hover {
	color: #fd8830;
	text-decoration: none;
}


/*コンテナー（サイト全体を囲むブロック）
---------------------------------------------------------------------------*/
#headerbar {
	background: url(../images/bg_container.png) repeat-x top center;
}
#headerbar div {
	padding: 1%  80px;
	background: rgba(0,0,0,0.4);
/*	width: 100%;*/
	height: auto;
	text-align: center;
}
#headerbar div img {
	padding: 10px 0;
}
#container {
	padding: 3%;
	/*background: url(../images/bg_container.png) repeat-x top center;*/
	position: relative;
}


/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック。ロゴとメニューブロックです。*/
header {
	overflow:visible;
	height: 100%;
	float: left;
	width: 22%;
	padding: 0 2%;
/*	position: fixed;*/
	top: 3%;
	left: 1%;
	margin-bottom: 20px;
}
/*ロゴ画像*/
header #logo img {
	width: 7%;
	position: absolute;
	z-index: 1;
	left: 5%;
	top: -40px;
	border-radius: 50%;
	max-width: 110px;
}
header #meetinglogo {
	background: linear-gradient(160deg, #fd8830, #eb6602);
/*	width: 100%;*/
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 0;
	padding: 15px 5px;
}
header #meetinglogo img {
	padding: 0;
	width: auto;
	max-width: 70%;
}


/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#menu_box {
	text-align: left;
	background: #fff;
	padding: 0 10px;
}
#menubar {
	padding: 20px 0 15px;
}
#menubar li {
	margin-bottom: 3px;
}
#menubar a {
	text-decoration: none;
	line-height: 1.4em;
	display: block;
	padding: 10px 15px;
	border-radius: 5px;
}
#menubar a span {
	border-left: 5px solid #ffe6d7;
	padding-left: 10px;
	display: block;
}
/*マウスオン時*/
#menubar a:hover {
	background: #f2f2f2;
}
#p_tope #menubar a#m_top,
#p_message #menubar a#m_message,
#p_outline #menubar a#m_outline,
#p_participants #menubar a#m_participants,
#p_sc #menubar a#m_sc,
#p_program #menubar a#m_program,
#p_abstract #menubar a#m_abstract,
#p_registration #menubar a#m_registration,
#p_proceedings #menubar a#m_proceedings,
#p_lecture #menubar a#m_lecture,
#p_symposium #menubar a#m_symposium,
#p_sp #menubar a#m_sp,
#p_luncheon #menubar a#m_luncheon,
#p_handson #menubar a#m_handson,
#p_tutorial #menubar a#m_tutorial,
#p_sponsor_ex #menubar a#m_sponsor_ex,
#p_sponsor #menubar a#m_sponsor,
#p_committee #menubar a#m_committee,
#p_access #menubar a#m_access {
	background: #f2f2f2;
	color: #fd8830;
}

/*submenu*/
.submenu {
	padding: 0 10px 40px 10px;
	vertical-align: top;
}
.submenu li {
	border: 1px solid #fd8830;
	border-radius: 5px;
	background: url(../images/arrow2.png) no-repeat 10px 50%/16px;
	margin-bottom: 15px;
}
.submenu li a {
	text-decoration: none;
	line-height: 1.4em;
	display: block;
	font-size: 96%;
	padding: 15px 0 15px 30px;
}
.submenu li:hover {
	border: 1px solid #f2f2f2;
	background: #f2f2f2url(../images/arrow2_h.png) no-repeat 10px 50%/16px;
}
.submenu li a:hover {
	color: #feb782;
}

#bnrbox {
	padding: 0 15px 40px 15px;
}
#bnrbox a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#menubar #bnrbox a.bnr {
	padding: 0;
}


/*btnの設定
---------------------------------------------------------------------------*/
/*ボタンを囲むブロック*/
.btn {
	text-align: center;
}

/*ボタン*/
.btn a, 
.btn span.inactive {
	display: inline-block;
	text-decoration: none;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	color: #fff;
	font-size: 1rem;
	min-width: 6em;
	margin: .2em 1em;
	text-align: center;
}
.btncolor1 {
	background: linear-gradient(#fda230,#eb6602);
}
.btncolor2 {
	background: linear-gradient(#ffc396,#fda230);
}
.btncolor3 {
	background: linear-gradient(#ffce72,#fda500);
}
.btncolor3b {
	background: #7cbdc6;
}
.btn span.inactive, .btn2 span.inactive {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.btn2 a, 
.btn2 span.inactive {
	display: inline-block;
	text-decoration: none;
	border: none;
	border-radius: 100vh;
	padding: 5px 20px;
/*	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	color: #fff;
	font-size: 1rem;
	min-width: 6em;
	margin: 0 1em;
	text-align: center;
	font-weight: bold;
}

/*ボタンのマウスオン時*/
.btn a:hover,
.btn input:hover,
.btn2 a:hover,
.btn2 input:hover {
	filter: brightness(1.1);
	cursor: pointer;
}

/*スマホ用メニューを表示させない*/
#menubar-s {display: none;text-indent: -9999px;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}



/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainブロック*/
#main {
	float: right;
	width: 74%;
	padding: 0 0 50px;
	position: relative;
}
#main .animation {
	animation-name: opa2;		/*keyframes.cssで使う@keyframesの指定*/
	animation-fill-mode: both;
	animation-duration: 0.8S;
	animation-delay: 0.8s;
}
#p_top #main {
	padding: 30px 0 50px;	
}

/*その他ページ・ページタイトル*/
#pagettl {
	width: 100%;
	margin-bottom: 30px;
	background: url(../images/bg_pagettl.jpg) repeat-x center bottom / cover;
}
#pagettl h1 {
	font-family: "Noto Serif JP",serif;
	font-weight: bold;
	letter-spacing: .2em;
	color: #fff;
	font-size: 2.2em;
/*	padding: 47px 50px;*/
	padding: 5%;
}
#pagettl h1 span {
	letter-spacing: 0;
	font-size: 0.7em;
}

/*その他ページ・パンくず*/
.nowpage {
	font-size: 80%;
	margin-bottom: 20px;
}
.nowpage a {
	text-decoration: none;
}
.nowpage img, .nowpage span {
	padding: 0 .5em;
}


/*メインコンテンツのタイトル*/
.ttl01 {
	clear: both;
	color: #fd8830;
	margin-bottom: 20px;
	padding: 0 20px 0;
	font-size: 24px;
	letter-spacing: .2em;
	background: url(../images/line1.png) repeat-x left bottom / 300px;
	text-align: center;
	position: relative;
	line-height: 1.5em;
	}
	.ttl01 span.date {
		display: inline-block;
		float: right;
		padding-top: 5px;
		padding-left: 1em;
		
/*		position: absolute;*/
		bottom: 5px;
		right: 20px;
		color: #222;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: .1em;
	}
.box1 .ttl01:nth-child(n+2) {
	padding: 20px 20px 0;
	}

	.ttl02 {
	clear: both;
	color: #df8a07;
	font-size: 20px;
	font-weight: bold;
	padding: 0 20px 0;
	text-align: left;
	line-height: 1.6em;
	}
	.ttl02 span.date {
		display: inline-block;
		float: right;
		padding-top: 5px;
		padding-left: 1em;
		bottom: 5px;
		right: 20px;
		color: #222;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: .1em;
	}

.sponsorttl {
	text-align: center !important;
	border-bottom: 2px dotted #e3d3bc;
	margin-bottom: 20px;
}
.ttl03 {
	clear: both;
	color: #4aa5b1;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	text-align: left;
	line-height: 1.6em;
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0px 20px 20px;
}
/*他。微調整。*/
#main p + p {
	margin-top: -5px;
}
#main .ttl01 + p,
#main ttl02 + p {
	margin-top: -10px;
}
#main section + section {
	margin-top: 50px;
}

/* 画像 */
#main .person figure {
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 10px;
}
#p_message #main .person {
	text-align: center;
	width: 20%;
	margin: 0 auto;
}

/* 画像なし+テキスト */
.speaker_tx {
	padding: 0 0 20px 0;
}
/* 画像+テキスト */
dl.speaker {
	border-bottom: 2px dotted #ddd;
	padding: 20px 0;
}
dl.speaker:last-child {
	border: none;
}
dl.speaker .person {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
dl.speaker dt {
	float: left;
	width: 18%;
	padding: 0 30px;
	max-width: 180px;
}
dl.speaker dd {
	text-align: left;
	padding: 20px 0 0 30%;
}
dl.speaker dd .ttl02 {
	clear: none;
	padding: 0 20px 15px 0;
}


/* リスト */
#main ul {
	padding: 0px 20px 20px;
}
#main .ttl01 + ul,
#main ttl02 + ul {
	margin-top: -10px;
}


/* コンテンツブロック
---------------------------------------------------------------------------*/
.box1 {
	padding: 20px 2%;
	background: #fff;
	background: rgba(255,255,255,0.8);
} 
.box2 {
	padding: 20px 2%;
	background: #fff;
	background: rgba(255,255,255,1);
} 


/*BOX
---------------------------------------------------------------------------*/
.ctsbox1 {
	padding: 10px 20px;
	background: #eee;
}
.ctsbox2 {
	padding: 10px 20px;
	border-left: 4px solid #cce5f4;
}
.ctsbox3 {padding: 0px 20px 20px;}


/*メインビジュアルブロック
---------------------------------------------------------------------------*/
#mv {
	position: relative;
	width: 100%;
	height: 450px;
}
#mv #mv_theme {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75%;
}
#mv #mv_info {
	position: absolute;
	right: 0;
	bottom: 80px;
	background: rgba(0,0,0,0.4);
	text-align: right;
}


/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック*/
#new {
	height: 100px;
	overflow: auto;
	padding: 0 20px;
}

/*日付設定*/
#new dt {
	float: left;
	width: 8em;
	color: #eb6602;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 10em;
}

/*「日付リスト」ブロック
---------------------------------------------------------------------------*/
.datelist {
	height: auto;
	overflow: visible;
	padding: 0 20px;
}
.datelist  dt {
	float: left;
	width: 8em;
	color: #eb6602;
	letter-spacing: 0.1em;
}
.datelist dd {
	padding-left: 10em;
}

/*「過去のJAMIT大会」ブロック・テキストリンク
---------------------------------------------------------------------------*/
#weblist {
	padding: 10px 0 0 20px !important;
	list-style-type: none;
}
.weblink {
	list-style-type: none;
	padding-left: 20px;
}
#weblist li, .weblink li {
	float: left;
	display: block;
	padding: 0 3em 0 20px;
	background: url(../images/arrow.png) no-repeat 0px 7px / 16px;
	margin-bottom: 1em;
}
#weblist li:hover, .weblink li:hover {
	background: url(../images/arrow_h.png) no-repeat 0px 7px / 16px;
}
#weblist li a {
	text-decoration: none;
}
.weblink li a {
	text-decoration: underline;
}

/*バナーA（トップページのみ）*/
.topbnrA {
	display: none;
}

/*スポンサーバナー（全ページ）*/
.sponsorbox {
	width: 100%;
	margin-bottom: 20px;
}
.sponsorbox a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.sponsorbox td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4em;
}
.plan_platinu td {
	width: 100%;
}
.plan_gold td {
	width: 50%;
	font-size: 96%;
}
.plan_silver td {
	width: 33%;
	font-size: 92%;
}
.plan_bronze td {
	width: 25%;
	font-size: 88%;
}



/*注意書きリスト（DL）
---------------------------------------------------------------------------*/
.caution {
	padding: 0px 20px 20px;
}
.caution dt {
	float: left;
}
.caution  dd {
	padding-left: 1.2em;
	margin: 0;
}

.caution2 {
	padding: 10px 20px;
}
.caution2 dt {
	float: left;
}
.caution2  dd {
	padding-left: 2.5em;
	margin: 0;
}


/*フッター設定
---------------------------------------------------------------------------*/
/* footer_box */
#footer_box {
	clear: both;
	box-shadow: 1px 2px 8px rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 3%;
	font-size: 90%;
}
#footermenu {
	list-style: none;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;	
}
#footermenu li {
	display: inline-block;
	padding: 0 30px;
}
#footermenu li a {
	color: #ffe6d7;
	text-decoration: none;
}
#footermenu li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* footerinfo */
#footerinfo {
	border-top: 1px solid #555;
	padding: 20px 0;
	border-bottom: 1px solid #555;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#footerinfo div {
	padding: 0 20px;
	word-wrap: break-word;
	min-width: 0;
}
#footerinfo a {
	color: #fff;
	text-decoration: none;
}
#footerinfo a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

footer {
	clear: both;
	text-align: right;
	font-size: 12px;
}
footer a {text-decoration: none;}



/*テーブル
---------------------------------------------------------------------------*/
/*ta1テーブルブロック設定*/
.ta1 {
	border: 1px solid #999;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 30px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #999;
	padding: 10px 15px;
	word-break: break-all;
}
.cellcolor1 {background-color: #f2f2f2;}
.cellcolor2 {background-color: #f9efea;}

/*ta1の左側ボックス*/
.ta1 th {
	font-weight: normal;
	text-align: center;
}

/*ta2テーブルブロック設定*/
.ta2 {
	border-collapse: collapse;
	width: 100%;
/*	max-width: 700px;*/
}
.ta2 th, .ta2 td {
	padding: .25em 2em;
}
.ta2 th {
	color: #ebac5a;
	font-weight: bold;
	text-align: left;
	width: auto;
/*	min-width: 2em;*/
	position: relative;
}
.ta2 th::after {
	content: '';
	background-color: #c1c7c6;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	width: 3px;
	height: 70%;
}



/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {display: none;}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 99;position: fixed;
	width: 100px;
	bottom: 30px;
	right: 1%;
	animation-name: opa1;	/*keyframes.cssで使う@keyframesの指定*/
	animation-duration: 1S;
	animation-fill-mode: forwards;
}
/*通常時の透明度。70%色を出す。*/
body.is-fixed-pagetop .nav-fix-pos-pagetop img {
	opacity: 0.7;
}
/*マウスオン時の透明度。100%色を出す。*/
body.is-fixed-pagetop .nav-fix-pos-pagetop img:hover {
	opacity: 1;
}


/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;
	color: #FFF;	
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}


/*check
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
}
p.check a {color: #fff;}


/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ol {padding: 0 20px 20px 55px;}

ul.disc {
	list-style: disc;
	padding: 0 20px 20px 55px;
}
ul.square {list-style-type: square;}
ul.decimal {list-style: decimal;}

/* 2列 */
ul.flex-container {
	column-count: 2;
	margin: 0 0 0 20px;
}
ul.flex-container li {
	margin-left: 20px;
	padding-right: 20px;
}
ul.flex-container li:nth-of-type(n+15) {
	padding-right: 0;
}
ul.flex-container li::marker {
	color: #fd8830;
}
ul.flex-container li span {
}


/*その他
---------------------------------------------------------------------------*/
.clearfix::after {content: "";display: block;clear: both;}

/*画像あり説明*/
.imgtxbox .imgbox {
	float: right;
	width: 40%;
}
.imgtxbox .txbox {
	float: left;
	width: 60%;
}
.txbox ul.square {
	padding: 0px 40px 20px 40px !important;
}

/*追加
---------------------------------------------------------------------------*/
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
.fl {float: left;}
.fr {float: right;}

/* margin */
.mt0 {margin-top: 0 !important;}
.mt10m {margin-top: -10px !important;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}

.ml20 {margin-left: 20px !important;}
.mr20 {margin-right: 20px !important;}

.mlr20 {margin-left: 20px !important; margin-right: 20px !important;}

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt60 {padding-top: 60px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}

p.pd_off {padding: 0 !important;}
p.mg_off {margin: 0 !important;}

.pl0 {padding-left: 0 !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl40 {padding-left: 40px !important;}

.pr20 {padding-right: 20px !important;}

.plr20 {padding-left: 20px !important; padding-right: 20px !important;}
.ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}


/* text */
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.line {text-decoration: underline !important;}
.through {text-decoration: line-through !important;}

.tx_small2 {font-size: 90%;}
.tx_small {font-size: 80%;}
.tx_large {font-size: 120%;}
.tx_large2 {font-size: 140%;}
.tx_large3 {font-size: 160%;}

.color-theme, .color-theme a {color: #57b288 !important;}
.color-check, .color-check a {color: #f00 !important;}
.color1 {color: #4aa5b1 !important;}
.color2 {color: #e5a12c !important;}

hr {
	height: 1px;
	border: none;
	border-top: 1px #ccc solid;
}
.hover:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}



/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 16px;
}
#p_top #main {
	padding: 0 0 50px;	
}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック。ロゴとメニューブロックです。*/
header {
	float: none;
	position: static;
	height: auto;
	width: auto;
	padding: 0;
}
/*ロゴ画像*/
header #logo img {
	display: none;
}
header #meetinglogo {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0;
}
header #meetinglogo img {
	width: 50%;
	max-width: 250px;
	padding: 10px 5px;
}

#mv {
	height: 300px;
}
#mv #mv_theme {
	right: 0;
	top: 0;
	margin: auto;
}
#mv #mv_info {
	left: 0;
	bottom: 20px;
	width: 65%;
	margin: auto;
}


/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
	padding-top: 0;
}

.ttl02 {
	padding: 0;
}

/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0px 0px 20px;
}

/* 画像 */
#p_message #main .person {
	width: 30%;
}


/* 画像+テキスト */
dl.speaker .person {
	width: 20%;
}
dl.speaker dt {
	float: none;
	width: 100%;
	padding: 0;
	max-width: none;
}
dl.speaker dd {
	padding: 20px;
}


/*バナーA（トップページのみ）*/
.topbnrA {
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.topbnrA li {
	text-align: center;
	flex: 1;
	padding: 10px;
}



/*メインメニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューブロック*/
#menubar-s {
	display: block;
	text-indent: inherit;
	animation-name: opa1;		/*keyframes.cssで使う@keyframesの指定*/
	animation-duration: 1S;
	animation-fill-mode: both;
	background: rgba(0,0,0,0.85);
	position: fixed;overflow: auto;z-index: 100;
	left: 0px;
	top: 0px;
	width: 100%;		/*幅。上のpaddingと合わせて100%になるように。*/
	height: 100%;	/*高さ。上のpaddingと合わせて100%になるように。*/
	text-align: center;
	font-size: 16px;
}
#menubar-s > ul {
	margin: 100px 0;
}
/*メニュー１個あたりの設定*/
#menubar-s li a {
	text-decoration: none;display: block;
	color: #fff;
	padding: 15px 0;
}

/*PC用メニューを非表示にする*/
#menu_box {display: none;}


/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;
	z-index: 100;
	top: 20px;
	right: 3%;
	border: 1px solid #fff;
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	
	height: 50px;
	border-radius: 50%;
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #fd8830 url(../images/icon_menu.png) no-repeat center top/50px;
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #fd8830 url(../images/icon_menu.png) no-repeat center bottom/50px;
}


/*BOX
---------------------------------------------------------------------------*/
.ctsbox3 {padding: 0px 0px 20px;}


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の余白の変更*/
.ta1 caption,
.ta1, .ta1 td, .ta1 th {
	padding: 5px;
}


/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc, ul.square {
	padding: 0 0px 20px 25px;
}
ol {
	padding: 0 0px 20px 25px;
}
ul {
	padding: 0px 0px 20px;
}
.txbox ul.square {
	padding: 0px 20px 20px 20px !important;
}

/*フッター設定
---------------------------------------------------------------------------*/
/* footerinfo */
#footerinfo {
	display: block;
}
#footerinfo div {
	padding-bottom: 20px;
}

/*その他
---------------------------------------------------------------------------*/
.ws {width: 96%;}
.big1 {font-size: 18px;letter-spacing: normal;}

}



/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*ヘッダー
---------------------------------------------------------------------------*/

#mv {
	height: 260px;
}
#mv #mv_info {
	width: 75%;
}

/*その他
---------------------------------------------------------------------------*/
/*画像あり説明*/
.imgtxbox .imgbox {float: none; width: 100%;}
.imgtxbox .imgbox img {padding: 20px 0 20px 0;} 
.imgtxbox .txbox {float: none; width: 100%;}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

body {
	font-size: 15px;
	line-height: 1.8;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
/*ヘッダー
---------------------------------------------------------------------------*/
#mv {
	height: 220px;
}

/*メインコンテンツのタイトル*/
.ttl01 {
	font-size: 24px;
	font-size: 1.3em;
	letter-spacing: .1em;
}
/* 画像 */
#p_message #main .person {
	width: 40%;
}

/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#new {
	padding: 0;
}
#new dd {
	padding-left: 8em;
}
#weblist {
	padding-left: 0;
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	width: 70px;		/*幅を少し小さくリサイズする*/
}


/*フッター設定
---------------------------------------------------------------------------*/
#footerinfo div {
	padding: 0 0 20px;
}

}



/* PC幅になったらスマホメニュー状態を強制リセット 
---------------------------------------------------------------------------*/
@media (min-width: 900px){

  /* メニュー本体 */
  .global-nav{
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 背景オーバーレイがある場合 */
  .nav-overlay{
    display: none !important;
    opacity: 0 !important;
  }

  /* ハンバーガーが開いたままになる対策 */
  .menu-btn.open{
    pointer-events: auto;
  }
}