@charset "utf-8";

/* =======================================
	reset
======================================= */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

img {max-width:100%;height:auto;}
table {width:100%;}
li img{vertical-align:bottom;}

/* =======================================
	common
======================================= */
html, body {height:100%;}
body {
	color:#b8b8b8;
	background:#fff;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
a {
	color: #313131;
	text-decoration:underline;
}
a:link { color: #ff8d8f;text-decoration:none; }
a:visited { color: #ff8d8f;text-decoration:none; }
a:hover { color: #ff8d8f;text-decoration:underline; }
a:active { color: #ff8d8f; text-decoration:underline;}

#wrapper {
	margin:0 auto;
	width: 100%;
	height:100%;
	background:blue;
}

#comment , #pagetop {
	padding: 0% 2%;
}


#header {
	background:#fff;
}

#comment {
	background:#fff;
}

#tour {
	background:#fff;
	margin:0 auto;
	overflow:auto;
	padding: 2% 2% 0;
	width:900px;

}

#tour ul li {
	float:left;
	width:30%;
	height:380px;
	margin-right:26px;
	padding:10px 0;
	border-bottom:1px dotted #b8b8b8;
}

#tour ul li.tourlast {
	border:none;
}

.tourdate {
	font-size: 120%;
	font-weight:bold; 
	line-height:110%;
	margin-bottom:5px;

}

#topyoutube{
	width:900px;
	margin:0 auto;
}

.youtube {
    float:left;
    padding: 10px 5px;
}


#footer {
	margin-bottom:10px;
	margin-top:30px;
	text-align:center;
	font-size:80%;
	color:black;
	background:white;
	clear:both;
}
/* =======================================
	pagetop
======================================= */
#pageTop{
  font-weight : bold;
  font-size   : 10px;
  background  : rgba(82,74,63,0.7);
  -webkit-border-radius : 3px;
	 -moz-border-radius : 3px;
	   -o-border-radius : 3px;
	      border-radius : 3px;
  color                 : #ffffff;
  padding               : 40px 5px 5px 5px;
  position              : fixed;
  bottom                : 20px;
  right                 : 20px;
  z-index               : 30;
}
#pageTop:hover{
  backgrond : rgba(102,94,83,0.5);
}
#pageTop:before{
  display : block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);
  top        : 50%;
  left       : 20px;
  width      : 15px;
  height     : 15px;
  margin-top :-12px;
  border-top : white 4px solid;
  border-left: white 4px solid;
  -webkit-border-top-left-radius: 4px;
	 -moz-border-top-left-radius: 4px;
	    o-border-top-left-radius: 4px;
	      border-top-left-radius: 4px;
}