/*  html {
   background-color:#edb328; /* 周囲の背景色 */
body {
   margin: 30px;   /* 外側の余白を30pxに */
   padding: 0px;   /* 内側の余白を消す */
   background-color: #ffffff; /* 本文部分の背景色 */
}


  .setumei{
  margin:10px;
  text-align:center;
  font-family:serif;
  margin-bottom:10px;}

 
 
 /*●テーブルの幅やフォントなどを指定している●CSS*/
 /*画像のサイズやフォントサイズ、テーブルの幅などを変えたいときに使用*/
 


@media screen and (max-width:701px) {
	
/* 700以下用(スマホ)*/
.gifttable {
	text-align:center;
	width:100%;
	padding:3%;
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
border-spacing: 10px;
 position: relative; 
  overflow: hidden; 

	}
	
.gifttable img {
	width:90%;
margin:5px;
border: 1px solid #333333;/*画像の枠線のカラーと太さ*/
margin-bottom:20px;
 object-fit: cover;}


.gifttable tr td{
	width:80%;
	text-align:center;
	margin:5px;
    display: inline-block;
	  position: relative;
	  background-color:#FFF;
  list-style: none; }
  
  
   .midasi{
	 margin:5px;
	 text-align:center;
	max-width:100%;
	 margin-bottom:50px;}
 .midasi h2{
	 font-size:2em;
	 font-family:sans-serif;
	 color:#414141;
	 border-bottom:solid 1px #999999;
 padding: 1rem 2rem;
 /* background: #f4f4f4; */}
 
.midasi span {
	color:#a4a4a4;}
.jiyuusetumei{
	width:100%;}

.message-icon { /*メッセージ変更不可のアイコン*/
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 6px; /* 文字サイズ */
   font-weight: 100;
   padding: 3px; /* 文字と図の隙間 */
   background-color: #7b5544; /* 図のカラー */
   text-decoration: none;
   display: inline-block;
   text-align: center;
}




.pc{ display:none!important; }
.tb{ display:none!important; }
.pctb{display:none!important; }
.mb { display:inline!important; }
.tbmb{ display:inlin!important; }




}
  
  
@media screen and (min-width:701px) and (max-width:1200px) {
	
/* 701～1024pxの画面用*/


/*メッセージカードのテーブル*/


.gifttable {
	text-align:center;
	width:100%;
	padding:50px;
	
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
border-spacing: 10px;
	}
	
.gifttable img { width:90%;
margin:5px;
margin-bottom:20px;
border: 1px solid #333333;/*画像の枠線のカラーと太さ*/
 object-fit: cover;}


.gifttable td{
	width:45%;
	text-align:center;
	margin:5px;
    display: inline-block;
	background-color:#FFF;
	}

.trimming650{
	height:650px;
	object-fit: cover; }
	

/* ▼中央にあるように見せている*/
	
	.wrap {
  position: relative; 
  overflow: hidden; 
}

.wrap tr {
  position: relative;
  left: 50%; 
  float: left;
}

.wrap tr td {
  position: relative;
  left: -45%; 
  float: left;
  list-style: none; 
}


 .midasi{
	 margin:30px;
	 text-align:center;
	max-width:1500px;
	 margin-bottom:50px;}
 .midasi h2{
	 font-size:2em;
	 font-family:sans-serif;
	 color:#414141;
	 border-bottom:solid 1px #999999;
 padding: 1rem 2rem;
 /* background: #f4f4f4; */}
 
.midasi span {
	color:#a4a4a4;}

.jiyuusetumei{
	width:100%;
	max-width:800px;}


.message-icon { /*メッセージ変更不可のアイコン*/
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 6px; /* 文字サイズ */
   font-weight: 100;
   padding: 5px; /* 文字と図の隙間 */
   background-color: #7b5544; /* 図のカラー */
   text-decoration: none;
   display: inline-block;
   text-align: center;
}


.pc{ display:none!important; }
.tb{ display:inline!important; }
.pctb{display:inline!important; }
.mb { display:none!important; }
.tbmb{ display:inlin!important; }
 
  }
  
 @media screen and (min-width : 1200px){

 /* 1200px以上の画面用 */

.gifttable {
	text-align:center;
	max-width:100%;
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
	padding:30px 0px;
border-spacing: 10px;
	}
	
.gifttable img { width:90%;
margin:10px;
border: 1px solid #333333;/*画像の枠線のカラーと太さ*/
margin-bottom:20px;
 object-fit: cover;}

.gifttable td{
	width:40%;
	text-align:center;
	margin:5px;
    display: inline-block;
	background:#FFF;}
	

.trimming{
	width:700px;
	height:500px;
	object-fit: cover; }

/* ▼中央にあるように見せている*/


.wrap {
  position: relative; 
  overflow: hidden; 
}


.wrap tr {
  position: relative;
  left: 50%; 
  float: left;
}

.wrap td {
  position: relative;
  left: -40%;
  float: left;
  list-style: none; 
}


.jiyuusetumei{
width:900;}

 .midasi{
	 margin:100px;
	 text-align:center;
	max-width:1500px;
	 margin-bottom:150px;}
 .midasi h2{
	 font-size:2em;
	 font-family:sans-serif;
	 color:#414141;
	 border-bottom:solid 1px #999999;
 padding: 1rem 2rem;
 /* background: #f4f4f4; */}
 
.midasi span {
	color:#a4a4a4;}
	
	
.message-icon { /*メッセージ変更不可のアイコン*/
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 10px; /* 文字サイズ */
   font-weight: 100;
   padding: 5px; /* 文字と図の隙間 */
   background-color: #7b5544; /* 図のカラー */
   text-decoration: none;
   display: inline-block;
   text-align: center;
}	
	


.pc{ display:inline!important; }
.tb{ display:none!important; }
.pctb{display:inline!important; }
.mb	{ display:none!important; }
.tbmb{ display:none!important; }
}
.menu {
	position: fixed;
	 /*基準を画面の左下に*/
	left: 0;
	bottom: 0;
	background:#e0e0e0;
	width: 100%;
}
.menu tr td {
		text-align:center;
	border-left-color:666;}
	
	　.menu tr td a{
    　display:block;
    　width:100%;
      height:100%;
 　  } 
.menu tr td img{
	width:80px;
	display:block;
	margin-left : auto ;
	 margin-right : auto ;
	}