@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*初期設定
----------------------------------------------------*/
body {
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	background: #333 url(../images/bg.jpg);
	line-height:1.3;
}
html { font-size: 62.5%;} /* = 10px */
body { font-size: 16px; font-size: 1.6rem; } /* = 16px */
h2 {
	font-size:88.8%;	/* 14px */
	font-weight:normal;
	color: #fff;
}
h3 {
	font-weight:bold;
}
h4 {
	font-size:100%;	/* 14px */
	line-height:1.4;
}
h5 {
	font-size:88.8%;	
	line-height:1.4;
	font-weight:bold;
}
p {
	font-size:88.8%;	/* 14px */
	line-height:1.6;
}
p.s_text { font-size: 60%;}
img {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: auto;
}
/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
}
#page-top a {
background: #bbb;
text-decoration: none;
color: #fff;
width: 100px;
padding: 5px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #02D0D0;
}
a{color:#02D0D0;text-decoration:none;}
a:hover{color:#02D0D0; text-decoration:underline;}
a:active, a:focus {outline:0;}

.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}
.ml05 { margin-left:5px;}

.pink { color:#CC0099;}

/*コンテンツ
----------------------------------------------------*/
#sns li{ float:right; margin-left: 5px;}
#logo li{ float:left; margin-right: 5px;}
section.content article{
overflow:hidden;
}

* html section.content article{height:1%;}
section.content{margin:10px 0 0 0;}
.alignleft{
float:left;
clear:left;
margin:3px 15px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}
.ac { text-align:center;}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

.al{
float:left;
clear:left;
}
.ar{
float:right;
clear:right;
}
.cont {
	padding:35px;
	background-image: url(../images/bg2.jpg);
}
.date { font-size:160%; font-weight: bold; text-align:center; background:#333; padding: 10px; color:#fff; width: 70%; margin: 20px auto;}
.cont h3 {
	margin: 10px 0 5px 0;
	font-size:160%;
	text-align: center;
}
.cart { text-align: right;}
.tel { background:url(../images/tel.jpg); text-align:center; padding: 10px;}
.music li:first-child{ float:left; padding-top: 8px;}
.music li:last-child { float:right;padding-top: 5px;}
.music { border-bottom: 1px solid #000; padding: 10px 0;}
.sicho {border-bottom: 1px solid #000; padding-bottom: 10px; }


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

#wrapper{
	width:1000px;
	padding:0;
	margin:0 auto;
}
h1{ float:left;}
h2 {float:right; margin-top: 40px;}

#shicho { width: 665px; margin-left: 5px;}
.photo { float:right;}
.youtube { margin: 10px auto; text-align:center;}

.headtext { 
padding: 10px 0 0 15px;}


}


@media only screen and (max-width:959px){
#header {
	background: url(../images/bg2.jpg) no-repeat center top;}
#header_bg {
	max-width: 95%;
}
#wrapper{
	max-width:100%;
	padding:0;
	margin:0 auto;
}

.photo { float: none; margin: 15px 0; text-align:center;}
h1,h2 { padding: 0 20px;}
#shicho { width: 100%;}
.headtext { 
padding: 7px 10px 0 0;}



}

/* タブレット */
@media screen and (max-width: 768px){
.photo { float: none; margin: 15px 0; text-align:center;}
.cart { margin-top: 10px;}


}
/* スマホ横 */
@media only screen and (max-width:640px){
.alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
}

.photo { float: none; margin: 15px 0; text-align:center;}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	float:none;
	margin-bottom:30px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}


/* スマホ縦 */
@media only screen and (max-width:480px){
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	float:none;
	margin-bottom:30px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cart { border: 1px solid #6C3; padding-top: 10px; text-align:center;}
}