@charset "utf-8";
/* CSS Document */


/* 全体に適用するCSS */

a:link{
	color:#339900;
	text-decoration:none;
	border:none;
}
a:visited{
	color:#87b523;
	text-decoration:none;
	border:none;
	}
a:hover{
	color:#5ded00;
	text-decoration:none;
	border:none;
	}


body {
	font-size: small;
	background-image: url(image/other/back01.jpg);
	background-repeat: repeat;
	width: auto;
	text-align: center;
	margin:auto;
}


font-family{: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

header p{
	color:#ffccff;
}

nav ul{
	width: auto;
	display:inline-block;
	background-color:#310000;
	padding: 0px;
	margin-right:10px;
	
}

	

article{
	background-color:#310001;
	width:100%;
}

hr{
	max-width:350px;
	border:dashed 1px;

}

img{
	border:none;
}

h1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h2{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/* IDやclassに適用するCSS */

#outerImageContainer {
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	}
	#imageDataContainer {
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
	}

#logo{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	
}



.global_b{
	border:none;
	margin-right:20px;
	max-width:110px;
	float:left;
}

.global_b a:hover img{
	opacity: 0.7;
	filter: global_b(opacity=70);
	-ms-filter:  "global_b(opacity=70)";
}

a:hover img{
	opacity: 0.7;
	filter: global_b(opacity=70);
	-ms-filter:  "(opacity=70)";
}
	

#top{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	background-color:#310000;
	width:100%;
}

#topimage{
	max-width:650px;
	margin:10px;
}

.pink{
	color:#FFCCFF;
}

.pink p{
	margin-top:5px;
}

.pink h1{
	margin-bottom:0px;
}

#news{
	background-color:#FFCCFF;
	max-width:700px;
	color:#310001;	
	display:inline-block;
	float:left;


}

#news tr th{
	background-color: #FC5C5E;
	border-bottom:#ffffff dashed thin;
	color:#ffffff;
	font-size:20px;
}

#news tr td{
	text-align:center;
	margin:0 auto;
}


#news img{
	margin:3px;
}

#footer{
	width:100%;
	color:#ffccff;
	align-content:center;
	margin:auto;
	text-align:left;
	border: solid #ffccff;
	
}

#footer a:link{
	color:#ffccff;
}

#footer a:visited{
	color:#ffccff;
}

#footer a:hover{
	color:#FC5C5E;
}

#footer ul{
	margin-top:5px;
}	
	
	
#footer ul li{
	list-style:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



#footer1{
	width:20%;
	background-color:#310001;
	text-align:center;
}

#footer1 img{
	width:90%;
}

#footer2{
	width:30%;
	text-align:center;
	background-color:#310001;
}

#footer3{
	width:50%;
	text-align: center;	
	margin:0 auto;
	padding:3px;
}

#footer4{
	padding:3px;
	text-align:left;
	vertical-align:top;
}

#footer4 a:link{
	color:#310001;
}

#footer4 a:hover{
	color:#fc5c5e;
}

#footer4 a:visited{
	color:#310001;
}

#footer4 ul li{
	background-image:url(image/other/cookie_y.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding:5 8 ;
	display:block;
}


	

.br{
	display: inline-block;
}

#choco{
	background-image: url(image/other/choco.png);
	height:50px;

}




#pagetop{	
	background-color: #ffccff;
	padding-bottom: 10px;
	margin-bottom:10px;
	font-size: 24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: bold;
	display:block;
}


#pagetop a:link{
	color:#310001;

}

#pagetop a:visited{
	color:#310001;

}

#pagetop a:hover{
	color: #FF3B3E;
}

#pagetop a:hover img{
	opacity: 0.7;
	filter: global_b(opacity=70);
	-ms-filter:  "global_b(opacity=70)";
}


#pagetop img{
	vertical-align:baseline;
}

#pagetop a{
	display:block;
}


.footer{
	color:#FFFFFF;
}

#rightbar{
	width:150px;
	display:inline-block;
	padding: 0 10px;	
	float: left;
	color: #FC5C5E;
	
}

#archive{
	width:140px;
	background-color:#ffccff;
	border: 2px #FC5C5E;
	margin-bottom:10px;
	color: #FC5C5E;
}

#archive tr th{
	border-bottom: groove #FC5C5E;
	background-image:url(image/other/cookie_y.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding:3px;
}

#archive tr td{
	height:100px;
	text-align:left;
	vertical-align: top;
}

	
#rightbar :after{
	clear:both;
}

#news1{
	display:inline-block;
	margin-top:10px;

}

.itaku{
	border-top:double #ffccff;
	border-bottom: double #ffccff;
	margin:10px;
	padding:10px 0px;
	text-align:center;		
	background-image:url(image/other/cookie_y.png);
	background-repeat: no-repeat;
	background-size:contain;
	
}

.itaku hr{
	color: #ffccff;
}

.itaku h3{
	font-size:14px;
	margin: -5px;
}


#amazon{
	font-size: 11px;
}

/* conceptページ */

.concept{
	color:#ffccff;
	max-width:1000px;
	margin:10px;
	display:inline-block;
}

.concept h2{
	color: #FC3C3E;
	padding:10px;
	background-image: url(image/other/cookie_y.png);
	background-size: contain;
	background-color:#ffccff;
	font-size:24px;
}

.concept h3{
	color:#fc5c5e;
	border-bottom:groove #fc5c5e;
	font-size: 22px;
}

.colum2{
	max-width:1000px;
}

.colum2:after{
	clear:both;
}

.colum3{
	max-width:1000px;
}

.photo_1{
	max-width:430px;
	display: inline-block;
}

.photo_1 img{
	max-width:400px;
}

.photo_3{
	max-width:300px;	
	display: inline-block;
	vertical-align:top;
	margin:20 5 0 5px;
}

.photo_3 p{
	text-align:left;
}

.photo_3 img{
	max-width:200px;
	max-height:200px;
	}

.description{
	max-width:500px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin-left:20px;
	margin-top:-10px;
}

.description_2{
	text-align:left;
	margin-left:10px;
}

.center{
	text-align:center;
	display:inline-block;
}



.center img{
	margin:10 1px;
}



#syuten{
	background-color:#FFCCFF;
	max-width:700px;
	color:#310001;	
	display:inline-block;
	float:left;
}

#syuten tr th{
	background-color: #FC5C5E;
	border-bottom:#ffffff dashed thin;
	color:#ffffff;
	font-size:20px;
}

#syuten tr td{
	text-align:left;
}



/* galleryページ */


.concept{
	max-width:1000px;
	display:inline-block;
}

.gallery{
	max-width:700px;
	display:inline-block;
	float:left;
}

.gallery table{
	max-width:700px;
	display:inline-block;
	margin-bottom:20px;
}

.gallery tr th{
	background-color: #FC5C5E;
	border-bottom:#ffffff dashed thin;
	color:#ffccff;
	font-size:20px;
}

.gallery tr td{
	color:#fc5c5e;
	text-align:center;
	max-width:400px;
	vertical-align:top;
}

.gallery tr td p{
	margin-top:2px;
}

.gallery tr th img{
	max-width:600px;
}


.gallery tr td img{
	max-width:200px;
	max-height:200px;
	margin-top:20px;
}

.gallery a:link{
	color:#fc5c5e;

}

.gallery a:hover{
	color:#ffccff;
	
}

.gallery a:visited{
	color:#ffccff;

}

.itaku h3{
	font-size:12px;
	border-bottom:none;
}


/* リンクページ */

.link{
	color:#ffccff;
	margin:10px;
	max-width:1000px;
	display:inline-block;
}

.link h2{
	color: #FC3C3E;
	padding:10px;
	background-image: url(image/other/cookie_y.png);
	background-size: contain;
	background-color:#ffccff;
	font-size:24px;
}

.linkpage{
	max-width:700px;
	display:inline-block;
	float:left;
}

.linkpage tr th{
	background-color: #FC5C5E;
	border-bottom:#ffffff dashed thin;
	color:#ffccff;
	font-size:20px;
}

.linkpage tr td{
	color: #803C13;
	font-size:12px;
	text-align:left;
	vertical-align: top;
	padding:5px;
	background-image:url(image/other/cookie_y.png);
	background-size:contain;
	background-color:#ffccff;
}

.linkpage a:link{
	color:#fc5c5e;
	font-size:18px;
	font-weight:bold;
}

.linkpage a:hover{
	color:#ffccff;
	
}

.linkpage a:visited{
	color:#fc5c5e;
}



/* gallery詳細のページ */

.shop{
	max-width:700px;
	display: inline-block;
	text-align:center;
	color:#ffccff;
}

.shop table{
	display: inline-block;
	margin-bottom:10px;
}

.shop h2{
	background-image: url(image/other/back01.jpg);
	background-size: auto;
	padding:5px;
}

.shop tr th{
	color:#ffccff;
	text-align:center;
	font-size:larger;
	border-color:#ffccff;
	background-color:#fc5c5e;
	
}

.shop tr td{
	color:#ffccff;
	text-align:center;
	border-color:#ffccff;
}

.shop img{
	max-width:500px;
}


.shop a:link{
	color:#ffccff;
	font-size:18px;
	font-weight:bold;
}

.shop a:hover{
	color:#310001;
	
}

.shop a:visited{
	color:#ffccff;
}

.shop p {
	margin-bottom:3px;
}
	

	



/* ウィンドウ幅が800px以下の場合に適用するCSS */
@media only screen and (max-width: 800px) {
	
	body{
		max-width:800px;
	}
	
	.br{
	display: inline-block;
}

	.global_b img{
		max-width:80px;
		margin-right:2px;
	}
	nav{
		padding:1px;
	}
	
	#topimage{
		max-width:600px;
	}

	
	#top{
		max-width:auto;
	}
	
		
	#news{
		max-width:780px;
	}
	
	
	#topimage{
		max-width:90%;
	}
	
	#news img{
		max-width:90%;
	}
	
	#rightbar{
		display:none;
	}
	
	.description{
		text-align:center;
		margin-top:5px;
	}
	
	.photo_3{
	max-width:200px;
	}
	
	.gallery tr td{
		max-width:350px;
	}
	
	
	
}





/* ウィンドウ幅が500px以下の場合に適用するCSS */	
@media only screen and (max-width: 500px) {
	
	body{
		max-width:500px;
	}
	
	.br{
		display: inline-block;
		
	}
	
	
	.global_b img{
		max-width:80px;
		margin-right:1px;
		margin-top:5px;
		
	}
	
	nav{
		padding: 0px;
		margin:0px;
		
	}
	
	#topimage{
		max-width:400px;
	}
		
	
	#top{
		max-width:auto;
	}
	
	#news{
		max-width:450px;
	}
	
	#topimage{
		max-width:90%;
	}
	
	#news img{
		max-width:90%;
	}
	
	#rightbar{
		display: none;
	}
	
	.pink h1{
		font-size:16px;
	}
	
	.pink p{
		font-size:14px:
	}
	
	.photo_3{
	max-width:400px;
	text-align:center;
	}
	
	.concept{
		max-width:480px;
	}
	
	.concept h2{
		font-size:20px;
	}
	
	.center p{
		font-size:12px;
		
	}
	
	.gallery table{
		max-width:450px;
	}
	
	.shop table{
		max-width:450px;
	}
	
	
	.shop tr td{
		font-size: 11px;
		padding:10px;
	}
	
	
	.shop img{
		max-width:400px;
	}
	
	.linkpage a:link{
		font-size:14px;
	}
	
	.gallery{
		max-width:460px;
	}
	
	.gallery table{
		max-width:450px;
	}
		
	.gallery table tr td{
		max-width:220px;
	}
	
	.gallery table tr th img{
	max-width:400px;
	}
	
	.gallery table tr th p{
		font-size:15px;
	}
	
	#footer4 ul li{
		font-size:13px;
	}
	
	#footer2{
		font-size:13px;
	}
	
	#syuten hr th{
		font-size:16px;
	}
	
	
	



}

/* ウィンドウ幅が430px以下の場合に適用するCSS */	
@media only screen and (max-width: 430px) {
	
	body{
		max-width:400px;
	}
	
	.global_b img{
		max-width:50px;		
	}
	
	.pink h1{
		font-size:13px;
	}
	
	.pink p{
		font-size:12px:
	}
	
	
	#news{
		max-width:400px;
		font-size:small;
	
	}
	
	#news tr td{
		font-size:10px;
	}
	
	#news img{
		max-width:350px;
	}
	
	#footer2{
		font-size:10px;
	}
	
	#footer4 ul li {
		font-size:9px;
		white-space:nowrap;
	}
	
	.gallery{
		max-width:350px;
	}
	
	.gallery table{
		max-width:350px;
	}
	
	.gallery table tr th img{
	max-width:340px;
	}
	
	.gallery table tr td img{
		max-width:130px;
		max-height:130px;
	}
	
	.gallery table tr td{
	max-width:150px;
	max-height:150px;
	}
	
	.gallery table tr td p{
		font-size:12px;
	}
	
	.photo_1{
	max-width:310px;
	display: inline-block;
	}
	.photo_1 img{
	max-width:300px;
	}
	
	.concept{
		max-width:380px;
	}
	
	.concept h2{
		font-size:16px;
	}
	
	.shop table{
		max-width:350px;
	}
	
	.shop img{
		max-width:330px;
	}
	
	
	.shopnav tr td img{
		width:150px;
	}
	
	
	
}