/* 蜈ｱ騾� */
footer {
    display: none;
}
.pg_ttl {
    display: none;
}
.oc_field {
    display: none;
}
.sns_icon {
    display: none;
}
img {
    width: 100%;
    height: auto;
}
.sp_only {
    display: none;
}

.gd{
    color: #E2350C;
}
.vi{
    color: #16AB54;
}
.il{
    color: #FD622B;
}
.ci{
    color: #7AC621;
}
.mg{
    color: #FAAA13;
}
.pd{
    color: #00A5F4;
}
.id{
    color: #376CB5;
}
.fid{
    color: #27D0CC;
}
.ad{
    color: #7C56A7;
}
.fad{
    color: #FA5CA6;
}
.cd{
    color: #9c2b69;
    background: -webkit-linear-gradient(0deg, #EE1C23, #602D91);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* contents */
.wrapper {
    width: 600px;
    margin-left: auto;
    margin: 0 auto;
    padding-top: 0!important;
    margin-top: 100px;
}
@media screen and (max-width:1423px) {
    .wrapper {
        margin-top: 160px;
    }
}
@media screen and (max-width:768px) {
    .wrapper {
        margin-top: 50px;
    }
}
@media screen and (max-width:768px) {
    .wrapper {
         width: 92%;
    }
}
.lp_bg {
    background-image: url(/august_spdc/2025/img/pattern.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom: 2em;
}

.fv {
	background: #FFF;
	width: 100%;
	padding: 2.5%;
	text-align: center;
	position: relative;
}
.fece_bg {
    position: fixed;
    bottom: 0;
    width: 500px;
}
.cont-midashi {
    background-image: repeating-linear-gradient(90deg, #e6e6e2, #e6e6e2 1px, transparent 1px, transparent 12px), repeating-linear-gradient(0deg, #e6e6e2, #e6e6e2 1px, #fff 1px, #fff 12px);
    padding: 2em 0 0;
}
.midashi-txt {
    text-align: center;
    padding: 2em 1em 4em;
    margin-top: 0;
    line-height: 1.7;
    font-size: 1.8rem;
}
.btn_apply .btn_01 {
    margin: 15px auto;
    padding: 1em;
    width: 280px;
    animation: move_a 2s infinite;
    transition: .3s all;
}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
@media screen and (max-width:768px) {
    .midashi-txt {
        font-size: 1.5rem;
        padding: 2rem 0.5em 5em;
    }
    .cont-midashi .btn_01 {
        font-size: 1.5rem;
    }
}
.cont-event_detail {
    background: #ffffff;
}

/*繧ｿ繝悶ｒ讓ｪ荳ｦ縺ｳ縺ｫ*/
.tab-label {
    display: block;
    float: left;
    width: 49.83%;
    text-align: center;
	font-weight: 600;
}
.tab-label-heading {
    position: relative;
}
.tab-label-heading p {
    position: absolute;
    top: -68px;
    right: 105px;
    transform: rotate(-15deg);
}
.tab-label-heading p img {
    width: 80px;
}
.tab-label {
    position: relative;
    z-index: 4;
}
.tab-label-heading:not(:last-of-type) .tab-label{
    margin-right: 2px!important;
}
/*繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繧貞�縺ｦ髱櫁｡ｨ遉ｺ縺ｫ*/
input[name="tab-radio"] {
    display: none;
}
.tab-label{
    background-color: #d8231f!important;
    color: #FFF!important;
    cursor: pointer!important;
    font-size: 16px!important;
    padding: 10px 15px!important;
    transition: .3s;
	line-height: 1.3;
	padding: 10px 0;
}
/* 驕ｸ謚槭＆繧後◆繧ｿ繝悶�隕九◆逶ｮ */
input:checked + h2 > .tab-label{
    color: #ffffff!important;
    background-color: #155098 !important;
    transition: .3s;
}
.tab-panel{
    clear: both;
    display: none;
    border: 5px solid #155098;
}
/* 驕ｸ謚槭＆繧後※縺�ｋ繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ縺ｫ蠢懊§縺ｦ繝代ロ繝ｫ繧定｡ｨ遉ｺ */
#tab-a:checked ~ .panel-a,
#tab-b:checked ~ .panel-b,
#tab-c:checked ~ .panel-c{
    display: block;
}
.tab-panel > div {
    padding: 0;
    text-align: center;
    padding-bottom: 2em;
    background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(235, 239, 242, 1) 10px, rgba(235, 239, 242, 1) 12px );
}
.tab-inner h2 {
    margin: 2em auto;
}
.tab-inner h2 span {
    background: #aa9649;
    color: #fff;
    padding: 0.3em 1em;
}
.tab-inner .date {
    font-size: 3.6rem;
    margin: 0 auto;
    font-weight: bold;
}
.tab-inner .midashi {
    margin: 2em auto;
    font-size: 1.7rem;
}
.cont-taite {
    position: relative;
}
.panel-b .cont-taite {
    margin-top: 2em;
}

@media screen and (max-width:768px) {
    .tab-inner .midashi {
        font-size: 1.5rem;
    }
    .panel-b .midashi {
        font-size: 1.5rem;
    }
    .tab-label {
        width: 49.7%;
        font-size: 1.4rem !important;
    }
    .tab-label-heading p {
        right: 40px;
    }
}
.cont-kouza h2 {
    width: 40%;
    margin-bottom: 1em;
}
.cont-tokuten h2 {
    width: 40%;
    text-align: center;
    margin: 2em auto 1em;
}
.cont-taite h2 {
    width: 68%;
    text-align: center;
    margin: 0 auto;
}
.cont-access h2 {
    width: 40%;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
    .cont-tokuten h2 {
        width: 46%;
    }
    .cont-taite h2 {
        width: 88%;
    }
    .cont-access h2 {
        width: 60%;
    }
}
/* modal */
.modal .inner {
    width: 100%;
    margin: 10px auto 0;
    padding: 0 20px;
}
  /* 繝｢繝ｼ繝€繝ｫ繧帝幕縺上�繧ｿ繝ｳ */
.modal__trigger,.modal__trigger2 {
    cursor: pointer;
    float: left;
    margin-bottom: 3em;
    margin: 10px 4px;
    font-weight: bold;
    background: #FFF;
    border-radius: 15px;
    width: 48%;
    text-align: center;
    padding: 12px 5px;
    border: 2px solid #155098;
    box-shadow: 3px 5px 0px #d8231f;
    transition: .3s all;
}
/* 繝｢繝ｼ繝€繝ｫ譛ｬ菴� */
.modal__wrapper,.modal__wrapper2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.modal__layer, .modal__layer2 {
    height: 100%;
    background: rgba(50, 50, 50, 0.85);
    cursor: pointer;
}
.modal__container, .modal__container2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(100% - 40px, 400px);
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
.modal__inner {
    position: relative;
    height: 100%;
    padding: 30px 10px 10px;
}
.modal__content h2 {
    display: table;
    margin: 0 0 30px;
    padding: 0 0 10px!important;
    font-size: 2.2rem;
    line-height: 1.5;
    border-bottom: 1px solid #CD3074;
}
.modal__content h3 {
    display: block;
    font-size: 2.0rem;
    color: #333333;
    padding: 10px 22px;
    margin: 0 0 45px;
    background: #F7F5F6;
    border-left: 5px solid #DE0975;
    border-bottom: none;
    text-align: left;
    font-weight: normal;
}
.modal__content p {
    font-size: 1.2em;
    margin-bottom: 2em;
    margin: 1em auto;
    font-weight: bold;
}
.modal__content ul li img{
width: 100%;
}

.modal__content li {
	padding-top: 0 !important;
}

/* modal */
.modal__close, .modal__close2 {
    position: absolute;
    top: 0;
    right: 20px;
    width: 44px;
    height: 44px;
    background: rgb(50, 50, 50);
    cursor: pointer;
    transition: opacity 0.6s;
}
.modal__close:hover, .modal__close2:hover {
    opacity: 0.6;
}
.modal__close:before, .modal__close:after, .modal__close2:before, .modal__close2:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: #fff;
    content: "";
}
.modal__close:before, .modal__close2:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close:after, .modal__close2:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 繝｢繝ｼ繝€繝ｫ蜀��繧ｳ繝ｳ繝�Φ繝� */
.modal__text {
    margin-top: 30px;
    line-height: 2.875;
}
.modal__title img {
    width: 200px;
}
.modal__title p {
    display: inline-block;
    font-size: 18px;
    margin-left: 2em;
}
.modal__title p .dept_interior {
    color: #376CB5;
    font-weight: bold;
}
.modal__title p .dept_illust {
    color: #FD622B;
    font-weight: bold;
}
.modal__title p .dept_fashion {
    color: #FA5CA6;
    font-weight: bold;
}
.modal__title p .dept_graphic {
    color: #E2350C;
    font-weight: bold;
}
.modal__title p .senior_name {
    margin: 0 1em 0 0;
}
.modal__title p .major {
    font-size: 12px;
}
.modal__content dt {
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .modal .inner {
        padding: 0;
    }
    .modal__trigger {
        width: 47%;
        font-size: 1rem;
		letter-spacing: 0;
    }
    .modal__trigger, .modal__trigger2 {
        box-shadow: 3px 5px 0px #f4c800;
        padding: 10px 0;
    }
}

.cont-taite {
    margin-top: 3em;
}

/* 繧ｿ繧､繝�繝��繝悶Ν */
.booth_box {
    width: 80%;
    margin: 3em auto 0;
}
.booth_box .booth_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.booth_box .booth_list li {
    width: 48%;
    text-align: center;
    letter-spacing: 1px;
}
.booth_box .booth_list img {
    width: 340px;
    margin: 0 auto;
}
.booth_box .booth_title {
    margin-bottom: 20px;
    height: 150px;
}
.booth_box .text_area {
    width: 100%;
}
.booth_box .booth_img {
    width: 400px;
}
.booth_box .text_area {
    margin-top: 20px;
}
.booth_box + p {
    margin-top: 2em;
    font-size: 1.5rem;
}
.booth_flame >.text_area {
    text-align: left;
}
@media screen and (max-width:767px) {
    .booth_box {
        width: 90%;
        margin-top: 2em;
    }
    .menu_booth{
        padding: 1em 0 8em;
    }    
    .booth_bg{
        padding: 1em 2% 0px 2%;
        padding-bottom: 22em;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .booth_flame {
        text-align: center;
        padding: 2em 0 0;
        border-radius: 10px;
        max-width: 1000px;
    }
    .booth_top{
        margin: 20px 0;
    }
    .booth_img{
    width:100%;
    }
    .booth_box .booth_list li {
        width: calc(100% / 1 - 1em);
        margin-bottom: 2em;
    }
    .last-booth {
        display: none;
    }
    .booth_bg.gakkou_setsumei {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .booth_box .booth_list img {
        width: 100%;
    }
}
.schedule {
    position: relative;
    font-size: 14px;
}
.schedule::before {
    position: absolute;
    background-color: #000000;
    content: "";
}

.schedule ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.schedule li {
    position: relative;
}

.schedule_time {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* width: 5em; */
    width: 12em;
    height: 2em;
    border-radius: 6px;
    background-color: #155098;
    color: #fff;
    text-align: center;
}
.schedule_time::before {
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    z-index: -1;
    background-color: #155098;
    content: "";
}
.schedule_time::after {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #155098;
    content: "";
}

.schedule_content_title {
    font-weight: bold;
}
.schedule_content_title .small_txt {
    font-size: 1.3rem;
    font-weight: normal;
    display: block;
}
.schedule_content .img_box {
    width: 70%;
    margin: 0 auto 2em;
    height: 150px;
    display: none;
}
.schedule_content .img_box.cont2 {
    width: 90%;
}
.schedule_content .img_box.cont4 {
    width: 95%;
}
.schedule_content .img_box img {
    width: 100%;
}


    .schedule::before {
        top: 0px;
        left: 6.5em;
        width: 6px;
        height: 100%;
    }

    .schedule li {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .schedule li + li {
        margin-top: 2em;
    }
    .schedule_time {
        width: 5em;
    }
    .schedule_time::before {
        top: 50%;
        right: 0px;
        transform: translateX(50%) translateY(-50%) rotate(45deg);
    }
    .schedule_time::after {
        top: 50%;
        left: 6em;
        transform: translateY(-50%);
    }
    .schedule_content {
        margin: 0px 0px 0px 3em;
        width: calc(100% - 10em);
    }
    .schedule_content_title {
        text-align: center;
        font-size: 1.6rem;
    }
    .schedule_content .img_box.cont4 {
        margin-bottom: 0;
    }

/*@media screen and (min-width: 992px) {
    .schedule::before {
        top: 3.5em;
        left: 0px;
        transform: translateY(-50%);
        width: 100%;
        height: 5px;
    }
    .schedule ul {
        display: flex;
        margin: 0px -10px;
        overflow-x: scroll;
    }
    .schedule li {
        margin: 0px 10px;
        width: calc(42.5% - 17px);
    }
    .schedule_time {
        margin: 0px auto;
    }
    .schedule_time::before {
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%) translateY(50%) rotate(45deg);
    }
    .schedule_time::after {
        top: 3.5em;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .schedule_content {
        margin: 3em 0px 0px;
    }
    .schedule_content_title {
        text-align: center;
        font-size: 1.6rem;
    }
    .schedule_content_detail {
        margin-top: 0.5em;
    }
}*/

.cont-access .caution {
    font-size: 1.5rem;
    font-weight: bold;
    color: #d8231f;
}
.cont-access .caution:after {
  content: none;
}
.cont-access {
	width: 90%;
	margin: 3em auto 0;
}
.cont-tokuten ul li {
    font-size: 2rem;
    margin: 0.5em auto;
    padding: 0.7em 0;
    border: 2px solid;
    border-radius: 15px;
    background: #fff;
    font-weight: bold;
}
.cont-tokuten ul li span {
    font-size: 1.2rem;
}
.fuwafuwa {
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
    position: absolute;
    top: 15px;
    width: 130px;
    right: 10px;
    z-index: 1;
}
.cont-taite .fuwafuwa {
    left: 20px;
    width: 120px;
    z-index: 1;
    top: -30px;
}

.cont-koutsuhi .fuwafuwa {
    left: -40px;
    width: 120px;
    z-index: 1;
    top: -30px;
}
@keyframes floating-y {
    0% {
        transform: translateY(-10%);
    }
    100% {
        transform: translateY(10%);
    }
}
.cont-access p {
    margin-top: 1em;
    font-size: 1.8rem;
    position: relative;
}
.cont-access p span{
    display: block;
}

@media screen and (max-width: 768px){
    .cont-access p {
        margin: 1em auto;
        font-size: 0.9em;
    }
	.cont-access h3 {
		font-size: 1em;
		margin-top: 1.5em !important;
	}
.cont-access p:after {/*逕ｻ蜒上ｒ邨ｶ蟇ｾ驟咲ｽｮ*/
  left: 25%;
}
}

/*繝輔Ο繝ｼ繝�ぅ繝ｳ繧ｰ*/
.floating-banner {
    position: fixed;
    bottom: 0;
    z-index: 9;
    background: rgba(21,80,152,0.3);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	left: 0;
}
.floating-banner__image,.floating-banner__image_pc {
    max-width: 100%; 
}
.floating-button{
    display: block;
    width: 50vw;
    max-width: 500px;
    font-weight: 700;
    padding: 10px 50px 10px 20px;
    border-radius: 9999px;
}
.cta_wrap_short{
    display: none;
}
.floating-banner__image{
    display: none;
}
@media screen and (max-width:767px) {
    .floating-button{
        max-width: 380px;
        padding: 10px 6px;
        width: auto;
    }
    .floating-banner {
        width: 100%;
        left: 0;
        z-index: 9;
    }
    .thumb_cont_list.column_2 > li .ttl {
        margin: 5px 0 8px;
    }
}

.btn_01 {
    text-align: center;
    text-decoration: none;
    width: 260px;
    margin: 1em 0.5em;
    padding: 2rem 2rem;
    font-weight: bold;
    border-radius: 100vh;
    background: #d8231f;
    color: #fff;
    box-shadow: 0px 5px 0 #155098;
    display: block;
    transition: .3s;
    position: relative;
    border: 3px solid #155098;
    font-size: 1.8rem;
}
.blu_btn {
	background: #155098;
	border: 3px solid #d8231f;
	box-shadow: 0px 5px 0 #d8231f;
}

.btn_01:hover {
    transform: translate(0, 4px);
    box-shadow: 0 0px 0 #ffffff;
}
.dli-chevron-down {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    width: 0.8em;
    height: 0.8em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
.btn_07 {
    text-align: center;
    text-decoration: none;
    width: 270px;
    margin: 1em auto 0;
    padding: 1rem 4rem;
    font-weight: bold;
    border-radius: 100vh;
    background: #000000;
    color: #fff;
    box-shadow: 0px 5px 0 #b2b2b2;
    display: block;
    transition: .3s;
    position: relative;
}
.btn_07.graphic {
    background: #E2350C;
}
.btn_07.product {
    background: #00A5F4;
}
.btn_07.figure {
    background: #27D0CC;
}
.btn_07.fashion {
    background: #FA5CA6;
}
.btn_07.illust {
    background: #FD622B;
}
.btn_07.visual {
    background: #16AB54;
}
.btn_07.interior {
    background: #376CB5;
}
.btn_07.architects {
    background: #7C56A7;
}
.btn_07.comic {
    background: #7AC621;
}
.btn_07.manga {
    background: #FAAA13;
}
.btn_07.all {
    background: -webkit-linear-gradient(0deg, #EE1C23, #602D91);
}
@media screen and (max-width:767px) {
    .btn_01 {
        padding: 0.7em;
        width: 48%;
        font-size: 1.4rem;
    }
}

/* css繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
.btn_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
#btn_animation .btn {
    display: block;
    width: 200px;
    height: 78px;
    text-align: center;
    line-height: 78px;
    color: #fe447c;
    font-size: 24px;
    text-decoration: none;
    background-image: repeating-linear-gradient(0deg, #fe447c, #fe447c 10px, transparent 10px, transparent 20px, #fe447c 20px), 
    repeating-linear-gradient(90deg, #fe447c, #fe447c 10px, transparent 10px, transparent 20px, #fe447c 20px), 
    repeating-linear-gradient(180deg, #fe447c, #fe447c 10px, transparent 10px, transparent 20px, #fe447c 20px), 
    repeating-linear-gradient(270deg, #fe447c, #fe447c 10px, transparent 10px, transparent 20px, #fe447c 20px);
    background-size: 3px calc(100% + 20px), calc(100% + 20px) 3px, 3px calc(100% + 20px) , calc(100% + 20px) 3px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    animation: borderAnimation 0.6s infinite linear;
}
@keyframes borderAnimation {
    from { background-position: 0 0, -20px 0, 100% -20px, 0 100%; }
    to { background-position: 0 -20px, 0 0, 100% 0, -20px 100%; }
}
.title {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 500;
	font-style: normal;
	font-size: 3em;
	line-height: 1.0;
	margin-top: 0.5em;
}
.days {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 500;
	font-style: normal;
	font-size: 2.5em
}
.center {
	text-align: center;
}
.blu {
	color: #155098;
}
.eventprogrambox ul,
.eventprogrambox2 ul{
	display: flex;
	align-items: center;
	justify-content: space-around;
	border: 5px solid #155098;
	background: #FFF;
	width: 95%;
	margin: 0 auto;
	margin-top: 15px;
}
.eventprogramboxlist li {
	padding: 0 2%;
	margin: 2% 0;
	border-left: 5px solid #155098;
	font-weight: 600;
	width: 33%;
}
.eventprogrambox2 .eventprogramboxlist li {
	width: 50% !important;
}
.eventprogramboxlist li a {
	color: #155098 !important;
}
.eventprogramboxlist li:first-child {
	border: none;
}
.redback {
	color: #FFF;
	background: #d8231f;
	text-align: center;
	padding: 5px;
	font-size: 0.8em;
	letter-spacing: 0;
	margin-bottom: 5px;
}

.eventprogramboxtext {
	line-height: 1.2;
}
.down {
	margin: 10px auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-top: 20px solid #d8231f;
	border-bottom: 0;
	display: block;
}

.eventprogramboxlist li:hover {
    transform: translate(0, 4px);
}

.eventprogramlist {
	width: 90%;
	margin: 0 auto;
}

.eventprogramlist h5 {
	font-size: 1.3em;
	font-weight: 600;
	color: #d8231f;
	text-align: left;
}
.eventprogramlistbox {
	background: #efefef;
	border-top: 3px solid #155098;
	position: relative;
	margin-top: 5px;
	padding-bottom: 2em;
}
.tablist {
	padding-top: 40px;
}
.deco01 {
	position: absolute;
	top:-26px;
	right: 0;
	width: 100px;
}
.deco02 {
	position: absolute;
	top:-75px;
	right: 0;
	width: 80px;
}
.deco03 {
	position: absolute;
	top:-77px;
	right: 0;
	width: 60px;
}
.eventprogramlistbox h6 {
	color: #FFF;
	font-size: 1.3em;
	font-weight: 600;
	text-align: left;
	margin-top: 7px;
}
.eventprogramlistbox h6 span {
	background: #155098;
	border-radius: 0 0 30px;
	padding: 10px 30px 10px 15px;
}
.eventprogramlistbox .text {
    font-size: 1.7rem;
	text-align: left;
	padding: 2em 2em 0;
}
.Small {
	font-size: 0.85em !important;
}
.Big {
	font-size: 1.4em!important;
}
.profilebox {
	background: #FFF;
	border-radius: 30px;
	width: 90%;
	margin: 110px auto 0;
	padding: 110px 30px 30px;
	position: relative;
}

.profilebox figure {
	position: absolute;
	top:-120px;
	left: 0;
	width: 100% !important;
	text-align: center;
}

.profilebox figure img {
	width: 200px;
}

.profilebox h7 {
	text-align: center;
	color: #155098;
	font-size: 1.2em;
	font-weight: 600;
}

.profilebox p {
	text-align: left;
	font-size: 0.85em !important;
	padding-top: 15px;
}

.futidori {
	color: transparent;
	-webkit-text-stroke: 2px #454545;
	text-shadow: 3px 3px #155098;
	font-size: 2.5em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 800;
}

.cont-koutsuhi {
	width: 90%;
	margin: 0 auto 0;
	padding: 0 0 5em;
}
.cont-koutsuhi figure {
	margin-top: 3.5em;
	position: relative;
}
.week {
	font-size: 0.6em;
	padding-left: 3px;
}

.heading {
	font-weight: 600;
	padding: 1.5em 0;
	color: #155098;
	width: 90%;
	margin: 0 auto;
	letter-spacing: 0;
}

.red {
	color: #d8231f;
}

.eventprogramlistbox figure {
	width:90%;
	margin: 30px auto 0;
}

.modal {
	position: relative;
}

.coming {
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 4;
	background-color: rgb(216 35 31 / 0.7);
	width: 90%;
	height: 90%;
}

.coming p {
	color: #FFF;
	font-size: 3em;
	font-family: "Oswald", sans-serif;
	text-align: center;
	vertical-align: middle;
	padding-top:28%; 
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.map_wrap {
	margin: 1em auto;
}

.cont-access h3 {
	margin-bottom: -0.8em;
	font-weight: 600;
	color: #155098;
	margin-top: 2em;
}
.pagelink {
    padding-top: 70px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -70px; /* heightと同じ分のネガティブマージン */
}
.attention_koutsuhi {
	padding-top: 15px;
	list-style-position: inside;
}
.attention_koutsuhi li {
	padding-left: 1em;
    text-indent: -1em;
}
.attention_koutsuhi li::before{
 content: "⚫︎";
 color: #155098;
 font-size: 0.6em;
 margin-right: 0.5em;
}
.table th,
.table td {
    border: solid 1px #70cdde;
	padding: 10px;
}
.table  {
    border-collapse:  collapse;
	border: solid 1px #155098 !important;
}
.table th {
	vertical-align: middle;
	width: 20%;
	font-weight: 600;
	text-align: center;
}
.table td {
	background: #e9eef2;
	text-align: center;
	font-weight: 600;
	vertical-align: middle;
}
.price {
	color: #d8231f;
	font-size: 2em;
	line-height: 1.2;
}
.yen {
	font-size: 0.5em;
}
.table p {
	color: #155098;
	line-height: 1.3;
}
.gry td {
	background: #5a5657 !important;
	color: #FFF;
}
.eventprogramlistphoto {
	margin-top: 0.5em;
	text-align: center;
}
.course_btn {
	width: 130px;
	margin: 8px auto 0;
	background: #155098;
	color: #FFF;
	text-align: center;
	padding: 10px 0 12px;
	border-radius: 50px;
	line-height: 0.9;
	font-size: 0.9em;
}
.course_btn:hover {
	background: #d8231f;
}
@media screen and (max-width:768px) {
    .sp_only {
        display: block;
    }
	.pc_only {
        display: none;
    }
	.fuwafuwa {
    top: 10px;
    width: 75px;
	}
	.cont-koutsuhi .fuwafuwa {
	width: 75px;
	top: -20px;
	left: -20px;
	}
	.days {
	font-family: "Oswald", sans-serif;
	}
	.tab-label{
    padding: 5px 15px!important;
	line-height: 1.25;
	}
	.title {
	font-size: 2em;
	}
	.flexlist {
	display: flex;
	justify-content: space-between;
    align-items: center;
	}
	.eventprogrambox ul {
	display: block;
	border-left: 3px solid #155098;
	border-right: 3px solid #155098;
	border-top: 3px solid #155098;
	border-bottom: none;
	margin-top: 15px;
	}
	.eventprogrambox li {
	padding: 2%;
	margin: 0;
	border-bottom: 3px solid #155098 !important;
	border-left:none;
	width: 100%;
	}
	.eventprogrambox2 li {
	border-left: 3px solid #155098 !important;
	}
	.eventprogrambox2 li:first-child {
	border-left: none !important;
	}
	.eventprogrambox2 ul {
	border: 3px solid #155098;
	}
	.eventprogrambox2 p {
	 font-size: 0.9em;
     letter-spacing: 0;
    }
	.eventprogrambox p {
	text-align: left;
	}
	.eventprogrambox .down {
	margin: 0 10px 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #d8231f;
	}
	.eventprogramlist h5 {
		font-size: 1.1em;
	}
	.deco01,
	.deco02,
	.deco03 {
    display: none;
	}
	.eventprogramlistbox h6 {
	font-size: 1em;
	background: #155098;
	margin-top: 0;
	padding: 10px 15px;
	}
	.eventprogramlistbox h6 span {
	background: none;
	border-radius: 0;
	padding: 0;
	}
	.eventprogramlistbox .text {
    font-size: 0.9em;
    padding: 1em 1em 0;
	}
	.profilebox figure {
	top:-110px;
	}
	.profilebox figure img {
    width: 150px;
	}
	.profilebox {
    border-radius: 20px;
    margin: 90px auto 0;
    padding: 80px 15px 30px;
	}
	.cont-taite .fuwafuwa {
    width: 80px;
    left: -10px;
    top: -30px;
	}
	.futidori {
    font-size: 2em;
	-webkit-text-stroke: 1px #454545;
    text-shadow: 2px 2px #155098;
	}
	.cont-taite {
    margin-top: 2em;
	}
	.cont-koutsuhi {
	width: 95%;
    margin: 0 auto 0;
    padding: 0 0 3em;
	}
	.coming p {
    padding-top: 42%
	}
	.heading {
    padding: 1.5em 0 0;
	}
	.eventprogramlist {
	width: 95%;
	}
	.cont-access {
    width: 95%;
    margin: 2em auto 0;
	}
	.eventprogramboxlist li:hover {
    transform: translate(0);
	}
	.cont-access .caution {
	font-size: 0.8em;
	}
	.pagelink {
    padding-top: 50px;
    margin-top: -50px;
	}
	.tablist {
	padding-top: 20px;
	}
	.cont-koutsuhi figure {
	margin-top: 2em;
	}
	.table th {
	width: 25%;
	font-size: 0.8em;
	}
	.table td {
	font-size: 1em;
	}
	.price {
	font-size: 1.4em;
	}
	.table p {
	font-size: 0.7em
	}
}