@chrset "utf-8";
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* スマートフォン */
body {
  width: 100%;
  font-size: 0.9em;
  line-height: 1.5em;
  background-color: #F3F0EF;
}
/*
html,body{
	height:100%;
	margin:0;
  display: flex;
}
*/
/*
#container {
  position: relative;
 
     min-height: 100%;

     height: auto !important;

     height: 100%;

*/
  }
  


/*
body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 200vh;
   /*height: 100%;*/

 /*---*/
}

header {
  text-align: center;
  margin-bottom: 5%;
  background-color: #ccc;
/*margin-top:-21px;*/
}

header h1 {
  font-size: 2.0em;
  color: #fff;
  padding: 0.4em 0 0.4em 0;
  margin: 0 0 0.2em;
  line-height:30px;  
} 

nav {
  width: 100%;
  background-color: #d5d5d5;
  /*background-color: #F3F1F1;*/

}

nav ul li {
  
}
/*
ul{
    list-style: none;
    display:flex;
    justify-content: center;
}
*/

ul li {
  display: block;
}
body,ul,li{
    margin:0px;
    padding:0px;
}

nav ul li a{  
   padding:10px 5px;
   margin:2.5px;
   text-align: center;
   /*color: #fdfcfc;  */
      color: #F6F5F5; 
   text-decoration: none;
}
 ul li a:link {  
 color: #fdfcfc;
}

ul li a:visited {  
 color: #878584;
 
}

ul li a:hover {  
 color: #B7B7B6;
}

ul li a:active {  
 color: #fff;
 
}


ul h1 a {
 color: #F6F5F5;
 text-decoration: none;
}

main.contents {
  width: 60%;
  margin: 1em auto 1em auto;
  
  padding-top:50px;
  padding-bottom: 50px;
  
  position: relative;

    min-height: 100%;

    height: auto !important;

    height: 100%;
    
    

}





main.contents aside.photo_menu section.photo_menu1 {
  height: 130px;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 1em;
}

main.contents aside.photo_menu section.photo_menu2 {
  height: 130px;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 1em;
}

main.contents aside.photo_menu section.photo_menu3 {
  height: 130px;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 1em;

}

article section {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

footer {
  margin-top: auto;
}

footer {
  text-align: center;
  color:#f6f6f6;
  background-color: #d5d5d5;
}

footer .container {
  text-align: center;
  width: 100%;
  height:25%;

  bottom: 0;

}
/*
#wrap{
    width: 100%;
    position: relative;
    min-height: 100%;
   
}
*/
footer .content {
  line-height: 5em;
  margin: 0;
  min-height: calc(0vh - 70px);
  
  padding-bottom: 0px;  /* フッターの高さと同じ */
}


footer .inline-block_footer {
  display:inline-block;
  /*padding:20px;*/
}

.item {
  padding: 50px 50px ;
}
/*横並び*/
/*
.item {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 2em;
}
.item-image {
  width: 50%;
}
.item-image img {
  width: 50%;
  height: 100%;
  object-fit: cover;
}
.item-text {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 3em;
  background: #eee;
}
.item-text p + p {
  margin-top: 1em;
}
*/
/*
.item {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 2em;
}
.item:nth-child(odd) {
  flex-direction: row-reverse;
}
.item-image {
  width: 100%;
  
}
.item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width:50%;
  min-width:30%;
}
.item-text {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 3em;
  background: #eee;
}
*/

/*
.item {
  display: flex;
  padding:100px;
}

.item .item-image {
  margin: 0 20px 0 0;  
}

.item:nth-child(even) {
  flex-direction: row-reverse;
}
.item:nth-child(even) .item-image {
  margin: 0 0 0 20px;
}

.item-text {
  width:calc(100% - 320px);

}

/* unrelated css */
/*
.item-image {
  width:200px;
  height:200px;
  background: #bbb;
  display: flex;
  font-size:36px;
  color:#fff;
  align-items:center;
  justify-content:center;
}
*/

.item {
  max-width: 600px;
  margin: 0 auto;

}
.item-image img{
  max-width: 70%;
  display: block;
  margin: 0 auto;
}

.item:nth-child(even) {
  flex-direction: row-reverse;
}
.item:nth-child(even) .item-image {
  margin: 0 0 0 20px;
  
}

.item:nth-child() 
flex-grow: 1;               /* 幅指定 */



@media screen and (min-width:600px) { 
  .item {
    display:flex;
    flex-wrap:nowrap;
    /*-content:space-between;
     justify-content: center*/
  }
  .item-image+.item-text {
    margin-left:1.0em;
}

 .item-text {
   margin: 60px;
 }
  
 }

/* タブレット用　*/

@media only screen and (min-width: 769px) {
  ul{
      list-style: none;
      display:flex;
      justify-content: center;
  }  
  nav ul li {
    float:left;
    text-align:center
    line-height: 3em;
    border-bottom: none;
  
  }
  
  main.contents aside.photo_menu section.photo_menu1 {
    float: left;
  }
  
  main.contents aside.photo_menu section.photo_menu2 {
    float: left;
  }
  
  aside.photo_menu section.photo_menu3 {
    float: left;
  }
  
}

/* PC用　*/

@media only screen and (min-width: 961px) {
  
}