/*前頁共通CSS*/
body{
	font-family:"メイリオ","hiragino kaku gothic",sans-serif;
	color:#000;
	background-color:#FFFFEE;
	line-height:1.5;
	margin:0;
	padding:0;
	
	}
	
ul{
	list-style-type:none;
	margin:0;
	padding:0;
	
	}
	
	
/*--------------------------------------------------------------*/
header h1{
	font-family:"Comic Sans Ms","Comic Sans Ms",serif;
	font-size:200%;
	color:#FF6633;
	margin:0;
	text-shadow:
	    #64F9C1 1px 1px 10px, #64F9C1 -1px 1px 10px,
	    #64F9C1 1px -1px 10px,#64F9C1 -1px -1px 10px;
	text-align:center;
	
	}
	
nav{
	text-align:center;
	
	}
	
nav ul{
	padding:10px 0px;
	
	}
	
nav li{
	display:inline-block;
	
	}
	
.m1{
	font-size:55px;
	
	}


/*--------------------------------------------------------------*/
article{
	position:relative;
	
	}

article img{
	max-width:100%;
	height:auto;
	
	}

.catch{
	position:absolute;
	top:20px;
	left:30px;
	color:#000066;
	background-color:rgba(165,210,255, .4);
	background-image:
		linear-gradient(90deg,rgba(165,210,255, .3)50%,transparent 50%),
		linear-gradient(rgba(165,210,255, .3)50%,transparent 50%);
	background-size:30px 30px;
	padding:10px;
	border-radius:40px;
	text-shadow:0 0 10px #fff;
	z-index: 11;
	text-align:center;
	
	}
	
.new{
	font-size:80%;
	color:#333;
	background-image:linear-gradient(to bottom,#FFFFcc,#FF9933);
	background-color:#ffffcc;
	border-radius:10px;
	padding:0 15px;
	
	}
	
	
/*--------------------------------------------------------------*/
aside h1{
	font-size:120%;
	border-bottom:2px dotted #666;
	margin:0px;
	
	}
	
aside img{
	float:left;
	margin-right:10px;
	
	}
	
aside li{
	border-bottom:1px dotted #666;
	height:53px;
	clear:both;
	
	}
	
.shop{
	display:block;
	font-size:80%;
	color:#FF3300;
	font-weight:bold;
	
	}
	
	
/*--------------------------------------------------------------*/
footer{
	text-align:center;
	border-top:3px solid #FF88FF;
	
	}


/*リンク箇所に対するCSS*/
nav a{
	color: white; /*ナビゲーション（メニューバー）文字色*/
	background:#FF88FF; /*ナビゲーション（メニューバー）背景色*/
	width: 160px;/*幅（余白）を指定*/
	display: block;
	line-height: 1.0;
	padding:15px 10px;
	border-radius:0 25px;
	border-top:5px solid #6666FF;
	margin:0px;
	text-decoration:none;
	font-weight:bold;
	position: relative;
  	z-index: 2;
  	overflow: hidden;
  	background-image:linear-gradient(to bottom,#FFF,#FF88FF 60%,#FF00FF);
  	
	}
	
nav a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 120%;
	height: 100%;
	z-index: -1;
	background:linear-gradient(transparent 0%, #7B3CFF 100%);
	transition: all 500ms linear;
	transform: skewX(-30deg) scale(0, 1);
	
	}

nav a:hover:before {
	left: -10%;
	transform: skewX(-30deg) scale(1, 1);
	
	}

aside a{
	display: block;
	color:#000033;
	text-decoration:none;
	
	}

harder h1 a,section a{
	color:#FF3300;
	text-decoration:none;
	
	}

ol a{
	color:#FF3300;
	}


/*shop01で追加するCSS*/
ol{
	padding-left:0;
	
	}

ol li{
	display:inline;
	font-size:80%;
	margin-right:5px;
	
	}
	
.h1-sub{
	font-size:180%;
	padding-left:10px;
	border-left:20px solid #6666FF;
	background:linear-gradient(transparent 0%, #99FFFF 100%);
	
	}

caption{
	color:#FF0099;
	font-weight:bold;
	
	}

table {
	font-size:90%;
	color:#333;
	margin-bottom:20px;
	border:1px solid #333;
	border-collapse:collapse;
	
	}

th{
	background-color:#99FFFF;
	width:20%;
	padding:10px;
	border:1px solid #333;
	
	}

td{
	background-color:#fff;
	padding:10px;
	border:1px solid #333;
	
	}


/*event,contactに追加するCSS*/
video{
	max-width:100%;
	height:auto;
	
	}
	
input{
	width:440px;
	
	}
	
textarea{
	width:660px;
	height:150px;
	
	}
	
button{
	width:120px;
	padding:10px;
	border-radius:15px;
	
	}
	
	
/*幅が1024px以上の場合のCSS*/
@media(min-width:1024px){
	.placement{
		width:960px;
		margin-left:auto;
		margin-right:auto;
		
		}
		
	.kiji{
		float:left;
		width:64%;
		
		}
		
	aside{
		float:right;
		
		}
		
	footer{
		clear:both;
		
		}
		
	}
	
	
/*幅が600px以下の場合のCSS*/
@media(max-width:600px){
	header h1{
		font-size:150%;
		
		}
		
	nav ul{
		font-size:70%;
		
		}
		
	.catch{
		top:20px;
		left:10px;
		padding:5px;
		
		}
	
	input,textarea{
		width:330px;
		
		}
	
	.m1{
		font-size:100%;
		
		}
	
	aside{
		font-size:75%;
		
		}
		
	}
	
	
/*プリント出力*/
@media print{
	.catch{
		font-weight:bold;
		color:#000;
		text-shadow:none;
		
		}
	
	}