@charset "UTF-8";

/* デジタルチラシ　トクバイに変更
-----------------------------------*/
@media (min-width: 769px) {
    #shufooChirashiPC{ display:block; }
    #shufooChirashiSP{ display:none; }
    .rssDiv{
    	display:block;
    	width:calc( ( 100% - 60px ) / 3 );
    	margin:16px 10px;
    	padding:10px;
    	float:left;
    	text-decoration:none;
    }
    .rssDiv .rssPic{
    	width:100%;
    	height:300px;
    	background-size:cover;
    	background-position:center center;
    	border:1px solid #ccc;
    }
    .rssDiv .rssCaption{
    	color:#333;
    	display:block;
   	 	line-height: 1.3em;
    	width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* Opera9,10対応 */
    }
    .rssDiv .rssDate{
   	 	line-height: 1.5em;
        padding-top:8px;
    	color:#333;
    }
    .rssDiv .rssShop{
   	 	line-height: 1em;
        padding-top:8px;
        font-size:80%;
    	color:#333;
    }
    .shopDetailBlogLink{
    	display:block;
    	padding:20px;
    	text-align:center;
    }
    .shopDetailBlogLinkBtn{
    	width: 300px;
    	display:block;
   	 	background: rgba(40, 136, 58, 0.3);
    	font-size: 0.95em;
   	 	line-height: 1.2em;
    	font-weight: bold;
    	color: #28883A;
   		text-align: center;
    	padding: 16px 5px;
    	margin:0 auto;
    	text-decoration:none;
    }
}
@media (max-width: 768px) {
    #shufooChirashiPC{ display:none; }
    #shufooChirashiSP{ display:block; }
    .rssDiv{
    	width:calc( ( 100% - 40px ) / 2 ) !important;
      	margin:16px 10px;
    	padding:10px;
    	float:left;
    	text-decoration:none;
  }
    .rssDiv .rssPic{
    	width:100%;
    	height:200px;
    	background-size:cover;
    	background-position:center center;
    	border:1px solid #ccc;
    }
    .rssDiv .rssCaption{
   	 	line-height: 1.3em;
    	color:#333;
    	display:block;
    	width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* Opera9,10対応 */
    }
    .rssDiv .rssDate{
   	 	line-height: 1.5em;
        padding-top:8px;
    	color:#333;
    }
    .rssDiv .rssShop{
   	 	line-height: 1em;
        padding-top:8px;
        font-size:80%;
    	color:#333;
    }
    .shopDetailBlogLink{
    	display:block;
    	padding:20px;
    	text-align:center;
    }
    .shopDetailBlogLinkBtn{
    	width: 300px;
    	display:block;
   	 	background: rgba(40, 136, 58, 0.3);
    	font-size: 0.95em;
   	 	line-height: 1.2em;
    	font-weight: bold;
    	color: #28883A;
   		text-align: center;
    	padding: 16px 5px;
    	margin:0 auto;
    	text-decoration:none;
    }
}