@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1260px){
	.gnav>a, .gnav>span{
		font-size:14px;
		padding: 0 .6em;
	}
	.gnav{
		padding: 1.5em 1em;
	}

}
@media screen and (max-width: 1200px){

}
/*スマホ用スタイル*/
@media screen and (max-width: 900px){
.only_sp{
	display:block;
}
.only_pc,
.sidebar{
	display:none;
}
	
	/* iOSでのデフォルトスタイルをリセット */
	/*input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}*/
	
	/*nav*/
	#humberger {
  position: relative;
  height: 20px;
  width: 28px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div {
  position: absolute;
  left: 0;
  height: 2px;
  width: 28px;
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  bottom: 20px;
}
#humberger div:nth-of-type(2) {
  bottom: 10px;
}
#humberger div:nth-of-type(3) {
  bottom: 0;
}
	
	.spnav_icn{
		text-align:right;
		padding:0.5em;
	}
	.dli-close {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 2em;
  height: 0.2em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}

.dli-close::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
	
	
	.spnav_head{
		align-items:center;
		padding:10px 20px;
	}
	.spnav_head_ttl,
	.spnav_list .en{
		font-size:1.4em;
		font-weight:600;
	}
	.spnav_list .en{
		display:inline-block;
		margin-right:0.5em;
	}
	.spnav_list a:active{
		/*background:#FFE200;
		color:#000;*/
	}
	.spblognav_list a{
		padding-left:5em;
	}
	.spblognav_list{
		display:none;
	}
	/*.spnav_lists>span{
		position:relative;
	}
	.spnav_lists>span:after{
		content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    font-size: 0.8em;
    position: absolute;
		color:#00a0e0;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
	}
	.spnav_lists>span.on:after{
		content: "\f077";
	}*/
	a.gnav_contact{
		display:block;
		width:100%;
		padding: 0.6em 2em;
	}
	.spnav_list{
		margin:0 0 2em;
	}
	

	/*common*/
	body{
		background: url(img/common/bgsp.png) no-repeat top center,linear-gradient(90deg, #ffe1e5 0%, #fffcd7 50%, #d9f3e3 100%);
	background-size:contain;
	}
	.logo, h1.logo{
		width:33.3333%;
		padding: 1em 1em;
	}
	.snav {
        background: url(img/common/menu.png) no-repeat center center;
        background-size: contain;
        height: 51px;
        width: 51px;
        position: absolute;
        top: 50%;
        right: 2%;
		transform: translateY(-50%);
    }
	.snav.on {
        background: url(img/common/close.png) no-repeat center center;
        background-size: contain;
    }
	.pageHeader{
		padding:0 0;
		position:fixed;
		height:76px;
		top:0;
		left:0;
		width:100%;
		z-index:100;
	}
	.spnav{
		position:fixed;
		top:78px;
		right:0;
		width:90%;
		background:#fff;
		padding:2em 0;
		/*height:100vh;*/
		z-index:100;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
		border-radius: 2em 0 0 2em;
	}
	.spnav_lists>a{
		padding:1em 2em;
		border-bottom:3px dotted #ffb3bd;
		color:#230e02;
		display:block;
	}
	.spnav_lists>span{
		padding:1em 0;
		border-bottom:3px dotted #ffb3bd;
		color:#230e02;
		display:block;
		position:relative;
	}
	.spnav_lists>span>span{
		padding:0 2em;
	}
	.spnav_lists>span:after{
		content:"";
		display:block;
		width:8px;
		height:8px;
		background:url(img/common/plus.svg) no-repeat center center;
		background-size:contain;
		position:absolute;
		top:1.7em;
		right:4%;
	}
	.spnav_lists>span.on:after{
		background:url(img/common/minus.svg) no-repeat center center;
		background-size:contain;
	}
	.spnav_listss{
		display:none;
	}
	.spnav_listss .top_gift_inner{
		padding:1em 1em 0;
		margin:1em 0 0;
		border-top:3px dotted #ffb3bd;
	}
	.spnav_listss a.top_gift_unit{
		width:48%;
	}
	.spnav_listss a.top_gift_unit:after{
		width:10px;
		height:10px;
	}
	.snsnavsp{
		padding:0 2em 0;
	}
	.snsnavsp a{
		width:12%;
		margin-right:1em;
	}
	.foot_inner01s{
		width:100%;
		text-align:center;
		margin:0 auto 2em;
	}
	.flogo{
		width:100%;
		max-width:140px;
		margin:0 auto;
	}
	.fnav{
		display:none;
	}
	.foot_access{
		width:100%;
		position:relative;
	}
	.foot_inner01s:after{
		display:none;
	}
	.foot_access_ttl span:nth-of-type(2){
		font-size:12px;
	}
	.foot_access_ttl span:nth-of-type(1){
		width:20px;
		height:20px;
	}
	.foot_access_ttl span:nth-of-type(1):before{
		width:20px;
		height:20px;
	}
	.foot_access_txt01{
		width:100%;
		font-size:10px;
	}
	a.foot_access_btn{
		font-size:10px;
		position:absolute;
		top:0;
		right:0;
		text-align:center;
	}
	a.foot_access_btn:before{
		top: -2px;
	}
	.foot_access_txt{
		margin:0 0 1em;
	}
	.foot_access{
		margin:0 0 1em;
	}
	.fnavsps{
		display:none;
	}
	.copyright{
		text-align:center;
		margin-left:0;
	}
	.fnavsp{
		border-top:1px solid #C9C9C9;
		width:100%;
		margin:0 0 1em;
	}
	.fnavsp>a,
	.fnavsp>span{
		color:#230E02;
		border-bottom:1px solid #C9C9C9;
		padding:1em 1.5em;
		display:block;
		font-size:12px;
		position:relative;
	}
	.fnavsp>a:before,
	.fnavsp>span:before{
		content:"●";
	display:block;
	color:#FFB3BD;
	font-size:8px;
	position:absolute;
	top:2em;
	left:0;
	}
	.fnavsp>span:after{
		content:"";
		display:block;
		width:8px;
		height:8px;
		background:url(img/common/plus.svg) no-repeat center center;
		background-size:contain;
		position:absolute;
		top:1.7em;
		right:4%;
	}
	.fnavsp>span.on:after{
		background:url(img/common/minus.svg) no-repeat center center;
		background-size:contain;
	}
	.fnavsps{
		margin:1em 0 0;
	}
	.fnavsps a{
		color:#230E02;
		border-top:1px solid #C9C9C9;
		padding:1em 1.5em;
		display:block;
		font-size:12px;
		position:relative;
	}
	.footcom01{
		padding: 5px;
	}
	.footcom01_inner{
		padding:2em;
	}
	.footcom01_contact{
		width:100%;
		margin:0 0 2em;
		padding:0 0 2em;
		border-bottom:1px dotted #dedede;
	}
	.footcom01_order{
		width:100%;
		padding:0;
	}
	.footcom01_contact a, .footcom01_order a{
		position:relative;
		transform: translateX(0%);
		left:0;
	}
	.footcom01_txt{
		margin:0 0 2em;
	}
	.footcom01_contact:after{
		display:none;
	}
	
	
	/*page common*/
	.comttl01en{
		font-size:36px;
	}
	.comttl01ja, h1.comttl01ja {
    font-size: 8px;
	}
	a.combtn01{
		font-size:10px;
		width: 94%;
	}
	a.combtn01left {
    margin: 0 auto;
	}
	a.combtn01:before{
		border: 1px solid #230e02;
		top: -3px;
    left: -3px;
	}
	.combox01{
		padding:3em 0;
	}
	.breadcrumb{
		bottom: 1em;
	}
	.breadcrumb a, .breadcrumb span{
		font-size:9px;
	}
	.pagehead{
		background: url(img/product/headbgsp.jpg) no-repeat center center;
    background-size: cover;
    height: 180px;
	}
	.pagehead_about{
		background: url(img/about/headbgsp.jpg) no-repeat center center;
    background-size: cover;
	}
	.pagehead_contact, .pagehead_thanks{
		background: url(img/contact/headbgsp.jpg) no-repeat center center;
    background-size: cover;
	}
	.pagehead_order{
		background: url(img/order/headbgsp.jpg) no-repeat center center;
    background-size: cover;
	}
	.pagehead_gifts{
	background:url(img/gift/headbgsp.jpg) no-repeat center center;
	background-size:cover;
	}
	
	/*top*/
	.top_slide_unit{
		margin: 0 20px;
	}
	.top_slide .slick-prev{
		left: 6%;
	}
	.top_slide .slick-next {
    right: 6%;
	}
	.top_slide{
		padding: 8em 0 8em;
		background: url(img/top/slidebgsp.png) no-repeat bottom center;
    background-size: contain;
	}
	.top_slide .slick-dots{
		bottom: 5em;
	}
	.top_slide .slick-dots li,
	.gallery_innersp .slick-dots li{
		width: 9px;
    height: 9px;
	}
	.top_about_inner{
		flex-direction: column-reverse;
	}
	.top_about_txt{
		width:100%;
	}
	.top_about_img{
		width:100%;
		margin:0 0 1em;
	}
	.top_about_img02{
		width: 40%;
		top: -3em;
	}
	.top_about_ttl{
		font-size:14px;
	}
	.top01_img01{
		width:90%;
		margin:0 0 2em;
	}
	.top01_img02{
		width:60%;
		margin-left:40%;
	}
	.top01_img02 div:nth-of-type(1){
		display:none;
	}
	.top01_img02 div:nth-of-type(2){
		width:100%;
	}
	.top_about{
		padding-bottom: 17em;
	}
	.top_lineup{
		padding-top:20em;
	}
	.top01 {
    margin-bottom: -15em;
	}
	.top_gift01{
		background: url(img/top/lace01sp.png) repeat-x bottom center;
    background-size: contain;
	}
	.top_gift02{
		background: url(img/top/lace02sp.png) repeat-x top center;
    background-size: contain;
	}
	a.top_gift_unit{
		width:48%;
	}
	a.top_gift_unit:after{
		width:10px;
		height:10px;
	}
	
	
	/*item*/
	a.item_unit{
		width:48%;
	}
	.item_price{
		font-size:9px;
		text-align:right;
	}
	.item_price span{
		font-size:12px;
	}
	.item_tag_ttl{
		font-size:12px;
	}
	.item_tag_list a{
		font-size:10px;
	}
	.item_head01{
		font-size:12px;
	}
	.item_catename,
	.item_tag{
		border-radius:0;
		margin: 0 calc(50% - 50vw) 2em;
	width: 100vw;
	}
	.item_catename_ttl{
		font-size:12px;
	}
	
	/*items*/
	.items01_txt{
		width:100%;
	}
	.items01_tag a,
	.items_price{
		font-size:10px;
	}
	h1.items_ttl,
	.items_price span{
		font-size:12px;
	}
	.items01_img{
		width:94%;
		margin:0 auto;
	}
	.items01_imgm .slick-prev, .items01_imgm .slick-next{
		width:40px;
		height:40px;
	}
	.items01_imgm .slick-prev{
		left: -20px;
	}
	.items01_imgm .slick-next {
    right: -20px;
	}
	.items02_tb th{
		display:block;
		width:100%;
		border-bottom:none;
	}
	.items02_tb td{
		display:block;
		width:100%;
	}
	
	/*gift*/
	.gift_txt01{
		text-align:left;
		width:92%;
		margin:0 auto 2em;
	}
	a.gift_unit{
		width:46%;
		margin: 0 2% 2em;
		font-size:12px;
	}
	
	/*about*/
	.about01_img{
		display:none;
	}
	.about01{
		background:url(img/about/bg01sp.jpg) no-repeat center center;
		background-size:cover;
		padding:2em 0;
	}
	.about01_inner{
		margin-top:0;
	}
	.about01_illust{
		width:40%;
		top: -4em;
		right:-1em;
	}
	.about01_ttl, .about02_ttl, .about03_ttl{
		font-size:14px;
	}
	.about01_txt{
		text-align:left;
	}
	.about02_txt, .about03_txt{
		width:100%;
	}
	.about02_img, .about03_img{
		width:100%;
	}
	.about03{
		flex-direction: column-reverse;
	}
	.about03_img div:nth-of-type(2){
		width:80%;
		margin:0 auto;
	}
	
	/*contact*/
	.contact_inner{
		padding:2em;
	}
	
	
	/*form*/
	.form_tb th{
		width:100%;
		display:block;
		border-bottom:0;
		padding-bottom:0;
	}
	.form_tb td{
		width:100%;
		display:block;
		padding-top:0;
	}
	.bifurcation-area .horizontal-item{
		display:block;
		margin-left: 0!important;
	}
	.submitbtn input,
	.backbtn input{
		font-size:12px;
		min-width: 200px;
		border: 1px solid #230e02;
	}
	.submitbtn:before,
	.mw_wp_form_preview .backbtn:before{
		top: 5px;
    left: 5px;
	}
	.mw_wp_form_preview .backbtn{
		margin:0 0 1em;
	}
	
	/*order*/
	.order01{
		flex-direction: column-reverse;
	}
	.order01_txt{
		width:100%;
	}
	.order01_img{
		width:100%;
		margin:0 0 1em;
	}
	.gallery_innersp .slick-list{
		padding-top:1em!important;
		padding-bottom:1em!important;
	}
	.gallery_innersp div.slick-slide{
	/*width:18%;*/
	margin:0 0.5%;
	background:#fff;
	padding:1em 1em 4em;
	box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.4);
	border-radius:1em;
	}
	.gallery_innersp div.slick-slide span{
	display:block;
	position:relative;
	}
	.gallery_innersp div.slick-slide span:after{
	content:"";
	display:block;
	width:48px;
	height:48px;
	background:url(img/order/plus.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	bottom:0;
	right:0;
	}
	.gallery_innersp .slick-dots{
		bottom:-60px;
	}
	.gallery {
    background: url(img/common/cloudbgsp.png) no-repeat top center #fff;
    background-size: contain;
		padding:7em 0 3em
	}
	
	/*recommend*/
	.comttl02en{
		font-size:30px;
	}
	.comttl02ja{
		font-size:10px;

	}
	
	/*blog*/
	.blogc_main{
		width:100%;
	}
	.blogc_side{
		width:100vw;
		margin:2em calc(50% - 50vw);
		background:#f7f7f7;
	}
	.blogc_nav a{
		font-size:10px;
	}
	.blogc_nav a img{
		transform: translateY(-1px);
	}
	.blogc_ttl{
		font-size:16px;
	}
	a.blog_list_unit{
		width:48%;
	}

		
	
	
	

	
	
}