@media screen and (max-width: 767px){
	/*==============================
	  general
	================================*/
	.pc{display: none !important;}
	.moblie{display: inline;}
	.main{ font-size: 16px; margin-bottom: 30px;}
	.main-content{ margin: 0 auto; width: 90%;}
	.main-area{ margin: 0 auto;}
	h3 span::before {
		content: "\A" ;
		white-space: pre ;
	}
	h3 span::after {
		content: "\A" ;
		white-space: pre ;
	}
	*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	}
	.descriptions{display: none;}
	/*==============================
	  header
	================================*/
	header{	border-bottom: 3px solid #ff0000;}
	.bannerimg{
		vertical-align: bottom;
		position:relative;
		z-index: -10;
	}
	.header-content{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: space-between;
	}
	.menu_moblie{
		display: flex;
		justify-content: flex-end;
		margin-top: 1vw;
		margin-right: 2vw;
		width: 50vw;
	 }
	.title{
		margin: 3%;
    width: 40vw;
		text-align: center;
	}
	.mainmenu .button{
		width: 90vw;
		margin: 0% auto;
		text-align: center;
	}
	.sp_btn{ margin-right: 3%;}
	.mainmenu .button li{margin: 2% auto;}
	.sns{position: absolute; top: 1%;right: 1vw;}

	.page-title{
		font-family: “Hannari”, serif;
		font-size: 22px;
		color: #ff0000;
		background-color: #ffe3e3;
		padding: 5px 0;
		letter-spacing: 0.3em;
		margin: 0;
	}

	/*==============================
	  header
	================================*/
	#openMenu{
	}
	#closeMenu{
		position:absolute;
		top: 0;
		right: 0;
		margin-top: 1vw;
		margin-right: 2vw;
	}
	#layerMenu{
		background-color: #fff;
		display: none;
		position:absolute;
		top: 0%;
		left:0;
		width:100%;
		height:auto;
		padding-top: 13vh;
		font-size: calc(100% + 0.25vw) ;
		z-index:9999;
	}
	.layerlist,
	.layeritem{
		margin: 0;
		display: block;
		width: 100%;
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		color: #000;
	}
	.layerlist{
		height: 5vh;
		border-top: solid 1px #000;
	}
	.layeritem{
		padding: 3vh 0;
		border-bottom: solid 1px #000;
	}

	/*==============================
	  toppage
	================================*/
	.top-area{width: 95vw; margin: 5% auto;}
	.moblie_img{display: block; width: 90vw; margin:5% auto;}
	.linkimg{width: 90vw; text-align: center;margin:5% auto;}
	.instagram{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		width: 90vw;
		max-width: 815px;
		border: 2px solid #f00;
		padding: 2vw;
		margin: 5% auto;
		box-sizing: border-box;
	}
	.instagram span,
	.instagram span:visited{
		color: #f00;
		font-size: 6vw;
		font-family: Georgia, serif;
	}
	.instagram img{
		width: 13vw;
		margin-left: 2%;
	}

	/*==============================
	  footer
	================================*/
	.f_bannar img{width: 100%;}
	.flexbox_b{display: flex; justify-content: space-between;}
	.footer{margin-top: 0; text-align: center;}
	.privacy{	margin-bottom: 20px;}
	.privacy p{ margin-right: 10px;	font-size: 16px !important;}
	.descriptions, .zipaddr{ font-size:  1.2vw;}
	.f_name{
		font-size: 36px;
		font-weight: bold;
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	}
	#footer_in{
		font-size: 14px;
		padding: 10% 5% ;
		text-align: center;
		background: #ff0000;
		color: #fff;
	}
	#footer_in > div{
		display: flex;
		flex-direction: column-reverse;
	}
	#foot_contact{
		padding-bottom: 2%;
		width: 100%;
	}
	.f_menu .pc_menu{display: none;}
	.f_menu {
		text-align: left;
		margin-top: 3vw;
	}
	.nav li {
		margin: 3vw 0 0 12vw;
	}
	.nav a {
	  text-decoration: none;
	  font-size: 16px;
	  color: #fff;
	}
	.copylight{ padding: 2%;}
	a.pagetop{
		position: absolute;
		right: 10px;
		top: -4%;
	}
	p#copy{ margin-top: 30px;}

	/*==============================
	  contact
	================================*/
	.h_bb_b{
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
		font-size: 30px;
		border-bottom: 1px solid #000;
		margin-bottom: 3%;
	}
	.contact{
		background: #eceded;
		padding: 3% 0;
	}
	.contact-area {
	    margin: 0 auto;
	    width: 95%;
	}

	/*==============================
	  company
	================================*/
	.company{ margin: 5% auto;  width: 95vw;}
	.h_bbdual{
		width: 95%;
		font-size: 8vw;
		font-weight: bold;
		padding: 1% 0;
		border-bottom:3px solid #eedb85;
		position: relative;
		margin:3% auto;
	}
	.h_bbdual:before{
		content:"";
		display:block;
		width:15%;
		border-bottom:3px solid #d1d1d0;
		position:absolute;
		bottom:0;
		margin-bottom:-3px;
	}

	.pr-table{
		width: 100%;
		margin: 3% 0;
	}
	.company-table{
		border-top: 1px dotted #000;
		font-size: 20px;
		margin-bottom: 15%;
	}
	.table-head,
	.table-contents{
		padding: 1% 3%;
		width: 100%;
		display: block;
		vertical-align: top;
		text-align: left;
		box-sizing: border-box;
		line-height: 2;
	}
	.company-head,
	.company-contents{
		padding: 1% 5%;
		width: 100%;
		display: block;
		vertical-align: top;
		text-align: left;
		box-sizing: border-box;
		line-height: 2;
	}
	.company-name{ font-size: 24px;}
	.dat-line{ border-bottom: 1px dotted #000;}
	.table-line{}
	.company-head,.table-head{ margin-top: 3%; font-weight: bold;}
	.company-contents,.table-contents{font-weight: normal;}
	.th_g{background: #f4f4f4;}

	/*==============================
	  product
	================================*/
	.product{
		margin: 5% auto;
		width: 95vw;
		text-align: center;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.product-item{}
	.item-title{
		font-size: 22px;
		margin: 5% auto 10%;
	}
	.shopping-item{ width: 40%; margin: 6% 5%;}
	.shopping-item > h3{
		font-weight: bold;
		text-align: center;
		line-height: 1;
		padding-bottom: 0;
		margin: 1vw 0;
		font-size: 18px;
	}
	.shopping-item > h3 span{
		font-weight: normal;
	}
	.shopping-item > p{
		text-align: left;
		min-height: 60px;
		font-size: 14px;
	}
	.star {
		margin: 10px 0;
		text-align: left;
		min-height: 60px;
		font-size: 14px;
	}
	.star span{
		display: inline-block;
		min-width: 60px;
	}
	.star i{
		color: #ffd700;
	}
	.detail_link{
		display: block;
		color: #ff0000;
		padding: 10px 10px;
		text-align: center;
		border: 1px solid #ff0000;
		font-size: 18px;
		margin: 0 0;
	}
	.product-item > div{
		margin: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	.item-title{
		font-size: 18px;
		margin: 5% auto 15%;
	}

	/*==============================
	  detail
	================================*/
	.detail{
		margin: 5% auto;
		width: 90vw;
		text-align: center;
	}
	.detail_banner{
		margin: 0% auto 5%;
		width: 90vw;
		text-align: center;
	}
	/*==============================
	  introduction
	================================*/
	.introduction{
		margin: 5% auto;
		width: 95vw;
		text-align: center;
	}
	.intro-title{
		font-size: 24px;
		width: 80%;
		color: #db0101;
		margin: 0 auto 5%;
		border-bottom: 3px dotted #ff0000;
	}
	.intro-img{
		display: inline-block;
		margin: 5% auto;
	}

	/*==============================
	  googlemap
	================================*/
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/*==============================
	  etc_page
	================================*/
	.policy{
		margin: 5% auto;
		width: 95vw;
	}
	.policy h3{
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		margin-top: 20px;
	}
	.policy p{
		margin: 10px 0;
		line-height: 1.5;
	}

	/*==============================
	  craft
	================================*/
	.menu_pc, .craft_pc, .item_pc{display: none !important;}
	.craft_moblie{display: inline; margin: 5% auto;}
	/*==============================
	  contact
	================================*/
	/* contact form7 */
	.wpcf7{ margin: 96px 0;}
	.asterisk{ margin: 0 0 0 0.2em; color: #f5637a;}
	input[type="text"],
	input[type="email"],
	select,
	input[type="url"],
	textarea{
		display: block;
		position: relative;
		background-color: #fff;
		color: #000;
		width: 90%;
		margin: 0 auto;
		border: 1px solid #ddd;
		font-size: 100%;
		padding: 0.5em;
		border-radius: 4px;
		box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
	}
	/* 送信ボタン */
	input[type="submit"], input[type="reset"], input[type="button"]{
		display: block;
		width: 90%;
		height: 15vw;
		margin: 1% auto;
		border: 1px solid #ddd;
		background: #cacaca;
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		border: 1px solid #fff;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	/* 送信ボタンホバー */
	input.sub-btn:hover{ background: #FFF;	color: #cacaca;}
	input[type="password"]{
		background-color: #fff;
		color: #000;
		border: 1px solid #ddd;
		font-size: 100%;
		padding: 0.5em;
		border-radius: 4px;
		box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
	}
	input.subon{
		width: 150px;
		height: 40px;
		background: #cacaca;
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		border: 1px solid #ffae13;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	/* 送信ボタンホバー */
	input.subon:hover{ background: #FFF;	color: #cacaca;}
}