@charset "utf-8";
article,footer,header,nav,section {display: block}
html{font-family:Avenir , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" ,"Droid Sans Japanese" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:62.5%;-webkit-text-size-adjust:62.5%;-ms-text-size-adjust:62.5%;}
body { margin:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0;padding:0;}
a:focus {outline:thin dotted}
a:hover,a:active {outline:0}
strong{font-weight:bold}
img{max-width:100%;vertical-align:middle;border:0}
li{padding:1%;list-style-type: none}
/* @normarize */
html{}
body{
font-size:90%;
text-align:center;
width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
-webkit-text-size-adjust:100%;
}
header{margin:2%;}
p{font-size:1.3rem;font-weight: bold;color: rgb(216,41,116);text-align: center;
}
.logo{max-width:100%;vertical-align:middle;border:0}
.tojiru{position:fixed; right:0;top:22%;padding: 2%;z-index: 2;
font-size:3rem;color: rgb(62,69,121);}
/* @group micro clearfix */
.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.oldie .cf{zoom:1;}
/* @end */
/* @end @library */
/* contents ----------------------------------------------------*/
/* @group @all device size */
/* @group layout--------------------------------------------------------*/
.wrap{
}
.contents{
}
.primary,
.secondary,
.about{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:100%;
margin-top: 3%;}
/* @end layout */
/* @end @all device size */
/* gallely ----------------------------------------------------*/
#gallery, .gsec {
  -webkit-columns: 260px;
  -moz-columns: 260px;
  columns: 260px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 10px;
}
#gallery img, .gsec img {
  width: 100%;
  height: auto;
  padding: 8px;   /* 写真外枠を白フチに */
  background-color: #ffffff;
  margin-bottom: 10px;
  box-sizing: border-box;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
}

/* コメントを画像に重ねる CSS */
.org p {
  display: inline-block;
  width: 100%;
  position: relative;/* 画像位置を基準に */
  line-height: 1;
}
.name {
  position: absolute;
  top: 10px;       /* テキストの始点 */
  left: 10px;
  color: rgb(216,41,116);
  font-weight: bold;
  text-shadow: 0px 3px 4px #000;
  z-index: 1;/* position: absolute 指定なので */
}
/* @end  */
footer{
color:rgb(62,69,121);
font-size: 1.5rem;
font-style:italic;
text-align: center;
}
@media (min-width:960px){
html{font-size:115%;}
header{text-align: center;}
.wrap{
}
.contents{
}
.primary{width:50%;
float:left;
}
.secondary{width:50%;
float:right;
}
.about{
}