@charset "UTF-8";
@keyframes AnimationName {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
/* ===============================================
 * reset css
 * =============================================== */
* { padding: 0; margin: 0; box-sizing: border-box; }
*:focus { outline: none; }
ul { list-style: none; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }

/* ===============================================
 * base
 * =============================================== */
html { font-size: 50%; height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-size:80%; line-height: 1.8; word-break: break-all; color: #333; width: 100%; height: 100%; text-align: left; -webkit-text-size-adjust: 100%; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; overflow-x: hidden; background-color: #fff; }
.bg-color-f3 { background: #f3f3f3; }
.bg-color-aaa { background: #aaa; }
.bg-color-gr { background: #eee; }
.bg-color-w { background: #fff; }
.bg-sub { background:rgba(200,220,249,0.3) !important; color: #fff !important; }
.bg-brand { background: #FF0040 !important; color: #fff !important; }
.bg-darkgray { background: #aaa; color: #fff !important; }
.bg-color-rbr {background-color:rgb(247, 247, 247); color: #333; }
.bg-color-rbr h4 { color: #000 !important; }
.bg-color-rbr h4::after{background-color: #000 !important; }
.bg_red {background-color:#aaa; }

a, button { color: #2E546A; text-decoration: none;  -webkit-touch-callout: none; }
a:hover, button:hover { opacity: .7; text-decoration: none; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; word-break: break-all; }
.round { border-radius: 3px; }
small,.small { font-size: 80%; font-weight: 400; }

.mbbr {display: none;}
.brmid {display: none;}
/* ===============================================
 * layout
 * =============================================== */
#container {width: 100%; margin: 0 auto; position: relative; background-color: #d7e9ff; }
#wrapper { width: 100%; min-height: 100%; position: relative; }
#wrap { position: relative; width: 100%; margin-top: 0; background-color: #fff; }
#wrap::before{ content: ""; display: block; clear: both;}
#headline { width: 90%; max-width: 1280px; margin: 0 auto 0; z-index: 80; position:relative; box-sizing: border-box; padding-top: 50px; padding-bottom: 0px;}
#main { width: 100%; margin: 0 auto 0; z-index: 6; position:relative; box-sizing: border-box; padding-top: 50px; padding-bottom: 100px;}
#main_title{ background-color: darkblue; color: #fff; width: 100%; font-size: 2.5rem; font-weight: 600; padding: 0.5em 0; text-align: center;}
#main_title_scrum{ background-color: #f39818; color: #fff; width: 100%; font-size: 2.5rem; font-weight: 600; padding: 0.5em 0; text-align: center;}

.section { width: 100%; position: relative; }
.primary { width: 1200px; max-width: 100%; padding: 0 1rem;  margin: 0 auto; }
.l-align-l { text-align: left; }
.l-align-c { text-align: center; }
.l-align-r { text-align: right; }
.l-row { display: flex; flex-wrap: wrap; }
.l-row:after, .l-row:before { display: none; }

#main-img { width: 100%; max-width: 1280px; margin: 0 auto; position: relative;}
#main-img > img { width: 100%; height: auto; display: block; vertical-align: bottom; }
#main-img .pc_img img { width: 100%; height: auto; vertical-align:top; }
#main-img .title_area{width: 100%; position: absolute; display: flex; align-items: center; height: 100%; }

#main-img .mb_img { display: none;}

#full-img { width: 100%; margin: 0 auto; position: relative;}
#full-img > img { width: 100%; height: auto; display: block; vertical-align: bottom; }
#full-img .pc_img img { width: 100%; height: auto; vertical-align:top; }
#full-img .title_area{width: 100%; position: absolute; display: flex; align-items: center; height: 100%; }

.anchor{ display: block; padding-top: 80px; margin-top:-80px; }

/* ===============================================
 * mgn
 * =============================================== */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.m-6 { margin: 0.6rem !important; }
.mt-6 { margin-top: 0.6rem !important; }
.mr-6 { margin-right: 0.6rem !important; }
.mb-6 { margin-bottom: 0.6rem !important; }
.ml-6 { margin-left: 0.6rem !important; }
.m-8 { margin: 0.8rem !important; }
.mt-8 { margin-top: 0.8rem !important; }
.mr-8 { margin-right: 0.8rem !important; }
.mb-8 { margin-bottom: 0.8rem !important; }
.ml-8 { margin-left: 0.8rem !important; }
.m-10 { margin: 1.0rem !important; }
.mt-10 { margin-top: 1.0rem !important; }
.mr-10 { margin-right: 1.0rem !important; }
.mb-10 { margin-bottom: 1.0rem !important; }
.ml-10 { margin-left: 1.0rem !important; }
.m-12 { margin: 1.2rem !important; }
.mt-12 { margin-top: 1.2rem !important; }
.mr-12 { margin-right: 1.2rem !important; }
.mb-12 { margin-bottom: 1.2rem !important; }
.ml-12 { margin-left: 1.2rem !important; }
.m-14 { margin: 1.4rem !important; }
.mt-14 { margin-top: 1.4rem !important; }
.mr-14 { margin-right: 1.4rem !important; }
.mb-14 { margin-bottom: 1.4rem !important; }
.ml-14 { margin-left: 1.4rem !important; }
.m-16 { margin: 1.6rem !important; }
.mt-16 { margin-top: 1.6rem !important; }
.mr-16 { margin-right: 1.6rem !important; }
.mb-16 { margin-bottom: 1.6rem !important; }
.ml-16 { margin-left: 1.6rem !important; }
.m-18 { margin: 1.8rem !important; }
.mt-18 { margin-top: 1.8rem !important; }
.mr-18 { margin-right: 1.8rem !important; }
.mb-18 { margin-bottom: 1.8rem !important; }
.ml-18 { margin-left: 1.8rem !important; }
.m-20 { margin: 2.0rem !important; }
.mt-20 { margin-top: 2.0rem !important; }
.mr-20 { margin-right: 2.0rem !important; }
.mb-20 { margin-bottom: 2.0rem !important; }
.ml-20 { margin-left: 2.0rem !important; }
.m-24 { margin: 2.4rem !important; }
.mt-24 { margin-top: 2.4rem !important; }
.mr-24 { margin-right: 2.4rem !important; }
.mb-24 { margin-bottom: 2.4rem !important; }
.ml-24 { margin-left: 2.4rem !important; }
.m-26 { margin: 2.6rem !important; }
.mt-26 { margin-top: 2.6rem !important; }
.mr-26 { margin-right: 2.6rem !important; }
.mb-26 { margin-bottom: 2.6rem !important; }
.ml-26 { margin-left: 2.6rem !important; }
.m-28 { margin: 2.8rem !important; }
.mt-28 { margin-top: 2.8rem !important; }
.mr-28 { margin-right: 2.8rem !important; }
.mb-28 { margin-bottom: 2.8rem !important; }
.ml-28 { margin-left: 2.8rem !important; }
.m-30 { margin: 3.0rem !important; }
.mt-30 { margin-top: 3.0rem !important; }
.mr-30 { margin-right: 3.0rem !important; }
.mb-30 { margin-bottom: 3.0rem !important; }
.ml-30 { margin-left: 3.0rem !important; }
.m-32 { margin: 3.2rem !important; }
.mt-32 { margin-top: 3.2rem !important; }
.mr-32 { margin-right: 3.2rem !important; }
.mb-32 { margin-bottom: 3.2rem !important; }
.ml-32 { margin-left: 3.2rem !important; }
.m-34 { margin: 3.4rem !important; }
.mt-34 { margin-top: 3.4rem !important; }
.mr-34 { margin-right: 3.4rem !important; }
.mb-34 { margin-bottom: 3.4rem !important; }
.ml-34 { margin-left: 3.4rem !important; }
.m-36 { margin: 3.6rem !important; }
.mt-36 { margin-top: 3.6rem !important; }
.mr-36 { margin-right: 3.6rem !important; }
.mb-36 { margin-bottom: 3.6rem !important; }
.ml-36 { margin-left: 3.6rem !important; }
.m-40 { margin: 4.0rem !important; }
.mt-40 { margin-top: 4.0rem !important; }
.mr-40 { margin-right: 4.0rem !important; }
.mb-40 { margin-bottom: 4.0rem !important; }
.ml-40 { margin-left: 4.0rem !important; }
.m-44 { margin: 4.4rem !important; }
.mt-44 { margin-top: 4.4rem !important; }
.mr-44 { margin-right: 4.4rem !important; }
.mb-44 { margin-bottom: 4.4rem !important; }
.ml-44 { margin-left: 4.4rem !important; }
.m-56 { margin: 5.6rem !important; }
.mt-56 { margin-top: 5.6rem !important; }
.mr-56 { margin-right: 5.6rem !important; }
.mb-56 { margin-bottom: 5.6rem !important; }
.ml-56 { margin-left: 5.6rem !important; }

.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.p-6 { padding: 0.6rem !important; }
.pt-6 { padding-top: 0.6rem !important; }
.pr-6 { padding-right: 0.6rem !important; }
.pb-6 { padding-bottom: 0.6rem !important; }
.pl-6 { padding-left: 0.6rem !important; }
.p-8 { padding: 0.8rem !important; }
.pt-8 { padding-top: 0.8rem !important; }
.pr-8 { padding-right: 0.8rem !important; }
.pb-8 { padding-bottom: 0.8rem !important; }
.pl-8 { padding-left: 0.8rem !important; }
.p-16 { padding: 1.6rem !important; }
.pt-16 { padding-top: 1.6rem !important; }
.pr-16 { padding-right: 1.6rem !important; }
.pb-16 { padding-bottom: 1.6rem !important; }
.pl-16 { padding-left: 1.6rem !important; }
.p-24 { padding: 2.4rem !important; }
.pt-24 { padding-top: 2.4rem !important; }
.pr-24 { padding-right: 2.4rem !important; }
.pb-24 { padding-bottom: 2.4rem !important; }
.pl-24 { padding-left: 2.4rem !important; }
.p-32 { padding: 3.2rem !important; }
.pt-32 { padding-top: 3.2rem !important; }
.pr-32 { padding-right: 3.2rem !important; }
.pb-32 { padding-bottom: 3.2rem !important; }
.pl-32 { padding-left: 3.2rem !important; }
.p-36 { padding: 3.6rem !important; }
.pt-36 { padding-top: 3.6rem !important; }
.pr-36 { padding-right: 3.6rem !important; }
.pb-36 { padding-bottom: 3.6rem !important; }
.pl-36 { padding-left: 3.6rem !important; }

/* ===============================================
 * border
 * =============================================== */
.bt { border-top: 1px solid #FF0040; }
.bb { border-bottom: 1px solid #FF0040; }
.br { border-right: 1px solid #FF0040; }
.bl { border-left: 1px solid #FF0040; }
.bt-n { border-top: 0 !important; }
.bb-n { border-bottom: 0 !important; }
.under-line { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #6C6C6C; }
.under-line-bold { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 2px solid #6C6C6C; }

/* ===============================================
 * table
 * =============================================== */
table { border-collapse: collapse; }
table.price th { padding: 7px 0; }
table.price td { padding: 5px; }
table.def th { background-color: #9D9EA3; padding: 5px 0; }
table.def td { padding: 3px; }
table.no-border td { border: none; }
.end-line { border-bottom: 1px solid #9D9EA3 !important; }

/* ===============================================
 * img
 * =============================================== */
.img-circle { border-radius: 50%; }

/* ===============================================
 *.shadow
 * =============================================== */
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/* ===============================================
 *.display
 * =============================================== */
.d-ib { display: inline-block; }
.d-b { display: block; }
.d-n { display: none; }

/* ===============================================
 *.text
 * =============================================== */
.text--bold { font-weight: bold; }
.text--primary { color: #FF0040; }
.text--sub { color: #00BFFF; }
.text--white { color: #fff; }
.text--red { color: #F4002D; }
.text--gray { color: #999; }
.text--lightgray { color: #e8e8e8; }

.text--sms { color: #32c14d; }
.text--twitter { color: #00aaf0; }
.text--facebook {color: #3a53a3; }
.text--lighter { font-weight: lighter; }

.fz--10 { font-size: 1.0rem; }
.fz--11 { font-size: 1.1rem; }
.fz--12 { font-size: 1.2rem; }
.fz--13 { font-size: 1.3rem; }
.fz--14 { font-size: 1.4rem; }
.fz--15 { font-size: 1.5rem; }
.fz--16 { font-size: 85%; }
.fz--18 { font-size: 1.8rem; }
.fz--19 { font-size: 1.9rem; }
.fz--20 { font-size: 2.0rem; }
.align-c { text-align: center !important; }
.align-l { text-align: left !important; }
.align-r { text-align: right !important; }

/* ===============================================
 *.list
 * =============================================== */
.list-a { list-style-type: disc; padding: 0 1rem; }
.list-b { list-style-type: none; position: relative; }
.list-b li { position: relative; padding: 0 0 0 1rem; margin-bottom: .5rem; }
.list-b li::after { position: absolute; left: 0; top: 2px; font-size: .625rem; font-family: "Font Awesome 5 Free"; content: "\f621"; font-weight: bold; color: #7A7A7A; }
.list-c { list-style-type: decimal; padding: 0 0 0 1.125rem; }

/* ===============================================
 *.responsive display
 * =============================================== */

	.mb { display: none !important; }
	.tab { display: none !important; }
	.pcnone {    display: none !important; }

h2 { font-size: 4rem; font-weight: 400; letter-spacing:0; color: #222222; text-align: center; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
h2.white { color: #fff; }
h3 { font-size: 3rem; font-weight: 700; color: #222222; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
@media (min-width: 1500px) {
    h3 {font-size: 3.0rem; }
}
h3.white { color: #fff; }

h4 { font-size: 2rem; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; font-weight: 700; position: relative; color: #333; }
h4 span { font-size: 1.4rem; font-weight: normal; margin-left: .5rem; color: #585858; }
h5 { font-size: 1.8rem; font-weight: bold; margin: 1.5rem 0 1rem; }
h5 i { font-size: 1.8rem; margin-right: 6px; }
h6 { font-size: 2rem; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; font-weight: 700; position: relative; color: #333; margin: 3rem 2rem; }
h6::after { position: absolute; width: 50px; height: 1px; top: 50%; left: -65px; content: ""; background-color: #333; }
.box { border: 1px solid #333; padding: 1rem; margin: 1rem 0; }

.sec_title { font-size: 2.8rem; font-weight:normal; color: #000; border-bottom: 3px solid #2057a8; padding: 0em 0em 0.1em 0em; margin-bottom: 1em;font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
.new_title { color:#fff; }

#footer { width: 100%; padding: 3rem 0; background: url("../image/footer-bg.png"); background-size: cover; background-position: center center; background-attachment: fixed; color: #fff; text-align: center; }
#footer .title { font-size: 1.25rem; font-weight: bold; letter-spacing: .05em; margin-bottom: 1.5rem; }
#footer .logo { width: 250px; margin: 0 auto; }
#footer ul.menu { width: 100%; display: flex; justify-content: center; margin-top: 2rem; }
#footer ul.menu li { padding: 0 1rem; }
#footer ul.menu li a { color: #fff; font-weight: bold; }
#bottom-label { width: 100%; padding: .5rem 0; background-color: #000; color: #fff; text-align: center; font-size: 1.3rem; }
#bottom-label ul.link { display: flex; justify-content: center; margin-bottom: .25rem; }
#bottom-label ul.link li { padding: 0 1rem; border-right: 1px solid #fff; }
#bottom-label ul.link li:last-child { border-right: none; }
#bottom-label ul.link li a { color: #fff; }



/* ===============================================
 * btn
 * =============================================== */
.btn { text-align: center; color: #fff; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 85%; position: relative; cursor: pointer; min-height: 50px; min-width: 200px;
  font-weight: bold; text-decoration: none; border-radius: 3px; padding: 0 10px; }
.btn i { position: absolute; font-size: 2.0rem; top: 50%; left: 15px; transform: translate(0, -50%); }
@media screen and (max-width: 576px) { 
	.btn { font-size: 85%; min-width: 100%; }
}
.btn .btn__inner span { font-size: 1.2rem; }
.btn--small { height: 35px; min-height: 35px; font-weight: normal; }
.btn--xsmall { height: 25px; min-height: 25px; font-weight: normal; }
.btn--primary { color: #fff; background: #FF0040; }
.btn--white { color: #FF0040; background: #fff; }
.btn--white_sub { color: #00BFFF; background: #fff; }
.btn--gray { color: #aaa; background: #fafafa; }
.btn--darkgray { color: #fff; background: #aaa; }
.btn--sub { color: #fff; background: #00BFFF; }
.btn--disable { color: #aaa; background: #000; }
.btn--b-white { color: #fff; background: transparent; border: 1px solid #fff; }
.btn--b-black { color: #000; background: transparent; border: 1px solid #000; }
.btn--b-primary { color: #FF0040; background: transparent; border: 1px solid #FF0040; }
.btn--b-sub { color: #00BFFF; background: transparent; border: 1px solid #00BFFF; }
.btn--b-gray { color: #aaa; background: transparent; border: 1px solid #aaa; }
.btn--fb { color: #fff; background: #3a53a3; border-color: #3a53a3; }
.btn--fb i { position: absolute; top: 50%; left: 15px; transform: translate(0%, -50%); }
.btn--tw { color: #fff; background: #00aaf0; border-color: #00aaf0; }
.btn--tw i { position: absolute; top: 50%; left: 15px; transform: translate(0%, -50%); }
.btn--round { border-radius: 30px; }
.btn--radius-0 { border-radius: 0; }
.btn-icon { cursor: pointer; margin: 0 7px; width: 50px; height: 50px; border-radius: 50%; background: #fff; color: #FF0040; display: flex; border: 0; justify-content: center; align-items: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.btn-icon i { font-size: 1.25rem; }
.btn-icon.btn-icon--primary { color: #fff; background: #FF0040; }
.btn-icon.btn-icon--gray { color: #fff; background: #aaa; }
.btn-icon.btn-icon--add { margin: 0; background: #FF0040; color: #fff; box-shadow: none; width: 30px; height: 30px; }
.btn-icon.btn-icon--add i { color: #fff !important; font-size: 2rem; }
.submitbtn {-webkit-appearance: none; border-radius: 0; padding: 2em 4em; font-size: 2.4rem; margin-top: 2em; margin-bottom: 2em; background-color: #eee;}

.submitbtn:hover { background-color: #333; color: #fff;}
.submit_button_s {-webkit-appearance: none; border-radius: 10px; padding: 0.5em 1em; font-size: 1.5rem;border: 1px #bbb solid; box-shadow: 3px 3px 5px #bbb; position: relative; margin: 1em auto 2em;}
.submit_button_s:hover { background-color: #333; color: #fff;}

[disabled="disabled"] { color: #aaa !important; background: #fafafa !important; border: 1px solid #FF0040 !important; }
.scroll { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); }
.scroll a { padding-top: 70px; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.scroll a span { position: absolute; top: 16px; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);
    -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; box-sizing: border-box; }
@-webkit-keyframes sdb {
	0% { -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; }
	50% { opacity: 1; }
	100% { -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; }
}
@keyframes sdb {
	0% { transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; }
	50% { opacity: 1; }
	100% { transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; }
}
#first-view { width: 100%; height: 100%; position: relative; overflow: hidden; }
#first-view #video { background-attachment: fixed; background-position: center center; background-size: cover; min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
#first-view .tips { position: fixed; bottom: 30px; right: 30px; width: 11vw; max-width: 250px; min-width: 150px; animation: tips-shake 2s ease infinite; z-index: 99; }
@keyframes tips-shake {
	0% { bottom: 30px; }
	50% { bottom: 20px; }
	100% { bottom: 30px; }
}
#first-view canvas { position: absolute; top: -13vh; left: 0; opacity: 1; }
#first-view .line { width: 50%; height: 1px; position: absolute; top: 51%; margin-top: 15px; background-color: #fff; opacity: 0; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: forwards; animation-iteration-count: 1; }
#first-view .line.left { left: -320px; animation-name: LeftToRight; }
#first-view .line.right { right: -320px; animation-name: RightToLeft; }

#first-view .countdown { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#first-view .countdown .title { font-size: 16px; color: #fff; font-weight: bold; letter-spacing: .05em; margin-bottom: 20px; }
#first-view .countdown .comment { font-size: 13px; color: #fff; font-weight: normal; letter-spacing: .1em; margin-top: 40px; }
#first-view .countdown .yycountdown-box { font-size: 45px; font-weight: bold; color: #fff; letter-spacing: .2em; }
#first-view .countdown .yycountdown-box span.yyc-day { letter-spacing: .08em; margin-right: 5px; }
#first-view .countdown .yycountdown-box span.yyc-day-text { letter-spacing: .05em; font-size: 30px; margin-right: 10px; }

#news { width: 100%; padding: 10vh 0; position: relative; background-image: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 600% 600%; animation: AnimationName 10s ease infinite; }
#news .primary { display: flex; justify-content: space-around; margin-top: 2rem; }
#news .primary .wrap { width: 45%; }
#news .primary .wrap .title { font-size: 2rem; font-weight: 400; letter-spacing: .3em; color: #fff; text-align: center; margin-bottom: 2rem; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
#news .primary .wrap dl { width: 100%; display: flex; margin-bottom: 1.5rem; color: #fff; }
#news .primary .wrap dl dt { width: 20%; font-size: .875rem; letter-spacing: -.05em; font-weight: bold; }
#news .primary .wrap dl dd { width: 75%; font-size: .812rem; }
#news .primary .wrap dl dd a { color: #fff; }

#event, #japanTour { width: 100%; padding: 10vh 0 0; }
#event .wrap, #japanTour .wrap { width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; }
#event .wrap .img, #japanTour .wrap .img { width: 40%; vertical-align: bottom; position: relative; }
#event .wrap .img img, #japanTour .wrap .img img { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); position: relative; right: 6vw; top: 100px; }
#event .wrap .img::after, #japanTour .wrap .img::after { position: absolute; width: calc(100% + 2vw); height: 28vw; background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%); right: 0; top: 0; content: "";z-index: -1; }
#event .wrap .contents, #japanTour .wrap .contents { width: 50%; padding: 5rem 0 0 5vw; }
#event .wrap .contents h3 span, #japanTour .wrap .contents h3 span { font-size: 200%; font-weight: bold; padding: 0 .5rem; color: #333;background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#event .wrap .contents .catch, #japanTour .wrap .contents .catch { font-size: 1.6vw; font-weight: bold; letter-spacing: .05em; margin-top: 2.3rem; }
#event .wrap .contents .description, #japanTour .wrap .contents .description { font-size: .812rem; line-height: 1.7; margin-top: 2rem; }
#event .wrap .contents ul, #japanTour .wrap .contents ul { width: 100%; display: flex; justify-content: space-between; font-size: .812rem; margin-top: 3rem; }

#event .wrap .contents ul li:first-child, #japanTour .wrap .contents ul li:first-child { padding-left: 0; }
#event .wrap .contents ul li:last-child, #japanTour .wrap .contents ul li:last-child { padding-right: 0; }
#event.re .wrap, #japanTour.re .wrap { flex-direction: row; position: relative; }
#event.re .wrap .img img, #japanTour.re .wrap .img img { position: relative; left: 6vw; right: auto; }
#event.re .wrap .img::after, #japanTour.re .wrap .img::after { background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%);left: 0; }
#event.re .wrap .contents, #japanTour.re .wrap .contents { padding: 5rem 5vw 0 0; }
#event.re .wrap .contents h3 span, #japanTour.re .wrap .contents h3 span { background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); }

#point { width: 100%; padding: 10vh 0; position: relative; margin-top: 15vh; color: #fff; background: linear-gradient(45deg, #874da2, #c43a30, #874da2); background-size: 600% 600%;
  animation: AnimationName 15s ease infinite; }
#point ul { display: flex; justify-content: space-around; width: 1300px; max-width: 100%; margin: 3rem auto 0; }
#point ul a { color: #fff; }
#point ul li { width: 23%; text-align: center; font-size: 0.875rem; transition: .5s; padding: 3rem 1% 1rem; }
#point ul li i { font-size: 3vw; }
#point ul li .title { font-size: 1.062rem; letter-spacing: .1em; font-weight: bold; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; margin: 1.5rem 0 1rem; }
#point ul li:hover { box-shadow: 0 0 14px 8px rgba(0, 0, 0, 0.1); transform: scale(1.1); }
#tour { width: 100%; padding: 10vh 0; position: relative; }
#tour .primary { margin-top: 5rem; }
#tour table.course { width: 100%; border-right: #9D9EA3 solid 1px; border-collapse: collapse; font-size: 0.875rem; }

#tour table.course thead tr { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: normal, lighten, soft-light; }
#tour table.course thead th { color: #FFF; padding: 10px 15px; border-right: #FFF solid 1px; border-bottom: #FFF solid 1px; }
#tour table.course thead th:last-child { border-right: #9D9EA3 solid 1px; }
#tour table.course tbody th { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: normal, lighten, soft-light; color: #FFF;padding: 10px 15px; border-bottom: #FFF solid 1px; vertical-align: middle; }
#tour table.course tbody tr:last-child th { border-bottom: #9D9EA3 solid 1px; }
#tour table.course tbody td { background: #FFF; padding: 10px 15px; border-left: #9D9EA3 solid 1px; border-bottom: #9D9EA3 solid 1px; vertical-align: middle; }
#tour table.course tbody td:last-child { font-size: .812rem; }

#schedule { width: 100%; padding: 10vh 0; position: relative; }
#schedule .primary .list-a { margin-top: 1rem; font-size: 0.812rem; }
#flight { width: 100%; padding: 10vh 0; position: relative; }
#flight .primary .list-a { line-height: 2; }
#flight .primary .attention { font-size: .812rem; margin-top: .5rem; color: #896162; padding-left: 1rem; }
#hotel { width: 100%; padding: 10vh 0; position: relative; }
#hotel .primary .list-b { font-size: .812rem; }
#hotel .primary .hotel { width: 100%; position: relative; display: flex; margin-top: 1rem; }
#hotel .primary .hotel figure { width: 33%; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
#hotel .primary .hotel .hotel-hover * { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
#hotel .primary .hotel .hotel-hover { position: relative; overflow: hidden; margin: 10px; width: 100%; text-align: left; font-size: 16px; }
#hotel .primary .hotel .hotel-hover img { max-width: 100%; vertical-align: top; }
#hotel .primary .hotel .hotel-hover figcaption { position: absolute; top: calc(100% - 42px); width: 100%; background-color: #ffffff; padding: 10px 25px 15px; }
#hotel .primary .hotel .hotel-hover figcaption::before { position: absolute; content: ''; z-index: 2; bottom: 99%; left: 0; width: 100%; height: 40px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #ffffff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #ffffff 100%); }
#hotel .primary .hotel .hotel-hover .hotel-name { font-weight: bold; margin-bottom: .5rem; }
#hotel .primary .hotel .hotel-hover .hotel-info { font-size: .812rem; letter-spacing: 1px; }
#hotel .primary .hotel .hotel-hover:hover figcaption,
#hotel .primary .hotel .hotel-hover.hover figcaption { top: calc(100%); transform: translateY(-99%); }
#price { width: 100%; padding: 10vh 0; position: relative; }
#price .primary table.price { width: 100%; border: solid 1px #ddd; }
#price .primary table.price thead tr { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);background-blend-mode: normal, lighten, soft-light; }
#price .primary table.price th { border: solid 1px #8E8E8F; text-align: center; color: #fff; font-size: .875rem; }
#price .primary table.price td { border: solid 1px #ddd; font-size: .812rem; text-align: center; }
#price .primary table.price td.attention { text-align: left; padding: 1rem; }
#condition { width: 100%; padding: 10vh 0; position: relative; }
#condition .primary { font-size: .875rem; }
#condition .primary .list-c { padding-left: 40px; }
#condition .primary .box { display: inline-block; background-color: #EDEDED; border-radius: 3px; border: 1px solid #c4c4c4; margin: .625rem 0 .625rem 1rem; padding: .625rem; line-height: 2; }
#condition .primary .box span { font-weight: bold; }
#step { width: 100%; padding: 10vh 0; position: relative; }
#contact { width: 100%; padding: 50px 0; position: relative; }
#contact .primary { font-size: 1.5rem; line-height: 1.8; }
#contact h4 { border-bottom: 1px solid #000; padding-bottom: 0.7em; }

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll { overflow: hidden; }
.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); 
	/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }
.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }
.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }
.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }
.modaal-wrapper.modaal-start_fade { opacity: 0; }
.modaal-wrapper *[tabindex="0"] { outline: none !important; }
.modaal-wrapper.modaal-fullscreen { overflow: hidden; }
.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }
.modaal-fullscreen .modaal-outer-wrapper { display: block; }
.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }
.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }
.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }
.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }
.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }
.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }
.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-close:before { transform: rotate(-45deg); }
.modaal-close:after { transform: rotate(45deg); }
.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }
.modaal-content-container { padding: 30px; }
.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }
.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }
.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }
.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }
.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }
.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }
.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }
.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: instaReveal 1s linear forwards; }
.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }
.modaal-image .modaal-container { width: auto; max-width: 100%; }
.modaal-gallery-wrap { position: relative; color: #fff; }
.modaal-gallery-item { display: none; }
.modaal-gallery-item img { display: block; }
.modaal-gallery-item.is_active { display: block; }
.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }
.modaal-gallery-label:focus { outline: none; }
.modaal-gallery-control { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none ; border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }
.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }
.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-gallery-control:before { margin: -5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-control:after { margin: 5px 0 0; transform: rotate(45deg); }
.modaal-gallery-next-inner { left: 100%; margin-left: 40px; }
.modaal-gallery-next-outer { right: 45px; }
.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }
.modaal-gallery-prev:before { margin: 5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-prev:after { margin: -5px 0 0; transform: rotate(45deg); }
.modaal-gallery-prev-inner { right: 100%; margin-right: 40px; }
.modaal-gallery-prev-outer { left: 45px; }
.modaal-video-wrap { margin: auto 50px; position: relative; }
.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }
.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modaal-iframe .modaal-content { width: 100%; height: 100%; }
.modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (max-width: 1140px) {
	.modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
	.modaal-gallery-control { top: auto; bottom: 20px; transform: none; background: rgba(0, 0, 0, 0.7); }
    .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
	.modaal-gallery-next { left: auto; right: 20px; }
	.modaal-gallery-prev { left: 20px; right: auto; } 
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe { width: 500px !important; }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe { width: 700px !important; }
}
@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
	.modaal-instagram iframe { width: 600px !important; }
}
@media screen and (max-height: 900px) {
	.modaal-instagram iframe { width: 500px !important; }
	.modaal-video-container { max-width: 900px; max-height: 510px; } 
}
@media only screen and (max-width: 600px) {
	.modaal-instagram iframe { width: 280px !important; }
}
@media only screen and (max-height: 820px) {
	.modaal-gallery-label { display: none; }
}
.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; transform: scale(0.25); }

.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }
.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; 
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .12s;
  -moz-animation-delay: .12s;
  -webkit-animation-delay: .12s;
  -o-animation-delay: .12s;
  animation-delay: .12s; 
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s; 
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .37s;
  -moz-animation-delay: .37s;
  -webkit-animation-delay: .37s;
  -o-animation-delay: .37s;
  animation-delay: .37s; 
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); 
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .62s;
  -moz-animation-delay: .62s;
  -webkit-animation-delay: .62s;
  -o-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .75s;
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  -o-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); 
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .87s;
  -moz-animation-delay: .87s;
  -webkit-animation-delay: .87s;
  -o-animation-delay: .87s;
  animation-delay: .87s; 
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); 
}

.panel-radios { display: none; }
ul#tabs-list { list-style: none; text-align: center; border-bottom: 1px solid #dfdfdf; margin: 0; padding: 0; }
label.panel-label { user-select: none; display: block; width: 100%; color: #bdc3c7; cursor: pointer; background-color: #ecf0f1; transition-property: background-color, color; transition-duration: 200ms; }
label.panel-label:hover { color: #c0392b; }
#panels { background-color: white; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#panels .container { margin: 0 auto; width: 90%; }
#panels section header label.panel-label { padding: 12px 24px; box-sizing: border-box; }
#panels section main { box-sizing: border-box; max-height: 0; opacity: 0; transition: opacity 600ms; overflow-y: hidden; }
#panel-1-ctrl:checked ~ #panels #panel-1 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-2-ctrl:checked ~ #panels #panel-2 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-3-ctrl:checked ~ #panels #panel-3 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-4-ctrl:checked ~ #panels #panel-4 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-5-ctrl:checked ~ #panels #panel-5 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-6-ctrl:checked ~ #panels #panel-6 main { max-height: initial; opacity: 1; padding: 48px 24px; }


	#menu li { font-size: 1.5rem; }
	#menu li.mypage { border: 1px solid #000; margin-left: .5rem; padding: 5px 15px 5px 10px; transition: .3s; }
	#logo { position:absolute; width:200px; z-index: 88888; left:50px; top:10px;}
	#logo img { width: 100%; height: auto; }


	#menu { list-style-type: none; width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; height: 80px; display: flex; align-items: center; justify-content:flex-end; padding-right: 1em; transition: .7s;  }


	#top { position: relative; }
	#top #main_full { background-image: url("../img/main_bk.jpg"); background-size: cover;}
	#menu_area_top { width:100%; position:relative; bottom: 0;background-color: #5E3E8D; z-index: 1111; text-align: center; }
	#top.indextop #menu_area_top { position:relative;}
	#menu_area_top.added{ width:100%; position: fixed; top: 0; bottom: inherit; background-color: #5E3E8D; text-align: center; height: 80px;border-bottom: #F6F6F6 1px solid;box-shadow: 0 2px 2px rgba(0,0,0,0.1); z-index: 9;}
	
	#dl-menu { width:100%; position:relative; bottom: 0;background-color:#fff; z-index: 1111; text-align: center; }
	#dl-menu.added{ width:100%; position: fixed; top: 0; bottom: inherit; background-color: #5E3E8D; z-index: 1111; text-align: center; height: 80px;border-bottom: #F6F6F6 1px solid;box-shadow: 0 2px 2px rgba(0,0,0,0.1); }
	#menu_area { width:100%; position:relative; bottom: 0;background-color: #5E3E8D; z-index: 1111; text-align: center; }
	#menu_area.added{ width:100%; position: fixed; top: 0; bottom: inherit; background-color: #5E3E8D; z-index: 1111; text-align: center; height: 80px;border-bottom: #F6F6F6 1px solid;box-shadow: 0 2px 2px rgba(0,0,0,0.1); }
	
	
    #menu li { position: relative; margin: 0; padding: 5px 10px; text-align: center; }

	#menu li i { font-size: 1.3rem; margin-left: 4px; }
	#menu li a { display: block; margin: 0; padding: 6px 0; color: #000; line-height: 1; text-decoration: none; }
	#menu li a:hover { color: #A5A5A5; }
	#menu li ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 10px; width: 120%; margin: 0; padding: 0; }
	#menu li ul li { overflow: hidden; width: 220px; height: 0; padding: 0 !important; color: #fff; transition: .2s; border-right: none; }
	#menu li ul li a { padding: 10px; background-color: rgba(0, 38, 64, 0.8); text-align: left; font-weight: normal; }

	#menu li.mypage:hover { background-color: rgba(255, 255, 255, 0.7); border-color: rgba(0, 0, 0, 1); }
	#menu li.mypage:hover a { color: #333; }
    #menu.fixed {  padding: 5px 20px; z-index: 7777; top:0; right: inherit; width: 100%;  }
	#menu.fixed li a { color: #000; }
	#menu.fixed li a.button { border: 1px solid #fff; padding: 10px 22px; font-size: 12px; }
	#menu.fixed li img { transform: scale(0.8); }
	#menu.fixed li .fixed-none { display: none; }
	#menu.fixed li .fixed-block { display: block !important; }
	#menu.fixed li.mypage { border-color: #000; }
	#menu.fixed li.mypage:hover { background-color: #000; }
	#menu.fixed li.mypage:hover a { color: #fff; }
	#menu.fixed li ul li a { color: #000; }
	
	
	#menu li:hover li:hover a { background-color: rgba(0, 38, 64, 0.95); color: #fff; }
	#menu li:hover ul li { overflow: visible; height: 31px; }
	#logo {  }
	.added #logo {  position:fixed; box-sizing: border-box; width: 200px; z-index: 88888888; top:10px; left:50px; }
	.added #logo img { width:100% ; height:auto;}





/*------------------------メインレイアウト--------------------------*/
.main_area{ width: 80%; margin: 0 auto; }
.bk_blue{ background-color: #d6e4f5; }
.bk_orange{ background-color: #fceebd; }
/*------------------------サブタイトル--------------------------*/

.date_title{ border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative;  }
.date_title .date_title_area {text-align: center; display: flex; align-items:center; justify-content: center; }
.date_title .date_title_area .date { font-size: 4.0rem; font-weight: 600; margin-right: 0.3em; }
.date_title .date_title_area .week { background: #000; border-radius: 50%; width: 1.8em; height: 1.8em; color: #fff; font-size: 1.8rem; text-align: center; line-height: 1.6em;}
.date_title .date_title_area .time { font-size: 2.5rem; margin-left: 1em;}
.date_title .download {position: absolute; right: 0; top:0; height: 100%; display: flex; align-items: center}
.date_title .download a button { padding: 0.5em 1em; background-color: #de0707; border-radius: 7px; border: none; color: #fff; cursor:pointer; }
.date_title .download a button::before{font: var(--fa-font-solid); content: "\f019";margin-right: 0.5em; }
/*------------------------問い合わせレイアウト--------------------------*/

.toiawase ul{ display: flex; list-style-type: none;}
.toiawase ul li{ width: 46%; margin-right: 8%; }
.toiawase ul li:nth-child(2){ margin-right: 0; }
.toiawase ul li dl{ border: 1px solid #18253D; }
.toiawase ul li dl dt { box-sizing: border-box; width: 100%; padding: 1em 2em; color: #fff; background-color: #18253D; font-weight: normal; }
.toiawase ul li dl dd { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #fff; font-size: 85%; }

/*------------------------Tips--------------------------*/
.intro p { text-indent: 1em;}


.header_height{display: block; margin-top:-100px;padding-top:100px;}



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　ボタン　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*------------------------青--------------------------*/
button.btn_blue { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #1b489c; border-radius: 1rem;  background: #1b489c; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b489c), to(#7cc6ee)); 
	background: -webkit-linear-gradient(bottom, #1b489c 50%, #7cc6ee 100%); 
	background: linear-gradient(0deg, #1b489c 50%, #7cc6ee 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
button.btn_green { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #1b7e40; border-radius: 1rem; background: #1b7e40; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958)); 
	background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%); 
	background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
button.btn_orange { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #df550f; border-radius: 1rem;  background: #df550f; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #df550f), to(#f4a01f)); 
	background: -webkit-linear-gradient(bottom, #df550f 50%, #f4a01f 100%); 
	background: linear-gradient(0deg, #df550f 50%, #f4a01f 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
button.btn_red { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #f00 ; border-radius: 1rem;  background: #f00; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f00), to(#FF839E)); 
	background: -webkit-linear-gradient(bottom, #f00 50%, #FF839E 100%); 
	background: linear-gradient(0deg, #f00 50%, #FF839E 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
button.btn_gray { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #333; border: 1px solid #aaa; border-radius: 1rem;  background: #aaa; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #aaa), to(#F6F6F6)); 
	background: -webkit-linear-gradient(bottom, #aaa 50%, #F6F6F6 100%); 
	background: linear-gradient(0deg, #aaa 50%, #F6F6F6 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
button.btn_sky { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #46bad3; border-radius: 1rem;  background: #aaa; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #46bad3), to(#77dae7)); 
	background: -webkit-linear-gradient(bottom, #46bad3 50%, #77dae7 100%); 
	background: linear-gradient(0deg, #46bad3 50%, #77dae7 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}

button.btn_emerald { margin-right: auto; margin-left: auto; box-sizing: border-box; width: 75%; color: #fff; border-radius: 1rem; background: #00CC99; cursor: pointer;border: 1px solid #00CC99;}

.ft_title {font-size: 3.5rem;}
.ft_big {font-size: 2.5rem;}
.ft_mid {font-size: 1.8rem;}
.ft_normal {font-size: 85%;}
.ft_small {font-size: 1.4rem;}
.ft_xsmall {font-size: 1.3rem;}

.btn_bigsmall {padding: 0.7em 1.5em;}
.btn_big {padding: 0.7em 3em;}
.btn_mid {padding: 0.7em 2em;}
.btn_normal {padding: 0.5em 1em;}
.btn_small {padding: 0.25em 0.5em;}
.btn_xsmall {padding: 0.1em 0.25em;}

.zoomroom{ width: 85%; margin: 50px auto;}
.zoomroom ul { display: flex; list-style-type: none; }
.zoomroom ul li { width: 50%; box-sizing: border-box; text-align: center; }

.yoko_space{ width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 80px; text-align: center; }

.select_space{ width: 80%; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; text-align: center; }
.select_space ul {display: flex; justify-content: center; }
.select_space ul li { width: 50%; }

.sns { position: absolute; top:1em; right: 1em; }
.sns ul { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.sns ul li { width: 2em; margin-left: 2em; }
.sns ul li img { width: 100%; height: auto; }
.sns_mb { display: none;}

/*-----------特定商取引法に基づく表示--------------*/
table.tokutei { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%;margin-top: 0px; }
table.tokutei th{ width: 20%; border: 1px solid #333;padding: 1em 2em;background-color: #EEEEEE; color: #134142}
table.tokutei td{border: 1px solid #333;padding: 1em 2em; color: #333; line-height: 1.8;}

.program_disp {padding-top: 100px;}
.contents_inner { display: block; padding-top: 100px; margin-top:-100px; }

.copy ul { display: flex; flex-wrap: wrap; justify-content: center;}
.copy ul li { margin-left:2em; padding-right: 2em; border-right: 1px #fff solid;}
.copy ul li:first-child{margin-left: 2em;}
.copy ul li:last-child { border-right: none; margin-right: 0;}
.copy ul li a { color: #fff; }

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　トップイメージ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
.bg_mask { position: absolute; background: rgba(0,170,137,0.30); z-index: 3; width: 100%; height: 100%; top:0; }


.top_title { position: absolute; z-index: 8; width: 100%;  margin-left: auto; margin-right: auto; color: #fff;font-size: 130%; font-weight: 700; left: 50%; top: 50%; transform: translate(-50%,-50%);line-height: 1; text-shadow: 5px 5px 7px #333; }
.top_title span { font-size: 100%; line-height: 0.5;}

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　本文　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*------------------------トップページ--------------------------*/
.fullback { width: 100%; margin: 0 auto; padding: 0px 0; position: relative; z-index: 99; overflow:hidden; }
.fullback h4 {}
.fullback h4::after { position: absolute; width: 0; height: 1px; top: 50%; left: -65px; content: ""; background-color: #fff; }


.whatsnew { width: 90%; max-width: 1280px; margin: 80px auto 80px; position:relative;   }
.whatsnew h3 { font-family: "Times New Roman", Times, "serif"; font-weight: 700;}
.whatsnew dl {padding: 0; background-color: #fff; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box;}
.whatsnew dl dt { float: left; color: #6C5424; padding-top: 1em; }
.whatsnew dl dd { padding-left: 90px; padding-top: 1em; padding-bottom: 1em; color: #926C26; border-bottom: 1px #aaa solid; }
.whatsnew dl dd .whatsnew_category{ background-color: #000; color: #fff; text-align: center; padding: 0.3em 1em; border-radius: 1em; }
.whatsnew dl dd > ul { display: flex;}
.whatsnew dl dd > ul >li:first-child{width: 130px; text-align: center; font-size: 1.3rem; }
.whatsnew dl dd a { text-decoration: underline;color: #6926C26; }
.whatsnew dl dd a:hover { color: #865192; }


fieldset.whatsnew_l { padding: 2em; margin-bottom: 80px;}
fieldset.whatsnew_l legend { padding-left: 2em ; padding-right: 2em; font-size: 1.8rem; font-weight: 600; }
fieldset.whatsnew_l dl dt { float: left;}
fieldset.whatsnew_l dl dd { margin-left: 10em; margin-bottom: 1em; text-decoration: underline;}
fieldset.whatsnew_l dl dd a { text-decoration: underline; color: blue; }

.gaiyo { margin-top: 30px; margin-bottom: 80px; }
.gaiyo .intro { font-size: 1.8rem;}


.gaiyo h3 { margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.gaiyo h3:before, .gaiyo h3:after { border-top: 1px solid; content: ""; width: 3em; }
.gaiyo h3:before { margin-right: 1em; }
.gaiyo h3:after { margin-left: 1em; }

.gaiyo > dl { margin-top: 30px; margin-bottom: 30px; font-size: 1.7rem; }
.gaiyo > dl > dt { float: left; font-weight: normal;}
.gaiyo > dl > dd { margin-left: 200px; margin-bottom: 0.5em; }
.gaiyo > dl > dd > dl > dt { float: left; }
.gaiyo > dl > dd > dl > dd  { margin-left: 100px; margin-bottom: 0.5em; }

.gaiyo > ul { margin-top: 30px; margin-bottom: 30px; list-style: disc; margin-left: 1em; }
.gaiyo > ul > li { margin-bottom: 0.5em; }

.gaiyo .presen_format { background-color:#F1EFD5; box-sizing: border-box; padding: 2em; margin-bottom: 30px; color:#000;}
.gaiyo .presen_format > ul { margin-top: 0; margin-bottom: 0; list-style: disc;  }
.gaiyo .presen_format > ul > li { margin-bottom: 0.5em; margin-left: 2em; }

.gaiyo .presen_format fieldset { padding: 1em; margin-top: 2em; }
.gaiyo .presen_format fieldset legend  { padding-left: 2em; padding-right: 2em; font-weight: 600;}
.gaiyo .presen_format fieldset ul li { margin-left: 2em; margin-bottom: 1em;}

.gaiyo .presen_format > ul.cout { margin-top: 1em;}
.gaiyo .presen_format > ul.cout li { margin-left: 1em;}
.gaiyo .presen_format > ul.cout li:before { content:"※ ";}

.gaiyo .box {padding: 2em;}
.gaiyo .box dl { margin-top: 2em; }
.gaiyo .box dl dt { float: left; }
.gaiyo .box dl dd { margin-left: 100px; margin-bottom: 1em;}

.gaiyo input#label1 { display: none; }
.gaiyo .hidden_show1 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.gaiyo input#label1:checked ~ .hidden_show1 { padding: 10px 0; height: auto; opacity: 1; }

table.gaiyo_tbl { width: 100%;box-sizing: border-box; border-collapse: collapse; margin-top: 15px; margin-bottom: 30px;}
table.gaiyo_tbl th { width: 10%; border: 1px solid #d4d3d0; padding: 1em 1em; background-color:#00a0e9; color: #fff; vertical-align: middle; text-align: center; }
table.gaiyo_tbl td { width: 40%; border: 1px solid #d4d3d0; padding: 1em 1em; vertical-align: top;}

table.entryfee { width: 100%;box-sizing: border-box; border-collapse: collapse; margin-top: 15px; margin-bottom: 30px;}
table.entryfee th { width: 50%; border: 1px solid #d4d3d0; padding: 1em 1em; background-color:#f6f6f6; color: #333; vertical-align: middle; text-align: center; font-weight: normal;}
table.entryfee td { width: 50%; border: 1px solid #d4d3d0; padding: 1em 1em; vertical-align: top;}

table.endai_boshu { box-sizing: border-box; border-collapse: collapse; margin-top: 15px; margin-bottom: 30px;}
table.endai_boshu th { border: none; padding: 0.2em 1em 0.2em 0 ; vertical-align: top;}
table.endai_boshu td { border: none; padding: 0.2em 1em 0.2em 0 ; vertical-align: top;}
table.endai_boshu td:first-child{width: 12em; }

.shorokuinfo{ margin-left: 2em;}
.shorokuinfo li {margin-top: 1em;}
.shorokuinfo a{ color: blue; text-decoration: underline; margin-bottom: 0.8em;}

.login_info { margin: 1em auto;}
.login_info img { width: 100%; height: auto; }
.login_info_s { float: left; width: 30%; }
.login_info_s img { width: 100%; height: auto; }

.top_movie_flame { width: 720px; margin: 0 auto; }
.top_movie { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.top_movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#eventjoin, #eventpost { width: 100%; padding-bottom: 150px; }
#eventjoin .wrap {width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; }

#eventjoin .wrap .img { width: 80%; vertical-align: bottom; position: relative; }
#eventjoin .wrap .contents { position: relative;}
#eventjoin .wrap .subcontents { width: 50%; }
#eventjoin .wrap .contents .subcomment { width: 750px; position: absolute; right: 0; }


#eventjoin .wrap .subcontents .img img { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); position: relative; left: 50px; top: 100px; }
#eventjoin .wrap .img::after { position: absolute; width:50vw; height: 500px;background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%); left: 20%; top: 0; content: ""; z-index: -1; }
#eventjoin .wrap .contents, #eventpost .wrap .contents { width: 50%; padding: 0rem 0 0 0; }
#eventjoin .wrap .contents .subcontents { max-width: 750px; margin-left: auto; }

#eventpost .wrap {width: 100%; display: flex; justify-content: space-between; position: relative; }
#eventpost .wrap .subcontents { width: 50%; position: relative;}

#eventpost .wrap .subcontents .img { width: 80%; vertical-align: bottom; position: relative;  }
#eventpost .wrap .subcontents .img img { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); position:absolute; right:-100px;  top: 100px; }


#eventpost  .wrap .img::after { position: absolute; width: calc(100% + 2vw); height: 500px;background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%); right: 0; top: 0; content: ""; z-index: -1; }

#eventpost .wrap .contents .subcomment { max-width: 750px; margin-right: auto; }


#eventjoin .wrap .contents h3 span, #eventpost  .wrap .contents h3 span { font-size: 200%; font-weight: bold; padding: 0 .5rem; color: #333; background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#eventjoin .wrap .contents .catch, #eventpost  .wrap .contents .catch { font-size: 1.6vw; font-weight: bold; letter-spacing: .05em; margin-top: 2.3rem; }
#eventjoin .wrap .contents .description, #eventpost  .wrap .contents .description { font-size: .812rem; line-height: 1.7; margin-top: 2rem; }
#eventjoin .wrap .contents ul, #eventpost .wrap .contents ul { width: 100%; display: flex; justify-content: space-between; font-size: .812rem; margin-top: 3rem; }
@media (max-width: 1700px) {
	#eventjoin .wrap .contents ul, #eventpost .wrap .contents ul { flex-wrap: wrap; }
}
#eventjoin .wrap .contents ul li, #eventpost .wrap .contents ul li { width: auto; padding: 0 .5rem; text-align: center; margin-bottom: 2rem; }
@media (max-width: 1700px) {
	#eventjoin .wrap .contents ul li, #eventpost .wrap .contents ul li { width: 50%; }
}
#eventjoin .wrap .contents ul li:first-child, #eventpost .wrap .contents ul li:first-child { padding-left: 0; }
#eventjoin .wrap .contents ul li:last-child, #eventpost .wrap .contents ul li:last-child { padding-right: 0; }
#eventjoin .re .wrap, #eventpost .re .wrap { flex-direction: row; position: relative; }
#eventjoin .re .wrap .img img, #eventpost .re .wrap .img img { position: relative; left: auto; }
#eventjoin .re .wrap .img::after, #eventpost .re .wrap .img::after { background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%); left: 0; }
#eventjoin .re .wrap .contents, #eventpost .re .wrap .contents { padding: 5rem 5vw 0 0; }
#eventjoin .re .wrap .contents h3 span, #eventpost .re .wrap .contents h3 span { background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); }

.w-750px { width: 700px;}

.endaino { font-size: 1.3rem; padding: 0.2em 0.5em; border-radius: 5px; background-color: #195858; color: #fff; margin-top: -0.5em; margin-right: 1em; }
.smap { font-size: 80%; margin-left: 1em; padding: 0.3em 0.5em; background-color: darkblue;}
a .smap { color:#fff; cursor: pointer; }

.salon{ box-sizing: border-box; width: 100%; padding: 2em; border:1px solid #aaa; margin-top: 1em; margin-bottom: 3em;  }
.salon h5{ text-align: center; font-weight: 600; margin-bottom: 1em; font-size: 120%; padding-bottom: 0.5em; text-decoration: underline; color: blue; }
a .salon { text-decoration: none; color: #000;  }
a .salon:hover{ background-color: #333; color: #fff; }
a .salon:hover h5 { color: yellow; }

.nursing_img { float: right; padding-left: 1em ; padding-bottom: 1em; }

.oursalon{ box-sizing: border-box; width: 100%; padding: 2em; border:1px solid #46bad3; margin-top: 1em; margin-bottom: 3em;background-color: #eff4f9;  }
.oursalon h5{ text-align: center; font-weight: 600; margin-bottom: 1em; font-size: 120%; padding-bottom: 0.5em; text-decoration: underline; color: blue; }
a .oursalon { text-decoration: none; color: #000;  }
a .oursalon:hover{ background-color: #333; color: #fff; }
a .oursalon:hover h5 { color: yellow; }

/*-----------ご挨拶---------------*/
.greeting { padding-right: 0; padding-bottom: 50px; }
.greeting h2 { margin-bottom: 30px;}
.greeting h3 { font-size: 3.5rem;}
.greeting h4 { margin-top: 0.5em; margin-bottom: 0.5em;}
.greeting h5 { margin-top: 0em; margin-bottom: 0em;}
.greeting .kikuchi {  }
.greeting .kikuchi ul {  }
.greeting .kikuchi ul li { text-align: right; }
.greeting .kikuchi ul li img { width: 100%; height: auto; }

.kanao { float: right; width: 300px; padding-left: 3em; padding-bottom: 2em;}
.kanao img { width: 100%; height: auto; }
.kanao_sign{ text-align: right; }
.kanao_sign ul li{width: 300px; margin-left: auto; }
.kanao_sign ul li img { width: 100%; height: auto; }
.kanao_name{ font-size: 120%; font-weight: 600;}

/*-----------プログラム---------------*/
.program_layout{margin-top: 30px; margin-bottom: 80px;}
.program_layout h3 { margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center;font-size: 3.0rem; }
.program_layout h3:before, .program_layout h3:after { border-top: 1px solid; content: ""; width: 3em; }
.program_layout h3:before { margin-right: 1em; }
.program_layout h3:after { margin-left: 1em; }
.program_layout h4 { font-size: 2.8rem; font-weight: normal; color: #926C26; border-bottom: 3px solid #E0AF2E; padding: 0em 0em 0.1em 0em; margin-bottom: 1em; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; margin: 0 0 1em 0; }
.program_layout h4::after{ position:relative; width: 0; height: 0; top: inherit; left: 0; content: ""; }
.program_layout h5 { font-size: 130%; font-weight: 600; text-decoration: underline; padding-bottom: 0.5em; margin-bottom: 0.8em; }
.program_layout h6{ font-size: 120%; font-weight: 600; margin-bottom: 0.5em; }


.program_block { margin-bottom: 50px; }
.program_block h5 { font-size: 120%; font-weight: 600; text-decoration: underline; padding-bottom: 0em; margin-bottom: 0.3em; }
.program_block h6{ font-size: 110%; font-weight: 600; margin-bottom: 0.3em; }
.program_block dl{ margin-left: 2em;}
.program_block dl dt { float: left; }
.program_block dl dd { margin-left: 4em; margin-bottom: 0.3em; }


.anchr { width: 100%; box-sizing: border-box; padding: 1em 2em; background-color: #FCFAE4; border: #FBAB66 solid 1px; }
.anchr ul { display: flex; flex-wrap: wrap; }
.anchr ul li { width: 25%; margin-bottom: 1em; }
.anchr ul li a { color: blue; text-decoration: underline;}
.anchr ul li::before{ content: "▶ "; color: orange; }

/*-----------5演題登録---------------*/
.nyukai{ width: 100%; box-sizing: border-box; padding: 2em; background:rgba(76,172,185,0.2); margin-top: 2em; border: #4CACB9 1px solid; }

/*------------------------企画ページ--------------------------*/

#gp_layout { }
#gp_layout .gp_title { text-align: center; font-size: 3.0rem; font-weight: 600; margin-bottom: 0.5em;}
#gp_layout .gp_subtitle { text-align: center; font-size: 2.5rem; font-weight: 600; margin-bottom: 1em;}
#gp_layout fieldset { box-sizing: border-box; padding: 2em; border-radius: 10px; }	
#gp_layout fieldset legend { font-size: 2.0rem; padding-left: 2em; padding-right: 2em;}
#gp_layout fieldset .gp_setsumei { font-size: 1.35rem;}
#gp_layout .gp_boshu { margin-top: 2em; margin-bottom: 2em; }
#gp_layout .gp_boshu ul { margin-bottom: 2em; }
#gp_layout .gp_boshu ul li:first-child { font-size: 2rem; font-weight: 600;  margin-bottom: 0.1em; }
#gp_layout .gp_boshu .gp_slide { width: 400px; margin: 0 auto; }
#gp_layout .gp_boshu .gp_slide img { width: 100%; height: auto; }

/*-----------一般講演---------------*/
.info_presen h3{ text-align: center; margin-bottom: 50px; }
.info_presen { margin-top: 80px;}
.info_presen dl { width: 100%; border-top: 1px solid #ccc; }
.info_presen dl dt { width: 100%; padding-top: 1em; margin-bottom: 0.5em; }
.info_presen dl dt a { font-weight: 600; }
.info_presen dl dt ul { display: flex; list-style-type: none; }
.info_presen dl dt ul li { margin-right: 1em; }
.info_presen dl dd { width: 100%; padding-bottom: 1em; }
.info_presen dl:last-child{ border-bottom: 1px solid #ccc; }

.info_presen label h4 { cursor :pointer; }
.info_presen input#label1 { display: none; }
.info_presen .hidden_show1 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.info_presen input#label1:checked ~ .hidden_show1 { padding: 10px 0; height: auto; opacity: 1; }
.info_presen input#label2 { display: none; }
.info_presen .hidden_show2 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.info_presen input#label2:checked ~ .hidden_show2 { padding: 10px 0; height: auto; opacity: 1; }
.info_presen input#label3 { display: none; }
.info_presen .hidden_show3 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.info_presen input#label3:checked ~ .hidden_show3 { padding: 10px 0; height: auto; opacity: 1; }
.info_presen input#label4 { display: none; }
.info_presen .hidden_show4 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.info_presen input#label4:checked ~ .hidden_show4 { padding: 10px 0; height: auto; opacity: 1; }

.presen_detail_dis { font-size: 1.3rem; color:#fff; margin-left: 0.5em; margin-top: -0.5em; padding: 0.5em 0.5em; background: rgba(108,8,10,1.00); border-radius: 5px; }


/*-----------一専門分科会企画---------------*/
.spfield_layout { margin-top: 100px;}

.spfield h5{ text-align: left; margin-bottom: 0.5em; color: #1D286B; }
.spfield h3{ text-align: left; margin-bottom: 50px; font-size: 2.5rem; border: none; }
.spfield { margin-top: 30px; margin-bottom: 100px;}
.spfield > dl { width: 100%; margin-bottom: 30px;  }
.spfield > dl > dt { float: left; font-weight: 600; }
.spfield > dl > dt:before {content: "◇ "; }
.spfield > dl > dd { margin-left: 180px; margin-bottom: 1em; }
.spfield fieldset { padding: 2em; border-radius: 5px; }
.spfield fieldset dl { margin-bottom: 1em; }
.spfield fieldset dl dt { float: left;}
.spfield fieldset dl dd { margin-left: 100px;}
.spfield legend { font-size: 1.8rem; padding-left: 2em; padding-right: 2em;  }
.spfield > dl > dd > dl > dt { float: left; }
.spfield > dl > dd > dl > dd { margin-left: 80px; margin-top: 1em; margin-bottom: 0.5em; }

.detail_dis { font-size: 1.3rem; background-color:rgba(130,0,2,1.00); padding: 0.25em 1em; border-radius: 5px; color: #fff; margin-left: 2em; }
.detail_dis a { color: #fff; }

/*表示非表示*/
.spfield_layout label h4 { cursor :pointer; }
.spfield_layout input#label1 { display: none; }
.spfield_layout .hidden_show1 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.spfield_layout input#label1:checked ~ .hidden_show1 { padding: 10px 0; height: auto; opacity: 1; }
.spfield_layout input#label2 { display: none; }
.spfield_layout .hidden_show2 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.spfield_layout input#label2:checked ~ .hidden_show2 { padding: 10px 0; height: auto; opacity: 1; }
.spfield_layout input#label3 { display: none; }
.spfield_layout .hidden_show3 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.spfield_layout input#label3:checked ~ .hidden_show3 { padding: 10px 0; height: auto; opacity: 1; }
.spfield_layout input#label4 { display: none; }
.spfield_layout .hidden_show4 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.spfield_layout input#label4:checked ~ .hidden_show4 { padding: 10px 0; height: auto; opacity: 1; }

.qr_right {float: right; padding-left: 1em; max-width: 150px; }
.qr_right img { width: 100%; height: auto; }

/*------------------------新規演題登録--------------------------*/

table.tbl_theme { box-sizing: border-box; border-collapse: collapse;background-color: #fff; margin-top: 15px; margin-bottom: 30px;}
table.tbl_theme th { border: 1px solid #333;padding: 0.5em 1em;background-color: #333; color: #fff;}
table.tbl_theme td {border: 1px solid #333;padding: 0.5em 1em; color: #333;}


/*------------------------参加登録案内--------------------------*/

table.appsinfo { box-sizing: border-box; border-collapse: collapse;background-color: #fff; margin-top: 15px; margin-bottom: 50px; width: 100%; }
table.appsinfo th { border: 1px solid #333;padding: 0.5em 1em;background-color: #333; color: #fff; font-size: 120%;}
table.appsinfo td { border: 1px solid #333;padding: 1em 1em; color: #333;}
table.appsinfo td button { text-align: center; margin-top: 1em; margin-bottom: 1em; }

table.sankahi { box-sizing: border-box; border-collapse: collapse;background-color: #fff; margin-top: 15px; margin-bottom: 50px; width: 70%; }
table.sankahi th { border: 1px solid #333;padding: 0.5em 1em;background-color: #E6E6E6; color: #000; text-align: center; }
table.sankahi td { border: 1px solid #333;padding: 1em 1em; color: #333; text-align: center;}
table.sankahi td button { text-align: center; margin-top: 1em; margin-bottom: 1em; }

/*------------------------協賛企業--------------------------*/

#sponsor_layout { margin-top: 80px; margin-bottom: 80px; }
#sponsor_layout dl{ margin-top: 50px; }
#sponsor_layout dl::after{ content: ""; display: block; clear: both; }
#sponsor_layout dl dt{ float: left; width: 300px; }
#sponsor_layout dl dt img { width: 100%; height: auto; }
#sponsor_layout dl dd { margin-left: 350px; font-size: 120%; font-weight: 600; }


/*-----------サポート見出し---------------*/
.support {}
.support ul { display: flex; flex-wrap: wrap; }
.support ul li {width: 30%; margin-right: 5%; margin-bottom: 2em;}
.support ul li:nth-child(3n) { margin-right: 0;} 
.support ul li dl { padding: 2em 3em; box-sizing: border-box; border: 1px #ccc solid; border-radius: 8px; box-shadow: 5px 5px 10px #E7E7E7;}
.support ul li dl dt { width: 100%; }
.support ul li dl dt img { width: 100%; height: auto; }
.support ul li dl dd { text-align: center; }


/*------------------------ログインページ--------------------------*/
/*-----------トップページ---------------*/
.whatsnew_s { width: 100%; max-width: 1600px; margin: 0 auto 0; position:relative; box-sizing: border-box; padding-top: 50px; padding-bottom: 30px;}
.whatsnew_s dl {padding: 0 2em;}
.whatsnew_s dl dt { float: left; }
.whatsnew_s dl dd { margin-left: 180px; margin-bottom: 1em;}
.whatsnew_s dl dd a { text-decoration: underline; color: #142A5E; }
.whatsnew_s dl dd a:hover { color: #660F11; }

.kyosai_title{ font-size: 3.5rem; font-weight: 600;}

.entry_btn{ text-align: center; margin: 50px auto;}
.entry_btn a button { padding: 1em 2.5em; border-radius: 9999px; background-color: #034793; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }
.entry_btn a button::after { content: ""; position: absolute; top: 50%; right: 5%; width: 20px; height: 20px; margin-top: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; vertical-align: middle; }
.entry_btn .prebutton { padding: 1em 2.5em; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }
.entry_btn .closebutton { padding: 1em 2.5em; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }

.entry_btn a button.scrum_btn { padding: 1em 2.5em; width: 90%; max-width: 800px; height: 4em; border-radius: 9999px; background-color: #f39818; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #aaa; position: relative; cursor:pointer; }
.entry_btn a button.scrum_btn_zoom { padding: 1em 2.5em; width: 90%; max-width: 800px; height: 4em; border-radius: 9999px; background-color: #b25c21; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #aaa; position: relative; cursor:pointer; }
.entry_btn .scrum_prebutton { padding: 1em 2.5em; width: 90%; max-width: 800px; height: 4em; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }
.entry_btn .scrum_closebutton { padding: 1em 2.5em; width: 90%; max-width: 800px; height: 4em; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 2.3rem; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }


.entry_btn a button.scrum_btn span { background: #fff; border-radius: 50%; padding: 3px; font-size: 1.8rem; text-align: center; color:#f39818; margin-left: 0.5em; margin-right: 0.5em; }
.entry_btn a button.scrum_btn_zoom span { background: #fff; border-radius: 50%; padding: 3px; font-size: 1.8rem; text-align: center; color:#b25c21; margin-left: 0.5em; margin-right: 0.5em;}
.entry_btn .scrum_prebutton span { background: #fff; border-radius: 50%; padding: 3px; font-size: 1.8rem; text-align: center; color:#808080; margin-left: 0.5em; margin-right: 0.5em; }
.entry_btn .scrum_closebutton span { background: #fff; border-radius: 50%; padding: 3px; font-size: 1.8rem; text-align: center; color:#808080; margin-left: 0.5em; margin-right: 0.5em;}

.shicho_btn{ text-align: center; margin: 50px auto;}
.shicho_btn a button { padding: 0.5em 2em 0.5em 1em; border-radius: 9999px; background-color: #034793; color: #fff; border: none; font-size: 85%; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }
.shicho_btn a button::after { content: ""; position: absolute; top: 50%; right: 5%; width: 10px; height: 10px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; vertical-align: middle; }

.shicho_btn .prebutton { padding: 0.5em 1em 0.5em 1em; display: flex; justify-content: center; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 85%; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }
.shicho_btn .closebutton { padding: 0.5em 1em 0.5em 1em; display: flex; justify-content: center; border-radius: 9999px; background-color: #808080; color: #fff; border: none; font-size: 85%; font-weight: 600; box-shadow: 3px 3px 5px #555; position: relative; cursor:pointer; }

#live_information { width: 100%; margin: 0 auto 0; z-index: 80; position:relative; box-sizing: border-box; padding-top: 0; padding-bottom: 50px;}

table.program { box-sizing: border-box; border-collapse: collapse; width: 100%; background-color: #fff; margin-bottom: 100px; }
table.program tr th { border: 2px solid #d7e8ff;padding: 0.5em 1em;background-color: #4b9ffd; color: #fff; text-align: center; width: 8em;}
table.program tr td { border: 2px solid #d7e8ff;padding: 1em 1em; color: #333; text-align: left;line-height: 1.3;}
table.program tr td button { text-align: center; margin-top: 1em; margin-bottom: 1em; }
table.program tr td .title { font-size: 2.3rem; font-weight: 600; margin-bottom: 1em; }
table.program tr td .subtitle { font-size: 1.5rem; font-weight: 600; }
table.program tr td .subtitle span {font-weight: normal;}
table.program tr td .affiliation { font-size: 85%; font-weight: 600; margin-bottom: 0.5em; }
table.program tr td .sec { font-size: 1.4rem; font-weight: normal; margin-bottom: 0.5em; }
table.program tr td .name { font-size: 2.0rem; font-weight: 600; }
table.program tr td ul.prg { display: flex; }
table.program tr td ul.prg li:first-child { width: 80px;}
table.program tr td ul.prg li:first-child img { width: 100%; height: auto; }
table.program tr td ul.prg li:nth-child(2) { padding-left: 10px;}

table.program tr td ul.kyosai{ display: flex; }
table.program tr td ul.kyosai li:first-child{ width: 70%; }
table.program tr td ul.kyosai li:nth-child(2){ width: 30%; display: flex; align-items: center; }

ul.live_submenu { display: flex; justify-content: center; margin-bottom: 50px; }
ul.live_submenu li { margin-right: 2em;}
ul.live_submenu li::after{ margin-left: 2em; content:"|"; }
ul.live_submenu li:nth-child(2)::after{ content:""; margin-right: 0; }

.live_zoom { width: 80%; margin: 0 auto; }
.live_zoom > ul { width: 100%; background-color: #fff; padding: 2em;border-radius: 10px; margin-bottom: 30px; }
.live_zoom > ul li{ list-style: none; padding-left: 1.3em; text-indent: -1.3em; font-weight: 600; margin-bottom: 0.5em; }
.live_zoom > ul li span { color: darkblue; font-size: 1.9rem; }

.live_zoom > ol { font-size: 1.4rem;padding-left: 2em; }
.live_zoom > ol li{ list-style: none; padding-left: 1.3em; text-indent: -1.3em; margin-bottom: 0.5em; }
.live_zoom > ol li span { color: #000; margin-right: 1em }

.use_zoom { font-size: 1.8rem; font-weight: 600; text-align: center; margin-bottom: 2em; }
.use_zoom span {background-color: darkblue; color: #fff; padding: 0.3em 0.5em; }

table.ninzu { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%; margin-top: 0; margin-bottom: 50px;}
table.ninzu th{ border: 1px solid #333;padding: 0.7em 1em;background-color: #EEEEEE; color: #134142; text-align: center;}
table.ninzu td{border: 1px solid #333;padding: 0.7em 1em; color: #333; text-align: right;}

.oboki_photo {float: left; width: 30%; padding-right: 3em; padding-bottom: 1em;}
.oboki_photo img { width: 100%; height: auto;}


#program_layout ul { display: flex; flex-wrap: nowrap;}
#program_layout ul li { width: 50%; }

table.program_tbl { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%; margin-top: 15px; margin-bottom: 80px;}
table.program_tbl tr th { border: 1px solid #aaa;padding: 1em 1em;background-color: #D6D6D6; color: #000;text-align: center;}
table.program_tbl tr td {border: 1px solid #aaa;padding: 1em 1em; color: #000; text-align: center;}

#program_layout ul li table.program_tbl{ width: 98%; table-layout: fixed; }
#program_layout ul li:first-child table.program_tbl{ margin-right: 2%;}
#program_layout ul li:nth-child(2) table.program_tbl{ margin-left: 2%;}
#program_layout ul li table.program_tbl tr th.tbl_title{ width: 5em !important; }
#program_layout ul li table.program_tbl tr td:first-child{width: 5em; }
#program_layout ul li table.program_tbl tr td { border-bottom: none; border-top: none; }
#program_layout ul li table.program_tbl tr td{ box-sizing: border-box; border-left: 1px solid #aaa; border-right: 1px solid #aaa;padding: 0.5em; color: #333; text-align: left; vertical-align:top; height: 100%; }
#program_layout ul li table.program_tbl tr td .event_sch { box-sizing: border-box; padding: 1em; color: #fff; width: 100%; height: 100%; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; border-radius: 0.3em; }

.program_btn_g { width: 10em; margin-top: 0.5em; color: #fff; padding-top: 0.5em ; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; border: 1px solid #1b7e40; border-radius: 1rem;  font-size: 85%;
	background: #1b7e40; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958)); 
	background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%); 
	background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}

/*-----------基調講演---------------*/
.keynote_layout { }
.keynote_layout > dl { width: 100%; }
.keynote_layout > dl > dt { float: left; width: 450px; }
.keynote_layout > dl > dt > img { width: 100%; height: auto;}
.keynote_layout > dl > dd { margin-left: 500px; }

.keynoteButtonArea { width: 100%; margin-top: 2em; margin-bottom: 1em; text-align: right; }
.keynoteButton { width: 400px; text-align: center; padding-top: 1em; padding-bottom: 1em; background: rgba(0,0,0,1.00); margin-left: auto; color: #fff;}
.keynoteButton a { text-decoration: none; color: #fff; }

.keynotelive_layout { margin-top: 80px;}
.keynotelive_layout h3 { text-align: center; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; }
.keynotelive_layout h3:before, .keynotelive_layout  h3:after { border-top: 1px solid; content: ""; width: 3em; }
.keynotelive_layout h3:before { margin-right: 1em; }
.keynotelive_layout h3:after { margin-left: 1em; }
.keynotelive_layout .koen { text-align: center; margin-bottom: 80px; font-size: 2.4rem; font-weight: 600;}
.keynotelive_layout .koen span { font-weight: normal; font-size: 1.8rem;}
.keynote_movie { width: 900px; margin: 30px auto; }
.keynote_movie video { width: 100%; height: auto; }

#keyform textarea { box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; font-size: 85%; }

.key_comment { background-color: rgba(191,207,217,1.00); width: 100%; box-sizing: border-box; padding: 2em; margin-top: 50px;}
.key_comment .key_date {float: right; font-size: 1.3rem;}
.key_comment > ul { margin-bottom: 2em;}
.key_comment > ul > li { padding: 1em; width: 100%; background-color: #fff; border-radius: 5px; margin-top: 0.5em; color: #000;}

.key_link { float: right; padding-left: 1em; font-size: 1.5rem; }
.key_link a { color:#2F00F1; text-decoration: underline; }

.iinkai { position: relative; margin-left: auto; }
.iinkai dl { width: 20em; position:relative ; margin-left: auto;  }
.iinkai dl:after { content: ""; display: block; clear: both;}
.iinkai dl dt{ float: left; }
.iinkai dl dd { margin-left:8em;}


/*-----------一般研究発表---------------*/
.presentation_layout { width: 100%; margin-top: 80px; }
.presentation_layout ul { display: flex; padding-top: 1.5em; padding-bottom:1.5em; border-top: 1px #ccc solid; position: relative; }
.presentation_layout ul:last-child{border-bottom: 1px #ccc solid;} 
.presentation_layout ul li { list-style-type: none; }
.presentation_layout ul li:first-child { width: 8%;}
.presentation_layout ul li:nth-child(2) { box-sizing: border-box; width: 42%; padding-right: 2em; text-align: left; font-weight: bolder;}
.presentation_layout ul li:nth-child(3){ box-sizing: border-box; width: 27%; text-align: left;padding-right: 2em;  }
.presentation_layout ul li:nth-child(4){ box-sizing: border-box; width: 9%; text-align: left;  }
.presentation_layout ul li:last-child{ width: 14%; text-align: right; position: absolute; right: 0; }
.presentation_layout ul li span { font-size: 1.3rem; }


.presentation_layout label h4 { cursor :pointer; }
.presentation_layout input#label1 { display: none; }
.presentation_layout .hidden_show1 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.presentation_layout input#label1:checked ~ .hidden_show1 { padding: 10px 0; height: auto; opacity: 1; }
.presentation_layout input#label2 { display: none; }
.presentation_layout .hidden_show2 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.presentation_layout input#label2:checked ~ .hidden_show2 { padding: 10px 0; height: auto; opacity: 1; }
.presentation_layout input#label3 { display: none; }
.presentation_layout .hidden_show3 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.presentation_layout input#label3:checked ~ .hidden_show3 { padding: 10px 0; height: auto; opacity: 1; }
.presentation_layout input#label4 { display: none; }
.presentation_layout .hidden_show4 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.presentation_layout input#label4:checked ~ .hidden_show4 { padding: 10px 0; height: auto; opacity: 1; }

.presentation_layout .presen_btn { padding: 0.5em 1em; background-color: #202131; border-radius: 5px; display:inline-block;margin-top: -0.5em; font-size: 1.4rem; }
.presentation_layout .presen_btn a { color: #fff; text-decoration: none; }
.presentation_layout .presen_btn:hover { background-color: rgba(77,6,7,1.00) }
.smallicon_presen{ background-color:deepskyblue; color: #fff; padding: 0.2em 0.3em; margin-right: 0.5em; border-radius: 50%; font-weight: normal; }
.smallicon_movie{ background-color:lightseagreen; color: #fff; padding: 0.2em 0.3em; margin-right: 0.5em; border-radius: 50%; font-weight: normal; }

.endai_search_title { background-color: #F6F6F6;}
.endai_search_title ul {display: flex; flex-wrap: wrap;}
.endai_search_title ul li:first-child{ width: 20%; text-align: left; font-weight: 600;}
.endai_search_title ul li:nth-child(2){ width: 20%; text-align: left; font-weight: 600;}
.endai_search_title ul li:nth-child(3){ width: 50%; text-align: left; font-weight: 600;}
.endai_search_title ul li:nth-child(4){ width: 5%; text-align: left; font-weight: 600;}
.endai_search_title ul li:nth-child(5){ width: 5%; text-align: left; font-weight: 600;}

.endai_serach h3{ text-align: center; margin-bottom: 50px; }
.endai_serach { margin-top: 80px; font-size: 1.4rem;}
.endai_serach dl { width: 100%; border-top: 1px solid #ccc; }
.endai_serach dl dt { width: 100%; padding-top: 1em; }
.endai_serach dl dt ul { display: flex; list-style-type: none; position: relative; }
.endai_serach dl dt ul li:first-child{ width: 20%; box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dt ul li:nth-child(2){ width: 20%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dt ul li:nth-child(3){ width: 50%;box-sizing: border-box; }
.endai_serach dl dt ul li:nth-child(4){ width: 5%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dt ul li:last-child { position: absolute; right: 0;width: 5%; text-align: right; }

.endai_serach dl dd { width: 100%; padding-bottom: 1em; margin-top: 0.5em; }
.endai_serach dl dd ul li:first-child{ width: 35%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dd ul li:nth-child(2){ width: 20%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dd ul li:nth-child(3){ width: 20%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dd ul li:nth-child(4){ width: 20%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dd ul li:nth-child(5){ width: 5%;box-sizing: border-box; padding-right: 1em;}
.endai_serach dl dd ul { display: flex; list-style-type: none; position: relative; }
.endai_serach dl:last-child{ border-bottom: 1px solid #ccc; }

.treatise_layout { margin-top: 80px; margin-bottom: 80px; line-height: 2; }
.treatise_layout .endai_no { color: #fff; font-size: 80%; padding: 0.3em 1em; background-color: #000; border-radius: 5px; margin-left: 2em; }
.treatise_layout .endai_title { font-size: 1.8rem; text-align: left; margin-top: 50px; margin-bottom: 50px; font-weight: 600; }
.treatise_layout table { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%;margin-top: 0px; }
.treatise_layout table th{ width: 20%; border: 1px solid #333;padding: 1em 2em;background-color: #EEEEEE; color: #134142}
.treatise_layout table td{border: 1px solid #333;padding: 1em 2em; color: #333; line-height: 1.8;}

.convention_material { margin-top: 50px;}
.convention_material ul { display: flex; list-style-type: none; justify-content: center;}
.convention_material ul li { width: 28%; margin-left: 2.5%;margin-right: 2.5%; text-align: center; padding-top: 1em; padding-bottom: 1em; border-radius: 5px;}
.convention_material ul li a { color: #fff;}
.convention_material ul li.ronbun_btn { background: rgba(54, 181, 205, 1)}
.convention_material ul li.presen_btn { background: rgba(128,85,127,1.00);}
.convention_material ul li.poster_btn { background: rgba(46,79,168,1.00)}


.convention_material h3 { margin-top: 50px; margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.convention_material h3:before, .convention_material h3:after { border-top: 1px solid; content: ""; width: 3em; }
.convention_material h3:before { margin-right: 1em; }
.convention_material h3:after { margin-left: 1em; }





.movie_pre_flame{ position: relative; box-sizing: border-box; width: 100%; padding : 3em; margin: 3em auto 1em; background-color: #D6D6D6;}
.movie_flame{ position: relative; width: 100%; max-width: 1200px; padding-top: 56.25%; margin: 30px auto 1em;}
.movie_flame iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; box-shadow: 0 0 8px gray;}

.movietitle{ margin-top: -60%;}


.movie_flame h3 { margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.movie_flame h3:before, .movie_flame h3:after { border-top: 1px solid; content: ""; width: 3em; }
.movie_flame h3:before { margin-right: 1em; }
.movie_flame h3:after { margin-left: 1em; }



.question_layout { width: 100%; box-sizing: border-box; background: rgba(223,223,223,0.30); margin-top: 50px; padding: 0 2em;}
.question_layout > ul { display:block; padding-top: 1.5em; padding-bottom:1.5em; position: relative; }
.question_layout > ul:last-child{} 
.question_layout > ul > li { list-style-type: none; }
.question_layout .q_icon{ font-size:0.8rem; color: #fff; padding: 0.3em 1em; border-radius: 5px; background-color: #76191A; display: inline-block; margin-right: 2em; }
.question_layout .question_box { box-sizing: border-box; background-color: rgba(152,214,255,0.80); padding: 1em; border-radius: 7px;}
.question_layout > ul > li:last-child{ width: 200px; text-align: right; position: absolute; right: 0; }
.question_layout > ul > li span { font-size: 0.75rem; }
.question_layout > ul > li:nth-child(3){ width: 100%; }
.question_layout > ul > li > ul { display: flex; margin-bottom: 1em; }
.question_layout > ul > li > ul > li:last-child{ width: 200px; text-align: right; position: absolute; right: 0; font-size: 0.7rem; font-weight: normal;}

.answer_layout { width: 100%;}
.answer_layout > ul { width: 100%; display: flex; padding-top: 3em; padding-bottom:0.3em; position: relative; }
.answer_layout > ul:last-child{} 
.answer_layout > ul > li { list-style-type: none; }
.answer_layout .a_icon{ font-size:0.8rem; color: #fff; padding: 0.3em 1em; border-radius: 5px; background-color: #132278; display: inline-block; margin-right: 2em; }
.answer_layout .qa_icon{ font-size:0.8rem; color: #fff; padding: 0.3em 1em; border-radius: 5px; background-color: #25881D; display: inline-block; margin-right: 2em; }
.answer_layout .answer_box { box-sizing: border-box; background-color: rgba(255,255,255,1.00); padding: 1em; border-radius: 7px;}
.answer_layout > ul > li:last-child{ width: 200px; text-align: right; position: absolute; right: 0; font-size: 0.7rem; font-weight: normal; }
.answer_layout > ul > li span { font-size: 0.75rem; }

#faqform textarea { box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; font-size: 85%; }

/*-----------ポスター発表--------------*/
.poster_layout{ border-bottom: 1px solid #333; margin-top: 80px;}
.poster_layout > ul{ display: flex; list-style-type: none; flex-wrap:wrap;}
.poster_layout > ul > li {width: 50%; box-sizing: border-box; padding-right: 5%; margin-bottom: 2em; position: relative; min-height: 12em; }
.poster_layout > ul > li > dl > dt { border-top: 1px #333 solid; }
.poster_layout > ul > li > dl > dt img { width: 100%; height: auto; }
.poster_layout > ul > li > dl > dd { margin-top: 2em; margin-left: 0;}
.poster_layout > ul > li > dl > dd > ul { display: block;}
.poster_layout > ul > li > dl > dd > ul > li { }
.poster_layout > ul > li > dl > dd > ul > li:first-child { font-weight: 600; margin-bottom: 2em;  }

.poster_sbtn { position: absolute; right: 10%; bottom: 0; font-size: 1.3rem; padding: 0.3em 1em; background-color: rgba(30,28,61,1.00); color: #fff; border-radius: 5px; }
.poster_sbtn a { color: #fff; text-decoration: none; }

.poster_layout_test { border-bottom: 1px solid #333; margin-top: 80px;}
.poster_layout_test > ul{ display: flex; list-style-type: none; flex-wrap:wrap;}
.poster_layout_test > ul > li {width: 47%; box-sizing: border-box; margin-bottom: 2em; position: relative; min-height: 10em; margin-right: 6%; border-top: 1px #333 solid; }
.poster_layout_test > ul > li:nth-child(2n) { margin-right: 0;} 
.poster_layout_test > ul > li > dl > dt { float: left;  width: 8em; height:10em; overflow: hidden; }
.poster_layout_test > ul > li > dl > dt img { width: 100%; height: auto; }
.poster_layout_test > ul > li > dl > dd { margin-top: 2em; margin-left: 12em;}
.poster_layout_test > ul > li > dl > dd > ul { display: block;}
.poster_layout_test > ul > li > dl > dd > ul > li { }
.poster_layout_test > ul > li > dl > dd > ul > li:first-child { font-weight: 600; margin-bottom: 1em;  }

.poster_pdf { width: 800px; margin: 80px auto; }
.poster_pdf iframe { border:none;height: 1100px; background-color: #eee;}
/*-----------データアップロードページ--------------*/

.dataport_layout h3 { margin-top: 80px; margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.dataport_layout h3:before, .dataport_layout h3:after { border-top: 1px solid; content: ""; width: 3em; }
.dataport_layout h3:before { margin-right: 1em; }
.dataport_layout h3:after { margin-left: 1em; }
.dataport_layout { margin-top: 80px;}
.dataport_layout dl { width: 100%; margin-bottom: 50px; }
.dataport_layout dl dt { float: left; font-weight: 600; font-size: 1.8rem;}
.dataport_layout dl dd { margin-left: 10em; }

.dataport_layout dl dt ul { display: flex; list-style-type: none; }
.dataport_layout dl dt ul li { margin-right: 1em; }


.data_comment{ margin-top: 80px; margin-bottom: 50px; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;}

.dataup_info { font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; margin-top: 50px; }
.dataup_info dl { }
.dataup_info dl dt { float: left; width: 150px; font-weight: 600; }
.dataup_info dl dd { margin-left: 200px; margin-bottom: 1em;}
.dataup_info dl dd textarea { box-sizing: border-box; width: 100%; padding: 1em; font-size: 1.2rem; font-weight: bolder; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 7px; }

.dataup_info fieldset { padding: 2em; border: 1px #ccc solid; border-radius: 7px; }
.dataup_info fieldset legend { box-sizing: border-box; font-size: 1.8rem; font-weight: 600; padding-left: 2em ; padding-right: 2em;}
.dataup_info fieldset ul { font-size: 1.5rem;}
.dataup_info fieldset ul li { margin-left: 2em;}

.conf_box { box-sizing: border-box; width: 100%; border: #aaa solid 1px; padding: 1.5em; background-color: #fff; box-shadow: 3px 3px 5px #ddd;}

.movie_textarea { box-sizing: border-box; width: 100%; padding: 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 7px; }

.dataupload_button { font-size: 1.8rem; padding: 1em 3em; margin-top: 80px; background: rgba(17,25,65,1.00); border: 1px #ccc solid; }
a.dataupload_button { color: #fff !important; text-decoration: none;}
.dataupload_button:hover { background: rgba(17,25,65,.80); }


.howto_layout h3 { margin-top: 80px; margin-bottom: 50px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.howto_layout h3:before, .dataport_layout h3:after { border-top: 1px solid; content: ""; width: 3em; }
.howto_layout h3:before { margin-right: 1em; }
.howto_layout h3:after { margin-left: 1em; }
.howto_layout { margin-top: 80px;}
.howto_layout dl { width: 100%; margin-bottom: 50px; }
.howto_layout dl dt { float: left; font-weight: 600;}
.howto_layout dl dd { margin-left: 150px; margin-bottom: 1em; }
.howto_layout .upload_info { width: 800px; margin-top: 30px;}
.howto_layout .upload_info img { width: 100%; height: auto;}

.bnr { width: 100%; max-width: 1200px; padding-top: 80px; padding-bottom: 80px;margin-left: auto; margin-right: auto;  }
.bnr ul { display: flex;list-style-type: none; flex-wrap: wrap; justify-content: center; }
.bnr ul li { width: 22%; margin-right: 4%; margin-bottom: 2em; text-align: center; font-size: 80%;display: flex; justify-content: center; }
.bnr ul li:nth-child(4n) { margin-right: 0;}
.bnr ul li:last-child { margin-right: 0;}
.bnr ul li img { width: 100%; height: auto; vertical-align:top; }
.bnr ul li.border {box-sizing: border-box; border: #aaa 1px solid; }

.sanjo { width: 1200px; margin-top: 0; margin-bottom: 80px;margin-left: auto; margin-right: auto;}
.sanjo ul { }
.sanjo ul li { margin-left: 2em; margin-bottom: 0.5em; }


/*-------------------マイページ----------------------*/
.venue_button { margin-bottom: 3em;}
.venue_button ul{ display: flex; flex-wrap: wrap; }
.venue_button ul li {width: 30%; margin-right: 5%; margin-bottom: 2em; }
.venue_button ul li:nth-child(3n){ margin-right: 0; }
.venue_button  button { width: 100%;}


/*-------------------オプション案内---------------------*/

dl.optioninfo { margin-top: 1em;}
dl.optioninfo dt { float: left; }
dl.optioninfo dd { margin-left: 200px; margin-bottom: 0.5em;}


/*-------------------管理ページ----------------------*/
/*-----------参加者一覧--------------*/

/*-----------参加者詳細--------------*/
table.detail_layout { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%; font-size: 1.5rem; margin-top: 80px; margin-bottom: 80px;}
table.detail_layout th{ width: 20%; border: 1px solid #333;padding: 1.5em 2em;background-color: #EEEEEE; color: #134142}
table.detail_layout td{border: 1px solid #333;padding: 1.5em 2em; color: #333;}
table.detail_layout td input{ box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; }
table.detail_layout td select{ box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; }
table.detail_layout td textarea{ box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; }

.detailmsg { text-align: center; font-size: 1.2rem; font-weight: bolder; color: #f00; margin-top: 50px; margin-bottom: 50px; }


.entrylist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.entrylist ul li:first-child { width: 3%; text-align: center; box-sizing: border-box; padding-right: 1em;}
.entrylist ul li:nth-child(2) { box-sizing: border-box; padding-right: 1em; width: 20%;}
.entrylist ul li:nth-child(3) { box-sizing: border-box; padding-right: 1em; width: 19%; font-size: 85%; }
.entrylist ul li:nth-child(4) { box-sizing: border-box; padding-right: 1em; width: 13%;}
.entrylist ul li:nth-child(5) { box-sizing: border-box; padding-right: 1em; width: 3%;}
.entrylist ul li:nth-child(6) { box-sizing: border-box; padding-right: 1em; width: 10%;}
.entrylist ul li:nth-child(7) { box-sizing: border-box; padding-right: 1em; width: 10%;}
.entrylist ul li:nth-child(8) { box-sizing: border-box; padding-right: 1em; width: 16%; font-size: 85%; }
.entrylist ul li:nth-child(9) { box-sizing: border-box; padding-right: 1em; width: 3%;}
.entrylist ul li:last-child{ position: absolute; width: 3%; text-align: right; right: 0;}


.admin_entrylist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.admin_entrylist ul li:first-child { width: 3%; text-align: center; box-sizing: border-box; padding-right: 1em;}
.admin_entrylist ul li:nth-child(2) { width: 6%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(3) { width: 10%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(4) { width: 10%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(5) { width: 16%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(6) { width: 16%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(7) { width: 14%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(8) { width: 14%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:nth-child(9) { width: 6%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:last-child{ position: absolute; width: 5%; text-align: right; right: 0;}

.scrum_entrylist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.scrum_entrylist ul li:first-child { width: 3%; text-align: center; box-sizing: border-box; font-size: 1.1rem;}
.scrum_entrylist ul li:nth-child(2) { width: 5%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:nth-child(3) { width: 8%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:nth-child(4) { width: 8%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:nth-child(5) { width: 8%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:nth-child(6) { width: 16%; box-sizing: border-box; padding-left: 1em;}
.scrum_entrylist ul li:nth-child(7) { width: 16%; box-sizing: border-box; padding-left: 1em;}
.scrum_entrylist ul li:nth-child(8) { width: 16%; box-sizing: border-box; padding-left: 1em;}
.scrum_entrylist ul li:nth-child(9) { width: 5%; box-sizing: border-box; text-align: center; }
.scrum_entrylist ul li:nth-child(10) { width: 5%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:nth-child(11) { width: 5%; box-sizing: border-box; text-align: center;}
.scrum_entrylist ul li:last-child{ position: absolute; width: 5%; text-align: right; right: 0;}


.admin_grandprixlist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.admin_grandprixlist ul li:first-child { width: 3%; text-align: center; box-sizing: border-box; padding-right: 1em;}
.admin_grandprixlist ul li:nth-child(2) { width: 20%; box-sizing: border-box; padding-left: 1em;}
.admin_grandprixlist ul li:nth-child(3) { width: 20%; box-sizing: border-box; padding-left: 1em;}
.admin_grandprixlist ul li:nth-child(4) { width: 18%; box-sizing: border-box; padding-left: 1em;}
.admin_grandprixlist ul li:nth-child(5) { width: 10%; box-sizing: border-box; padding-left: 1em;}
.admin_grandprixlist ul li:nth-child(6) { width: 22%; box-sizing: border-box; padding-left: 1em;}
.admin_entrylist ul li:last-child{ position: absolute; width: 7%; text-align: right; right: 0;}

ul.kyodo_edit { display: flex; flex-wrap: wrap; }
ul.kyodo_edit li {margin-right: 2em;}

.whatsnew_adminlayout ul { display: flex; list-style-type: none; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; position: relative; }
.whatsnew_adminlayout ul li:first-child { width: 4em; text-align: center;}
.whatsnew_adminlayout ul li:nth-child(2) { width: 10em; text-align: center;}
.whatsnew_adminlayout ul li:nth-child(3) { width: calc(100% - 23em); ; text-align: left; }
.whatsnew_adminlayout ul li:nth-last-child(3){ position: absolute; right: 6em; width: 3em; text-align: center;}
.whatsnew_adminlayout ul li:nth-last-child(2){ position: absolute; right: 3em; width: 3em; text-align: center;}
.whatsnew_adminlayout ul li:last-child { position: absolute; right: 0; width: 3em; text-align: right;}

.whatsnew_add fieldset { padding: 2em 2em 0; margin: 50px 0;}
.whatsnew_add fieldset legend { padding-left: 2em; padding-right: 2em; font-size: 1.0rem; font-weight: bolder;}
.whatsnew_add ul { display: flex; list-style-type: none; position: relative; }
.whatsnew_add ul li select { box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; }
.whatsnew_add ul li input{ box-sizing: border-box; padding:0.5em 1em; border: #ccc 1px solid; ; background: rgba(159,186,197,0.10); font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; border-radius: 5px; }

.whatsnew_add ul li:first-child{ width: 18em; } 
.whatsnew_add ul li:nth-child(2){ width: calc(100% - 46em); } 
.whatsnew_add ul li:nth-child(2) input{ width: 100%;}
.whatsnew_add ul li:nth-last-child(3){ position: absolute; right: 14em; width: 13em; text-align: left; }
.whatsnew_add ul li:nth-last-child(3) input{width: 90%;}
.whatsnew_add ul li:nth-last-child(2){ position: absolute; right: 6em; width: 7em; text-align: left; }
.whatsnew_add ul li p{ text-align: left; ;}
.whatsnew_add ul li:last-child{ width: 4em; position: absolute; right:0; text-align: left;} 
.whatsnew_add ul li:last-child input{ text-align: right;} 
.whatsnew_add　p{ font-size: 0.7rem;}

table.ocdate{ width: 100%; border-collapse:collapse; border-spacing:0; padding-bottom: 10px; margin-bottom: 10px; }
table.ocdate th{ font-weight: bolder; background-color: #9CB5E0; color: #ffffff; border: 1px solid #000000; padding: 1.5em; vertical-align : middle ; text-align: center; }
table.ocdate td{ padding-top: 1.5em; padding-bottom: 1.5em; padding-right: 2em; padding-left: 2em; color: #111111; border: 1px solid #000000; background-color: #ffffff; vertical-align : middle ; }
table.ocdate input{ padding:0.5em 1.0em; border-radius: 5px; background-color: rgba(225,225,225,0.50); border: #ccc 1px solid;}
table.ocdate select{ padding:0.5em 1.0em; border-radius: 5px; background-color: rgba(225,225,225,0.50); border: #ccc 1px solid; }

/*パスワードリセット-----------*/
table.entryform{ width: 100%; border-collapse:collapse; border-spacing:0; padding-bottom: 10px; margin-bottom: 10px; }
table.entryform th{ font-weight: bolder; background-color: #9CB5E0; color: #ffffff; border: 1px solid #000000; padding: 1.5em; vertical-align : middle ; text-align: center; }
table.entryform td{ padding-top: 1.5em; padding-bottom: 1.5em; padding-right: 2em; padding-left: 2em; color: #111111; border: 1px solid #000000; background-color: #ffffff; vertical-align : middle ; }
table.entryform td p{ padding-bottom:5px; }
table.entryform td ul{ display:flex;}
table.entryform td ul li { width: 8em; margin-right: 1em;}
table.entryform td ul li input { width: 7em;}
table.entryform input{ padding:0.5em 1.0em; border-radius: 5px; background-color: rgba(225,225,225,0.50); border: #ccc 1px solid;}
table.entryform select{ padding:0.5em 1.0em; border-radius: 5px; background-color: rgba(225,225,225,0.50); border: #ccc 1px solid; }
.input_email { width: 50%;}


/*-----------入金管理--------------*/
.paymentlist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.4rem;}
.paymentlist ul li:first-child { width: 4em; text-align: right; box-sizing: border-box; padding-right: 1em;}
.paymentlist ul li:nth-child(2) { margin-right: 2em; width: 16em;font-size: 1.3rem;}
.paymentlist ul li:nth-child(3) { margin-right: 2em; width: 16em; font-size: 1.3rem;}
.paymentlist ul li:nth-child(4) { margin-right: 2em; width: 16em;}
.paymentlist ul li:nth-child(5) { margin-right: 2em; width: 5em; text-align: right;}
.paymentlist ul li:nth-child(6) { margin-right: 2em; width: 5em; text-align: right;}
.paymentlist ul li:nth-child(7) { margin-right: 2em; width: 5em; text-align: right;}
.paymentlist ul li:nth-child(8) { margin-right: 1em; width: 7em; text-align: center;}
.paymentlist ul li:nth-child(9) { margin-right: 1em; width: 7em; text-align: center;}
.paymentlist ul li:nth-child(10) { margin-right: 1em; width: 5em; text-align: center;}
/*--.paymentlist ul li:nth-child(6) { margin-right: 2em; width: calc(100% - 59em);}--*/
.paymentlist ul li:nth-child(11) { width: 6em; text-align: right; right: 0;}
.paymentlist ul li:nth-child(11) a { color: blue; text-decoration: none; }


.search_form { width: 800px; margin: 0 auto;}
.search_form dl dt { float: left;}
.search_form dl dd { margin-left: 300px; margin-bottom: 0.5em;}
.search_form input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.search_form select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.search_form textarea { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.search_form button { padding: 0.3em 2em; margin-top: 1em; font-size: 2.3rem;}

.jumoku_adminlayout{ margin-top: 80px; margin-bottom: 80px;}
.jumoku_adminlayout ul { display: flex; flex-wrap: wrap; list-style-type: none;}
.jumoku_adminlayout ul li { width: 30%; margin-right: 5%; text-align: center; background-color: #1B2A70; padding: 1em 0; margin-bottom: 4em;}
.jumoku_adminlayout ul li:nth-child(3n) { margin-right: 0;}
.jumoku_adminlayout ul li a { color: #fff; text-decoration: none; }
.jumoku_adminlayout ul li:hover{ background-color: #631B1D; }

.adminlist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.adminlist ul li { box-sizing: border-box; }
.adminlist ul li:first-child { width: 3%; text-align: right; box-sizing: border-box; padding-right: 1em;}
.adminlist ul li:nth-child(2) { padding-right: 1em; width: 20%;}
.adminlist ul li:nth-child(3) { padding-right: 1em; width: 20%;}
.adminlist ul li:nth-child(4) { padding-right: 1em; width: 20%;}
.adminlist ul li:nth-child(5) { padding-right: 1em; width: 10%;}
.adminlist ul li:nth-child(6) { padding-right: 1em; width: 20%;}
.adminlist ul li:last-child{ position: absolute; width: 7%; text-align: right; right: 0;}


table.option_tbl { box-sizing: border-box; border-collapse: collapse;background-color: #fff; font-size: 1.5rem; margin-top: 80px; margin-bottom: 80px;}
table.option_tbl th{ border: 1px solid #333;padding: 1.5em 2em;background-color: #E6E6E6; color: #000; text-align: right;}
table.option_tbl td{border: 1px solid #333;padding: 1.5em 2em; color: #333;}

/*-------------Zoom------------------*/
.zoomlist ul{ display: flex; list-style-type: none; width: 100%; padding-top: 1em; padding-bottom: 1em; position: relative; border-bottom: 1px solid #ccc; font-size: 1.3rem;}
.zoomlist ul li:first-child { width: 5%; text-align: center; box-sizing: border-box;}
.zoomlist ul li:nth-child(2) { width: 8%;}
.zoomlist ul li:nth-child(3) { box-sizing: border-box;padding-right: 2em; width: 10%; }
.zoomlist ul li:nth-child(4) { box-sizing: border-box;padding-right: 2em; width: 15%; }
.zoomlist ul li:nth-child(5) { box-sizing: border-box;padding-right: 2em; width:27%; }
.zoomlist ul li:nth-child(6) { width: 13%;}
.zoomlist ul li:nth-child(7) { width: 13%;}
.zoomlist ul li:last-child{ position: absolute; width: 9%; text-align: right; right: 0;}