@charset "utf-8";

/* -----------------------------------------------------------
 Style Info:    紗会（しょうえ）
----------------------------------------------------------- */
.imgR { float: right; margin: 0 0 10px 14px; }
.imgL { float: left; margin: 0 14px 10px 0; }
.imgR img, .imgL img { display: block;}
.imgR .cap, .imgL .cap { font-size: 80%; line-height: 1.3; margin: 3px 0 8px; }

.imgCenter { display: block; margin-right: auto; margin-left: auto; }

.small { font-size: 85%; line-height: 1.6; font-weight: normal; letter-spacing: normal; }
.big { font-size: 120%;}
.red { color: #CC0000; }
.darkred { color: #670000; }
.alignR { text-align: right; }


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header { width: 100%; padding: 10px 0 8px; background: #c45d53; text-align: center; }
#header:after {
  content: "";
  clear: both;
  display: block;
}
#header h1 { font-weight: normal; color: #FFF; line-height: 1.2; margin: 0px 5px; }
#header h1 span { display: block; margin: 0px; padding: 0px; }
@media only screen and (min-width: 600px) { 
#header h1 {font-size: 110%; }
#header h1 span { display: inline; }
}
/* #footer */
#toTop { font-size: 80%; text-align: center; }
@media only screen and (min-width: 769px) { 
#toTop { width: 80px; right: 6px; bottom: 50px; position: fixed;}
#toTop span { display: block; }
#toTop a { background: #D1AFA7; width: 80px; display: block; color: #FFF; text-decoration: none; padding-top: 15px; padding-bottom: 15px; border-radius:6px; }
#toTop a:hover {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)"; 
}}

#footer { text-align: center; font-size: 90%; line-height: 1.4; margin: 10px auto 0; width: 100%; padding: 0.8em 0px; }
#copyright { font-size: 11px; color: #666; margin-bottom: 0; }

/*----------------------------------------------------
	#contents, #main
----------------------------------------------------*/
#contents { width: 96%; margin-right: auto; margin-left: auto; padding-bottom: 20px; text-align: center; }
@media only screen and (min-width: 481px) { 
#contents {  }
}
@media only screen and (min-width: 951px) { 
#contents { width: 720px; }
}
#contents:after {
  content: "";
  clear: both;
  display: block;
}

p { line-height: 1.6; margin: 8px 0px; }
h2 { margin: 40px 0px 20px; clear: both; background: none; padding: 0; text-align: center; font-size: 160%; color: #b20000; }

.ohisama{ background: #fff1f2; padding: 6px; margin-bottom: 10px; border-radius: 10px; }
.ohisama .txt{ text-align: left; background: #ffd2d6; padding: 8px; border-radius: 8px; }
.ohisama img.logo, img.btn { width: 96%; height: auto; }
.ohisama img.ph { margin-right: auto; margin-left: auto; display: block; }
@media screen and (min-width: 433px) {
img.btn { width: auto; height: auto; }
}
@media screen and (min-width: 477px) {
.ohisama img.logo { width: auto; height: auto; }
}
@media screen and (min-width: 600px) {
.ohisama img.ph { float: left; margin-right: 10px; }
.ohisama .txt p { margin-left: 186px; }
}