@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Chewy|Bowlby+One|Kavoon|Shrikhand|Titan+One|Wendy+One|Mogra|Noto+Fonts|Rammetto+One|Noto+Serif|Baloo+Paaji|Racing+Sans+One';
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap&subset=japanese');

/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000; background: -moz-linear-gradient(top, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da); background: -webkit-linear-gradient(top, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da); background: linear-gradient(to bottom, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da);}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%;}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {width: 100%; position: relative; background: -moz-linear-gradient(top, rgba(234,246,253,1), rgba(234,246,253,1) 10%,#3bc2ce 30%, #fcf4a6 60%, #c8e2da); background: -webkit-linear-gradient(top, rgba(234,246,253,1), rgba(234,246,253,1) 10%, #3bc2ce 30%, #fcf4a6 60%, #c8e2da); background: linear-gradient(to bottom, rgba(234,246,253,1), rgba(234,246,253,1) 10%, #3bc2ce 30%, #fcf4a6 60%, #c8e2da); font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P Gothic", sans-serif;}
/* body:before {width: 50%; height: 100%; content: ""; position: absolute; top: 0; left: 50%; background: rgba(126,206,244,1);} */

.container {max-width: 1000px; margin: auto; display: block; position: relative; z-index: 1;}
.clearfix:after {display: block; clear: both; content: "";}
a {text-decoration: none; color: rgba(134,141,181,1);}
a:hover {text-decoration: none; color: rgba(134,141,181,.7);}

.mt10 {margin-top: 10px;}
.mt15	{margin-top: 15px;}
.mb10 {margin-bottom: 10px;}
.text-ind {text-indent: 10px;}
.text-sml {font-size: smaller;}
.non-disp {display: none;}
.tc {text-align: center;}
.tr {text-align: right;}
.cf:before, .cf:after {content:""; display:table}
.cf:after {clear:both}
button.form2024 {font-weight: bold; color: rgba(40,40,40,1); padding: 10px 20px; font-size: 1.3em; cursor: pointer; background-color: skyblue; border: none; background: rgba(135, 206, 235, 0.5); border-radius: 5px; border: solid 1px rgba(100,100,100, 0.8); margin: .5em 0;}
button.form2024:hover {background: rgba(135, 206, 235, 0.8);}

.pdficon_wp {vertical-align: middle; margin: 0 .4em 0 0;}
.pdficon-in-document {vertical-align: baseline; margin-top: -.2em !important;}

/* header */
header {display: block; position: relative; z-index: 2; font-family: 'M PLUS Rounded 1c', sans-serif; text-align: center; padding: 0; background: rgba(234,246,253,1); line-height: 1.5;}
/* header {display: block; position: relative; z-index: 2; font-family: 'M PLUS Rounded 1c', sans-serif; text-align: center; padding: 1em; background: -moz-linear-gradient(top, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da); background: -webkit-linear-gradient(top, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da); background: linear-gradient(to bottom, #6bc5d7, #87c795 30%, #fcf4a6 60%, #c8e2da); line-height: 1.5;} */
header img {width:100%;	height: auto;}
header a {text-decoration: none; color: rgba(10,10,10,1);}
header a:hover {color: rgba(20,20,20,.8); text-decoration: none;} 
header img.s-wide {display: none;}
header h1 {font-size: 3em; font-weight: 800;}
header p {font-size: 2em; font-weight: 700; text-shadow: #ccc 1px 0 10px;}

@media screen and (max-width: 599px) {
header img.l-wide {display: none;}
header img.s-wide {display: block;}
header h1 {font-size: 2.4em; font-weight: 800; line-height: 1.2;}
header p {font-size: 1.6em; font-weight: 700; text-shadow: #ccc 1px 0 10px;}
}

/* main */
main {padding: 10px 0; max-width: 1000px; margin: auto; display: block; position: relative; z-index: auto;}
main h1,h2,h3,h4,h5,h6 {font-weight: bold;}
main h1 {font-size: 1.6em;}
main h2 {font-size: 1.4em;}
main h3 {font-size: 1.2em;}
main h4,h5,h6 {font-size: 1.1em;}

.lead-box {background: rgba(254,254,254,1); border-radius: .4em; padding: .8em 1.2em; margin: 0;}
.lead-box-ol {background: rgba(254,254,254,1); border-radius: .4em; padding: .3em 1.2em; margin: .8em 0 .4em; border: solid 1px gray;}
.nb-cent {display: block;	max-width: 96%;	margin: 7px auto;}
.def-box {display: block;	margin: 0 auto;	max-width: 560px;	border: solid 1px #fff;	border-radius: 10px; padding: 7px 10px 5px;	margin-bottom: 10px;}
.center-box {text-align: center; font-size: 1.2em;	font-weight: bold; color: rgba(40,40,40,1);}
.center-box a:hover {color: rgba(170,73,207,.7);}
.right-box {text-align: right; font-size: .8em; margin-bottom: .7em;}

.news-box-top {margin: 1em 0 0; padding: .5em 1.4em 0; background: rgba(120,120,120,1); border: .4em rgba(120,120,120,1) solid; border-radius: 1em 1em 0 0; font-family: 'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.05em; color: rgba(255,255,255,1);}
.news-box-top h1 {font-size: 1.4em;}
.news-box-btm h1 {font-weight: 800; line-height: 1.5;}
.news-box-btm {margin: 0 0 1em 0; padding: 1em 1.3em; background: rgba(255,255,255,.9); border: .4em rgba(120,120,120,1) solid; border-radius: 0 0 1em 1em; line-height: 1.5;}

.entry-btns {margin: 0 auto; max-width: 650px;}
.entry-btns p {display: block; float: left;	margin: 0 10px;}
.entry-btns p.one-btn {float: none;	margin: 0 auto;}
.title-z {font-family: 'M PLUS Rounded 1c', sans-serif; display: inline-block; margin: .5em 0; padding: .3em .8em; border-radius: .8em; font-weight: 600; color: rgba(255,255,255,1); font-size: 1.2em;}
.zone1 {background: rgba(231,66,145,1);}
.zone2 {background: rgba(230,0,18,1);}
.zone3 {background: rgba(0,161,233,1);}
.zone4 {background: rgba(60,176,53,1);}
.area-box {border-top: 1px dotted rgba(200,200,200,1); padding: .5em 0 0 0;}

.box-top {margin: 0; padding: .5em 1.4em 0;  border-radius: 1em 1em 0 0; font-family: 'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.05em; color: rgba(255,255,255,1);}
.box-top h1 {font-weight: 800; line-height: 1.5;}
.box-top p {font-weight: 700; line-height: 1.3; font-size: 1.5em;}
.box-top a {color: rgba(224,241,251,1); text-decoration: underline;}
.box-top a:hover {text-decoration: none; color: rgba(224,241,251,.7);}

.t-cat1 {background: rgba(253,153,59,1); border: .4em rgba(253,153,59,1) solid;}
.t-cat2 {background: rgba(98,179,184,1); border: .4em rgba(98,179,184,1) solid;}
.t-cat3 {background: rgba(204,91,80,1); border: .4em rgba(204,91,80,1) solid;}
.t-cat4 {background: rgba(247,224,228,1); border: .4em rgba(247,224,228,1) solid; color: rgba(80,80,120,1);}
.t-cat5 {background: rgba(232,202,43,1); border: .4em rgba(232,202,43,1) solid;}
.t-cat6 {background: rgba(214,94,82,1); border: .4em rgba(214,94,82,1) solid;}
.t-cat7 {background: rgba(119,196,247,1); border: .4em rgba(119,196,247,1) solid;}

.box-bottom {margin: 0 0 1em 0; padding: 1em 1.3em; background: rgba(255,255,255,.9); border-radius: 0 0 1em 1em; line-height: 1.5;}
.box-bottom h2,h3,h4,h5,h6 {font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 800; margin: .3em 0 .2em; line-height: 1.4;}
.box-bottom h2:first-child {margin: 0 0 .2em;}
.box-bottom img {max-width: 100%; height: auto; border-radius: .3em; margin: .4em 0;}
.box-bottom img.sml {max-width: 300px; width: 100%; height: auto;}
.box-bottom a {word-break: break-all;}
.box-bottom ul {margin: .2em 0 0 1em;}
ul.disc {list-style: disc inside;}
ul.disc ul {margin: .2em 0 0 1.6em; }


.b-cat1 {border: .4em rgba(253,153,59,1) solid;}
.b-cat1 h2 {color: rgba(117,067,080,1); display: inline-block;}
.b-cat2 {border: .4em rgba(98,179,184,1) solid;}
/* .b-cat2 h2 {color: rgba(98,179,184,1); display: inline-block;} */
.b-cat3 {border: .4em rgba(204,91,80,1) solid;}
/* .b-cat3 h2 {color: rgba(204,91,80,1); display: inline-block;} */
.b-cat4 {border: .4em rgba(247,224,228,1) solid;}
/* .b-cat4 h2 {color: rgba(247,224,228,1); display: inline-block;} */
.b-cat5 {border: .4em rgba(232,202,43,1) solid;}
/* .b-cat5 h2 {color: rgba(232,202,43,1); display: inline-block;} */
.b-cat6 {border: .4em rgba(214,94,82,1) solid;}
/* .b-cat6 h2 {color: rgba(214,94,82,1); display: inline-block;} */
.b-cat7 {border: .4em rgba(119,196,247,1) solid;}
/* .b-cat7 h2 {color: rgba(119,196,247,1); display: inline-block;} */

.guline {border-bottom: 1px solid rgba(200,200,200,.8); padding-bottom: 1em; margin-bottom: .5em;}
.yellow-box {background: rgba(255,241,0,1); margin: .2em 0 .8em; padding: .8em 1em; border-radius: .3em;}
.yellow-box h3 {color: rgba(230,0,0,1); font-size: 1.6em;}

.description {font-size: 1.1em;}
.description dl {display: flex; flex-wrap: wrap; width: 100%;}
.description dt, .description dd {box-sizing: border-box; padding: .2em 0; align-items: center;}
.description dt {flex: 0 0 20%; font-weight: bold;}
.description dd {flex: 1 0 80%;}
@media screen and (max-width: 559px) {
  .description dl {flex-direction: column;}
  .description dt, .description dd {flex: 1 0 100%; padding: .8em 0;}
	.description dt {text-align: center; background-color: rgba(220, 220, 220, 0.8);}
}


/* 登壇者 */
.panelists, .commentators {display: flex; flex-wrap: wrap; gap: 10px;}
.panelist > img, .commentator > img {float: left; margin-right:15px;}
.panelist, .commentator {flex: 1 1 calc(50% - 10px); box-sizing: border-box; border: solid 1px rgba(200,200,200,0.5); padding: .5em 1em; border-radius: 5px;}
.panelist img, .commentator img {max-width: 180px; height: auto;}
.panelist-name, .commentator-name {font-weight: bold; font-size: 1.2em; margin-top: .2em;}
@media (max-width: 768px) {
	.panelist, .commentator {flex: 1 1 100%;}
}

/* ミュージアム */
.museum-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.museum-item {
	flex: 1 1 calc(33.333% - 20px);
	box-sizing: border-box;
	border: solid 1px rgba(200,200,200,0.5);
	padding: 1em;
	border-radius: 5px;
}
.museum-item img {
	max-width: 100%;
	height: auto;
}
.museum-name {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: .5em 0;
}
@media (max-width: 768px) {
	.museum-item {
		flex: 1 1 100%;
	}
}

.company-box {display: flex; flex-wrap: wrap;}
.c-box {flex-grow: 1; flex-shrink: 0; flex-basis: 280px; border: rgba(165,162,143,1) 4px solid; border-radius: .4em; padding: .4em .2em 0; margin: .2em; background: #fff;}
.c-box > p {padding: .2em .3em;}
.c-box > p > span {font-weight: bold; color: rgba(80,92,43,.8);}
.c-box > p > a {word-break: break-all;}

.d-drill-box {display: flex; flex-wrap: wrap;}
.d-box {flex-grow: 1; flex-shrink: 0; flex-basis: 280px; border: rgba(242,195,125,1) 4px solid; border-radius: .4em; padding: .4em .2em 0; margin: .2em; background: #fff;}
.d-box > p {padding: .2em .3em;}
.d-box > p > span {font-weight: bold; color: rgba(110,92,43,.8);}

.inbox-pink {border-top: .3em rgba(232,82,152,1) solid; padding: .5em .2em; margin: .4em 0;}
.box-bottom-cat2 p.box-midashi2 {color: rgba(230,0,0,1); display: inline-block; font-size: 1.1em; font-weight: bold; margin-bottom: .3em;}
.red-text {color: rgba(230,0,0,1);}
.red-box {border: solid .3em  rgba(230,0,18,1); border-radius: .8em; padding: .8em 1em; margin: .4em 0 .8em;}
img.upper-star {display: inline-block; width: 2.5em; height: 2.5em; vertical-align: middle; margin: 0 0 .5em .9em;}
img.downer-star {display: inline-block; width: 2.5em; height: 2.5em; vertical-align: middle; margin: 0 0 .8em .9em;}
h3.kaijyo {color: rgba(230,0,0,1); display: inline-block;}
p.star-r-text {display: inline; margin-left: .9em;}
.premiums-box {background: rgba(230,0,18,.8); border-radius: 1em; padding: 1em 1.2em; margin: .5em 0 0;}

.list-zone span {border-radius: 5px; padding: 4px 8px 4px;}
figure {margin: 0; display: inline-block;}
figcaption {text-align: center; padding-left: 10px; color: #fff;}
.figfood {max-width: 154px;}

.back-btn {display: inline-block;	border: solid 1px #fff;	padding: 5px 5px 3px;	border-radius: 8px;	color: rgba(254,254,254,.9); margin-left: 2%; font-size: smaller;}
.back-btn:hover {color: rgba(254,254,254,.7);}
.for_banner {margin-top: 15px; font-size: smaller; color: #fff;}
.for_banner img {max-width: 400px; width: 100%;}
.for_banner img:hover {opacity: 0.6;}

.attention {color: rgba(232,107,43,1); font-weight: bold;}
.one-word {display: inline-block;}
.bold {font-weight: bold;}

.member-list h4 {margin-top: .5em;}

.youtube-outer {margin: 0 .3em 1em;}
.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* ラリーポイント箇所：2カラムデザイン */
.nav-wrap {display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; gap: .5em; margin: .5em 0;}

nav {padding: 10px 0;}
.nav-wraps {display: flex; justify-content: space-between; font-family: 'M PLUS Rounded 1c', sans-serif; text-align: center;}
.nav-cont {padding: .5em .8em .6em; font-size: 1.3em; font-weight: bold;width: 32%; border: none; color: white; border-radius: .3em; border: solid 1px rgba(180,180,180,.8);}
.nav-cont:hover {opacity: .7;}
.nav-cat1 {background: rgba(253,153,59,1);}
.nav-cat2 {background: rgba(98,179,184,1);}
.nav-cat3 {background: rgba(204,91,80,1);}
.nav-cat4 {background: rgba(247,224,228,1); color: rgba(80,80,120,1);}
.nav-cat5 {background: rgba(232,202,43,1);}
.nav-cat6 {background: rgba(214,94,82,1);}
.nav-cat7 {background: rgba(119,196,247,1);}
.mixitup-control-active {text-decoration: underline white 1px; text-underline-offset: .3em;}
.mixitup-control-active[data-filter]:after {background: transparent;}

@media screen and (max-width: 799px) {
	.nav-wraps {flex-wrap: wrap;}
	.nav-cont {width: 100%; border-radius: 0;}
}

@media screen and (max-width: 599px) {
	.nav-wrap {flex-wrap: wrap;}
	.nav-item {min-width: 100%;}
}

.rl-tbl {display: table;}
.rl-tbl > div {display: table-cell;}

/* navigation まわり */
.nav-list {margin: 0 auto;}
.sec-list {margin: .4em .3em .3em;}
.sec-list a {line-height: 1.2; margin: 0;	padding: 0; color: #000; display: inline-block;}
.sec-list a:hover {color: #fff;}

#btn ul {margin: 0;}
#btn li.cat1 a, li.cat2 a, li.cat3 a, li.cat4 a, li.cat5 a, li.cat6 a, li.cat7 a  {text-align: center;	margin: 0 auto;	font-size: 1em; padding: .56em 1em .5em; font-weight: bold;	color: rgba(255,255,255,1); cursor:pointer; display: block; border-radius: .5em;}
#btn li.cat1 a {background: rgba(253,153,59,1);}
#btn li.cat2 a {background: rgba(98,179,184,1);}
#btn li.cat3 a {background: rgba(204,91,80,1);}
#btn li.cat4 a {background: rgba(247,224,228,1);}
#btn li.cat5 a {background: rgba(232,202,43,1);}
#btn li.cat6 a {background: rgba(214,94,82,1);}
#btn li.cat7 a {background: rgba(119,196,247,1);}
#btn li.cat1 a:hover {color: rgba(0,0,0,1); background: rgba(253,153,59,.8);}
#btn li.cat2 a:hover {color: rgba(0,0,0,1); background: rgba(98,179,184,.8);}
#btn li.cat3 a:hover {color: rgba(0,0,0,1); background: rgba(204,91,80,.8);}
#btn li.cat4 a:hover {color: rgba(0,0,0,1); background: rgb(247,224,228,.8);}
#btn li.cat5 a:hover {color: rgba(0,0,0,1); background: rgb(232,202,43,.8);}
#btn li.cat6 a:hover {color: rgba(0,0,0,1); background: rgb(214,94,82,.8);}
#btn li.cat7 a:hover {color: rgba(0,0,0,1); background: rgb(119,196,247,.8);}

/* font awsome */
.fa-solid {color: rgba(200, 80, 0, 0.8);}
.fa-regular {color: rgba(200, 0, 0, 0.8);}

.print_box {display: flex; flex-wrap: nowrap; gap: .6em; margin: .8em 0 0;}
.print_box > section {flex-basis: calc(100%/3); border: solid gray 1px; background: white; border-radius: .5em; padding: .3em 1em;}
.print_box a {padding-left: 0;}

@media screen and (max-width: 599px) {
	.print_box {flex-wrap: wrap;}
	.print_box > section {flex-basis: 100%;}	
}

ol {list-style: disc outside; margin-left: 1em;}

/* カラムレイアウト */
.two-col {
	display: block;
	width: 100%;
	overflow: hidden;
}

/* footer */
footer {text-align: center; padding: .5em .5em 1em; font-size: smaller;}
footer div {display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; gap: .5em; margin: .5em 0;}
footer div a {gap: 2px; align-items: stretch; text-align: center; padding: .8em 1.2em; font-weight: bold; color: rgba(100,100,100,1);}

@media screen and (max-width: 599px) {
	footer div {flex-wrap: wrap;}
	footer div a {min-width: 100%;}
}

address {margin-top: 2em; padding: 10px;	font-size: smaller;}

@media all and (min-width: 640px) {
/* main */
.news-box {margin: 5px auto;}
.news-box-top h1 {font-weight: bold;}
.nb-cent {max-width: 60%;}
/* カラムレイアウト */
.two-col {
	display: table;
	width: 100%;
}
.two-col-l {
	display: table-cell;
	width: 51%;
	padding: 0 2% 0 0;
}
.two-col-r {
	display: table-cell;
	width: 49%;
	padding: 0 0 0 2%;
}
}
/* scroll top 用 */
#topcontrol {z-index: 100;}