@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#343A40;
	font-size:16px;
}

#contents{
	margin-left: auto;
	margin-right: auto;
}

li{
	list-style-type: none;
}

.title{
	background-color: #057b2f;
	border-bottom:solid 2px #1fe302;
	border-radius: 10px 10px 0 0;
	padding-top:10px;

}
button{
    background-color: #057b2f !important ;
}
.new_event_btn{
    background-color:#FFC107 !important;
}
.submenu{
	border:solid 1px #626262;
	border-radius:0 0 10px 10px;
	padding-top:2%;
	padding-bottom: 2%;
}

.submenu h3{
    border-bottom: solid #057b2f  2px;
}

.new_icon{
	background: #f39800;
	color: #ffffff;
	font-size:14px;
	border-radius: 6px;
	padding: 0 5px;
}

.title h2,
.title h3{
	font-size:18px;
	margin-left: 3%;
}

.backlist{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.backlist a{
	color: #f39800;
	float: right;
}

.top_flame ul {
	margin-left:3%;
	margin-right: 3%;
}

.top_flame ul li{
	padding: 5px 0 5px 0;
	
}

figure img{
	width:75%;
	height:100%;
}

.submenu dl{
	padding: 10px 0 10px 0 !important;
	overflow: hidden !important;
}

.submenu dt.search_list_title{
	padding-left: 15px !important;
}

input[type="text"]{
	width: 80%;
	
}
input[type="password"]{
	width: 80%;
}

.w-80-ml-10 {
    width: 80%;
    margin-left: 10%;
}

.check{
	width: 80%;
	text-align: left;
	padding: 0 5px 0 5px;
}

.file{
	width: 80%;
}

.textarea{
	width: 80%;
	height: 10em;
	display: flex;
	resize: none;
}

#header{
	border-top: solid 10px #057b2f;
}

#headerinner{
	padding-top: 20px;
}

.header_top{
	font-size: 14px;
}

.top_left{
	overflow: hidden;
}

.logo img {
	width: 85%;
	height: 100%;
	margin: 0;
}

#ikidurasa{
	font-size: 12px;
	color: #057b2f;
	margin: 0;
}

.welcome {
    text-align: center;
}
.list-border{
    border-bottom:1px solid ;
    padding-bottom:5px;
    
}


@media(min-width:768px){
    .welcome {
        text-align: right;
    }
}

.welcome li {
	color: #057b2f;
	font-weight: bold;
	font-size: 14px;
}
.welcome li a{
	color: #f39800;
}

.group a{
	color:red;
	font-size: 14px;
}

.user a{
	color: #f39800;
	font-size: 14px;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: 15px 20px;
    border-left: solid #1fe302;
	font-weight: bold;
}

.menu_str{
	font-size: 10px;
	color: #ffffff;
}

.nav-right{
	border-right: solid #1fe302;
}

.navbar-toggler .navbar-toggler-icon{
	background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='1' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

#head-banner{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

label{
    margin-bottom: 0;
}

.search_title{
	border-left: solid #057b2f 5px;

}

.breadcrumb{
	background: #ffffff;
}

.breadcrumb-item{
	font-size: 14px;
}

.breadcrumb-item a{
	font-size: 14px;
}

.eventicon{
    width: 4rem;
	background: #057b2f;
	border-radius: 5px;
	padding: 0 3px;
	margin-right: 5%;
}

.eventgroupicon{
    width: 5rem;
	background: #057b2f;
	border-radius: 5px;
	padding: 0 3px;
	margin-right: 5%;
}

.pagination {
    justify-content: center;
}

#footer{
	background: #057b2f;
	padding-top:30px;
	padding-bottom: 50px;
	border-top: #1fe302 solid  3px;
	color:#ffffff;
	overflow: hidden;
}

.mymenu{
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
}

.mymenu h3 b{
	font-size: 24px;
}

.mymenu ul{
	overflow: hidden;
}

.unsubscribe{
	font-size: 12px;
}

.news{
    width:94%;
}
.delivery{
    width:94%;
}
.delivery p b{
    color:#057b2f;
}
.policy{
    width:94%;
}

@media(max-width:767px){

    .page-link {
        padding: 0.25rem 0.3rem !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
    	padding: 15px 20px;
        border-bottom: solid #1fe302 2px;
    	font-weight: bold;
    }
	.group a{
		color:red;
		font-size: 12px;
	}

	.user a{
		color: #f39800;
		font-size: 12px;
	}

	.welcome li {
		color: #057b2f;
		font-weight: bold;
		font-size: 12px;
	}

	.welcome li a{
		color: #f39800;
		font-size: 13px;
	}

    .logo {
        text-align: center;
        padding-bottom: 15px;
    }

	#navigation {
		background: rgba(5,123,47,1);
		color: #ffffff;
	}

	#navmenu1 {
		background: #ffffff;
		text-align: left;
	}

    .navbar-light .navbar-toggler {
        border-color: rgba(0,0,0,0) !important;
    }

	.nav-right{
		border-right: none;
	}

	#head-banner{
		width: 80%;
	}

	.check{
		width:90%;
	}

	#head-banner img{
		width: 100%;
		height: 100%;
	}

	.logo2{
		width: 90%;
	}

	.logo2 img{
		width: 100%;
		height: 100%;
	}

	.site_map p{
		font-size: 14px;
	}

}

.original-row {
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.pref-col {
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media(min-width:768px){
    .pref-col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media(min-width:992px){
    .pref-col {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

.category-col {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media(min-width:768px){
    .category-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(min-width:992px){
    .category-col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.genre-col {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media(min-width:992px){
    .genre-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.kind-col {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media(min-width:768px){
    .kind-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(min-width:1200px){
    .kind-col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.participant-col {
    position: relative;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media(min-width:768px){
    .participant-col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media(min-width:992px){
    .participant-col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}