/* CSS Document */


/*------------------------------------------------------

	common css

------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }
body { font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #333; line-height: 1; background-color: #fff; overflow: hidden;}
.container { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
ul { list-style: none; }
ol { list-style: decimal; }
img { vertical-align: bottom; width: auto; max-width: 100%; height: auto; }
a { color: #065dac; }
a.fade:hover { text-decoration: none; background-color: #fff; color: #333; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.pc { display:block; }
.tab { display:none; }
.sp { display:none; }

.text { font-size: 1.7rem; line-height: 1.8;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* text indent */
.indent { text-indent: 1em; }
.indent-1 { text-indent: -1em; padding-left: 1em; }

main { display: block; background-color: #fff; }

@media (min-width: 481px) {
	body{ min-width: 1200px; }
	.container { max-width: 1200px; }
	a:hover { text-decoration: underline; color: #e60012; }
	a img:hover { opacity: 0.8; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
}

@media (max-width: 480px) {
	.container { /*margin-left: 10px; margin-right: 10px;*/ width: auto; }
	.pc , 
	.tab { display: none; }
	.sp { display: block;}
	.text { font-size: 1.6rem; line-height: 1.5;}
}




/*------------------------------------------------------

	flexbox

------------------------------------------------------*/
.colWrap { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }

.col2-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
.col3-1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col4-1 { width: -webkit-calc( 25% - 10px ); width: calc( 25% - 10px ); }

.colWrap .img { text-align: center;}
.colWrap .img img { width: auto; max-width: 100%; }

.col3L1 ,
.col3R1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col3L2 ,
.col3R2 { width: 66.6%; width: -webkit-calc( 99.9% * 0.66 - 10px ); width: calc( 99.9% * 0.66 - 10px ); }


@media (max-width: 480px) {
	
	.col2-1 { width: 100%; }
	.col3-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px);}
	.col4-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

	.col3L1 ,
	.col3R1 ,
	.col3L2 ,
	.col3R2 { width: 100%; margin-bottom: 15px; }
	
	.col2-1:first-child { margin-bottom: 15px; }
}



/*------------------------------------------------------

	header

------------------------------------------------------*/
header { margin-bottom: 110px;}
header .title { margin-bottom: 40px;}
header .title img {}
header p { font-size: 4rem; color: #1d2088; text-align: center;}


@media (max-width: 480px) {
	header { margin-bottom: 70px; }
	header p { font-size: 2.1rem; line-height: 1.4; font-weight: bold;}
}






/*------------------------------------------------------

	footer

------------------------------------------------------*/
footer { background-color: #E4D6E9;}
footer #copyright { text-align: center; font-size: 1.1rem; color: #000; padding: 20px 0;}

@media (max-width: 480px) {
	
}


/*------------------------------------------------------

	contentsInner

------------------------------------------------------*/
.contentsInner { margin-bottom: 70px;}
.contentsInner > .title { background-color: #E4D6E9; color: #1d2088; font-size: 2.7rem; text-align: center; line-height: 2; padding: 38px 0; position: relative; margin-bottom: 100px;}
.contentsInner > .title::before { content: ''; position: absolute; background: url(../images/icon_ekiden.png) no-repeat left top; width: 162px; height: 222px; background-size: 100% auto; left: 88px; top: -52px; }
.contentsInner .convention { margin-left: 265px;}
.contentsInner .convention .title { font-size: 3.1rem; color: #0095C6; margin-bottom: 50px;}
.contentsInner .convention ul {}
.contentsInner .convention ul li { font-size: 3rem; color: #0095C6; border-left: 18px solid #0095C6; padding-left: 22px; margin-bottom: 60px; line-height: 1.5; position: relative;}
.contentsInner .convention .name {}
.contentsInner .convention .date {}
.contentsInner .convention .place {}
.contentsInner .convention .point { position: absolute; font-size: 1.5rem; color: #0095C6; text-align: center; border: 1px solid #0095C6; display: inline-block; width: 175px; height: 30px; line-height: 30px; text-decoration: none; font-weight: bold; left: 400px; bottom: 5px; background-color: #fff;}
.contentsInner .convention .point::after { content: ''; border-top: 20px solid #0095C6; border-left: 20px solid transparent; position: absolute; top: 0; right: 0; }
.contentsInner .convention .point.disable { border-color: #ccc; color: #ccc;}
.contentsInner .convention .point.disable::after { border-top-color: #ccc;}

.contentsInner .note { font-size: 1.6rem; line-height: 1.4; font-weight: bold; color: #000; }

@media (min-width: 481px) {
	.contentsInner .convention .point:not(.disable):hover { opacity: 0.8;}
}

@media (max-width: 480px) {
	.contentsInner > .title { font-size: 2rem; line-height: 1.5; padding: 130px 0 10px; margin-bottom: 20px; font-weight: bold;}
	.contentsInner > .title::before { width: 115px; height: 160px; left: 0; right: 0; top: -37px; margin: auto; }
	.contentsInner .convention { margin-left: 10px; margin-right: 10px;}
	.contentsInner .convention .title { font-size: 2.4rem; margin-bottom: 30px;}
	.contentsInner .convention ul li { font-size: 2rem; padding-left: 10px; border-left-width: 12px; }
	.contentsInner .convention .point { left: auto; right: 0; bottom: -32px;}
	.contentsInner .note { font-size: 1.4rem; }
}


#cnt02.contentsInner > .title::before { background: url(../images/icon_judo.png) no-repeat left top; background-size: 100% auto; }
#cnt02.contentsInner .convention .member { border-left: none; padding: 0; }
#cnt02.contentsInner table { width: 100%; max-width: 740px; border-collapse: collapse; border-left: 1px solid #0095C6; border-top: 1px solid #0095C6; margin-bottom: 20px;}
#cnt02.contentsInner table th { font-size: 1.7rem; color: #fff; background-color: #E4D6E9; text-align: center; border-right: 1px solid #0095C6; padding: 5px; }
#cnt02.contentsInner table td { font-size: 1.7rem; color: #000; border-bottom: 1px solid #0095C6; border-right: 1px solid #0095C6; padding: 5px 25px; width: 50%;}
#cnt02.contentsInner table td span { letter-spacing: 5px; margin-right: 40px;}
#cnt02.contentsInner .convention ul li { margin-bottom: 30px;}
@media (max-width: 480px) {
	#cnt02.contentsInner table td { padding: 5px 10px; text-align: right;}
	#cnt02.contentsInner table td span { letter-spacing: 0; margin: 0; display: block; text-align: left;}
}


#cnt03 { background-color: #E4D6E9; padding: 150px 0 70px; position: relative;}
#cnt03::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; border-top: 80px solid #fff; border-left: 600px solid #E4D6E9; border-right: 600px solid #E4D6E9; }
#cnt03 .title { text-align: center; font-size: 2.5rem; color: #1d2088; line-height: 2; letter-spacing: 3px; margin-bottom: 80px;}
#cnt03 .title span { display: inline-block; position: relative;}
#cnt03 .title span::after { content: ''; position: absolute; border-bottom: 1px solid #fff; left: 0; right: 0; bottom: 0; width: 90%; margin: auto; }
#cnt03 .btnWrap {}
#cnt03 .btnWrap li { text-align: center;}
#cnt03 .btnWrap img { width: 100%; max-width: 415px;}

@media (min-width: 481px) {
	#cnt03 .btnWrap { width: 90%; margin: 0 auto;}
}
@media (max-width: 480px) {
	#cnt03 { padding-top: 80px; padding-bottom: 40px;}
	#cnt03::before { border-top-width: 40px; border-left: 50vw solid #E4D6E9; border-right: 50vw solid #E4D6E9; }
	#cnt03 .title { font-size: 1.9rem; letter-spacing: 0; margin-bottom: 30px; }
	#cnt03 .btnWrap { width: 80%; margin: 0 auto;}
}


/*------------------------------------------------------

	page top

------------------------------------------------------*/
#pageTop a { position: fixed; right: 0; bottom: 200px; display: block; width: 80px; height: 80px; color: #fff; font-size: 2rem; text-align: center; padding-top: 25px; box-sizing: border-box; letter-spacing: 2px; z-index: 999; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; background: #f6bdc5; background: -moz-linear-gradient(left, #f6bdc5 0%, #f9e296 50%, #63c0b2 100%); background: -webkit-linear-gradient(left, #f6bdc5 0%,#f9e296 50%,#63c0b2 100%); background: linear-gradient(to right, #f6bdc5 0%,#f9e296 50%,#63c0b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bdc5', endColorstr='#63c0b2',GradientType=1 ); }
#pageTop a span { display: inline-block; padding: 0 5px 10px; border-bottom: 1px solid #fff; }

@media(max-width: 480px){
	#pageTop a { bottom: 100px; }
}