@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width: 801px), print {

	
	#shop .container{
		position: relative;
		margin-top: 60px;
	}
	#shop ul {
		color: #626262;
		letter-spacing: 0.2em;
		width: 100%;
	}
		#shop ul li {
			font-weight: normal;
			padding: 30px 20px;
			border-bottom: 1px solid #c7c7c7;
		}
	#shop a{
		display: flex;
		width: 100%;
		align-items: center;
	}
	#shop a:hover{
		text-decoration: underline;
	}
	#shop .img_box{
		border: 1px solid #c7c7c7;
		width: 250px;
		margin-right: 70px;
		transition: 300ms;
	}
	#shop a:hover .img_box{
		border: 1px solid #666;
	}
		#shop .img_box img{
			width: 100%;
		}
		#shop .txt_box {
			line-height: 142px;
			font-weight: normal;
		}
	#shop .img_box.noimg{
		border: none !important;
	}
	#shop ul li:last-of-type{
		border-bottom: none;
	}
	
	
	
	


}






/* SP */
@media only screen and (max-width: 800px) {
	
	#shop .container{
		position: relative;
		margin-top: 30px;
	}
	#shop ul {
		color: #626262;
		letter-spacing: 0.2em;
		width: 100%;
	}
		#shop ul li {
			font-weight: normal;
			padding: 20px 0;
			border-bottom: 1px solid #c7c7c7;
		}
	#shop .inner{
		display: flex;
		align-items: center;
		width: 100%;
	}
	#shop .img_box{
		border: 1px solid #c7c7c7;
		width: 40%;
		/* flex-shrink: 0; */
		margin-right: 20px;
	}
		#shop .img_box img{
			width: 100%;
		}
		#shop .txt_box {
			font-weight: normal;
			flex: 1;
			text-align: left;
		}
	#shop .img_box.noimg{
		border: none !important;
	}
		#shop ul li:last-of-type{
		border-bottom: none;
	}
	
}