/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*PC・SP共に*/

a:hover{
	opacity: 0.7;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif!important;
	font-weight: bold!important;
	scroll-behavior: smooth;
	background-image: url("../images/bg.png");
	background-attachment: fixed;
	background-size: cover;
}

div.nav-menu{
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

div.nav-menu ul.fvmenu-ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin: 14px 30px;
	color: #0B3190;
}

ul.fvmenu-ul li{
	font-size: 18px;
	margin-left: 30px;
	padding-left: 30px;
	text-align: center;
	border-left: 1px #0B3190 solid;
}

ul.fvmenu-ul li span{
	display: block;
	font-size: 12px;
}

.nav-menu img {
    height: 42px;
    margin: 14px 30px;
}

div.fv-match {
    background-color: #0B3190;
    border-bottom: 2px #fff solid;
    border-top: 2px #fff solid;
}

ul.fvmatch-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

li.fvmatch-li {
    background-color: #fff;
    margin: 20px;
    border-radius: 10px;
    margin: 14px 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    position: relative;
}

li.fvmatch-li img.btn{
	margin: 0;
}

li.fvmatch-li img{
	width: 200px;
}

li.fvmatch-li.shimizu img.ma {
    padding: 27px 0 23px;
}

li.fvmatch-li.kumamoto img.ma {
    padding: 3px 0 0;
}

li.fvmatch-li.kumamoto::before{
	content: '';
	display: inline-block;
	width: 161px;
	height: 24px;
	background-image: url(../images/match-r.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.fvmatch-li ul.list img {
    width: 200px;
    height: auto;
}

div.main-area{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 800px 1fr;
	grid-template-columns: 1fr 800px 1fr;
}

div.left-area{
        position: sticky;
        top: 0;
        max-height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
		overflow: hidden;
}

div.center-area{
	background-attachment: fixed;
	background-size: contain;
	width: 800px;
	margin: auto;
	position: relative;
    z-index: 1;
    height: 100%;
	background-position: center;
	background-color: #fff;
}

div.rigtht-area{
	position: sticky;
	top: 0;
	max-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.message p.provocative-text {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

.message img {
    width: 100%;
    height: auto;
    margin: 0px;
}
.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	letter-spacing: 0.1em;
}

.message span{
    font-size: 24px;
    line-height: 40px;
	display: block;
	margin-top: 40px;
}

.left-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	color: #0B3190;
}

.left-area h1 img {
    width: 180px;
    height: auto;
	margin-bottom: 10px;
}

.left-area .side-menu{
	font-size: 18px;
}

.left-area .side-menu li{
	margin-top: 10px;
}

.left-area .side-menu span{
	display: block;	
	font-size: 12px;
}

.rigtht-area .oswald{
	font-size: 32px;
	color: #0B3190;
	margin-bottom: 20px;
}

.rigtht-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.rigtht-area .side-match img {
    width: 360px;
    height: auto;
    margin-bottom: 20px;
    padding: 0 20px;
}

.rigtht-area img.r-neetan{
    width: 130px;
    height: auto;
	margin-top: 50px;
}

div.neetan-before::before {
    content: '';
    display: inline-block;
    width: 300px;
    height: 340px;
    background-image: url(../images/big-neetan.png);
	background-size: cover;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div.neetan-before{
    position: relative;
	padding: 0 20px;
}

img.neetan {
    width: 460px;
    margin: 40px auto 0;
}

img.w500 {
    width: 500px;
    margin: 40px auto 0;
}

img.w700 {
    width: 720px;
    margin: 40px auto 0;
}

p.tit {
    text-align: left;
    margin: 0 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 40px;
    border-bottom: 2px solid;
}

span.h5 {
    text-align: left;
    margin: 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 25px;
}

ul.tit-txt li{
    text-align: left;
    margin: 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-top: 10px;
}

ul.tit-txt li a {
    text-decoration: underline;
}

ul.tit-txt.li li{
    text-indent: -1em;
    padding-left: 1em;
}


p.text {
    text-align: left;
/*    margin: 0 20px;*/
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-top: 10px;
}

section.match-schedule {
    position: relative;
    background-color: #fff;
    padding: 50px 20px;
    border-radius: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    z-index: 5;
    margin-top: 50px;
}

section h3 span.oswald {
	color: #0B3190;
	font-size: 32px;
	display: block;
}

div.main-area section{
	margin-bottom: 50px;
	padding: 0px 0px;
}

section h3 {
	color: #0B3190;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}

/*
div.center-area {
    padding: 0 20px;
}
*/

ul.schedule_btn {
    padding: 0 30px;
    margin: 10px 0px 0px;
}

ul.schedule_btn li{
    margin: 10px 0px 0px;
}

li.schedule-li.kumamoto {
    margin-top: 30px;
}

section.bg-uni{
	background-image: url("../images/bg-uni.jpg");
	background-size: 120px;
}

section.memorial-shirt p{
	font-size: 18px;
	text-align: center;
	margin: 20px auto 15px;
}

section.memorial-shirt li.memorial_li.memorial-shirt-photo img{
    max-width: 520px;
	margin-left: -65px;
}

section.memorial-shirt a.btn-li{
    padding: 0 30px;
    margin: 30px 0px 20px;
    display: block;
}

section.special-invitation {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(11, 49, 144, 1)), to(rgba(3, 98, 176, 1)));
    background-image: -o-linear-gradient(bottom, rgba(11, 49, 144, 1), rgba(3, 98, 176, 1));
    background-image: linear-gradient(0deg, rgba(11, 49, 144, 1), rgba(3, 98, 176, 1));
    margin-top: -50px;
}

section.special-invitation h3 {
	color: #fff;
}

section.special-invitation h3 span{
	color: #fff;
}

li.invitation_li.special-invitation-photo p.bold {
	font-weight: bold;
    margin: 20px 10px 5px;
}

li.invitation_li.special-invitation-photo ul {
  list-style: none;
  margin: 0 10px;
}

li.invitation_li.special-invitation-photo li {
  margin-left: 2rem;
  text-indent: -1.2rem;
}

li.invitation_li.special-invitation-photo li:before {
  content: "・";
}

li.invitation_li.special-invitation-photo {
    color: #fff;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0px 10px;
/*
    text-indent: -1em;
    padding-left: 1em;
*/
	font-weight: 100;
}

section.special-invitation a.btn-li {
    padding: 0 30px;
    margin: 30px 0px 20px;
    display: block;
}

li.benefits_li {
    margin: 30px 0;
}

li.benefits_li.toto {
    margin: 0 20px 40px;
}

section.visitor-benefits a.btn-li {
    padding: 0 30px;
    margin: 30px 0px 20px;
    display: block;
}

section.visitor-benefits li.benefits_li.benefits-shirt-photo img {
    max-width: 520px;
    margin-left: -65px;
}

section.visitor-benefits{
	margin-top: -50px;
}

section.bg-whiteframe {
    background-color: #fff;
    margin: 0 20px;
    border-radius: 20px;
}

section.bg-whiteframe a.btn-li {
    padding: 0 30px;
    margin: 30px 0px 20px;
    display: block;
}

.text-box h4 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0 10px;
}

.text-box p{
	font-size: 18px;
	line-height: 1.5em;
}

.text-box p {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 100;
}

.slider {
  position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-next:before, .slick-prev:before {
    opacity: 0!important;
}

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 190px;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    left: -15px;
    margin-top: -100px;
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
	right: -15px;
    margin-top: -100px;
}

.slick-prev:hover, .slick-next:hover {
    background: #0B3190;
	border: 1px #fff solid;
}

.slick-prev:hover::before,
.slick-next:hover::before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

.slick-prev, .slick-next {
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
	border: 1px #0B3190 solid;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
/*    position: relative;*/
}

.slick-prev {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-right: 20px;
}

.slick-prev::before,
.slick-next::before{
    position:absolute;
    content: "";
    width:10px;
    height:10px;
    border-right: 2px solid #0B3190;
    border-top: 2px solid #0B3190;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}

.slick-prev::before, .slick-next::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #0B3190;
    border-top: 2px solid #0B3190;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    /* z-index: 5; */
    opacity: 1 !important;
}


/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin: 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots li {
    width: 6px!important;
    height: 6px!important;
}

.slick-dots li button:before {
    background:#0B3190!important;
}

.slick-dots li button {
    width: 6px!important;
    height: 6px!important;
}

.slick-dots li button:before {
    width: 6px!important;
    height: 6px!important;
}
.slick-dots li button {
    padding: 0px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:4px;/*ドットボタンのサイズ*/
    height:4px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

section.event.bg-whiteframe p.eve-tit {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
    color: #0B3190;
    line-height: 26px;
}

section.gourmet.bg-whiteframe p.eve-tit {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
    color: #0B3190;
    line-height: 26px;
}

ul.event-ul li a {
    margin: 10px 0px !important;
}

section.sponsors h3 span.oswald{
    color: #fff;
}

section.sponsors ul li{
	margin-bottom: 50px;
}

ul.event-ul{
    margin: 60px 0px 0!important;
}

li.benefits_li.uchiwa {
    margin: 40px 10px 0 !important;
}

section.gourmet .slick-prev,section.gourmet .slick-next {
    top: 260px;
}

.slick-dots .slick-active button{
    background:#0B3190;;/*ドットボタンの現在地表示の色*/
}

h5.slider-title {
    color: #0B3190;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
	border-bottom: 1px #FEB606 solid;
	border-top: 1px #FEB606 solid;
	margin: 20px 0 15px;
	padding: 3px 0;
}

p.slider-text {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
}

ul.slide-overview li{
	color: #0B3190;
	font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin: 7px 0;
	display: flex;
    align-items: flex-start;
}

ul.slide-overview span{
	background-color: #0B3190;
	color: #fff;
	width: 90px;
	text-align: center;
	padding: 0 3px;
	display: block;
	margin-right: 15px;
	min-width: 90px;
}

footer.footer {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 150px;
    margin-top: -70px;
}

footer.footer .sns_ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

footer.footer img.logo {
    width: 160px;
    height: auto;
}

footer.footer ul{
    margin-top: 30px;
	margin-bottom: 30px;
}

li.sns-li {
    width: 42px;
    height: 42px;
	margin: 0 7px;
}

p.footer__copy {
	color: #0B3190;
	border-top: 2px solid #FFD900;
    width: 100%;
}

.footer {
	height: auto!important;
}

/*PC表示*/
@media screen and (min-width: 760px) and (max-width: 50000px){
	
	p.text {
    text-align: left;
		margin: 0 20px;
	}
	
/*
	.main-area{
		width: 430px;
	}
*/
	
	.sp_only{
		display: none;
	}
	
	.pc_only{
		display: block;
	}
	
}

/*タブレット表示*/
/*
@media screen and (min-width: 430px) and (max-width: 759px){
	
	div.main-area .rigtht-area{
		display: none;
	}
	div.main-area .left-area{
		display: br;
	}
	
	div.nav-menu ul.fvmenu-ul{
		display: none;
	}
	
}
*/

.match-schedule.questionnaire{
    margin-top: 120px;
}

.questionnaire p.text-period {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
	margin: 0 0 -20px;
}

p.text.text-period span {
    font-size: 15px;
    font-weight: 500;
}
/*SP表示*/
@media screen and (min-width: 0px) and (max-width: 760px){
	
	.sticky {
    display: none;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0px;
    z-index: 100;
}
	
/*
	.sticky {
		postion: -webkit-sticky;
		position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 100;
	}
*/
	
	.note{
    margin: 0 -20px;
}
	
	div.main-area section {
    margin-top: 0;
}
	
	div.main-area section {
    margin-bottom: 10px;
    padding: 0px 0px;
}
	
	section h3 {
    margin-bottom: 10px;
}
	.rn2026{
		margin-top: 50px;
	}
	
	img.neetan {
    width: 70%;
    margin: 40px auto 0;
}
	
    ul.fvmatch-ul {
        margin: 20px 0;
    }


	.nav-menu img {
		height: 30px;
		margin: 10px 0;
	}
	
	li.fvmatch-li img {
    	width: 45%;
	}
	
	.fvmatch-li ul.list img {
		width: 100%;
		height: auto;
		margin-left: 10px;
	}
	
	li.fvmatch-li {
    	height: 110px;
		margin: 5px 20px;
	}
	
/*
	li.fvmatch-li {
		flex-direction: column;
	}
*/
	
	div.nav-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

	ul.fvmatch-ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.sp_only{
		display: block;
	}
	
	.pc_only{
		display: none;
	}
	
	div.main-area .rigtht-area{
		display: none;
	}
	div.main-area .left-area{
		display: none;
	}
	
	div.nav-menu ul.fvmenu-ul{
		display: none;
	}
	
	section.memorial-shirt li.memorial_li.memorial-shirt-photo img {
    max-width: 100%;
    margin-left: 0px;
}
	
	section.visitor-benefits li.benefits_li.benefits-shirt-photo img {
    max-width: 100%;
    margin-left: 0px;
}
	div.center-area {
		max-width: 100%;
	}
	
	div.main-area {
		display: block;
	}
	
	.slick-prev, .slick-next {
		position: absolute;
		z-index: 3;
		top: 180px;
	}
	
	footer.footer a{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
	}
	
	footer.footer .sns_ul {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

/*
	div.main-area {
		grid-template-columns: auto;
	}
*/
/*
	section.memorial-shirt li.memorial_li.memorial-shirt-photo img {
		max-width: 100%;
		margin-left: 0px; 
	}
	

	
	section.visitor-benefits li.benefits_li.benefits-shirt-photo img {
		max-width: 100%;
		margin-left: 0px; 
	}
	
*/

	
	
}

	.fvmatch-li ul.list img {
        display: block;
    }