@charset "UTF-8";
html{
    font-size: 62.5%;
}
body {
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-size: 1.6rem;
	/*background-color: #000;*/
}
#wrapper{position: absolute;
	     top: 0;
	     left: 0;
	     right: 0;
	     bottom: 0;
	     widows: 100%;
	     height: 100%;
	     background-color: #000;
	     margin: auto;
}
a {
	color: #F8BBD0;
}
a:hover {
  color: #000;
}
img {
  width: 60%;
}
/* header */
header {
  background-color: #000;
  border-bottom: 5px solid #C9151E;
}
header h1 {
  margin: 0 auto;
  text-align: center;
}
header h1 img {
  width: 45px;
  padding: 10px 0;
}

article h3{text-align: center;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
margin-top: 10px;
font-size: 1.2em;}
article h1{font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 1.7rem}
article h2{text-align: center;
font-size: 2rem;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace" }
#mainvisual {
  width: 100%;
  height: 600px;
  position: relative;
}
.container {
  margin: 0 auto;
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.container h1{text-align: center}
.container h2{text-align: center}
/*article h2 {
  margin: 0 auto;
  position: absolute;
  widows: 60%;
  top: 65%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}*/
.img-title{position: absolute;
	       margin: 0;
	       width: 100%;
	       color: white;
	       bottom: 8.7px;
           text-align: center;
	       background: linear-gradient(360deg, black, transparent);
}

/* footer */
footer {
  background-color: #000;
  border-top: 5px solid #C9151E;
  height: 100px;
}
.index_btn {
    display:block;
    margin: 20px auto;
    width: 30%;
    padding: 10px;
    text-decoration: none;
    background: #C9151E;
    color: #FFF;
    border-bottom: solid 4px #A40F17;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    font-size: 85%;
    letter-spacing: 0.13em;
}
.object-fit{
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
@media (max-width:790px){
	.index_btn{
		font-size: 50%;
	}
	.container {
  margin: 0 auto;
  position: absolute;
  width: 130%;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
	article h3{text-align: inherit;
	padding: 0 10px;
	font-size: 0.9em;}
	
	article h1{font-size: 0.8em;
	padding: 0 5px;}
	article h2{font-size: 1.5rem;
	}
	
}

/* Gallery */
.gallery {
  margin: 10px 0;
}
.gallery img {
   width: 100%;
   height: 250px;
	/*height: auto;*/
   margin: 12px;
   object-fit: contain;
   /*object-fit: contain;*/
   object-fit: cover; 
}

@media (max-width:480px){
	/*.col-md-3 {
		width: 50%;
		display: inline-block;
		position: relative;
		padding-right: 15px;
		padding-left: 15px;
	}
*/
	/* Gallery */
	.gallery {
	  margin: 10px 0;
	}
	.gallery img {
	   width: 100%;
	   /*height: 100px;*/
		/*height: auto;*/
	   margin: 12px;
	   object-fit: contain;
	   /*object-fit: contain;*/
	   object-fit: cover; 
	}
}