header {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  margin: 0em 0em 3em 0em;
}



main {
	display: flex;
 	 flex-wrap: wrap;
 
 }

.container {
	 display: flex;
 	 flex-wrap: wrap;
  	flex-direction: row;
	 align-items: center;
  justify-content: center;

}


.boxc {
	width: calc(100% / 3);
    padding: 0.5em 0.5em;
    margin: 0 0 0 0;
	position:relative;

}



.boxa {
	width: calc(100% / 3.3);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 3em 0 1em 0;

}


.sale2 {
  width: calc(130%);
 position: absolute;
  top: 0px;
  left: 400px;
  
}

.boxt {
	width: calc(90% );
  display: flex;
  -ms-flex-line-pack: stretch;
       align-content: stretch;
  flex-direction: row;
   flex-wrap: wrap;
  margin: 1em auto 1em auto;
  border: double 5px #800000;
  padding: 0.5em;
}



.boxw {
	width: calc(90% );
  display: flex;
  -ms-flex-line-pack: stretch;
       align-content: stretch;
  flex-direction: row;
   flex-wrap: wrap;
  margin: 1em auto 1em auto;
  background-color:#FFFFFF;
}


.boxm {
	width: calc(90% );
  display: block;
  margin: 1em auto 1em auto;
  background-color:#FFFFFF;
  padding: 1em;
}



.boxk {
	width: calc(100% );
  display: flex;
  -ms-flex-line-pack: stretch;
       align-content: stretch;
  flex-direction: row;
   flex-wrap: wrap;
  margin: 0.5em auto 0.5em auto;

}


.boxy {
	width: calc(100% -1);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 1em 0 1em 0;
}




.item{width: calc(100% );
margin: 0 0 0 auto;  }

.item2{width: calc(60% ); }




.boxu {
	width: calc(100% );
  margin: 1em 0 1em auto;
}



.boxb {
	width: calc(100% / 3);
  display: flex;
  	flex-direction: row;
}



.top1 {
	width: calc(100%);
	position:relative;
margin: 0 auto;
margin-top: 5em;
margin-bottom:3em;
max-width: 1300px;	

}


.box1 {
	width: calc(100%);
	position:relative;
margin-top: 5em;
margin-bottom:3em;
	

}
.box1a {
position: absolute;
  top: 12%;
  left: 84.5%;
  z-index: 100;
  
}


.boxp {
	width: calc(60% );
  display: flex;
  	flex-direction: row;
	margin: 0 2em 0 0;
}


.boxmenu {
	width: calc(100% );
    padding: 0.5em 0.5em;
    margin: 0 0 2em 0;
	position:relative;
	z-index: 4;
}





main div.wid1 {
  width: calc(100% / 1.4);
  margin: 2em　0.5em 0.5em 0.5em;
  
}


main div.wid2 {
  width: calc(100% / 1.5);
  margin: 0.1em;
}



main div.wid3 {
  width: calc(100% / 5.5);

}


div.wid4 {
  width: calc(100% / 3.5);
  margin: 3em 0 0 3em;

}








.box2 {
    padding: 0.5em 0.5em;
    margin: 1em 0 2em 0;
    background: #fff;
    border: solid 5px #ffc0cb;
	border-radius: 20px;
	position:relative;
}


.m{
	padding-right:auto;
margin-bottom:0.5em;
margin-left:2em;
font-size:1.6vw;
font-weight: bold;
}


img.titel { 
margin-top: 2em;



}

img.titel2 { margin-top: 2em;
margin-bottom: 1em;
margin-right:auto;

}



p.T { color:#633;
      font-size:2vw;
	  font-weight: bold;
	   margin:0 auto 0 0;	

}

p.moji { font-size: 1.6vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin-left: 1em;
		 height:250px;
}


p.moji02 { font-size: 1.6vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin-left: 1em;

}


p.mojio { font-size: 1.6vw;
		 font-weight: bold;
		 line-height: 1.5;
	
		 
		 	
}


p.moji1 { font-size: 3vw;
		 font-weight: bold;
		 line-height: 1.5;	
}

p.moji03 { font-size: 2.5vw;
		 font-weight: bold;
		 line-height: 1.5;

	 	
}

p.mojis { font-size: 2.5vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin-top:2.5em;	
}

p.mojits { font-size: 2.5vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin-top:1em;	
}


p.moji01 { font-size: 2.3vw;
		 font-weight: bold;
		 line-height: 1.5;
		
}


p.moji01u { font-size: 2.3vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin: 0.5em 0 0.2em 0.5em;
	
}


p.moji2 { font-size: 1.75vw;
	 font-weight: bold;
	 line-height: 2;	
}


img.ba{
	margin-right:0.5em;


}

.do2{margin:0;
padding:0;

}


.boxba{  display: flex;
  	flex-direction: row;
}


.do{  display: flex;
  	flex-direction: row;
	width:97%;
}


#kodawari{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */
}

#yakikata{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */
}

#gaiyou{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */
}

#toiawase{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */
}




/*グーグルマップ用 */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0 auto 0 auto;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 95%;
}


#map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }
 




/*モニター全体に広げるフッター*/
.fwrapper{
   width: 100%;   
   background-color: #633;
   margin-top: 10em;
}
/*コピーライト等を書く領域*/
.footer{
  margin: auto;
  max-width: 1000px;
  padding: 10px;/*これを書かないとフッターの下に余白ができてしまう*/
  color:#FFF;
  font-size:1.4vw;
}




/*販売ページ用*/
.boxsale {
	width: calc(100% / 2.2);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
  background-color:#FFFFFF;
  border-color:#600;
  border-style:solid;
  padding:0.5em;
  position:relative
  
}

.boxsale2 {
	width: calc(100% / 2.2);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
  padding:1em 0.5em 0.5em 0.5em;
  
}

.boxsale3 {
	width: calc(100% / 2.2);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
  padding:0.5em 0.5em 0.5em 0.5em;
  
}

.boxsale1 {
	width: calc(100%);
    padding: 1em 0.5em 1em 0.5em;
    margin: 1em 0 1em 0;
	position:relative;
	

}


.sale {
  width: calc(100% / 1.1);
  margin: 1.5em;
  
}

.sale2 {
  width: calc(130%);
 position: absolute;
  top: 0px;
  left: 400px;
  
}
.sale3 {
  width: calc(100% / 1.1);
  margin: 1.5em;
  
}


.sale3 a img{
width: calc(100%);
  padding: 1em;
  
}


p.mojisale { font-size: 2vw;
		 font-weight: bold;
		 line-height: 1.5;	
}


p.mojisale2 { font-size: 2.5vw;
		 font-weight: bold;
		 line-height: 1.5;
		 color:#A60000;
		 text-align:right;
		
}

p.mojisale3 { font-size: 2vw;
		 font-weight: bold;
		 line-height: 1.5;	
		 text-align:center;
}


p.mojisale4 { font-size: 2vw;
		 font-weight: bold;
		 line-height: 1.5;	
		 color:#F00;
}



/*テーブル用デザイン*/

.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #95a1af;  
  padding: 8px;
   font-weight: bold;
}
 
.col-head-type1 th {
  background:#ffeac9;
  text-align: left;
  width: 120px;
}
 
 
@media only screen and (max-width: 750px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #95a1af;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}





/*レスポンシブ対応 */
@media (max-width: 750px) {
header {
    flex-direction: column;
    align-items: center;
  }


.container {
	 display: flex;
 	 flex-wrap: wrap;

}


main div.wid1 {
  width: calc(100%);
  margin: 2em　0.2em 0.2em 0.2em;
  order: 2;
  
}


main div.wid2 {
  width: calc(100% );
  margin: 0.1em;
}



main div.wid3 {
  width: calc(100% );
  margin: 0.1em;
  margin-bottom: 2em;
  order: 0;

}


div.wid4 {
  width: calc(100%);
  margin: 0;

}




.container {
	 display: flex;
 	   flex-direction:column;

}

.boxa {
width: calc(100% );
display: flex;

}

.boxp {
	width: calc(100% );
  display: flex;
  	flex-direction: row;
	margin: 0;
}


.boxc {
	width: calc(100% );
    padding: 0.5em 0.5em;
    margin: 0 0 0 0;
	position:relative;

}



.box1 {
	width: calc(100% -1);
	position:relative;
	margin-top: 5em;
margin-bottom:2em;

}
.box1a {
	position: absolute;
  top: 15%;
  left: 80%;
  z-index: 100;
  
}


.do2{margin:0;
padding:0;

}


.boxba{  display: flex;
  	flex-direction: row;
}



p.T { color:#633;
      font-size:5vw;
	  font-weight: bold;
	   margin:0 auto 0 0;	

}



p.moji01 { font-size: 4.5vw;
		 font-weight: bold;
		 line-height: 1.5;	
}


p.moji01u { font-size: 4.5vw;
		 font-weight: bold;
		 line-height: 1.2;	
}



p.moji02 { font-size: 3.5vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin-left: 0.5em;

}


p.moji03 { font-size: 2.5vw;
		 font-weight: bold;
		 line-height: 1.5;

	 	
}


p.m{
margin-bottom:2em;
font-size: 3.5vw;
}

.m{
	padding-right:auto;
margin-bottom:0.5em;
margin-left:0.5em;
font-size:1.6vw;
font-weight: bold;
}



p.moji { font-size: 4vw;
		 font-weight: bold;
		 line-height: 1.5;
		 margin: 0.5em;
		 height: inherit;
		 
}






p.moji2 { font-size: 4vw;
	 font-weight: bold;
	 line-height: 1.5;	
}


p.mojis { font-size: 4.5vw;
		 margin-top:3em;	
}

p.mojits { font-size: 4.5vw;
	
}


table {
font-size: 3vw}



.none {display:none}

.footer{
  font-size:3vw;
}

.footer a {
    color:#FFF;
    text-decoration:none;
    }


/*販売ページ用*/
.boxsale {
	width: calc(90%);
  margin: 0.2em;
  padding:0.2em;
  
}

.boxsale2 {
	width: calc(100%);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
  padding:0.5em;
  
}


.boxsale3 {
	width: calc(100%);
  display: flex;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
  padding:0.5em;
  
}


.sale2 {
  width: calc(95%);
 position: static;

  
}




.sale {
  width: calc(100% / 1.1);
  margin: 1em;
  
}


p.mojisale { font-size: 4vw;

}


p.mojisale2 { font-size: 4.5vw;
	
		
}

p.mojisale3 { font-size: 4vw;

}


p.mojisale4 { font-size: 4vw;
	
}

.sale3 a img{
width: calc(100%);
  padding: 1em 0 1em 0;
  
}


}


@media (min-width: 1281px) {
	
/*	body {
width: 1200px;
}
*/


p.moji { font-size: 20px;

}

p.mojisale { font-size: 26px;

}



p.moji01 { font-size: 30px;

		
}

#container2 {
	max-width: 1200px;	/*サイトの最大幅*/

}

#container {
    height : 730px;

	
}


}