@charset "utf-8";

#loader {
	width: 65px;
	height: 65px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -33px; /* heightの半分のマイナス値 */
	margin-left: -33px; /* widthの半分のマイナス値 */
	z-index: 100;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #232828;
	top: 0px;
	left: 0px;
	z-index: 50;
	/*position: absolute;*/
	position: fixed;
}

#parabox_a{
    background: url(../img/top/parallax_back.png) 50% 0 no-repeat fixed;
    background-size: auto;
	width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 1800px;
}
	#parabox_a .background_a {
		background: url(../img/top/parallax_logo.png) 50% 0 no-repeat fixed;
	    background-size: auto;
		width: 100%;
		height: 1300px;
	}
		#parabox_a .background_a h1 {
			text-indent: -9999px;
		}

#scroll_down img{
    position: fixed;
    bottom:30px;
}
        /* 点滅アニメーションの定義 */
        @keyframes blinking {
          0%   { opacity: 0; }
          100% { opacity: 1; }
        }

        /* 点滅アニメーションを適用 */
        .blink {
          animation: blinking 0.7s ease-in-out infinite alternate;
        }

		
@media screen and (max-width: 767px) {
	
#parabox_a {
    background: url(../img/top/parallax_back_mobile.png) 50% 0 no-repeat fixed;
    background-size: auto;
    /*height: 650px; jquery制御*/
	width: 100%;
    margin: 0 auto;
    padding: 0;
		height: 900px;
}
	#parabox_a .background_a {
		background: url(../img/top/parallax_logo_mobile.png) 50% 0 no-repeat fixed;
	    background-size: auto;
		width: 100%;
		height: 900px;
	}
}



/*/////////////////////////　slider　/////////////////////////*/
				
#sliders{
}
	#sliders .d_box{
		/*width height はhtmlのJqeryで設定*/
		margin: 0px 5px 0 5px;
		position: relative;
	}
		#sliders .d1{
			background: url(../img/top/sliders/1.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d2{
			background: url(../img/top/sliders/2.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d3{
			background: url(../img/top/sliders/3.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d4{
			background: url(../img/top/sliders/4.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d5{
			background: url(../img/top/sliders/5.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d7{
			background: url(../img/top/sliders/7.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d8{
			background: url(../img/top/sliders/8.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d9{
			background: url(../img/top/sliders/9.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d11{
			background: url(../img/top/sliders/11.jpg) no-repeat center center;
			background-size: cover;
		}
		#sliders .d13{
			background: url(../img/top/sliders/13.jpg) no-repeat center center;
			background-size: cover;
		}
			
		#sliders .d_box p{
			position: absolute;
			color: #FFFFFF;
			font-size: 17px;
			letter-spacing: 0.1em;
			text-shadow: 1px 1px 2px #333333;
			top: 50%;
			bottom: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			text-align: center;
			font-weight: bold;
		}
			#sliders .d_box p .weak {
				font-size: 70%;
				vertical-align: top;
				position: relative;
				top: -0.4em;
				left: 0.2em;
			}





#top_information dl{
}
    #top_information dt{
        text-align:left;
        font-size:17px;
        margin-top: 10px;
        padding: 5px 5px 5px 0px;
        font-weight: bold;
        
    }
    #top_information dd{
        text-align:left;
        border-bottom:1px solid #BBB;
        padding-bottom: 10px;
    }
        #top_information dd.sub_information ul {
            margin-left: 1.5em;
            margin-top:-5px;
        }
            #top_information dd.sub_information li {/*チェックマーク*/
                position: relative;
                padding-left: 17px;
            } 
                #top_information dd.sub_information li:before {
                    content: "";
                    position: absolute;
                    top: .3em;
                    left: 0;
                    -webkit-transform: rotate(50deg);
                    -ms-transform: rotate(50deg);
                    transform: rotate(50deg);
                    width: 5px;
                    height: 10px;
                    border-right: 2px solid #232828;
                    border-bottom: 2px solid #232828;
                }




.overflow {/*回転させたことで横幅が100％を超える。overflowにより下もcutされてしまうのを回避。*/
    overflow: hidden;
    padding-bottom: 50px;
}

#section_message {
    width: 100%;
    background-color: #011945;
    padding: 80px 0;
    margin-top: 120px;
    box-sizing: border-box;
    position: relative;
    transform: rotate(2deg);/* 回転 */
}
    #section_message h1 {
        color: #FFFFFF;
        margin-top: 0px;
        border-bottom: solid 1px #FFF;
        padding-bottom: 10px;
        width:85%;
        margin-left: auto;
        margin-right: auto;
        transform: rotate(-2deg);/* 回転 */
    }
    #section_message p {
        color: #FFFFFF;
        width:85%;
        margin-left: auto;
        margin-right: auto;
        line-height: 2em;
        font-size:19px;
        transform: rotate(-2deg);/* 回転 */
    }
        #section_message img.bad_img {
            position: absolute;
            top:30px;
            left:130px;
        }
        #section_message img.pickle_img {
            position: absolute;
            bottom:30px;
            right:130px;
        }
                                            /*プレイヤーイラストのサイズ、位置、回転はみ出しの調整など*/
                                            @media screen and (max-width: 1524px) {
                                                    #section_message img.bad_img {
                                                        left:30px;
                                                    }
                                                    #section_message img.pickle_img {
                                                        right:30px;
                                                    }
                                            }
                                            @media screen and (max-width: 1230px) {
                                                    #section_message img.bad_img {
                                                        width: 100px;
                                                        height: auto;
                                                    }
                                                    #section_message img.pickle_img {
                                                        width: 100px;
                                                        height: auto;
                                                    }
                                            }
                                            @media screen and (max-width: 1050px) {
                                                    #section_message {
                                                        padding-top: 130px;
                                                    }
                                            }
                                            @media screen and (max-width: 880px) {
                                                    #section_message {
                                                        padding-bottom: 130px;
                                                    }
                                            }
                                            @media screen and (max-width: 767px) {
                                               #section_message p, #section_message h1, #section_message {
                                                   transform: rotate(0deg);
                                                }
                                            }






#section_taikai {
    width: 100%;
}
    #section_taikai h1 {
        font-size: 28px;
        letter-spacing: 0.1em;
		text-align: center;
        font-weight: normal;
        margin-bottom: 30px;
        margin-top: 130px;
        width:780px;
        margin-left: auto;
        margin-right: auto;
    }

#section_taikai  {
    margin-bottom: 150px;
}
    #section_taikai ul.taikai_group {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        gap: 20px;
    }
        #section_taikai ul.taikai_group li.taikai_box {
            flex-basis: 280px;
            text-align: center;
            background-color: rgba(68,78,56,1.00);
        }
            #section_taikai ul.taikai_group li.taikai_box .guide {
                width:280px;
                height: 240px;
                overflow: hidden;
                
            }
                #section_taikai ul.taikai_group li.taikai_box .guide img {
                    width:280px;
                    height:auto;
                }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_type {
                font-size:12px;
                padding: 1px 4px;
                background-color: rgba(255,161,25,1.00);
                color:#ffffff;
                display: inline-block;
                text-align: center;
                border-radius: 8px;
                margin: 10px auto 10px auto;
            }
                #section_taikai ul.taikai_group li.taikai_box p.taikai_type.outdoor {
                    background-color: rgba(227,24,255,1.00);
                }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_name {
                font-size:16px;
                font-weight: bold;
                text-align: center;               
                margin-bottom: 10px;
                line-height: 1.2em;
                color:#ffffff;
            }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_address {
                font-size:13px;
                text-align: center;    
                color:#ffffff;      
                line-height: 1.2em;      
            }
            .taikai_links {
                display: flex;
                justify-content: center;
                gap: 15px;
                }
                .taikai_links a.view_draw {
                    text-align: center;
                    background-color: #F0F5AE;
                    color:#011945;
                    text-decoration: none;
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:10px;
                    display: inline-block;
                    border-radius: 16px;
                    flex-basis: 90px;
                    font-size: 14px;
                }
                .taikai_links a.view_site {
                    text-align: center;
                    background-color: #F0F5AE;
                    color:#011945;
                    text-decoration: none;
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:10px;
                    display: inline-block;
                    border-radius: 16px;
                    flex-basis: 90px;
                    font-size: 14px;
                }

@media screen and (max-width: 500px) {/*最低でも2列表示*/
/*    #section_taikai ul.taikai_group {
        justify-content:space-around;
        gap: auto;
    }
        #section_taikai ul.taikai_group li.taikai_box {
            flex-basis: 46%;
        }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_type {
                font-size:12px;
                padding: 1px 4px;
                margin: 10px auto 10px auto;
                display: block;
                width: 100px;
            }
                #section_taikai ul.taikai_group li.taikai_box p.taikai_type.outdoor {
                }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_name {
                font-size:14px;
                margin-bottom: 10px;
            }
            #section_taikai ul.taikai_group li.taikai_box p.taikai_address {
                font-size:11px;
            }
            .taikai_links {
                display: block;
                }
                .taikai_links a.view_taikai {
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:0px;
                    font-size: 14px;
                    display: block;    
                    width: 100px;
                    margin-left: auto;
                    margin-right: auto;
                }
                .taikai_links a.view_site {
                    padding: 5px 0;
                    margin-top:10px;
                    margin-bottom:10px;
                    font-size: 14px;
                    display: block;
                    width: 100px;
                    margin-left: auto;
                    margin-right: auto;
                }*/
}












#section_event {
    width: 100%;
}
    #section_event h1 {
        font-size: 28px;
        letter-spacing: 0.1em;
		text-align: center;
        font-weight: normal;
        margin-bottom: 30px;
        margin-top: 130px;
        width:780px;
        margin-left: auto;
        margin-right: auto;
    }
    #section_event img {
        height:450px;
        width: auto;
        margin: 0 20px;
    }






#section_map {
    width: 100%;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}
    #section_map a.view_map {
        background-color: #F0F5AE;
        display: block;
        border-radius: 32px;
        width: 300px;
        padding: 10px 0;
        text-decoration: none;
        color: #011945;
        text-align: center;
        margin: 0 auto 0 auto;
    }