@charset "utf-8";

body { text-align:center; color:#4d4d4f; }

a:link {
	color:#1676ad;
}
a:visited {
	color:#1676ad;
}
a:hover {
	color:#09e;
}
a:active {
	color:#09e;
}
.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #0088cc; }
.lb a:visited { border-bottom:1px solid #0088cc; }
.lb a:hover { border-bottom:3px double #7dc4da; }
.lb a:active { border-bottom:3px double #7dc4da; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #7dc4da; }
.lbh a:active { border-bottom:1px solid #7dc4da; }
.lbh li { margin-bottom:1px; }

.nb a:link { border:none; }
.nb a:visited { border:none; }
.nb a:hover { border:none; }
.nb a:active { border:none; }

.intxt p { margin-bottom:0.8em; }

#preloader { position:fixed; top:0; left:0; background-color:#ffffff; width:100%; height:100%; z-index:3000; }

#header { position:absolute; width:100%; background:url(../img/header_bg.png) repeat left top; color:#ffffff; z-index:10; }
#header_inner { position:relative; width:1000px; margin:0 auto; text-align:left; height:40px; left:0; top:0.5em; }
#header_inner a:link { color:#ffffff; }
#header_inner a:visited { color:#ffffff; }
#header_inner a:hover { color:#7dc4da; }
#header_inner a:active { color:#7dc4da; }
#header_inner ul#hlink {position:absolute; right:20px; top:0;}
#header_inner ul#hlink li{float:left; margin-right:15px;}

/*
#header_text { width:100%; background:url(../img/header_text_bg.png) #021a44 repeat-x center bottom; color:#ffffff; padding:8px 0 13px 0; }
#header_text_inner { width:1000px; margin:0 auto; text-align:left; }
#header_text_inner strong { font-size:1.1em; }
*/

#slides { background-color:#2e2923; }
#slides .flex-control-nav { bottom:6em; }
#slides, #slides a { color: #09E; }

#slides li p { font-size:1.5em; line-height:1.2; height:21em; width:1em; float:right; color:#ffffff; position:absolute; margin:auto auto auto auto; left:0; right:0; top:0; bottom:0; }
#slides li em { color:#ffffff; position:absolute; right:2em; bottom:1em; }

#header_logo { display:block; width:160px; height:70px; position:absolute; z-index:10; box-shadow: 0 1px 1px rgba(0,0,0,0.3); /* top:0; left:0; right:0; bottom:0; margin:auto; */ }

#nav { background:url(../img/nav_bg.png) #2e2923 repeat-x center top; width:100%; z-index:100; /* position:absolute; bottom:0; */ }
#nav ul { position:relative; width:1000px; text-align:left; margin:0 auto; }
#nav ul li { float:left; }
#nav_home   { width:16.6%; }
#nav_engei  { width:16.6%; }
#nav_tokyo  { width:16.6%; }
#nav_access { width:16.6%; }
#nav_event  { width:17.0%; }
#nav_learn  { width:16.6%; }
/* スマホのみ */
#nav_eng { width:16.6%; }


#nav ul li a { display:block; color:#ffffff; text-align:center; letter-spacing:0.05em; padding:1.5em 0 1.2em 0; transition:all 0.45s; }
#nav ul li a:hover { /* color:#6b649a; */ text-shadow:0px 0px 7px #ffffff; }
#nav .ja { display:block; margin:0.1em 0; font-weight:bold; font-family:"nav", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
#nav .en { display:block; font-size:60%; font-variant:small-caps; }


/* ヘッダー固定 */
body.fixation #nav { position:fixed; top:0; bottom:auto; /* background-image:url(../img/nav_bg_fixation.png); */ }

@media print {
	body.fixation #nav { position:static !important; }
}

#nav_sp { display:none; }

.topicpath { position:relative; width:100%; color:#666666; border-bottom:1px solid #e6e6e6; }
.topicpath ol { position:relative; width:1000px; text-align:left; margin:0 auto; padding:1em 0; }
.topicpath ol li { float:left; }
.topicpath ol li em { padding:0 0.5em; }

#top_logo { width:400px; height:61px; }

/* コンテンツレイアウト */
.contents_outer { position:relative; width:100%; }
.contents_inner { position:relative; width:1000px; text-align:left; margin:0 auto; padding:2% 0 2% 0; max-width:1920px; }
.contents_inner.wide { padding:5% 0 3% 0; }
.contents_inner.full { width:100% !important; padding:0; }
.contents.mask .contents_inner { padding:2.5% 0 2% 0; }
.contents.bg_lt { background-position:12% top; }
.contents.bg_lb { background-position:12% bottom; }
.contents.bg_rt { background-position:right 12% top; }
.contents.bg_rb { background-position:right 12% bottom; }
.contents.hr { background:url(../img/contents_hr.png) transparent repeat-x left top !important; /* margin-top:3%; */ }
.parallax {
	background-attachment:fixed !important;
	background-repeat: no-repeat;
	background-position: center 100%;
	background-color: #444;
}
.parallax_inner { height:35em; }
.inner_restaurant { padding-bottom:80px; }

.contents_bg1 { background:url(../img/contents_bg1.png) repeat left top; }
.contents_bg2 { background:url(../img/contents_bg2.png) repeat left top; }

/*
#page_top { width:89px; height:89px; position:fixed; right:20px; bottom:4em; }
#page_top a { display:block; width:89px; height:89px; }
*/


#footer {
	width:100%;
	background:url(../img/footer_bg.png) repeat center bottom #424242;
	color:#ffffff;
	min-height:350px;
}
#footer_inner { position:relative; width:1000px; margin:0 auto; text-align:left; padding:3% 0 5% 0; }

#footer_logo { display:block; width:125px; height:150px; float:left; }
#footer_info { float:left; width:40em; margin-left:30px; }

#footer_info strong { display:block; font-size:120%; margin-top:1em; }
#footer_info address { display:block; margin-top:1em; }
#footer_info a { color:#fff; } footer_info a:hover { color:#fff; }
#footer_info a:hover { /* color:#6b649a; */ text-shadow:0px 0px 8px #ffffff; }

#footer_btn { float:right; width:200px; }
#footer_btn li { margin-bottom:1em; }
#footer_btn li span { line-height:3em; }
#footer_btn li.btn2 { display:none; }

#footer_nav { float:right; width:12em; margin-left:30px; }
#footer_nav li { background-position:left center; }
#footer_nav li a { color:#ffffff; }
#footer_nav li a:hover { /* color:#6b649a; */ text-shadow:0px 0px 8px #ffffff; }

#copyright { font-family:'Trajan Pro', 'Cinzel'; clear:both; text-align:center; position:absolute; bottom:0; margin:auto; left:0; right:0; }

.bg_restaurant { background-image:url(../../img/bg_restaurant.jpg); }


.c0 { color:#000000 !important; } .c0 a { color:#000000 !important; }
.c1 { color:#ffffff !important; } .c1 a { color:#ffffff !important; }
.c2 { color:#999999 !important; } .c2 a { color:#999999 !important; }
.c3 { color:#660 !important; } .c3 a { color:#660 !important; }
.c4 { color:#1676ad !important; } .c4 a { color:#1676ad !important; }
.c5 { color:#99332c !important; } .c5 a { color:#99332c !important; }
.c6 { color:#c00 !important; } .c6 a { color:#c00 !important; }
.c7 { color:#36f !important; } .c7 a { color:#36f !important; }
.c8 { color:#a5a847 !important; } .c8 a { color:#a5a847 !important; }
.c_def { color:#4d4d4f !important; }

.bg0 { background-color:#000000 !important; } a.bg0:hover { background-color:#cccccc !important; }
.bg1 { background-color:#ffffff !important; } a.bg1:hover { background-color:#cccccc !important; }
.bg2 { background-color:#660 !important; } a.bg2:hover { background-color:#7e7922 !important; }
.bg3 { background-color:#1676ad !important; } a.bg3:hover { background-color:#4E6CAD !important; }
.bg4 { background-color:#99332c !important; } a.bg4:hover { background-color:#d22 !important; }
.bg5 { background-color:#7dc4da !important; } a.bg5:hover { background-color:#0088cc !important; }
.bg6 { background-color:#a6a847 !important; } a.bg6:hover { background-color:#660 !important; }


.notice { color:#e8383d; }
.appeal { color:#6a609c; }
.accent { color:#26499d; }

.sd_w { text-shadow:1px 1px 1px #ffffff; }
.sd_b { text-shadow:1px 1px 1px #000000; }


h1, h2, h3, h4, h5, h6, caption, dt { position:relative; line-height:1.1; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:'Trajan Pro', 'Cinzel'; font-variant:small-caps; letter-spacing:0.05em; }
h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.ttl1 { font-size:3.5em; color:#660; text-align:center; }
.ttl1 a { color:#660; display:block; }
.ttl1.mb { margin-bottom:0.5em; }
.ttl1 .ja { font-size:80%; }
.ttl1 em.ja { font-size:40%; display:block; margin-top:0.1em; color:#333333; }

.ttl2 { font-size:2.7em; color:#111111; line-height:1.2; }
.ttl2 a { color:#111111; display:block; }
.ttl2.mb { margin-bottom:0.8em; }
.ttl2 .en { color:#660; font-size:60%; display:block; margin-bottom:0.1em; }


.ttl2s { font-size:1.8em; color:#111111; line-height:1.2; background:url(../img/ttl3@2x.png) no-repeat 7px center; padding:4px; padding-left:50px; }
.ttl2s a { color:#111111; display:block; }
.ttl2s.mb { margin-bottom:0.8em; }
.ttl2s .en { color:#660; font-size:60%; display:block; margin-bottom:0.1em; }@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.ttl2s { background-image:url(../img/ttl3@2x.png); background-size:17px 20px; }
}

.ttl3 { font-size:1.3em; color:#4d4d4f; background:url(../img/ttl3.png) no-repeat 7px center; padding:4px; padding-left:30px; }
.ttl3.bg { background-color:#ffffff; border-radius:50px; }
.ttl3 a { color:#4d4d4f; display:block; }
.ttl3.mb { margin-bottom:0.8em; }
.ttl3 .en { color:#0f6f38; margin-left:1.2em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.ttl3 { background-image:url(../img/ttl3@2x.png); background-size:17px 20px; }
}

.ttl4 { font-size:1.1em; color:#111111; border-left:4px solid #660; padding-left:4px; }
.ttl4 a { color:#111111; display:block; }
.ttl4.mb { margin-bottom:0.4em; }

.ttl_info { font-size:1.5em; color:#000000; margin:1em auto; text-align:center; background:url(../img/ttl_info.png) no-repeat center bottom; padding:0 0 150px 0; }
.ttl_info .ja { display:block; font-size:50%; margin-top:0.3em; }

.hr1 { padding-bottom:0.5em; margin-bottom:1.5em; border-bottom:1px solid #cccccc; }
hr.type1 { display:block; background-color:#cccccc; height:1px; border:none; margin:2em 0; }

.btn1 a {
	display:block;
	color:#ffffff;
	background-color:#660;
	text-align:center;
	transition:all 0.45s;
}
.btn1 a span { display:block; padding:0.5em; }
.btn1 a:hover {
	background-color:#666666; /* background-image:none; */
}

.btn3 a { display:block; color:#ffffff; background:url(../img/btn3_bg.png) repeat left top; transition:all 0.45s; }
.btn3 a span { display:block; padding:0.7em; padding-right:2em; text-align:center; background:url(../img/btn3.png) no-repeat 90% center; }
.btn3 a:hover { background-color:#ffffff; }
.btn3 a.current { background-color:#ffffff; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn3 a span { background-image:url(../img/btn3@2x.png); background-size:6px 11px; background-position: 95% center; }
}

.btn4 a { display:block; color:#ffffff; background-color:#0088cc; transition:all 0.45s; }
.btn4 a span { display:block; padding:0.7em; padding-right:2em; text-align:center; background:url(../img/btn4.png) no-repeat 90% center; }
.btn4 a span.min { padding:0.3em; padding-right:2em; }
.btn4 a:hover { background-color:#0088cc; }
.btn4 a.current { background-color:#0088cc; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn4 a span { background-image:url(../img/btn4@2x.png); background-size:6px 11px; background-position: 95% center; }
}

div.info { text-align:left; background:url(../img/info_bg.png) repeat left top; padding:0.8em; }

div.info1 { color:#ffffff; text-align:left; background:url(../img/info1_bg.png) repeat left top; padding:4% 4% 4% 4%; }
div.info2 { color:#ffffff; text-align:left; background:url(../img/info2_bg.png) repeat left top; padding:4% 4% 4% 4%; }
div.info3 { text-align:left; background-color:#eeeeee; border:1px solid #999999; padding:4% 4% 4% 4%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
div.info1 { background-image:url(../img/info1_bg@2x.png); background-size:10px 10px; }
div.info2 { background-image:url(../img/info2_bg@2x.png); background-size:10px 10px; }
}
div.info.min { padding:10px; }
div.info1.min, div.info2.min { padding:0.4em; }
.ingrid { padding-bottom:1% !important; }

div.info  .ttl2 { font-size:1.4em; }
div.info1 .ttl2 { font-size:1.4em; }
div.info2 .ttl2 { font-size:1.4em; }

/* リスト */
ul.type1 li { background-image:url(../img/ul_type1.png); background-position:left 0.55em; padding-left:10px; }
ul.type1w li { background-image:url(../img/ul_type1w.png); background-position:left 0.55em; padding-left:10px; }
ul.type2 li { background-image:url(../img/ul_type2.png); background-position:left 0.45em; padding-left:10px; }
ul.type3 li { background-image:url(../img/ul_type3.png); background-position:left 0.80em; padding-left:15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
ul.type1 li { background-image:url(../img/ul_type1@2x.png); background-size:3px 6px; }
ul.type1w li { background-image:url(../img/ul_type1w@2x.png); background-size:3px 6px; }
ul.type2 li { background-image:url(../img/ul_type2@2x.png); background-size:6px 8px; }
ul.type3 li { background-image:url(../img/ul_type3@2x.png); background-size:8px 7px; }
}
ul.bpc li { background-position:left center; }

ul.limb1 li { margin-bottom:0.1em; }
ul.limb2 li { margin-bottom:0.2em; }
ul.limb3 li { margin-bottom:0.3em; }
ul.limb4 li { margin-bottom:0.4em; }
ul.limb5 li { margin-bottom:0.5em; }

/* アイコン */
.pdf a, .pdf { background-image:url(../img/ico_pdf.png) !important; background-repeat:no-repeat; background-position:right center; padding-left:0; padding-right:15px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.external a, .external {}
.pdf a, .pdf { background-image:url(../img/ico_pdf@2x.png) !important; background-size:11px 11px !important; }
}

table.flsp tr:first-child th, table.flsp tr:first-child td { padding-top:1.0em !important; }
table.flsp tr:last-child th, table.flsp tr:last-child td { padding-bottom:1.0em !important; }
table.col { border-collapse:collapse; border-spacing:0; }
table.sep { border-collapse:separate; border-spacing:2px; }

table.type1 { border-collapse:collapse; border-spacing:0; }
table.type1 th {
	color:#ffffff;
	background-color:#660;
	border-top:1px solid #F0E7E1;
	border-bottom:1px solid #F0E7E1;
	min-width: 4em;
}
table.type1 td { color:#111111; background-color:#ffffff; border-top:1px solid #F0E7E1; border-bottom:1px solid #F0E7E1; }


table.type2 { border-collapse:collapse; border-spacing:0; }
table.type2 th { color:#ffffff; background-color:#585858; border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; }
table.type2 td { color:#111111; /* background-color:#ffffff; */ border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; }


table.type3 { border-collapse:collapse; border-spacing:0; }
table.type3 th { color:#ffffff; background-color:#660; border-top:1px solid #F0E7E1; border-bottom:1px solid #F0E7E1; border-right:1px solid #F0E7E1; }
table.type3 td { color:#111111; background-color:#ffffff; border-top:1px solid #F0E7E1; border-bottom:1px solid #F0E7E1; border-right:1px solid #F0E7E1; }

th.bg1, td.bg1 { color:#ffffff; background-color:#660 !important; }
th.bg2, td.bg2 { color:#ffffff; background-color:#0088cc !important; }
th.bg3, td.bg3 { color:#111111; background-color:#7dc4da !important; }
th.bg4, td.bg4 { color:#111111; background-color:#a6a847 !important; }

dl.info {
	padding:8px 10px 10px 10px; border-radius:7px;
	border:5px solid #9fc24d; background-color:#ffffff;
}
dl.info dt {
	color:#080;
	font-size:110%;
	margin-bottom:0.3em;
	font-weight:bold;
}
dl.info dt span { font-size:1.0em !important; }

dl.notice { border-color:#e8383d !important; }
dl.notice dt { color:#e8383d !important; }

dl.news { border-color:#0088cc !important; }
dl.news dt { color:#009944 !important; }

dl.ss_access {
	padding:8px 10px 10px 10px; border-radius:7px;
	border:3px solid #660; background-color:#ffffff;}
dl.ss_access dt {
	color:#660 !important;
	font-weight:bold;
}

.bnr1 img, img.bnr1 {
	border-radius:4px;
	box-shadow:         0 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:    0 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 1px 2px rgba(0,0,0,0.1);
	-o-box-shadow:      0 0 1px 2px rgba(0,0,0,0.1);
	-ms-box-shadow:     0 0 1px 2px rgba(0,0,0,0.1);
}


em.must { display:inline-block; padding:0.1em 0.3em; font-size:80%; margin-left:0.5em; background-color:#cd0a0a; color:#ffffff; }

table.news {}

table.news tr { border-bottom:1px solid #cccccc; }

table.news th { vertical-align:top; }

table.news th em {
	display:block; font-size:90%; padding:3px 6px; text-align:center; background-color:#81644d; color:#ffffff; line-height:1; /* border:1px solid #372f27; border-radius:1px; */ text-transform:uppercase;
	font-family:"小塚明朝 Pro R", "Kozuka Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

em.must { display:inline-block; padding:0.1em 0.3em; font-size:80%; margin-left:0.5em; background-color:#cd0a0a; color:#ffffff; border-radius:4px; }

table.info { border-collapse:separate; border-spacing:1em; width:100%; }
table.info th { white-space:nowrap; }
table.info th, table.info td { vertical-align:top; }
table.info td em { text-align:center; font-size:80%; font-family:'Trajan Pro', 'Cinzel'; color:#ffffff; background:#999999; display:block; line-height:1; padding:0.25em 1em 0 1em; margin-top:0.4em; }
table.info th.info-date { width:8em; }
table.info td.info-cat { width:8em; }


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {

#slides li p { height:1.2em; width:auto; float:none; margin:auto auto auto auto; }
#slides li em { right:1em; }

} /* max-width: 1200px */


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {

#header_inner { width:100%; }

/* #header_logo { top:1em; bottom:auto; } */
#slides .flex-control-nav { bottom:7em; }

#nav ul { width:100%; }
#footer_inner { width:98%; }

#footer { min-height:initial; padding-bottom:2em; }
#footer_info { width:16em; }
#footer_btn { width:10em; }

#nav ul li { width:25% !important; }
#nav ul li a { padding:0.5em 0 0.2em 0; }

.contents_outer { width:100%; padding-top:0; }
.contents_inner { width:98%; }
.parallax {
	background-attachment:scroll !important;
	background-size:cover !important;
	background-position: center center;
}
.parallax_inner { height:540px; }

.contents.bg_lt { background-position:-35% top; background-size:70%; }
.contents.bg_lb { background-position:-35% bottom; background-size:70%; }
.contents.bg_rt { background-position:right -35% top; background-size:70%; }
.contents.bg_rb { background-position:right -35% bottom; background-size:70%; }

.ttl_info { margin:0 auto; padding:0 0 50px 0; background-size:35px 40.5px; }
.ttl_info .ja { display:block; font-size:50%; margin-top:0.3em; }

} /* max-width: 1000px */


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

#header { display:none; }
#slides { padding-top:56px; background-color:#2e2923; }
#header_logo { display:none; }

#slides .flex-control-nav { display:none; bottom:1em; }

#nav { background:url(../img/nav_bg_sp.png) #2e2923 repeat-x left top; padding:8px 0; }
#nav ul li { width:50% !important; font-size:110%; }
#nav ul li a { padding:1.5em 0 1.2em 0; }

#nav_sp { display:block; height:40px; }
#nav_sp_logo { float:left; width:110px !important; padding:0 8px; }
#nav_sp_menu { float:right; width:40px !important; padding:0 8px; }

#top_logo { width:300px; height:46px; }

.contents_outer { background-size:cover; }
.contents_inner { width:96%; padding:1em 0; }
.contents { background-size:contain; }
.contents.hr .contents_inner { padding:2em 0 1em 0; }
.contents_inner.wide { padding:2em 0 1em 0; }
.contents.mask .contents_inner { padding:3em 0 1em 0; }
.contents.mask { background-position:-400px top; }

.parallax_inner { height:240px; }

#footer_logo { float:none; width:125px; height:140px; margin:30px auto 0 auto; }

#footer_info { float:none; width:90%; margin:0 auto 10px auto; }
#footer_info strong { font-size:120%; text-align:center; }
#footer_info address { font-size:110%; }

#footer_nav { float:none; width:auto; margin:2px; }
#footer_nav li { border:1px solid #7dc4da; background-position:1em center; box-sizing:border-box; border-radius:3px; float:left; width:48%; margin:1%; }
#footer_nav li a { display:block; padding:1em; }
#footer_btn { float:none; width:auto; margin:2%; }
#footer_btn li { margin-bottom:0; font-size:120%; }
#footer_btn li.btn1 { float:left; width:100%; }
#footer_btn li.btn1 a { border-radius:5px; }
#footer_btn li.btn2 { float:right; width:49%; }
#footer_btn li.btn2 a { border-radius:5px; }

#copyright { position:static; padding:2em 0 0 0; font-size:80%; }

h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.ttl1 { font-size:2.2em; }

.ttl2 { font-size:2.0em; }
.ttl2.mb { margin-bottom:0.4em; }
.ttl2 .en { margin-left:0; display:block; margin-top:0.2em; }

.ttl3.bg { background-color:transparent; border-radius:0; }

.imgbg1 { background-position:center top; }

.contents.bg_lt { background-position:left top; background-size:contain; }
.contents.bg_lb { background-position:left bottom; background-size:contain; }
.contents.bg_rt { background-position:right top; background-size:contain; }
.contents.bg_rb { background-position:right bottom; background-size:contain; }

table.info th { display:block; }
table.info td { display:block; }

.popup_box .intxt { overflow:scroll; height:10em; }

ul.course { font-size:90%; }

.s_blank { height:15em; }
.s_blank>* { display:none; }
.s_inner_t { padding-top:17em; }
.s_inner_b { padding-bottom:17em; }

} /* max-width: 600px */


/*focus*/
#header_inner a:focus, #footer a:focus, #nav_sp a:focus {outline:#fff solid 1px;}
#nav ul li a:focus { background-color: #F9FFF4; color:#231F1A;}
.contents a:focus { outline:1 #36f solid;}
/*for Firefox*/
@-moz-document url-prefix() {
  .contents a:focus { outline:2px #36f solid;}
}