@charset "utf-8";
/* CSS Document */


      * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
      }


      h1 {
        font-weight: inherit;
        text-transform: uppercase;
        font-size: 250%;
        margin: 0;
      }

      a {
        color: #fff;
		text-decoration:none;
      }

      a:hover {
        color: #fff;
		text-decoration:underline;
      }

      a img {
		  border:none;
		text-decoration:none;
      }

      img {
        max-width: 100%;
      }

      p {
        max-width: 800px;
      }


      section {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;	
	z-index: 10;
      }
	  
	  .fade_bg {
 		background-color:#FFF;
	  }

      .sp {
	height: 100%;
	min-width: 1100px;
	min-height: 950px;
      }	  
	  
	  
	  
	  .introduction {
	font-family: "IwaMinPro-Md";
	  }


	  .picture1305 {
	background-image:url(../img/bg1305.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }

	  .picture1306 {
	background-image:url(../img/bg1306.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }
	  
	  .picture1307 {
	background-image:url(../img/bg1307.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	  

	  .picture1308-1 {
	background-image:url(../img/bg1308-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	  

	  .picture1308-2 {
	background-image:url(../img/bg1308-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	  
	  
	  .picture1309 {
	background-image:url(../img/bg1309.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	  	  

	  .picture1310 {
	background-image:url(../img/bg1310.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	 
	  
	  .picture1311 {
	background-image:url(../img/bg1311.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	 	   	  


	  .picture1312 {
	background-image:url(../img/bg1312.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	  }	 	   	  


	  .wagashi1305 {
	background-color: #8a9421;
	  }

	  .wagashi1306 {
	background-color: #b99254;
	  }	  
	  
	  .wagashi1307 {
	background-color: #ea1d15;
	  }	 	  
	  
	  .wagashi1308 {
	background-color: #23224d;
	  }
	  
	  .wagashi1309 {
	background-color: #9c2338;
	  }	  	  

	  .wagashi1310 {
	background-color: #fefcfb;
	  }	  	 	  
	  
	  .wagashi1311 {
	background-color: #bb6d69;
	  }	 

	  .wagashi1311 {
	background-color: #dac997;
	  }	 	   	 	  
	  
	  .wagashi_photo_area {
	position:absolute;
  left: 50%;
  top: 50%;
  margin-left: 500px;
  margin-top: -28px;
	width:866px;
	height:576px;
	margin:auto;
	  }


      .archives {
	width: 100%;
	height: 225px;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 25px;
	background-color: #ffffff;
	color:#e0ea77;
      }

      .archives img {
	margin-right: 10px;
      }	  


      .footer1305 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #8a9421;
	color:#e0ea77;
      }

      .footer1306 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #b99254;
	color:#fce6c4;
      }

      .footer1307 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #ea1d15;
	color:#ffcccc;
      }
	  
      .footer1308 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #23224c;
	color:#cccccc;
      }	

      .footer1309 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #9c2338;
	color:#cccccc;
      }	  

      .footer1310 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #fefcfb;
	color:#cccccc;
      }	

      .footer1311 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #bb6d69;
	color:#feebea;
      }	

      .footer1312 {
	width: 100%;
	height: 180px;
	text-align:center;
	background: #1abc9c;
	padding-top: 23px;
	padding-bottom: 25px;
	background-color: #dac997;
	color:#fff;
      }	



	
	.totop {
	position:fixed;
	width:50px;
	margin-left:auto;
	margin-right:auto;
	bottom: 10px;
	right: 25px;
	z-index:100;
	}
	
	.kyojunka_area {
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-720px;
		margin-left:-1280px;
	}

	.fade_area {

	}

	.fade_area img {
		width: 100%;
		height:auto;
		z-index:5;
	}

	.fade_area_sp {

 position:absolute;
  top: 50%;
  left: 50%;
  margin-top: -720px;
  margin-left: -1280px;
	z-index:5;
	}
	
	.next_btn {
		
	}




.box { 
  text-align: center;
  height:100%;
  z-index:100;
  position:relative;
}
 
.box:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
 
.centered {
  display: inline-block;
  vertical-align:middle;
}