@charset "UTF-8";


.inner {
	position:relative;
	width:980px;
	margin:0 auto;
}
.tp{
	width: 1200px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding: 5% 5% 1%;
  border-bottom: #fff solid 2px;
}
.innertp{
	display: inline-block;
	font-size: 5rem;
	color: #fff;
	font-weight: bold;

}

.innertpyl{
  text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff;
  color: #faa92e;
  -webkit-text-stroke: 1px #333;
  font-weight: bold;
}
.innertpun{
  background: linear-gradient(transparent 60%, #7f0101 60%);
  font-weight: bold;
  text-shadow: 0 0 10px #7f0101,0 0 30px #7f0101,0 0 20px #7f0101,0 0 3px #000,0 0 1px #000,0 0 5px #7f0101;
}


/*================================================
 *  ヘッダー
 ================================================*/
header{
  background: #fff;
  position: relative;
  z-index: 5;
}
header h1{
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  padding: 2%;
  padding-right: 50px;
}

/*================================================
 *  headshirase
 ================================================*/
#headshirase{
  text-align: center;
  background: #000;
  padding: 2%;
  font-size: 2rem;
  color: #fff;
  position: relative;
  z-index: 1;
}
#headshirase p{
  margin: 0;
  font-weight: bold;
  color: #fff;
}


/*================================================
 *  cp(thanksページ共有)
 ================================================*/
 #cp{
   background: #000;
   padding-top: 2%;
   padding-bottom: 3%;
 }
#cp .mucp{
  text-align: center;
  background: linear-gradient(transparent,transparent,transparent,#fff,transparent,transparent,transparent);
}
#cp img{
  margin: 0 auto;
}
#cp .mumj{
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  text-align:  center;
}
#cp .mucp .mumjb{
  color: #e0cb60;
  text-shadow: 0 0 2px #000, 0 0 5px #000, 0 0 7px #0000, 0 0 10px #000, 0 0 15px #000;
  font-size: 5rem;
  font-weight: bold;
  animation: blink 2s ease infinite;
  margin: 0;
}
#cp .mucp i{
  color: #fff;
}
#cp .cpimst{
  transform: rotate(180deg);
}
#cp .cpttst{
  text-align: center;
  margin: 3%;
}
#cp .cptt{
  padding: 0.3% 1%;
  border-radius: 8px;
  background: linear-gradient(45deg,#300000,#a09804,#f7ef51,#b0bc07,#a09804,#300000);
  box-shadow: 3px 3px 5px inset #fff, 0 0 10px #fff;
  border: solid 3px #333;
  font-size: 5rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 3px #333, 0 0 5px #333, 0 0 10px #333;
}

#cp .cpdt{
  display: flex;
  justify-content:  center;
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 0;
	padding: 1%;
}





/*================================================
 *  catch
 ================================================*/
#catch .catchtt{
  font-size: 4rem;
  text-align: center;
  color: #fcd741;
  padding: 5% 1% 2% 1%;
  font-weight: bold;
  background: #000;
  margin-bottom: 0;
}


/*================================================
 *  intro
 ================================================*/
#intro{
  background: #000;
}
#intro .introim{
  max-width: 100%;
  margin-left: auto;
  margin-right:auto;
  display: block;
  position:relative;
}

#intro .yhako{
	width: 1700px;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}
#intro .dogafi{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

#intro video{
  display:block;
  margin-left:auto;
  margin-right:auto;
}



/*================================================
 *  hmoshi
 ================================================*/
 #hmoshi{
   background: #000;
	 padding: 2%;

 }
 #hmoshi .inner{
 	background: linear-gradient(to top right,#000,#951515,#a71616,#951515,#000);
  background-blend-mode: lighten;
 	margin-top: 5%;
 	border-radius: 20px;
 	padding: 2%;
  padding-top: 5%;
 	box-shadow: inset 2px 2px 5px #333,2px 2px 10px #fff,-2px -2px 10px #fff,inset 2px 2px 10px #fcbd5f,inset -2px -2px 10px #fcbd5f;
 }
 #hmoshi p,#hmoshi th{
 	font-weight: bold;
	font-size: 2.1rem;
  color: #fff;
 }


/*================================================
 *  setume
 ================================================*/
 #setume{
   background: #000;
	 padding: 2%;

 }
 #setume .inner{
 	background: linear-gradient(to top right,#000,#951515,#a71616,#951515,#000);
  background-blend-mode: lighten;
 	margin-top: 5%;
 	border-radius: 20px;
 	padding: 2%;
  padding-top: 5%;
 	box-shadow: inset 2px 2px 5px #333,2px 2px 10px #fff,-2px -2px 10px #fff,inset 2px 2px 10px #fcbd5f,inset -2px -2px 10px #fcbd5f;
 }
 #setume p{
 	font-weight: bold;
	font-size: 2.1rem;
  color: #fff;
 }
#setume .setume_ddk{
  font-size: 7rem;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 5px #000, 0 0 2px #000, 0 0 10px #000;
  margin-bottom: 0;
}
#setume .setumebox{
  background: #fff;
  border-radius: 10px;
  padding: 4%;
  margin: 5% auto;
  width: 95%;
  box-shadow: inset 2px 2px 3px #333,inset 0 0 2px #333;
}
#setume .setumebox p{
  color: #333;
}
/*================================================
 *  int
 ================================================*/
 #int{
   background: url(../images/hgn/bg_sch.jpg);
   background-color: rgba(0,0,0,0.6);
   background-blend-mode: darken;
   background-position: center;
	 padding: 2%;
   background-size: cover;
   box-shadow: 0 0 10px inset #000,0 0 20px inset #000,0 0 50px inset #000,0 0 100px inset #000, 0 0 200px inset #000, 0 0 300px inset #000;
 }
 #int .inner{
 	background: rgba(255,255,255,0.6);
 	margin-top: 5%;
 	border-radius: 20px;
 	padding: 2%;
  padding-top: 5%;
 	box-shadow: inset 2px 2px 5px #333,2px 2px 10px #fff,-2px -2px 10px #fff,inset 2px 2px 10px #fcbd5f,inset -2px -2px 10px #fcbd5f;
 }
 #int p{
 	font-weight: bold;
	font-size: 2.1rem;
  color: #000;
 }

 /*================================================
 *  toha
 ================================================*/
 #toha{
   background: #000;
	 padding: 2%;

 }
 #toha .inner{
 	background: #6b0303;
 	margin-top: 5%;
 	border-radius: 20px;
 	padding: 2%;
  padding-top: 5%;
 	box-shadow: inset 2px 2px 5px #333,2px 2px 10px #fff,-2px -2px 10px #fff,inset 2px 2px 10px #fcbd5f,inset -2px -2px 10px #fcbd5f;
 }
 #toha p{
 	font-weight: bold;
	font-size: 2.1rem;
  color: #fff;
 }
#toha .toha_ddk{
  font-size: 4rem;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 5px #000, 0 0 2px #000, 0 0 10px #000;
  margin-bottom: 0;
}

#toha .imgtohari{
  float: right;
  width: 35%;
  margin-left: 2%;
}
#toha .tohabox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% auto;
  background: #fff;
  padding: 2%;
  border-radius: 10px;
  box-shadow: inset 2px 2px 3px #333,inset 0 0 2px #333;
  width: 700px;
  max-width: 98%;
}

#toha .tohaboxmj{
  width: 58%;
  color: #333;
}
#toha .tohaboxim{
  width: 40%;
}



/***************************
shohinshokai
*****************************/

#shohinshokai{
	background: url(../images/hgn/bg_ttd.jpg);
  background-position: top;
  background-repeat: repeat-x;
	padding: 5% 2%;
  box-shadow: 0 0 10px inset #000,0 0 20px inset #000,0 0 50px inset #000,0 0 100px inset #000, 0 0 200px inset #000, 0 0 300px inset #000;
}
#shohinshokai .inner{
	background: rgba(255,255,255,0.6);
	border-radius: 20px;
	padding: 2%;
  padding-top: 5%;
	box-shadow: 2px 2px 10px #fff,-2px -2px 10px #fff,inset 2px 2px 10px #fcbd5f,inset -2px -2px 10px #fcbd5f;

}
#allshohin .mu{
  text-align: center;
  background: linear-gradient(transparent,transparent,transparent,#fff,transparent,transparent,transparent);
}
#allshohin .mu img{
  margin: 0 auto;
}
#allshohin .mu .muimst{
  transform: rotate(180deg);
}
#allshohin .mu p{
  color: #e0cb60;
  text-shadow: 0 0 2px #000, 0 0 5px #000, 0 0 7px #0000, 0 0 10px #000, 0 0 15px #000;
  font-size: 5rem;
  font-weight: bold;
  animation: blink 2s ease infinite;
  margin: 0;
}
#allshohin .mu i{
  color: #fff;
}

#shohinshokai p{
	font-size: 2.2rem;
	font-weight: bold;
}
#shohinshokai .innertp{
	font-size: 3rem
}
#shohinshokai .shohinshokaibj{
	font-size: 10rem;
	font-weight: bold;
	color: #faa92e;
  -webkit-text-stroke: 1px #333;
}

/***************************
商品ボックス共通
*****************************/
#allshohin{

}

#allshohin p{
	margin: 0;
}
#allshohin .tukalist{
  display: flex;
  justify-content: space-around;
  margin-bottom: 5%;
}
#allshohin .shohinshokaibox{
	/*margin-top: 2%;*/
	margin-right: 2%;
}

#allshohin .shsk_inbox_lf{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

#allshohin .shsk_inbox_ri{
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}
#allshohin .uebox{
	background: #AA9900;
	padding: 3%;
	box-shadow: 3px 3px 5px #333;
}
#allshohin .ueboxin{
	background: #fff;
	padding: 3%;
	box-shadow: 0 0 3px #333;
}
#allshohin .uebox p{
	font-size: 2.6rem;
	text-align: center;
}
#allshohin .uebox i{
	display: block;
	font-size: 6rem;
	margin-left: auto;
	margin-right: auto;
}
#allshohin .uebox .shsk_inbox_list{
	border-bottom: dotted #333 2px;
	padding-bottom: 2%;
	margin-bottom: 2%;
	border-radius: 0;
}

#allshohin .shsk_inbox_lfeachshohin{
	width: 46%;
}

#allshohin .shsk_inbox_rieachshohin{
	width: 53%;
}


#allshohin .shsk_inbox_intt{
	color: #fff;
	text-shadow: 0 0 5px #000, 0 0 10px #333;
	font-weight: bold;
	font-size: 4.5rem;
	text-align: left;
	padding: 1%;
	/*border-bottom: 3px solid #fff;*/
}
#allshohin .shsk_inbox_inttsm{
  font-size: 3rem;
  font-weight: bold;
}

#allshohin .shsk_inbox_line{
	border: none;
	border-bottom: 3px solid #fff;
	box-shadow: 0 0 5px #333, 0 0 10px #333;
	margin: 0;
	padding: 0;
	margin-bottom: 5%;
}

#allshohin .shsk_inbox_ri p.mup{
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  animation: blink 2s ease infinite;
  color: #f00;
  margin-top: 8%;
  margin-bottom: 8%;
}

#allshohin .shsk_otbox{
	padding:2%;
	background: rgba(255,255,255,0.7);
	border-radius: 10px;
	border: solid #aa9900 10px;
	box-shadow: 0 0 10px #333,0 0 10px #333 inset,0 0 20px #333 inset;
}


#allshohin .shsk_inbox_in{
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background-color: #ffffff;
	padding: 1%;
	border-radius: 10px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5%;
}

#allshohin .shsk_inbox_list{
	color: #333333;
	font-weight: bold;
	font-size: 2rem;
	padding: 1%;
	border-radius: 10px;
	margin-bottom: 0.5%;
	text-align: left;
}


#allshohin .shohinbig{
	font-size: 2.5rem;
}

#allshohin .shsk_inbox_kankyo{
	border: #000 dashed 4px;
	padding: 2%;
	width: 90%;
	margin: 2% auto;
	border-radius: 10px;
	background: rgba(255,255,255, 0.6);
}

#allshohin .shsk_inbox_kankyodt{
	color: #333333;
}
 #allshohin .shohinshokaibox p,#allshohin .shsk_otbox p{
	font-weight: bold;
	margin-bottom: 0.5%;
	margin-top: 0.5%;
	line-height: 1.5;

}
#allshohin p.shohinboxalleft{
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;

}


#allshohin .shsk_inbox_kankyo_tt{
	background: #000;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	padding: 1%;
	color: #fff;
	text-shadow: 0 0 10px #000;
}


#allshohin .productsetumesho{
 margin-top: 5%;
 margin-bottom: 5%;
}

#allshohin .shsk_inbox_inteika{
 font-size: 3.5rem;
}


#allshohin .shsk_inbox_in_teikap{
 text-decoration: line-through;
}

#allshohin .shsk_inbox_in_kakaku{
 font-size: 3.5rem;
 color: #ff0000;
 margin-bottom: 0;
 text-shadow: 0 0 3px #fff, 0 0 5px #fff;

}


#allshohin .shsk_inbox_in_price{
 font-size: 5.5rem;
 text-shadow: 0 0 3px #fff, 0 0 5px #fff,4px 4px 3px #000;

}


#allshohin .shsk_inbox_in_gentei{
 font-size: 4rem;
 color: #ff0000;
 margin-bottom: 0;
 text-shadow: 2px 2px 2px #333333;
}
#allshohin .shsk_in_smt{
  font-size: 3rem;
}

#allshohin .shohinboxnakasetume{
 margin: 1% 2% 5% 2%;
 padding: 2%;
 border: #cccccc solid 1px;
 background-color: rgba(255, 255, 255, 0.5);
 border-radius: 10px;
 box-shadow: 2px 2px 2px #000000;
 line-height: 1.8;
 text-align: left;
}

#allshohin .shohinboxmes{
 font-size: 1.5rem;
 text-align: left;
 margin: 5% 2% 0 2%;
}

/*#allshohin button.shsk_inbox_in_moshi{
 display: block;
 background: #000;
 font-weight: bold;
 text-align: center;
 width: 80%;
 margin: 3% auto;
 font-size: 3rem;
 color: #fff;
 padding: 2%;
 border-radius: 10px;
 box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
 border: #fff 5px solid
}


#allshohin button.shsk_inbox_in_moshi:hover{
 background: #fff;
 color: #000;
 border: #000 5px solid

}

#allshohin button.shsk_inbox_in_moshi:active{
	box-shadow: none;
	animation: 0.1s ease osubt forwards;
}*/

#allshohin .formshita{
	border-radius: 20px;
	padding: 2%;
	font-size: 1.8rem;
  text-align: center;
}
#allshohin .formshita span.marker{
  font-weight: bold;
}


#allshohin .shokaichui{
  padding: 2%;
  border-radius: 10px;
  border: #333 solid 1px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
  background: #fff;
}

#allshohin .shokaird{
  color: red;
  font-weight: bold;
}




/*================================================
 *  cpthanks
 ================================================*/
 #cpthanks{
   background: #000;
	 padding: 1% 2%;
	 position: relative;
	 z-index: 10;
 }

#cpthanks img{
  margin: 0 auto;
}
#cpthanks .mumj{
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  text-align:  center;
}

#cpthanks .cpimst{
  transform: rotate(180deg);
}


#cpthanks .cpdt{
  display: flex;
  justify-content:  center;
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 0;
	padding: 1%;
}

#cpthanks .thanksincp{
	border: dashed 3px #fff;
	padding: 1% 2%;
	margin: auto;
	border-radius: 10px;
}

#cpthanks .cpthanksdt{
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	color:#fff;
	margin:0;
	line-height: 2;
}

#cpthanks .shohinqrbox{
  background: #fff;
  width: 90%;
  margin: 2% auto;
  padding: 2%;
  border-radius: 10px;
  border: solid 10px #22ba4f;
  box-shadow : 3px 3px 3px yellow;
}
#cpthanks .shohinqrboxmj{
	margin-bottom: 0;
	font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#cpthanks .lichomo{
	font-size: 2.3rem;
  font-weight: bold;
  color: #22ba4f;
}

#cpthanks .qrim{
	max-width: 100%;
	margin: 2%;
}
#cpthanks a.qrli{
  display: block;
  width: 300px;
  text-align: center;
  padding: 1% 2%;
  max-width: 90%;
  margin: 2% auto;
  background: #22ba4f;
  color:#fff;
  font-weight: bold;
  font-size: 2.5rem;
  border-radius: 60px;
  text-decoration: none;
  border: 2px solid #22ba4f;
}
#cpthanks a.qrli:hover{
  background: #fff;
  color: #22ba4f;
}

#cpthanks .qrboxin{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#cpthanks .qrboxinli{
	width: 100px;
	max-width: 20%;
	text-align: right;
}
#cpthanks .qrboxinri{
	width: 300px;
	max-width: 80%;
}

/*================================================
 *  otoiawase
 ================================================*/
 .otoiawase_new{
 	padding: 5% 2%;
	background: #000;
	position: relative;
  background-size: cover;
 }
  .otoiawase_new .otoiawase_new_ue{
 	 text-align: center;
 	 font-weight: bold;
 	 color: #fff;
 	 font-size: 2.0rem;
  }
.otoiawase_newfl{
	display: flex;
	justify-content: stretch;
}
.otoiawase_newfl a{
	font-weight: bold;
	font-size: 2rem;
	text-decoration: none;
	background: #1d97f4;
	border-radius: 8px;
	padding: 2%;
	margin: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-grow: 1;
	background: #fff;
	box-shadow: 2px 2px 5px inset #513300;
  color: #333;
}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	html{
		font-size: 50%;
	}
	.inner {
		width:100%;
	}

	#contents {
		width:100%;
		padding:0 10px;
	}

	footer {
		width:100%;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.tablet{
		display: block!important;
	}
	.pc_tablet{
		display: none!important;
	}
	html{
		font-size: 45%;
	}


	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	nav {
		background:#710000;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:2;
		overflow:auto;
		position:fixed;
		top:50px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #fff;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#000;
	}
	nav li a:hover {
		color:#000;
		background:#AA9900;
		font-weight: bold;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:hover:before {
		background: #000;
}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#000;
	}
	.subnav a:hover:after {
	  background: #AA9900;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#AA9900;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#000;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#000;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.inquiryform td {
   display: block;
   width: 100%;
   font-size: 18px;
  }
  .inquiryform td input::placeholder,.inquiryform td textarea::placeholder,.inquiryform td select{
   font-size: 3vw;
  }

   .inquiryform th {
     display: block;
     width: 100%;
     font-size: 16px;

   }
     .inquiryform .button,.inquiryform .buttona {
       width: 90%;
       font-size: 3vw;
       margin-left: auto;
       margin-right: auto;
     }
       .inquiryform label {
         width: 100%;
         display: block;
       }
  .inquiryform .contactbtn{
    font-size: 5vw;
  }
  .totop{
    width: 15%;
  }
  #headshirase{
    padding-right: 50px;
}
#hmoshi .msgost{
  flex-wrap: wrap;
}
#hmoshi .msgo{
  width :100%;
  display: flex;
  justify-content: center;
}

	#allshohin .shsk_inbox_lf,#allshohin .shsk_inbox_lfeachshohin{
		width: 70%;
		display: block;
		margin: 0% 20% 2% 10%;
}
	#allshohin .shsk_inbox_ri,#allshohin .shsk_inbox_rieachshohin{
		width: 90%;
		display: block;
		margin: 2% auto;
}



	#allshohin .shsk_inbox_in{
		width: 100%;
		font-size: 15px;
	}
		#allshohin p.shohinboxalleft{
			margin-left: 2%;
			margin-right: 2%;
	}
	#allshohin .shsk_otbox p.shsk_inbox_in_kakaku{
		 text-align: center;
	}



}


@media screen and (max-width:480px) {
html{
	font-size: 45%;
}

.tp{
	background-size: 120%;
}
.innertp{
	font-size: 5vw;
}

#catch .catchtt{
  font-size: 3rem;
}



#shohinshokai .shohinshokaibj {
	font-size: 6rem;
}
#cpthanks .shohinqrboxmj{
  text-align: left;
}

}



@media screen and (max-width:350px) {
	.otoiawase_newfl{
		display: block;
	}
		.otoiawase_newfl a{
			display: block;
			width: 80%;
			margin: 2% auto;
		}
}