@charset "utf-8";




*{
margin:0px;
padding:0px;
}

    body { 
	-webkit-text-size-adjust : 100%!important ;
        min-width:980px;
        font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  
        line-height: 150%;
		color:#000;
		font-size:14px;
		font-weight:bold;
		letter-spacing: 1.5px;
		background-color:#fff;
		
    }  
    * + html body {  
        font-family: "メイリオ","Meiryo";  
    }  
	
table   {  
    border-collapse: collapse;  border-spacing: 0;  
} 

 
img {  
    border: 0;  
}  


li  {  
    list-style-type: none;  
	
}  

	
	
a {
text-decoration: none;
}
a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }



.headermenu a:link { color: #000; }
.headermenu a:visited { color: #000; }
.headermenu a:hover { color: #000; }
.headermenu a:active {
	color: #000;
}


.headslider {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

    

  .headslidermain  img {
	  position:absolute;
	  left:0;
	  right:0;
	  top:0;
	  bottom:0;
	  margin: auto;
	  z-index:99999;
	  height:100%;   
      max-height: 600px;
	  border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}



 .topslider img{
 
 width:100%;
 max-width:980px;

}




.topslider a:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.topslideritem div{
	 padding:3px 3px 3px 0px;
	 border:0px;
}


.topslideritem p{
	 padding:5px;
}


.topslideritem img{
    width:95%;
	border:0px;
	margin:5px;
}


.topslideritem a:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
	
	
.header{
	
		width:100%;
	 height:40px;
	 background-color:#FFFFFF;
	 color:#666;
	   
	   
}

.rakuten{
 	line-height:40px;
	
}
	
.header a {
text-decoration: none;
}
.header a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.header a:link { color: #666; }
.header a:visited { color: #666; }
.header a:hover { color: #666; }
.header a:active { color: #666; }



.header ul{
	display: flex;
	justify-content: space-between;
	align-items:flex-end;

}

.header li{
  list-style-type: none;
  color: #000;
  flex-grow: 1;
  text-align: center;

	
}





.header img{
		width:20px;
		margin-top:10px;
	
	
}



.searchtxt{
	width:200px;
	height:20px;
	margin-bottom:3px;
		

}


.headermenu {
	width:100%;/*rgba(0,153,204,1.0)*/
    background-color:#decbd4;
    background-size:cover;
    opacity: 5;
    background-position-y: 400px;
    background-position-x: 0px;
	

	   
}

.headermenu ul{
	display: flex;
	justify-content: space-between;
	align-items:center;
		 height:100px;
}

.headermenu li{
	list-style-type: none;
	color: #666;
	flex-grow: 1;
	text-align: center;
	width:196px;

	
}


.header input[type="submit"] {
   background-color: #ccc;
   color: #333;
   border: 1px solid #999;
   height:20px;
}


  

h1 {
  position: relative;
  color: #000;
  font-size: 30px;
  padding: 10px 0;
    line-height: 1.8em;
  text-align: center;
  margin: 2em 0;
    font-family:'Times New Roman', Times, serif; 
    
}


.eventfont{
    background: linear-gradient(transparent 60%, #ff99ff 60%);
    font-weight: bold;
    font-size: 24px;
	line-height:1.8em;

}

.eventfont2{
    font-weight: bold;
    font-size: 24px;
	line-height:1.8em;

}

.eventfonty{
    background: linear-gradient(transparent 60%, #ffff00 60%);
    font-weight: bold;
    font-size: 24px;
    line-height:1.8em;

}


.eventfontb{
    background: linear-gradient(transparent 60%, #00bfff 60%);
    font-weight: bold;
    font-size: 24px;
    line-height:1.8em;

}



.eventfont3{
    background: linear-gradient(transparent 60%, #ff99ff 60%);
}

.topcontents2l{
width:980px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
line-height:1em;
	display: flex;
}



.topcontents2l ul{
width:980px;
margin-top:50px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
}

.topcontents2l li{
	margin-bottom:50px;
}


.topcontents2l li:nth-of-type(1) {
width:700px;
line-height:1.8em;

}
.topcontents2l li:nth-of-type(2) {
width:700px;
line-height:1.8em;
font-size: 18px;
    
}
.topcontents2l li:nth-of-type(2) p{
 padding:0px 20px 0px 20px;
font-size:18px;

}


.topcontents2l img{
width:100%;
}




.pagelink{
width:100%;
	line-height:5em;
	background-color:#0e192b;
	color:#FFCC00;
	text-align:center;
	border:#ffcc00 1px solid;
	margin:40px 0px 50px 0px;
	
}



.lineup-title{
	
	font-size: xx-large;
}
	

.lineup-title2{
	
	font-size: large;
	margin:2em;
}
	

.lineupprice{
 color:#ffffff;
 	
	
}


.lineup{
width:980px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
line-height:1.8em;
	display: flex;


}



.lineup ul{
width:980px;
margin-top:50px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.lineup li{
width:300px;
line-height:1.8em;
margin-bottom: 50px;
	
}


.lineup img{
width:300px;
}



.lineup-link div{
	width:100%;
		
}
.lineup-link hr{
	width:100%;
	color:#666;
	margin:50px 0px;	
}
.lineup-link p{
	font-size:large;
	text-align:right;
	margin:20px; 10px; 20px 0px;
		
}


.lineuptxt{
width:980px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
line-height:1.8em;
	display: flex;
}


.lineuptxt ul{
width:980px;
margin-top:50px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


.lineuptxt li{
width:300px;
    height: 2em;
    line-height:1.5em;
border:#666 solid 1px;
padding: 30px 0px 30px 0px;
margin: 30px 0px 0px 0px;     
border-radius: 50px;
background-color: azure;
color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    

    font-size: 22px;

	
}

.lineuptxt li a{
color: #000;

    
    
}

.lineuptxt img{
width:300px;
}



.lineuptxt-link div{
	width:100%;
		
}
.lineuptxt-link hr{
	width:100%;
	color:#666;
	margin:50px 0px;	
}
.lineuptxt-link p{
	font-size:large;
	text-align:right;
	margin:20px; 10px; 20px 0px;
		
}




.line{
    width:980px;
    margin-top:150px;
    margin-bottom:50px;

}



.itemcontents {
    width: 980px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    line-height: 1.8em;
    display: flex;
    margin-bottom: 100px;
    
}

.itemcontents ul {
    width: 100%px;
    margin-top: 30px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.itemcontents li {
    width: 45%;
    line-height: 1.8em;
    font-size: 12px;
    margin: 30px 0px 5px 0px;
}

.itemcontents li img {
    width: 100%;
}



.topshop{
width:980px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
line-height:1.8em;
	display: flex;
	color:#000;
}



.topshop ul{
width:980px;
margin-top:50px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.topshop li{
width:280px;
/*
line-height:100px;
	*/
}



.footerall{
	 width:100%;
	height:400px;
	
	background-color:rgba(222,203,212,1.0);
/*
	background-color:rgba(0,153,204,1.0);
*/
}


.footer{
width:980px;
height:350px;
padding:40px 0px 0px 0px;
margin:0 auto;
margin-top:200px;
line-height:1.8em;
letter-spacing: 0.5px;
	display: flex;
	justify-content: space-between;
	
	
}


.footerall a:link { color: #666; }
.footerall a:visited { color:#666; }
.footerall a:hover { color: #666; }
.footerall a:active { color: #666; }




.foooterabout{
	width:400px;
	margin:0px 10px 0px 20px;
	line-height:2.3em;
	color: #666;
    font-size: 18px;
    
	
}

.foootermore{
text-align:right;	
}

.foooterabout2{
	width:400px;
	margin:0px 10px 0px 20px;
	color:#666;
	
}

.footertitle{
font-size:20px;
font-weight:bold;
margin-bottom:20px;	
}

.footer ul{
width:400px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;

}
.footer li{
	width:auto;
line-height:2.5em;
padding-right:30px;
font-size: 18px;
    
	
	
}


.footershop ul{
width:400px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;

}
.footershop li{
width:100px;
line-height:2.5em;
}

.footercopyr{
	text-align:center;
	margin-top:0px;
	color:#666;
	
}


.footerlogo {
	text-align:center;
	margin-top:20px;
}
.footerlogo img{
	width:60px;
}
	


.aboutbenebene{
	width:700px;
	text-align:center;
	line-height:3em;
	margin:0 auto;
	font-weight:normal;
	margin-bottom:100px;
	
}


.aboutbenebenetop {
	font-size:18px;
	margin:50px 0px 50px 0px;
	font-weight:bold;
	
}









.aboutline{
width:980px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
line-height:1.8em;
	display: flex;
}



.aboutline ul{
width:980px;
margin-top:50px;
padding:0px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.aboutline li{
width:280px;/*４個　220px*/
height:100px;
line-height:2em;
background:#F2E4CC;
border:1px #666666 solid;
text-align:center;
display:table-cell;
vertical-align:middle;
	
}



#page-top {
	position: fixed;
	bottom: 65px;
	right: 20px;
	font-size: 95%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 20px 0px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

.topcsdate{
	color:#000000;
}




 .catemenu{
	width:980px;
	background-color:#000000;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:50px;
	 
	 
 }
 .catemenunews{
	width:980px;
	background-color:#000000;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:30px;
	 
	 
 }
 
 .catemenutxt{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	color:#FFF;	
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	  
 }
 
  

.btn-flat-border-entry {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #fff!important;
    background:#f2e4cc;
    border: solid 2px #666;
    border-radius: 50px;
    transition: .4s;
    font-size: 22px;
    margin: 50px 0px 100px 0px;
    color: #666 !important;
}


.btn-flat-border-entry:hover {
    background: #ff8c00;
    color: white !important;
}


.btn-flat-border-pagego {
    display: inline-block;
    padding: 30px;
    width: 300px;

    text-align: center;
    line-height: 1.3em;
    text-decoration: none;
    color: #fff!important;
    background:#eb47a4;
    border: solid 2px #666;
    border-radius: 300px;
    transition: .4s;
    font-size: 40px;
    margin: 50px 0px 100px 0px;
}


.btn-flat-border-pagego:hover {
    background: #ff8c00;
    color: white;
}



.btn-flat-border {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #666;
    border-radius: 3px;
    transition: .4s;
    font-size: 22px;
    margin: 150px 0px -50px 0px;
}

.btn-flat-border:hover {
    background: #ff8c00;
    color: white;
}





/* 横幅が320px以下の場合に適用するスタイル */

@media screen and (max-width: 414px) {
    
    .headermenu li{
        font-size: 14px;        


    }

    h1 {
        position: relative;
        color: #000;
        font-size: 40px;
        padding: 10px 0;
        line-height: 1.5em;
        text-align: center;
        margin: 2em 0;
        font-family:'Times New Roman', Times, serif; 

    }

    .topcontents2l li:nth-of-type(1) {
        width: 850px;
        line-height:1.8em;
        font-size: 28px;    
    }

    .lineuptxt ul{
        padding: 0px 20px 0px 20px;

    }


    .lineuptxt li a{
        color: #000;
        font-size: 30px!important;


    }

    .lineuptxt li{
        font-size: 24px;


    }

    .lineup ul{
        padding: 0px 20px 0px 20px;


    }
    .lineup li {
        font-size: 20px!important;
        line-height: 30px!important;
        font-weight:normal;

    }
    .itemcontents li{
        font-size: 20px!important;
        line-height: 30px!important;
        font-weight:normal;

    }

    .itemcontents ul{
        padding: 0px 20px 0px 20px !important;


    }
    

    .eventfont{
        background: linear-gradient(transparent 60%, #ff99ff 60%);
        font-weight: bold;
        font-size: 28px;

    }

    .eventfont2{
        font-weight: bold;
        font-size: 28px;

    }


    .eventfonty{
        background: linear-gradient(transparent 60%, #ffff00 60%);
        font-weight: bold;
        font-size: 28px;
    }

    .eventfontb{
        background: linear-gradient(transparent 60%, #00bfff 60%);
        font-weight: bold;
        font-size: 28px;
    }


    .eventfont3{
        background: linear-gradient(transparent 60%, #ff99ff 60%);
    }

    .topcontents2l{
        width:980px;
        height:auto;
        padding:0px 0px 0px 0px;
        margin:0 auto;
        line-height:1.8em;
        display: flex;
    }




    .topshop ul{
        
        padding: 0px 20px 0px 20px !important;
    
    }

    .catemenutxt{
        font-size:25px;
        padding: 20px 0px 20px 0px;
        
    }

}