@charset "utf-8";





@media only screen and (max-width: 480px) {



/*======================================

	h3
	
========================================*/

.h3-omusubi{
	font-family: "Zen Old Mincho", serif;
	font-size:30px;
	line-height: 1.5;
	text-indent: 0em;
	font-weight: 500;
	text-align: center;
	color: #810a12;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*======================================

	omusubi-head
	
========================================*/


#omusubi-head{
	margin: 15px auto 0 auto;
}

.omusubi-head-catch{
	font-family: "Zen Old Mincho", serif;
	font-size:42px;
	letter-spacing: 0em;
	text-indent: 0.5em;
	font-weight: 500;
	text-align: center;
	color: #810a12;
	}
	
.omusubi-head-p{
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
	text-align: center;
	margin: 15px 0 0 0;
}


.omusubi-head-photo{
	margin: 30px 0 30px 0;
	position: relative;
	height: 240px;
}

.omusubi-main-photo{
	width: 100%;
	height: 240px;
	object-fit:cover;
	position: absolute;
	top:0;
	left: 0;
	margin: 0 0 0 0;
}

.icon-omusubi{
	width: 200px;
	height: 50px;
	position: absolute;
	right:0;
	bottom: 0;
	margin: 0 0 0 0;
}



.omusubi-head-3col-wrapper{
	display: block;
	justify-content: space-between;
}

.omusubi-head-3col{
	width: 240px;
	position: relative;
	margin: 0 auto 30px auto;
}

.omusubi-head-3col-eyecatch{
	width: 100%;
	height :240px;
	position: relative;
	margin: 0 auto 0 auto;
}

.eyecatsh-photo{
	width: 240px;
	height :240px;
	position: absolute;
	top:0;
	left: 0;
}

.eyecatsh-photo img{
	width: 100%;
}

.eyecatsh-title{
	font-family: "Zen Old Mincho", serif;
	font-size:72px;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 500;
	width:100%;
	position: absolute;
	bottom:-3px;
	z-index: 200;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
}

.omusubi-head-3col-note{
	margin: 15px 0 0 0;
	font-size:14px;
	line-height: 1.5;
}



/*======================================

	omusubi-middle
	
========================================*/


#omusubi-middle{
	margin: 75px auto 0 auto;
}

	
.omusubi-middle-p{
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
	text-align: center;
	margin: 15px 0 45px 0;
	padding: 0 0 0 0;
}

.omusubi-topic{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 48px 48px 48px 48px;
	display: block;
	justify-content: space-between;
	background: #fff;
	align-items: center;
}

.omusubi-topic-left{
	width: 250px;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
}

.omusubi-topic-left{
	width: 100%;
	margin: 0 0 24px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-right{
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	background: #fff;
}

.omusubi-topic-photo{
	width: 80%;
	height: auto;
	margin: 0 auto 0 auto;
}

.omusubi-topic-catchcopy{
	font-size:15px;
	font-weight: 500;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.omusubi-topic-title{
	display: block;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
	text-align: center;
}
.omusubi-topic-title span{
	display: block;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.omusubi-topic-title01{
	display: block;
	font-family: "Zen Old Mincho", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5;
	color:#810a12;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-title02{
	display: block;
	font-family: "Zen Old Mincho", serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.5;
	color:#810a12;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-note{
	font-size:13px;
	line-height: 1.5;
}


.topic-to-page{
	margin: 24px 0 0px 0;
	text-align: center;
	}
	
.topic-to-page a{
	margin: 0 auto 0px auto;
	display: inline-block;
	width: 160px;
	height: 30px;
	color: #fff;
	font-size:13px;
	font-weight: 500;
	background: #cfc1b4;
	text-align: center;
	border-radius: 9px;
	padding: 5px 0 0 0;
	position: relative;
	transition: .7s;
}
.topic-to-page a:hover{
	background: #810a12;
}






/*======================================

	middle-image
	
========================================*/


#middle-image{
	width: 95%;
	margin: 45px auto 45px auto ;
}

#middle-image img{
	width: 100% ;
}





/*======================================

	omusubi-menu
	
========================================*/

#omusubi-top-menu{
	background: #fff;
	padding: 21px 0 12px 0;
}

#h3-omusubi-top-menu{
	margin-bottom: 30px;
}



.head-menu{
	width:100%;
	margin:0px 0 0px 0;
	padding: 0 0 0 0;
	text-align: center;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.head-menu li{
	display: block;
	width: 44%;
	margin: 0 2% 12px 2%;
}

.head-menu-now{
	display: block;
	width:100%;
	height: 45px;
	margin:0 0 0 0;
	padding: 11px 0 0 0;
	color: #fff;
	background: #810a12;
	border-radius: 9px;
	font-size: 15px;
}

.head-menu a{
	display: block;
	width:100%;
	height: 45px;
	margin:0 0 0 0;
	padding: 11px 0 0 0;
	color: #fff;
	background: #cfc1b4;
	border-radius: 9px;
	font-size: 15px;
	transition: .7s;
}
.head-menu a:hover{
	background: #810a12;
}




/*======================================

	item-list
	
========================================*/

.item-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0 0 0;
	background: #fff;
}

.item-list-box{
	width: 44%;
	margin: 0 2% 30px 2%;
}




.item-list-photo{
	width: 100%;
	margin: 0 0 15px 0;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.item-list-photo img{
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 12px;
}

.item-list-photo img:hover{
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 12px;
	transform:scale(1.05,1.05);

}


.item-list-tag{
	position: absolute;
	top:0;
	left: 0;
	display: flex;
	justify-content: flex-start;
	margin: 0 0 0 12px;
}

.ribbon-list {
	margin: 0 6px 0 0px;
	display: block;
	width: 60px;
	height: 36px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 100% 75%, 50% 65%, 0 75%, 0% 75%);
	font-size: 11px;
	text-align: center;
	padding: 3px 0 0 0;
}


.item-list-info{
	width: 100%;
	padding: 0 6px 0 6px;
}

.item-list-cat{
	width: 100%;
	padding: 2px 6px 3px 6px;
	margin: 0 0 9px 0;
	background-color: #810a12;
	color:#fff;
	text-align: center;
	font-size: 11px;
	border-radius: 6px;
}

.item-list-title{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
}
.item-list-headline{
	width: 100%;
	padding: 3px 6px 3px 6px;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 12px;
	color:#cfc1b4;
}
.item-list-price{
	width: 100%;
	padding: 3px 6px 3px 6px;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
}



/*======================================

	list-head
	
========================================*/

#omusubi-list-wrapper{
	background: #fff;
	padding: 21px 0 12px 0;
}

.list-head{
	width: 100%;
	margin: 15px auto 0 auto;
	
	
}


/*======================================

	detail
	
========================================*/

#omusubi-detail-wrapper{
	background: #fff;
	padding: 21px 0 12px 0;
}

.item-detail{
	margin: 24px 0 0 0;
	display: block;
	justify-content: space-between;
}

.item-detail-left{
	width:100%;
	margin: 0 0 30px 0;
}

.item-detail-right{
	width:100%;
}

.item-detai-mainphoto{
	width: 100%;
	margin: 0 0 9px 0;
}
.item-detai-mainphoto img{
	width: 100%;
}

.item-detai-thumbnail-wrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #fff;
}
.item-detail-thumbnail{
	display: block;
	width: 22%;
	height: 80px;
	margin: 0 1% 2px 1%;
}

.thumbnail4{
	display: block;
	width: 22%;
	height: 80px;
	margin: 0 1% 2px 1%;
}

.item-detai-thumbnail-photo{
	width: 100%;
	height: 80px;
	object-fit:cover;
}



.item-detail-meta{
	display: flex;
	justify-content: flex-start;
}


.item-detail-cat{
	display: inline-block;
	height: 27px;
	padding: 3px 36px 0px 36px;
	margin: 0 12px 9px 0;
	background-color: #810a12;
	color:#fff;
	text-align: center;
	font-size: 13px;
	border-radius: 9px;
}

.ribbon-detail {
	margin: 0 12px 0 0px;
	display: block;
	width: 77px;
	height: 39px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 100% 75%, 50% 65%, 0 75%, 0% 75%);
	font-size: 12px;
	text-align: center;
	padding: 3px 0 0 0;
}


.item-detail-title{
	font-size: 18px;
	font-weight: 600;
	margin: 18px 0 18px 0;
}

.item-detail-title span.item-detail-headline{
	display: block;
	width: 100%;
	padding: 0px 0px 6px 0px;
	margin: 0px 0 0px 0;
	font-size: 13px;
	color:#cfc1b4;
	font-weight: 400;
}


.item-detail-price{
	font-size: 32px;
	font-weight: 600;
	margin: 18px 0 18px 0;
}


.item-detail-note{
	width: 100%;
	margin: 21px 0 0 0;
	padding: 21px 0 0 0;
	border-top: 1px solid #333;
}




/*======================================

	prev
	
========================================*/

.to-prev{
	width: 100%;
	margin: 45px 0 45px 0;
	text-align: center;
}

.to-prev a{
	display: block;
	width: 300px;
	height: 42px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: #cfc1b4;
	font-size:14px;
	color:#fff;
	text-align: center;
	border-radius: 10px;
	transition: .7s;
}
.to-prev a:hover{
	background: #810a12;
}




}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {


/*======================================

	h3
	
========================================*/

.h3-omusubi{
	font-family: "Zen Old Mincho", serif;
	font-size:42px;
	text-indent: 0em;
	font-weight: 500;
	text-align: center;
	color: #810a12;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*======================================

	omusubi-head
	
========================================*/


#omusubi-head{
	margin: 36px auto 0 auto;
}

.omusubi-head-catch{
	font-family: "Zen Old Mincho", serif;
	font-size:54px;
	letter-spacing: 0.15em;
	text-indent: 0em;
	font-weight: 500;
	text-align: center;
	color: #810a12;
	}
	
.omusubi-head-p{
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
	text-align: center;
	margin: 15px 0 0 0;
}


.omusubi-head-photo{
	margin: 30px 0 30px 0;
	position: relative;
	height: 400px;
}

.omusubi-main-photo{
	width: 100%;
	height: 400px;
	position: absolute;
	top:0;
	left: 0;
	margin: 0 0 0 0;
}

.icon-omusubi{
	width: 200px;
	height: 50px;
	position: absolute;
	right:0;
	bottom: 0;
	margin: 0 0 0 0;
}



.omusubi-head-3col-wrapper{
	display: flex;
	justify-content: space-between;
}

.omusubi-head-3col{
	width: 300px;
	position: relative;
}

.omusubi-head-3col-eyecatch{
	width: 100%;
	height :300px;
	position: relative;
}

.eyecatsh-photo{
	width: 100%;
	height :300px;
	position: absolute;
	top:0;
	left: 0;
}

.eyecatsh-photo img{
	width: 100%;
}

.eyecatsh-title{
	font-family: "Zen Old Mincho", serif;
	font-size:72px;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 500;
	width:100%;
	position: absolute;
	bottom:-3px;
	z-index: 200;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
}

.omusubi-head-3col-note{
	margin: 15px 0 0 0;
	font-size:14px;
	line-height: 1.5;
}


/*======================================

	omusubi-middle
	
========================================*/


#omusubi-middle{
	margin: 75px auto 0 auto;
}

	
.omusubi-middle-p{
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
	text-align: center;
	margin: 15px 0 45px 0;
	padding: 0 0 0 0;
}

.omusubi-topic{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 48px 48px 48px 48px;
	display: flex;
	justify-content: space-between;
	background: #fff;
	align-items: center;
}

.omusubi-topic-left{
	width: 250px;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
}

.omusubi-topic-left{
	width: 250px;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-right{
	width: 550px;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	background: #fff;
}

.omusubi-topic-photo{
	width: 100%;
	height: auto;
}

.omusubi-topic-catchcopy{
	font-size:15px;
	font-weight: 500;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-title{
	display: flex;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
	justify-content: flex-start;
	align-items: center;
}
.omusubi-topic-title span{
	display: inline-block;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	justify-content: flex-start;
	align-items: center;
}

.omusubi-topic-title01{
	font-family: "Zen Old Mincho", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5;
	color:#810a12;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-title02{
	font-family: "Zen Old Mincho", serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.5;
	color:#810a12;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.omusubi-topic-note{
	font-size:13px;
	line-height: 1.5;
}

.topic-to-page{
	margin: 24px 0 0px 0;
	}
	
.topic-to-page a{
	margin: 0 0 0px 0;
	display: inline-block;
	width: 160px;
	height: 30px;
	color: #fff;
	font-size:13px;
	font-weight: 500;
	background: #cfc1b4;
	text-align: center;
	border-radius: 9px;
	padding: 5px 0 0 0;
	position: relative;
	transition: .7s;
}
.topic-to-page a:hover{
	background: #810a12;
}




/*======================================

	middle-image
	
========================================*/


#middle-image{
	width: 960px;
	margin: 90px auto 0 auto ;
}

#middle-image img{
	width: 100% ;
}






/*======================================

	omusubi-menu
	
========================================*/

#omusubi-top-menu{
	background: #fff;
	padding: 21px 0 12px 0;
}

#h3-omusubi-top-menu{
	margin-bottom: 30px;
}



.head-menu{
	width:100%;
	margin:0px 0 0px 0;
	padding: 0 0 0 0;
	text-align: center;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.head-menu li{
	width:180px;
	display: block;
	margin:0 6px 9px 6px;
}

.head-menu-now{
	display: block;
	width:180px;
	height: 45px;
	margin:0 0 0 0;
	padding: 11px 0 0 0;
	color: #fff;
	background: #810a12;
	border-radius: 9px;
	font-size: 15px;
}

.head-menu a{
	display: block;
	width:180px;
	height: 45px;
	margin:0 0 0 0;
	padding: 11px 0 0 0;
	color: #fff;
	background: #cfc1b4;
	border-radius: 9px;
	font-size: 15px;
	transition: .7s;
}
.head-menu a:hover{
	background: #810a12;
}





/*======================================

	item-list
	
========================================*/

.item-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 30px 0 0 0;
	background: #fff;
}

.item-list-box{
	width: 220px;
	margin: 0 10px 30px 10px;
}



.item-list-photo{
	width: 100%;
	margin: 0 0 15px 0;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.item-list-photo img{
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 12px;
}

.item-list-photo img:hover{
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 12px;
	transform:scale(1.05,1.05);
}

.item-list-tag{
	position: absolute;
	top:0;
	left: 0;
	display: flex;
	justify-content: flex-start;
	margin: 0 0 0 12px;
}

.ribbon-list {
	margin: 0 6px 0 0px;
	display: block;
	width: 60px;
	height: 36px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 100% 75%, 50% 65%, 0 75%, 0% 75%);
	font-size: 11px;
	text-align: center;
	padding: 3px 0 0 0;
}


.item-list-info{
	width: 100%;
	padding: 0 6px 0 6px;
}

.item-list-cat{
	width: 100%;
	padding: 3px 6px 3px 6px;
	margin: 0 0 9px 0;
	background-color: #810a12;
	color:#fff;
	text-align: center;
	font-size: 13px;
	border-radius: 6px;
}

.item-list-title{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
}
.item-list-headline{
	width: 100%;
	padding: 3px 6px 3px 6px;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 14px;
	color:#cfc1b4;
}
.item-list-price{
	width: 100%;
	padding: 3px 6px 3px 6px;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	border-radius: 6px;
}



/*======================================

	list-head
	
========================================*/

#omusubi-list-wrapper{
	background: #fff;
	padding: 21px 0 12px 0;
}

.list-head{
	width: 960px;
	margin: 15px auto 0 auto;
	
	
}


/*======================================

	detail
	
========================================*/

#omusubi-detail-wrapper{
	background: #fff;
	padding: 21px 0 12px 0;
}

.item-detail{
	margin: 24px 0 0 0;
	display: flex;
	justify-content: space-between;
}

.item-detail-left{
	width:502px;
}

.item-detail-right{
	width:400px;
}

.item-detai-mainphoto{
	width: 100%;
	margin: 0 0 21px 0;
}
.item-detai-mainphoto img{
	width: 100%;
}

.item-detai-thumbnail-wrapper{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background: #fff;
}
.item-detail-thumbnail{
	display: block;
	width: 113px;
	height: 113px;
	margin: 0 16px 16px 0;
}

.thumbnail4{
	display: block;
	width: 113px;
	height: 113px;
	margin: 0 0px 18px 0;
}

.item-detai-thumbnail-photo{
	width: 113px;
	height: 113px;
	object-fit:cover;
}



.item-detail-meta{
	display: flex;
	justify-content: flex-start;
}


.item-detail-cat{
	display: inline-block;
	height: 30px;
	padding: 3px 36px 0px 36px;
	margin: 0 12px 9px 0;
	background-color: #810a12;
	color:#fff;
	text-align: center;
	font-size: 15px;
	border-radius: 9px;
}

.ribbon-detail {
	margin: 0 12px 0 0px;
	display: block;
	width: 75px;
	height: 42px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 100% 75%, 50% 65%, 0 75%, 0% 75%);
	font-size: 13px;
	text-align: center;
	padding: 3px 0 0 0;
}


.item-detail-title{
	font-size: 20px;
	font-weight: 600;
	margin: 18px 0 18px 0;
}

.item-detail-title span.item-detail-headline{
	display: block;
	width: 100%;
	padding: 0px 0px 6px 0px;
	margin: 0px 0 0px 0;
	font-size: 15px;
	color:#cfc1b4;
	font-weight: 400;
}



.item-detail-price{
	font-size: 36px;
	font-weight: 600;
	margin: 18px 0 18px 0;
}


.item-detail-note{
	width: 100%;
	margin: 36px 0 0 0;
	padding: 36px 0 0 0;
	border-top: 1px solid #333;
}




/*======================================

	prev
	
========================================*/

.to-prev{
	width: 100%;
	margin: 45px 0 45px 0;
	text-align: center;
}

.to-prev a{
	display: block;
	width: 300px;
	height: 42px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: #cfc1b4;
	font-size:14px;
	color:#fff;
	text-align: center;
	border-radius: 10px;
	transition: .7s;
}
.to-prev a:hover{
	background: #810a12;
}




}/*//end  min-width: 481px ///////////////////////*/