
 
/*  html {
   background-color:#edb328; /* 周囲の背景色 */


@media screen and (min-width : 1201px) and (max-width : 1600px){

 /* 1200px以上の画面を縮めたときにテーブルがガタガタになるので調整します */

/*一般のし紙のセルの高さ*/
.noshi-ipn td{ height:600px;}
/*デザインのし紙のセルの高さ*/
.noshi-dsin td{ height:450px;}
/*弔辞のし紙のセルの高さ*/
.noshi-tyo td{ height:550px;}
   }
   
   
 @media screen and (min-width : 1200px){

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

	
	/*熨斗のテーブル*/

.noshi {
	text-align:center;
	max-width:90%;
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
border-spacing: 10px;
	}
	
.noshi img { width:90%;
  /* 画像の横幅 */
margin:15px 5px 10px;
border:solid 1px #999999;}

.noshi td{
	width:40%;
	text-align:center;
	margin:5px;
	border:solid 1px #71686c;
    display: inline-block;}


.noshi tr td h3 {
	 margin:10px;
	 border-bottom:solid 1px #999999;
  text-align:left;
  font-family:serif;
  margin-bottom:auto;}
  
  
  .noshi tr td h3 span {
	 padding-left:5px;
	 font-size:15px;
	 color:#666;
}
  

 .noshi tr td p {
margin:10px;
  text-align:left;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
  color:#606060;}
 
.wrap {
  position: relative; 
  overflow: hidden; 
}


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

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


 .midasi{
	 margin:100px;
	 text-align:center;
	max-width:1500px;
	 margin-bottom:90px;}
 .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;}



	
/*弔事のしのグラフここから*/


.wakute{
  position: relative; 
  overflow: hidden;
  width:990px;
}


.tyouji {
  border-collapse: collapse;
  text-align: left;/*文字左よせ*/
  font-size:100%;
}

.tyouji th td {
  border: solid 1px black;/*実線 1px 黒*/
  text-align:left;
}

.tyouji th td p {
  margin:10px;
  text-align:left;
  font-weight:lighter;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
  color:#606060;}


.tyouji th {
	width:200px;
	background-color:#dedede;
}

.tyouji td {
	width:790px;
}



  
h5 {
  padding: .25em 0 .5em .5em;
  border-left: 10px solid #b1772d;
  border-bottom: 1px solid #b1772d;
  width:65%;
  text-align: left;/*文字左よせ*/
  font-size:100%;

}
  
  
/*弔事のしのグラフここまで*/  
	
	


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

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



	/*熨斗のテーブル*/

	.noshi tr td h3 {
	 margin:10px;
	 border-bottom:solid 1px #999999;
  text-align:left;
  font-family:serif;
  margin-bottom:auto;}
  
  
.noshi {
	text-align:center;
	width:100%;
	
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
border-spacing: 10px;
	}
	
.noshi img{
	width:90%;
  /* 画像の横幅 */
	/* height:400px;
  /* 画像の縦幅 */
   /* object-fit: cover;
   /* 画像をトリミングする */
margin:15px 5px 10px;
border:solid 1px #999999;}


.noshi td{
	width:45%;
	text-align:center;
	margin:5px;
	border:solid 1px #71686c;
    display: inline-block;
	max-height:600px;
	}
	
	

	.noshi tr td h3 {
	 margin:10px;
	 border-bottom:solid 1px #999999;
  text-align:left;
  font-family:serif;
  margin-bottom:auto;}
  
  
  .noshi tr td h3 span {
	 padding-left:5px;
	 font-size:15px;
	 color:#666;
}
  

 .noshi tr td p {
margin:10px;
  text-align:left;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
display:block;
  height:40px;
  color:#606060;}
	
	
	
	
	.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:20px;
	 text-align:center;
	max-width:1500px;
	 margin-bottom:30px;}
 .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;}




/*弔事のしのグラフここから*/


.wakute{
  position: relative; 
  overflow: hidden;
  width:90%;
}


.tyouji {
  border-collapse: collapse;
  text-align: left;/*文字左よせ*/
  font-size:100%;
}

.tyouji th td {
  border: solid 1px black;/*実線 1px 黒*/
  text-align:left;
}

.tyouji th td p {
  margin:10px;
  text-align:left;
  font-weight:lighter;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
  color:#606060;}


.tyouji th {
	width:200px;
	background-color:#dedede;
}

.tyouji td {
	width:790px;
}



  
h5 {
  padding: .25em 0 .5em .5em;
  border-left: 10px solid #b1772d;
  border-bottom: 1px solid #b1772d;
  width:90%;
  text-align: left;/*文字左よせ*/
  font-size:100%;

}
  
  
/*弔事のしのグラフここまで*/  
	
	
.pc{ display:none!important; }
.tb{ display:inline!important; }
.pctb{display:inline!important; }
.mb { display:none!important; }
.tbmb{ display:inline!important; }
 
  }
  

@media screen and (max-width:701px) {
	
/* 700以下用(スマホ)*/
		/*熨斗のテーブル*/
		
	.noshi {
	text-align:center;
	width:100%;
	/*border:solid 1px #71686c;
	background-color:#FFF;*/
border-spacing: 10px;
 position: relative; 
  overflow: hidden; 
	}
	
	 .noshi tr td{
		 width:90%;
	text-align:center;
	margin:5px;
	border:solid 1px #71686c;
    display: inline-block;
	}
	
	.noshi img {
	width:90%;
  /* 画像の横幅 */
margin:15px 5px 10px;
/*border:solid 1px #999999;*/}
.noshi tr td h3 {
	 margin:10px;
	 border-bottom:solid 1px #999999;
  text-align:left;
  font-family:serif;}
  
  
  .noshi tr td h3 span {
	 padding-left:5px;
	 font-size:15px;
	 color:#666;
}
  

 .noshi tr td p {
margin:10px;
  text-align:left;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
  color:#606060;}
   

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

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



/*弔事のしのグラフここから*/


.wakute{
  position: relative; 
  overflow: hidden;
  width:90%;
}


.tyouji {
  border-collapse: collapse;
  text-align: left;/*文字左よせ*/
  font-size:100%;
}

.tyouji th td {
  border: solid 1px black;/*実線 1px 黒*/
  text-align:left;
}

.tyouji th td p {
  margin:10px;
  text-align:left;
  font-weight:lighter;
  font-family:sans-serif;
  margin-bottom:20px;
  font-size:85%;
  color:#606060;}


.tyouji th {
	width:200px;
	background-color:#dedede;
}

.tyouji td {
	width:790px;
}



  
h5 {
  padding: .25em 0 .5em .5em;
  border-left: 10px solid #b1772d;
  border-bottom: 1px solid #b1772d;
  width:90%;
  text-align: left;/*文字左よせ*/
  font-size:100%;

}
  
  
/*弔事のしのグラフここまで*/  




}
  
  
.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 ;
	}
body {
   margin: 30px;   /* 外側の余白を30pxに */
   padding: 0px;   /* 内側の余白を消す */
   background-color: #ffffff; /* 本文部分の背景色 */
}


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

 


/*下の「表書き一覧」などの説明のとこのCSS*/


.waku {
	width:80%;
	max-width:900px; 
    text-align:left; 
    background-color:#dedede;
    padding:30px;}

.waku h2 {
	 font-family:serif;
	display:inline; }
	
.waku b{
    font-family:serif;
    font-weight:bold;
    font-size:1.3em;}



/*吹き出し-一般のし-*/

.noshihukidasi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
   padding-top:20px;
 width:80%;
max-width:900px; 
  color: #ffffff;
  font-family:serif;
  font-size:120%;
  background: #7f7fff;
  border-radius:10px;
}

  
  .noshihukidasi p{
	  padding-top:-1.0em;
	  font-size:0.8em;
	 }
   

   
.noshihukidasi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #7f7fff;
  
}

.balloon3-right {
  position: relative;
  display: inline-block;
  margin:0.5em 10px 0px 0px;
  width: 50px;
  height: 50px;
  line-height:50px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #66cc33;
  border-radius: 50%;
  box-sizing: border-box;
}



.balloon1 p {
  margin: 0;
  padding: 0;
}

